.os-drop-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.os-drop-popup[hidden]{display:none!important}.os-drop-popup__window{position:absolute;left:0;top:0;width:min(400px,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);display:flex;flex-direction:column;pointer-events:auto;background:var(--os-platinum);border:2px solid var(--os-black);box-shadow:4px 4px #00000059;overflow:hidden}.os-drop-popup__titlebar{display:flex;align-items:center;gap:var(--os-sp-1);flex-shrink:0;min-height:var(--os-titlebar-h);padding:0 var(--os-sp-1);background:var(--os-platinum);border-bottom:1px solid var(--os-black);color:var(--os-black);cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none}.os-drop-popup__titlebar:active{cursor:grabbing}.os-drop-popup__titlebar .os-lines{flex:1;min-width:16px;pointer-events:none}.os-drop-popup__title{padding:0 var(--os-sp-2);font-family:var(--os-font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:var(--os-platinum);pointer-events:none}.os-drop-popup__close{position:relative;flex-shrink:0;width:28px;height:28px;margin:0;padding:0;border:none;background:transparent;color:var(--os-red);cursor:pointer;touch-action:manipulation}.os-drop-popup__close:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);box-sizing:border-box;background:var(--os-white);border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #666666;border-bottom:1px solid #666666;box-shadow:0 0 0 1px var(--os-black),inset 1px 1px #ddd}.os-drop-popup__close span{position:relative;z-index:1;display:block;font-size:11px;font-weight:700;line-height:28px;text-align:center;transform:translateY(-.5px)}.os-drop-popup__close:active:before{border-top-color:#666;border-left-color:#666;border-right-color:#fff;border-bottom-color:#fff;box-shadow:0 0 0 1px var(--os-black),inset 1px 1px #999}.os-drop-popup__close:active{color:#a32012}.os-drop-popup__close:focus-visible{outline:1px dashed var(--os-black);outline-offset:1px}.os-drop-popup__body{padding:0;overflow:hidden;line-height:0}.os-drop-popup__link{display:block;background:var(--os-white);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.os-drop-popup__link:focus-visible{outline:2px solid var(--os-accent);outline-offset:-2px}.os-drop-popup__image{display:block;width:100%;height:auto;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:480px){.os-drop-popup__window{width:min(340px,calc(100vw - 1rem))}.os-drop-popup__titlebar{min-height:40px}.os-drop-popup__close{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-os-drop-popup.css.map */