.custom-oled-detail{--co-accent: #b6ff3c;--co-accent-rgb: 182, 255, 60;--co-font: "heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bg-gradient, var(--bg-color, var(--co-bg, transparent)));color:var(--co-body-text-color, inherit);font-family:var(--co-font);padding-top:var(--pt_dt, 96px);padding-bottom:var(--pb_dt, 96px);padding-left:24px;padding-right:24px;position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box}.custom-oled-detail.has-product-bg{background:transparent}.custom-oled-detail.has-product-bg:before,.custom-oled-detail.has-product-bg:after{display:none}.custom-oled-detail,.custom-oled-detail *,.custom-oled-detail *:before,.custom-oled-detail *:after{box-sizing:border-box}.custom-oled-detail__pbg-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.custom-oled-detail__pbg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;pointer-events:none;overflow:hidden}.custom-oled-detail__pbg.is-active-pbg{opacity:1}.custom-oled-detail__pbg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.custom-oled-detail__pbg--mobile{display:none}@media(max-width:600px){.custom-oled-detail__pbg--mobile{display:block}.custom-oled-detail__pbg--desktop.has-mobile-alt{display:none}}.custom-oled-detail__bg-stack{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:0;pointer-events:none}.custom-oled-detail__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transform:scale(1.08);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform 1.6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.custom-oled-detail__bg.is-active-bg{opacity:1;transform:scale(1);animation:co-ken-burns 24s ease-in-out infinite alternate}@keyframes co-ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-1%,-1%)}}.custom-oled-detail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transition:background .6s ease}.custom-oled-detail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.4}.custom-oled-detail__inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;min-height:520px;background:transparent}.custom-oled-detail__group{display:none}.custom-oled-detail__group.is-active{display:block}.custom-oled-detail__detail{display:none;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.custom-oled-detail__detail.is-active-detail{display:grid;animation:co-detail-swap .7s cubic-bezier(.22,1,.36,1) both}.custom-oled-detail__detail.is-active-detail .custom-oled-detail__media{animation:co-media-in .9s cubic-bezier(.22,1,.36,1) both;animation-delay:.05s}.custom-oled-detail__detail.is-active-detail .custom-oled-detail__icon{animation:co-fade-up .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}.custom-oled-detail__detail.is-active-detail .custom-oled-detail__heading{animation:co-fade-up .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.25s}.custom-oled-detail__detail.is-active-detail .custom-oled-detail__body{animation:co-fade-up .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.35s}@keyframes co-detail-swap{0%{opacity:0}to{opacity:1}}@keyframes co-media-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes co-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-oled-detail__media{display:flex;align-items:center;justify-content:center;position:relative}.custom-oled-detail__media:before{content:"";position:absolute;left:50%;top:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(var(--co-accent-rgb),.22) 0%,rgba(var(--co-accent-rgb),.08) 35%,transparent 65%);filter:blur(40px);z-index:0;pointer-events:none}.custom-oled-detail__media img{position:relative;z-index:1;max-width:100%;height:auto;transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}.custom-oled-detail__media-placeholder{width:100%;aspect-ratio:4 / 5;max-width:420px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px dashed rgba(255,255,255,.15);border-radius:24px}.custom-oled-detail__content{color:var(--co-body-text-color, #ffffff);position:relative;max-width:520px}.custom-oled-detail__content:before{content:"";position:absolute;left:-28px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(var(--co-accent-rgb),.9) 15%,rgba(var(--co-accent-rgb),.4) 50%,transparent 100%);box-shadow:0 0 12px rgba(var(--co-accent-rgb),.5),0 0 24px rgba(var(--co-accent-rgb),.25);border-radius:2px}.custom-oled-detail__icon{width:68px;height:68px;margin-bottom:28px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(var(--co-accent-rgb),.18) 0%,transparent 60%),linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(var(--co-accent-rgb),.55);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 32px rgba(var(--co-accent-rgb),.3),0 0 0 1px rgba(var(--co-accent-rgb),.2),inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;transition:border-color .5s ease,box-shadow .5s ease}.custom-oled-detail__icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px;background:radial-gradient(circle,rgba(var(--co-accent-rgb),.4) 0%,transparent 70%);filter:blur(10px);z-index:-1;opacity:.7}.custom-oled-detail__icon img{width:54px;height:54px;object-fit:contain}.custom-oled-detail__heading{color:var(--co-heading-color, #ffffff);font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:1.5px;margin:0 0 24px;text-transform:uppercase;line-height:1.02}.custom-oled-detail__heading:after{content:"";display:block;width:64px;height:2px;margin-top:20px;background:linear-gradient(90deg,rgb(var(--co-accent-rgb)),rgba(var(--co-accent-rgb),.3));border-radius:2px}.custom-oled-detail__body{color:var(--co-body-color, rgba(255,255,255,.88));font-size:16px;line-height:1.7;max-width:480px}.custom-oled-detail__body p{margin:0 0 16px}.custom-oled-detail__body p:last-child{margin-bottom:0}.custom-oled-detail__bg.is-active-bg{transform:scale(1.06) translate(calc(var(--co-mx, 0) * -12px),calc(var(--co-my, 0) * -12px));animation:none}.custom-oled-detail__media img{transform:translate(calc(var(--co-mx, 0) * 8px),calc(var(--co-my, 0) * 8px))}.custom-oled-detail__content{transform:translate(calc(var(--co-mx, 0) * 4px),calc(var(--co-my, 0) * 4px));transition:transform .3s cubic-bezier(.22,1,.36,1);will-change:transform}.custom-oled-detail:not([data-parallax=on]) .custom-oled-detail__bg.is-active-bg{transform:scale(1);animation:co-ken-burns 24s ease-in-out infinite alternate}@media(max-width:900px){.custom-oled-detail{padding-top:var(--pt_mb, 56px);padding-bottom:var(--pb_mb, 56px);padding-left:20px;padding-right:20px}.custom-oled-detail__inner{min-height:0}.custom-oled-detail__detail{grid-template-columns:1fr;gap:40px}.custom-oled-detail__content{max-width:100%}.custom-oled-detail__content:before{left:-16px;top:4px;bottom:4px}.custom-oled-detail__icon{width:56px;height:56px;margin-bottom:20px}.custom-oled-detail__icon img{width:36px;height:36px}.custom-oled-detail__heading{font-size:clamp(28px,7vw,36px);margin-bottom:18px}.custom-oled-detail__heading:after{margin-top:14px}.custom-oled-detail__body{font-size:15px}.custom-oled-detail__bg.is-active-bg,.custom-oled-detail__media img,.custom-oled-detail__content{transform:none!important}}@media(max-width:600px){.custom-oled-detail{padding-top:var(--pt_mb, 32px);padding-bottom:var(--pb_mb, 32px);padding-left:16px;padding-right:16px}.custom-oled-detail__detail{grid-template-columns:1fr;gap:24px;text-align:center}.custom-oled-detail__content{order:1}.custom-oled-detail__media{order:2}.custom-oled-detail__content{max-width:100%;text-align:center;padding:0 4px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.custom-oled-detail__content:before{display:none}.custom-oled-detail__icon{width:56px;height:56px;margin:0;flex:0 0 auto;background:radial-gradient(circle at 50% 50%,rgba(var(--co-accent-rgb),.18) 0%,transparent 65%),linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 0 22px rgba(var(--co-accent-rgb),.28),0 0 0 1px rgba(var(--co-accent-rgb),.22),inset 0 1px #ffffff1a}.custom-oled-detail__icon img{width:32px;height:32px;display:block;margin:0}.custom-oled-detail__icon:after{top:-6px;right:-6px;bottom:-6px;left:-6px;filter:blur(8px);background:radial-gradient(circle at 50% 50%,rgba(var(--co-accent-rgb),.4) 0%,transparent 70%)}.custom-oled-detail__heading{font-size:22px;letter-spacing:1px;line-height:1.1;margin:0;flex:0 0 auto}.custom-oled-detail__heading:after{display:none}.custom-oled-detail__body{flex:0 0 100%;font-size:14px;line-height:1.55;max-width:340px;margin:0 auto;color:var(--co-body-color, #ffffff);text-shadow:0 1px 8px rgba(0,0,0,.6)}.custom-oled-detail__body p{margin:0 0 8px}.custom-oled-detail__body p:last-child{margin-bottom:0}.custom-oled-detail__media{width:100%;max-width:360px;margin:0 auto}.custom-oled-detail__media img{max-width:100%;max-height:440px;margin:0 auto}.custom-oled-detail__media:before{width:90%;height:90%;filter:blur(28px)}}.custom-oled-detail__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}@media(prefers-reduced-motion:reduce){.custom-oled-detail__group.is-active,.custom-oled-detail__detail.is-active-detail,.custom-oled-detail__detail.is-active-detail .custom-oled-detail__media,.custom-oled-detail__detail.is-active-detail .custom-oled-detail__icon,.custom-oled-detail__detail.is-active-detail .custom-oled-detail__heading,.custom-oled-detail__detail.is-active-detail .custom-oled-detail__body{animation:none!important}.custom-oled-detail__bg,.custom-oled-detail__bg.is-active-bg{transition:opacity .01s!important;animation:none!important;transform:scale(1)!important}}.custom-oled-detail__bg-stack .custom-oled-detail__bg:first-child,.custom-oled-detail__bg.is-active-bg{opacity:1}.custom-oled-detail__bg-stack .custom-oled-detail__bg:not(:first-child):not(.is-active-bg){opacity:0}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-oled-detail-s1.css.map */