.transform-theater-section{background-color:#fafbff;display:block;width:100%}.transform-theater-container{width:100%;max-width:100%;margin:0 auto}.transform-theater-content{background-color:#edeff6;border-radius:64px 64px 0 0;padding:100px 164px 0 188px;display:flex;flex-direction:column;gap:64px;align-items:center;position:relative;width:100%;box-sizing:border-box}.transform-theater-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:58px;line-height:1.2;text-align:center;letter-spacing:-1.74px;color:#6e7180;margin:0}.transform-theater-title span{display:inline}.transform-theater-title .theatre-highlight{color:#ff6663}.transform-theater-image-wrapper{position:relative;width:100%;max-width:1424px;height:652px;border-radius:16px 16px 0 0;overflow:hidden;margin:0 auto}.transform-theater-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.transform-theater-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#edeff6}.transform-theater-image-placeholder svg{width:100%;height:100%}.transform-theater-image-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0f3f7e00 54.082%,#0a356f0d);pointer-events:none;border-radius:16px 16px 0 0}.transform-theater-play-button-wrapper{position:absolute;top:40%;left:50%;transform:translate(-50%,calc(-50% + 125px));z-index:10}.transform-theater-play-button{background-color:#1e1e24;border-radius:100px;padding:10px 12px 10px 16px;height:64px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 7.9px #00000040;box-sizing:border-box;transform:scale(1)}.transform-theater-play-button:hover{background-color:#2a2a32;box-shadow:0 6px 12px #00000059;transform:scale(1.05)}.transform-theater-play-button:active{transform:scale(.98)}.transform-theater-play-button[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.transform-theater-play-button .play-icon{width:16px;height:16px;flex-shrink:0}.transform-theater-play-button span{font-family:Montserrat,sans-serif;font-weight:500;font-size:16px;line-height:normal;color:#fff;letter-spacing:-.16px}@media screen and (max-width:1500px){.transform-theater-content{padding:100px 80px 0}}@media screen and (max-width:1200px){.transform-theater-content{padding:80px 60px 0;gap:48px}.transform-theater-title{font-size:48px;letter-spacing:-1.44px}.transform-theater-image-wrapper{max-width:100%;height:auto;aspect-ratio:1424 / 652}}@media screen and (max-width:990px){.transform-theater-content{padding:60px 40px 0;gap:40px;border-radius:48px 48px 0 0}.transform-theater-title{font-size:42px;letter-spacing:-1.26px}.transform-theater-image-wrapper{border-radius:12px 12px 0 0}}@media screen and (max-width:750px){.transform-theater-content{padding:50px 24px 0;border-radius:32px 32px 0 0;gap:32px}.transform-theater-title{font-size:36px;letter-spacing:-1.08px}.transform-theater-image-wrapper{height:auto;aspect-ratio:1424 / 652;border-radius:12px 12px 0 0}.transform-theater-play-button-wrapper{transform:translate(-50%,calc(-50% + 20px))}.transform-theater-play-button{height:56px;padding:10px 14px 10px 12px}.transform-theater-play-button span{font-size:14px;letter-spacing:-.14px}.transform-theater-play-button .play-icon{width:14px;height:14px}}@media screen and (max-width:480px){.transform-theater-content{padding:40px 16px 0;gap:24px;border-radius:24px 24px 0 0}.transform-theater-title{font-size:28px;letter-spacing:-.84px}.transform-theater-image-wrapper{border-radius:8px 8px 0 0}.transform-theater-play-button-wrapper{transform:translate(-50%,calc(-50% + 20px))}.transform-theater-play-button{height:48px;padding:8px 12px 8px 10px}.transform-theater-play-button span{font-size:13px;letter-spacing:-.13px}.transform-theater-play-button .play-icon{width:12px;height:12px}}@media screen and (max-width:360px){.transform-theater-content{padding:32px 12px 0;gap:20px;border-radius:20px 20px 0 0}.transform-theater-title{font-size:24px;letter-spacing:-.72px}.transform-theater-play-button{height:44px;padding:8px 10px 8px 8px}.transform-theater-play-button span{font-size:12px}.transform-theater-play-button .play-icon{width:10px;height:10px}}.transform-theater-video-thumbnail{position:relative;width:100%;height:100%}.transform-theater-video-player{position:relative;width:100%;height:652px;border-radius:16px 16px 0 0;overflow:hidden}.transform-theater-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media screen and (max-width:750px){.transform-theater-video-player{height:auto;aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-transform-theater.css.map */