.twelve-days-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#0009;display:none;justify-content:center;align-items:center;padding:2rem 1rem;overflow-y:auto}.twelve-days-popup-overlay.active{display:flex}.twelve-days-popup-container{position:relative;background-color:#fff;padding:1.5rem 1.5rem 1rem;width:90vw;max-width:400px;max-height:90vh;aspect-ratio:7 / 10;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.twelve-days-close{display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:4.4rem;min-height:4.4rem;position:absolute;top:1rem;right:1rem;background-color:transparent;border:none;cursor:pointer;z-index:10;transition:transform .2s ease}.twelve-days-close:hover{transform:scale(1.1)}.twelve-days-close svg{height:2.4rem;width:2.4rem;color:currentColor}.twelve-days-title{width:60%;text-align:center;flex-shrink:0;margin-bottom:.5rem}.twelve-days-title img{width:100%;height:auto;display:block;max-height:60px;object-fit:contain}.twelve-days-content{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:center;perspective:1200px;overflow:visible}.twelve-days-reveal-state,.twelve-days-revealed-state{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.twelve-days-reveal-state{opacity:1;transform:rotateY(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:opacity .4s ease-out,transform .4s ease-out,filter .4s ease-out;backface-visibility:hidden;transform-style:preserve-3d}.twelve-days-reveal-state.hiding{opacity:0;transform:rotateY(90deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));pointer-events:none;padding:5%}.twelve-days-revealed-state{opacity:0;transform:scale(1.05);filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));transition:opacity .4s ease-out,transform .4s ease-out,filter .4s ease-out}.twelve-days-revealed-state.showing{opacity:1;transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.twelve-days-image{width:100%;height:auto;max-height:100%;display:block;object-fit:contain;margin:0 auto;cursor:pointer;transition:opacity .2s ease}.twelve-days-image:hover{opacity:.9}.twelve-days-desktop{display:none}.twelve-days-mobile{display:block}.twelve-days-title .twelve-days-desktop{display:none!important}.twelve-days-title .twelve-days-mobile{display:block!important}.twelve-days-reveal-button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;z-index:5}.twelve-days-reveal-state:hover:not(.hiding){filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.twelve-days-terms{width:100%;text-align:center;font-size:1rem;line-height:1.3;color:#666;flex-shrink:0;padding:0 1rem}.twelve-days-terms p{margin:.25rem 0}@media screen and (min-width: 769px){.twelve-days-popup-container{padding:2rem 2.5rem 1.5rem;width:80vw;max-width:700px;aspect-ratio:7 / 5;overflow:visible}.twelve-days-close{top:1rem;right:1rem}.twelve-days-title{width:50%;margin-bottom:.75rem}.twelve-days-title img{max-height:80px}.twelve-days-desktop{display:block}.twelve-days-mobile{display:none}.twelve-days-title .twelve-days-desktop{display:block!important}.twelve-days-title .twelve-days-mobile{display:none!important}.twelve-days-terms{font-size:1.1rem}}@media screen and (min-width: 990px){.twelve-days-popup-container{padding:2rem 3rem 2.5rem}.twelve-days-title{width:50%}}@media screen and (max-height: 600px) and (orientation: landscape){.twelve-days-popup-container{width:auto;height:95vh;padding:1rem 2rem}.twelve-days-close{top:.5rem;right:.5rem;min-width:3.6rem;min-height:3.6rem}.twelve-days-close svg{height:2rem;width:2rem}.twelve-days-terms{font-size:1rem}}body.twelve-days-popup-open{overflow:hidden}.twelve-days-interactive{width:100%;max-width:600px;margin:0 auto}.twelve-days-close:focus-visible,.twelve-days-reveal-button:focus-visible{outline:3px solid #4A90E2;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-twelve-days-popup.css.map */