.yle-delivery-matrix__stage{position:relative;min-height:clamp(380px,50vw,540px);overflow:hidden;border-radius:20px;transition:background .45s cubic-bezier(.4,0,.2,1),border-color .45s ease,box-shadow .45s ease}.yle-delivery-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.yle-delivery-stills{position:absolute;top:0;right:0;bottom:0;left:0}.yle-delivery-still{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.yle-delivery-still.is-active{opacity:1;pointer-events:auto;z-index:1}.yle-delivery-still--window .yle-delivery-still__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.yle-delivery-still__atmosphere--capsule{background:radial-gradient(ellipse 55% 48% at 28% 62%,rgba(33,68,52,.22) 0%,transparent 68%),radial-gradient(ellipse 40% 35% at 78% 32%,rgba(33,68,52,.08) 0%,transparent 62%),linear-gradient(145deg,#f9f9f780,#e6ece859)}.yle-delivery-still__atmosphere--capsule:after{content:"PP \b7  HPMC";position:absolute;bottom:18%;left:10%;font-family:var(--font-mono);font-size:clamp(20px,3vw,36px);letter-spacing:.24em;text-transform:uppercase;color:#2144340f}.yle-delivery-still__atmosphere--softgel{background:radial-gradient(ellipse 50% 45% at 72% 58%,rgba(200,146,58,.14) 0%,transparent 65%),radial-gradient(ellipse 42% 38% at 22% 28%,rgba(10,22,40,.12) 0%,transparent 60%),linear-gradient(160deg,#f6f8fc73,#f0f4fa4d)}.yle-delivery-still__atmosphere--softgel:after{content:"LV \b7  LIPID";position:absolute;bottom:16%;right:10%;font-family:var(--font-mono);font-size:clamp(20px,3vw,36px);letter-spacing:.24em;text-transform:uppercase;color:#0a162812}.yle-delivery-still__atmosphere--gummy{background:radial-gradient(ellipse 48% 42% at 50% 70%,rgba(92,20,32,.1) 0%,transparent 62%),radial-gradient(ellipse 38% 34% at 24% 24%,rgba(10,22,40,.06) 0%,transparent 58%),linear-gradient(155deg,#f9f9f77a,#f6f2f452)}.yle-delivery-still__atmosphere--gummy:after{content:"CB \b7  GEL";position:absolute;bottom:17%;left:12%;font-family:var(--font-mono);font-size:clamp(20px,3vw,36px);letter-spacing:.24em;text-transform:uppercase;color:#5c142012}.yle-delivery-still--window .yle-delivery-still__glass{position:absolute;top:8%;right:6%;bottom:8%;left:6%;z-index:2;border-radius:var(--yle-glass-radius-sm, 12px);background:#f9f9f761;-webkit-backdrop-filter:blur(32px) saturate(1.55) brightness(1.04);backdrop-filter:blur(32px) saturate(1.55) brightness(1.04);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #050a100a,0 20px 48px #050a1014;pointer-events:none}.yle-delivery-still--window .yle-delivery-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;display:block}.yle-delivery-matrix[data-active-vessel=capsule] .yle-delivery-matrix__stage,.yle-delivery-matrix[data-active-vessel=softgel] .yle-delivery-matrix__stage{background:#f9f9f747;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #ffffffbf,0 16px 40px #050a1012,0 40px 80px #2144340f}.yle-delivery-matrix[data-active-vessel=softgel] .yle-delivery-matrix__stage{background:#f6f8fc42;box-shadow:inset 0 1px #ffffffbf,0 16px 40px #050a1012,0 40px 80px #0a162812}.yle-delivery-still--window .yle-delivery-canvas,.yle-delivery-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:block;pointer-events:none;opacity:1!important}.yle-delivery-matrix__stage,.yle-delivery-stills,.yle-delivery-still{overflow:hidden}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.yle-delivery-still--window .yle-delivery-still__glass{background:#f9f9f7e0}.yle-delivery-matrix[data-active-vessel=capsule] .yle-delivery-matrix__stage,.yle-delivery-matrix[data-active-vessel=softgel] .yle-delivery-matrix__stage{background:#f9f9f7f0}}@media(prefers-reduced-motion:reduce){.yle-delivery-still{transition-duration:.12s}}@media screen and (max-width:749px){.yle-delivery-still--window .yle-delivery-still__glass{top:6%;right:4%;bottom:6%;left:4%;border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ylemopure-delivery-visual.css.map */