html,body{position:relative;height:100%;margin:0;padding:0}body{background:#000;color:#fff;line-height:1.5;font-family:-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;align-items:center;justify-content:center}:root{--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-pagination-bullet-inactive-color: #fff}.swiper{width:100%;height:100vh}.swiper{position:relative;overflow:hidden}.swiper-slide{position:relative}img.swiper-gl-parfum{display:block;width:100%;height:auto;transition:opacity .3s,transform .3s}.swiper-slide-content{position:absolute;left:32px;bottom:18rem;max-width:calc(100% - 64px)}.swiper-slide-title{font-size:32px;font-weight:700;line-height:1.25;text-shadow:0px 0px 5px rgba(0,0,0,.25)}.demo-shader-picker{position:absolute;right:8px;top:8px;z-index:100;cursor:pointer}.demo-shader-selector{display:flex;align-items:center;color:#0080ff;background:#282828;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500}.demo-shader-selector span{color:#fff;margin-right:4px}.demo-shader-selector svg{width:12px;height:12px;position:relative;top:1px;margin-left:2px}.demo-shader-selector:hover{background:#2d2d2d}.demo-shader-options{position:absolute;text-align:right;right:8px;top:8px;background:#323232;border-radius:4px;display:none;white-space:nowrap;line-height:1;font-weight:500;font-size:14px;font-family:Monaco,Menlo,monospace}.demo-shader-options span{display:block;padding:8px 16px}.demo-shader-options span+span{border-top:1px solid rgba(255,255,255,.1)}.demo-shader-options span:hover{background:#ffffff0d;color:#0080ff}.demo-shader-current{font-family:Monaco,Menlo,monospace}@keyframes fadeScaleIn{0%{opacity:0;transform:translate(-50%,-65%) scale(0)}60%{opacity:1;transform:translate(-50%,-65%) scale(0)}to{opacity:1;transform:translate(-50%,-65%) scale(1)}}@keyframes fadeScaleOut{0%{opacity:1;transform:translate(-50%,-65%) scale(1)}50%{opacity:0;transform:translate(-50%,-65%) scale(0)}to{opacity:0;transform:translate(-50%,-65%) scale(0)}}@keyframes parfFadeScaleIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes parfFadeScaleOut{0%{opacity:1;transform:scale(1)}70%{opacity:0}to{opacity:0;transform:scale(0)}}swiper-bg,.swiper-product{position:absolute;top:0;left:0;width:100%;height:100vh}.swiper-bg{z-index:1}.swiper-product{z-index:2}.swiper-product .swiper-gl-parfum{animation:parfFadeScaleOut 1s ease forwards;z-index:4}.swiper-product .swiper-slide-active .swiper-gl-parfum{animation:parfFadeScaleIn 1.8s ease forwards}.swiper-product .swiper-gl-ingredient{animation:fadeScaleOut 1s ease forwards;transform-origin:center center;position:absolute;top:50%;left:50%;z-index:-1}.swiper-product .swiper-slide-active .swiper-gl-ingredient{animation:fadeScaleIn 1.3s ease forwards}.product-nav{position:absolute;bottom:1rem;left:0;width:100%;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:0px}.product-nav h3{font-family:Caviar;font-weight:700;font-size:12px;leading-trim:Cap height;line-height:15.19px;letter-spacing:.08em;text-align:center;color:#fff;padding:50px 0 20px}.product-nav h3,.product-nav .flex{text-align:center;margin:auto}.product-nav-item{cursor:pointer;opacity:.7;transition:all .5s}.product-nav-item.active{cursor:pointer;opacity:1;transform:scale(1.2);transition:all .5s}.product-nav-item:hover{opacity:1;transform:scale(1.2);transition:all .5s}.product-nav-item img{max-height:100px;display:block;object-fit:cover;aspect-ratio:4/6}.swiper-slide-content{max-width:calc(100% - 64px);margin:auto;width:100%;top:0}.swiper-slide-content img{max-height:75vh;object-fit:contain}.discover{text-align:center;width:fit-content;justify-content:center;display:flex;margin:auto;color:#fff}.swiper-gl-parfum{transition:opacity .3s ease,transform .5s ease;opacity:0;transform:scale(1)}.nav-arrow{align-items:center;display:flex}.slider-container{opacity:0;visibility:hidden;transition:opacity 1s ease-in-out}.slider-container.loaded{opacity:1;visibility:visible}@media (max-height: 660px),(max-width: 570px){.discover{position:absolute;bottom:98px;padding:5px 10px;margin:auto;justify-self:anchor-center;z-index:8}.swiper-product .swiper-gl-ingredient{top:58%}.swiper-product .swiper-gl-parfum{top:50%;position:absolute!important}@keyframes fadeScaleIn{0%{opacity:0;transform:translate(-50%,-65%) scale(0)}60%{opacity:1;transform:translate(-50%,-65%) scale(0)}to{opacity:1;transform:translate(-50%,-65%) scale(1)}}@keyframes fadeScaleOut{0%{opacity:1;transform:translate(-50%,-65%) scale(1)}50%{opacity:0;transform:translate(-50%,-65%) scale(0)}to{opacity:0;transform:translate(-50%,-65%) scale(0)}}@keyframes parfFadeScaleIn{0%{opacity:0;transform:translateY(-50%) scale(0)}50%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes parfFadeScaleOut{0%{opacity:1;transform:translateY(-50%) scale(0)}70%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:0;transform:translateY(-50%) scale(0)}}}.overlay_swiper{position:absolute;top:0;height:100vh;width:100vw;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main.css.map */