:root{--Grapefruit-Sunrise: linear-gradient(180deg, #0032ff 0%, #0049ff 100%);--goldenModalTop: 136px}.golden-modal{position:fixed;bottom:0;width:100%;height:calc(100vh + var(--goldenModalTop));transform:translateY(100vh);z-index:99;transition:all .3s ease;transition-behavior:allow-discrete;opacity:1;visibility:visible}.golden-modal__container{width:100%;height:100%;height:calc(100vh + var(--goldenModalTop));display:flex;flex-direction:column;position:relative}.golden-modal.active{transform:translateY(0)}.golden-modal.active .golden-modal__preview{clip-path:ellipse(100% 180% at 50% 200%)}.golden .golden-modal__minimal{height:100%;width:100%}.golden-modal__preview{display:flex;flex-direction:column;text-align:center;padding:38px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);clip-path:ellipse(closest-side farthest-side at 50% 200%);background-color:#fbbe23cc;width:100%;position:relative;transition:clip-path 50ms ease}.golden-modal__preview button{z-index:1}.golden-modal__preview-title{color:#213c91;font-weight:700!important;margin-bottom:3px;font-size:32px}.golden-modal__close-btn{position:absolute;top:20px;right:30vh;background-color:#fecd00;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:28px;width:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}.golden-modal__toggle-btn{top:20px;right:20px;height:28px;width:28px;position:absolute;opacity:0}.golden-modal__close-btn svg{margin-left:1px}.golden-modal__main{height:100%;background-color:#fbbe23cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;grid-template-columns:repeat(24,1fr);column-gap:16px;padding-right:16px}.golden-modal__main-content{display:flex;position:relative;flex-direction:column;justify-content:space-between;grid-column:13 / span 12;padding-block:60px}.golden-modal__main-title,.golden-modal__main-title span{font-size:80px;font-weight:700;line-height:80%}.golden-modal__main-title{opacity:0}.golden-modal__image .aspectholder{width:100%}.golden-modal__image .aspectholder *{width:100%;height:100%}.golden-modal__image{width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:50%;transform-origin:center;opacity:0;visibility:hidden;transition:all ease-out .1s}.golden-modal__image-container{position:relative;grid-column:1 / span 12;overflow:hidden}.golden-modal__main-title--white{color:#fff}.golden-modal__main-body{font-weight:700;width:50%}.golden-modal__footer{opacity:0}.golden-modal__footer a{margin-top:12px}.golden-modal__newsletter{width:50%;margin-bottom:24px;opacity:0}.golden-modal__newsletter-title{font-size:16px;font-weight:700;margin-bottom:8px}.golden-modal__image:not(:last-child):nth-of-type(1) img{rotate:-32deg}.golden-modal__image:nth-of-type(2) img{rotate:21deg}.golden-modal__image:nth-of-type(3) img{rotate:28deg}.golden-modal__image:nth-of-type(4) img{rotate:-25deg}.golden-modal__image:nth-of-type(5) img{rotate:-19deg}.golden-modal__release-text{color:#fff;margin-top:20px;font-size:24px;font-weight:700;opacity:0}.golden-modal.non-active{opacity:0;visibility:hidden}.data-golden-modal-footer{opacity:0}@media all and (max-width: 1024px){.golden-modal__image-container{grid-column:1 / -1}.golden-modal__main-content{grid-column:1 / -1;padding-inline:20px;justify-content:flex-end;row-gap:60px;padding-block:20px;height:calc(100% - 30px)}.golden-modal__main{padding-inline:0px}.golden-modal__main-title{font-size:48px}.golden-modal{transform:translateY(calc(100vh + 42px))}.golden-modal__close-btn{right:40px;top:-20px}.golden-modal__preview{padding:32px}.golden-modal__preview{clip-path:ellipse(closest-side farthest-side at 50% 90%)}.golden-modal__preview-title{font-size:18px}.golden-modal.active{transform:translateY(31px)}.golden-modal__image-container{position:absolute;top:50%;width:25dvh;max-width:320px;left:50%;transform:translate(-50%);overflow:unset;transition:all .3s ease-in-out .3s}.golden-modal__image-container.finished{top:30vh}.golden-modal__image{max-width:80%}.golden-modal__newsletter,.golden-modal__main-body{width:80%}.golden-modal__toggle-btn{top:40px}.golden-modal__container{height:calc(100vh + var(--goldenModalTop))}.golden-modal__release-text{color:#fff;margin-top:20px;font-size:18px;font-weight:700}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-golden-modal.css.map */