.popup-modal{background-color:var(--popupModalBackgroundColor,#aaaaaa4d);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.popup-box{box-sizing:border-box;border:var(--popupBorder,none );box-shadow:var(--popupBoxShadow,0 0 10px #ddd);border-radius:var(--popupBorderRadius,1rem);font-family:var(--popupFontFamily,Helvetica, Verdana, sans-serif);line-height:var(--popupLineHeight,1.8);padding-top:var(--popupPaddingTop,1rem);padding-right:var(--popupPaddingRight,2rem);padding-bottom:var(--popupPaddingBottom,1rem);padding-left:var(--popupPaddingRight,2rem);background-color:var(--popupBackground,#fff);scrollbar-width:thin;scrollbar-color:var(--popupIconColor,#888) var(--popupBackground,#fff) ;width:auto;max-width:90vw;height:auto;max-height:75vh;transition:all .3s;display:block;position:fixed;top:50vh;left:50vw;overflow:auto;transform:translate(-50%)translateY(-50%)scale(1)}.popup-box .arrow{transform-origin:50%;background-color:inherit;width:var(--popupArrowSize,24px);height:var(--popupArrowSize,24px);transition:margin .3s;display:none;position:absolute;box-shadow:4px 4px 4px #dcdcdc66}.popup-box .arrow.top{inset:-12px auto auto;transform:rotate(225deg)}.popup-box .arrow.right{inset:auto -12px auto auto;transform:rotate(-45deg)}.popup-box .arrow.bottom{inset:auto auto -12px;transform:rotate(45deg)}.popup-box .arrow.left{inset:auto auto auto -12px;transform:rotate(135deg)}.popup-box.has-iframe{width:90vw;height:75vh}.popup-box::-webkit-scrollbar{background:var(--popupBackground,#fff);width:2px;height:6px}.popup-box::-webkit-scrollbar-thumb{background:var(--popupIconColor,#888);box-shadow:none;border-radius:4px}.popup-box::-webkit-scrollbar-corner{background:0 0}.popup-box .icons{white-space:nowrap;z-index:1;position:absolute;right:1rem}.popup-box .icons>*{height:var(--popupIconSize,22px);display:inline-block}.popup-box .icons .icon-close{cursor:pointer}.popup-box .icons .icon-close svg{transition:all .1s ease-in-out}.popup-box .icons .icon-close svg:hover{text-shadow:none;transform:rotate(90deg)}.popup-box .icons svg{height:var(--popupIconSize,22px);fill:var(--popupIconColor,#888);opacity:.5;vertical-align:middle;filter:drop-shadow(.2rem .2rem .4rem #ccc);display:none}.popup-box .icons svg:hover{opacity:1;filter:none}.popup-box .popup-body{height:calc(100% - 3rem);position:relative}.popup-box .popup-body iframe{background-color:#0000;border:none;width:100%;height:100%;padding:0}.popup-box.chromeless{padding:0}.popup-box.chromeless .popup-header{display:none}.popup-box.chromeless .popup-body{padding:0}.popup-box.large{width:90vw}@media (width<=767px){.popup-box{width:90vw}}@media (width<=400px){.popup-box{width:100vw;max-width:100vw;max-height:100vh}.popup-box.large{width:100vw}}