.case-lab-section{color-scheme:dark;--bg:#07090d;--panel:#14171e;--line:#ffffff14;--text:#f2f3f6;--muted:#959ba8;--red:#dd2546;--blue:#26487e}:where(.case-lab-section) *{box-sizing:border-box}.case-lab-section{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}:where(.case-lab-section) button,:where(.case-lab-section) select{font:inherit;color:inherit}:where(.case-lab-section) button{cursor:pointer;border:0}:where(.case-lab-section) button,:where(.case-lab-section) a,:where(.case-lab-section) select{-webkit-tap-highlight-color:transparent}:where(.case-lab-section) button,:where(.case-lab-section) a{touch-action:manipulation}:where(.case-lab-section) a{color:inherit;text-decoration:none}:where(.case-lab-section) button:focus-visible,:where(.case-lab-section) a:focus-visible,:where(.case-lab-section) select:focus-visible,:where(.case-lab-section) summary:focus-visible{outline:2px solid #82a9ed;outline-offset:3px}:where(.case-lab-section) button:disabled{opacity:.4}:where(.case-lab-section) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.case-lab-section) .ticker{height:18px;white-space:nowrap;overflow:hidden;text-align:center;font:12px/18px monospace;letter-spacing:5px;color:#a23949;background:#08090d;border-bottom:1px solid #e631481a}:where(.case-lab-section) .shell{max-width:1040px;margin:auto;position:relative}:where(.case-lab-section) header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line);background:#0a0b10;position:relative;z-index:10}:where(.case-lab-section) .brand{display:flex;align-items:center;gap:10px}:where(.case-lab-section) .brand span{font:23px var(--font-body-family, sans-serif);letter-spacing:3px}:where(.case-lab-section) .brand img{object-fit:contain}:where(.case-lab-section) .icon{width:44px;height:44px;padding:11px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%}:where(.case-lab-section) .icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.4}:where(.case-lab-section) .bag{gap:4px;padding:7px}:where(.case-lab-section) .bag span{font-size:12px;color:#bfc4ce}:where(.case-lab-section) nav{position:absolute;top:66px;left:12px;right:12px;z-index:15;padding:12px;background:#1b1e27f5;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px #0008}:where(.case-lab-section) nav:not([hidden]){display:flex;flex-wrap:wrap;gap:8px}:where(.case-lab-section) nav a{padding:12px 15px;min-height:44px;font-size:15px}:where(.case-lab-section) .stage{height:455px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 25%,#66172755,transparent 65%),radial-gradient(ellipse at 100% 70%,#1c43765e,transparent 62%),#090d14;isolation:isolate}:where(.case-lab-section) .stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#0c1018,transparent 30%,#080a1022);z-index:1}:where(.case-lab-section) #viewer{position:absolute;top:8px;right:0;bottom:33px;left:0;z-index:2;touch-action:auto}:where(.case-lab-section) #viewer canvas{display:block;width:100%;height:100%;touch-action:auto}:where(.case-lab-section) .skin-caption{position:absolute;top:15px;left:18px;z-index:3;font-size:13px;color:#c0c5cf;pointer-events:none}:where(.case-lab-section) .skin-caption>span{display:inline-flex;gap:6px;padding:7px 11px;background:#141821a6;border:1px solid #ffffff0c;border-radius:20px}:where(.case-lab-section) .skin-caption b{font-weight:500;color:#f0f1f5}:where(.case-lab-section) .stage-bottom{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px}:where(.case-lab-section) .stage-bottom>span{font-size:12px;color:#a5abb8}:where(.case-lab-section) .view-controls{display:flex;background:#1a202ba8;border:1px solid #ffffff16;border-radius:22px;padding:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:where(.case-lab-section) .view-controls button{width:42px;height:38px;background:transparent;font-size:23px;border-radius:20px;color:#cdd5e2}:where(.case-lab-section) .view-controls button:active{background:#ffffff12}:where(.case-lab-section) .skin-section{position:relative;margin-top:-1px;padding:20px 0 8px;background:linear-gradient(#141820,#101319);border-radius:27px 27px 0 0;border-top:1px solid #ffffff10;z-index:4}:where(.case-lab-section) .section-label{display:flex;align-items:center;justify-content:space-between;padding:0 21px;gap:15px}:where(.case-lab-section) .section-label h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-.2px}:where(.case-lab-section) .section-label>span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}:where(.case-lab-section) .skin-list{display:flex;overflow-x:auto;gap:11px;padding:17px 21px 13px;scroll-snap-type:x proximity;scrollbar-width:none}:where(.case-lab-section) .skin-list::-webkit-scrollbar{display:none}:where(.case-lab-section) .skin{flex:0 0 94px;padding:0;background:#1a1d25;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;scroll-snap-align:center;position:relative}:where(.case-lab-section) .skin img{display:block;width:100%;height:116px;object-fit:cover}:where(.case-lab-section) .skin>span{display:block;padding:9px 5px;font-size:13px;text-align:center;color:#c6cad3}:where(.case-lab-section) .skin[aria-pressed=true]{border-color:#ef3b51;box-shadow:0 0 0 2px #ca263d}:where(.case-lab-section) .skin[aria-pressed=true]>span{color:#fff}:where(.case-lab-section) .product{padding:10px 21px 20px;background:#101319}:where(.case-lab-section) .product-heading{margin:7px 0 16px}:where(.case-lab-section) .product-heading h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0}:where(.case-lab-section) .device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;min-height:53px;border:1px solid var(--line);border-radius:14px;background:#1c2028;margin-bottom:16px}:where(.case-lab-section) .device-label{font-size:15px;color:#adb3c0;flex:0 0 auto}:where(.case-lab-section) #phoneSelect{width:auto;min-width:0;max-width:76%;min-height:51px;border:0;outline-offset:0;background:transparent;padding:8px 0 8px 8px;text-align:right;font-size:16px;font-weight:500}:where(.case-lab-section) .add{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:55px;padding:14px 18px;border-radius:15px;background:linear-gradient(110deg,#cc233e,#a51f3a);color:#fff;box-shadow:inset 0 1px #ffffff18;font-size:16px;font-weight:600}:where(.case-lab-section) .add>span:last-of-type{font-variant-numeric:tabular-nums;font-weight:500}:where(.case-lab-section) .add>span:last-of-type>span{display:none}:where(.case-lab-section) .add:active{filter:brightness(.9)}:where(.case-lab-section) .preview-info{padding-top:13px;text-align:center;color:#8b929f;font-size:12px}:where(.case-lab-section) .preview-info summary{cursor:pointer;list-style:none;min-height:25px}:where(.case-lab-section) .preview-info p{font-size:12px;line-height:1.5;max-width:320px;margin:6px auto}:where(.case-lab-section) dialog{color:var(--text);background:#191d25;border:1px solid #ffffff1f;border-radius:25px;width:min(92vw,470px);padding:23px;max-height:85dvh;overflow:auto;box-shadow:0 25px 80px #0009}:where(.case-lab-section) dialog::backdrop{background:#05070cbf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}:where(.case-lab-section) .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}:where(.case-lab-section) .dialog-heading h2{font-size:23px;letter-spacing:-.6px;margin:0}:where(.case-lab-section) .cart-item{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}:where(.case-lab-section) .cart-item img{width:65px;height:85px;object-fit:cover;border-radius:10px}:where(.case-lab-section) .cart-item p{margin:0 0 8px;font-size:14px}:where(.case-lab-section) .cart-item small{font-size:12px;color:#a7adba}:where(.case-lab-section) .cart-note{font-size:13px;color:#a7adba;line-height:1.5}:where(.case-lab-section) .secondary{width:100%;padding:15px;background:#2a3446;border-radius:13px;font-size:14px}:where(.case-lab-section) #toast{display:none}@media(min-width:760px){:where(.case-lab-section) .shell{margin:20px auto;border:1px solid #ffffff10;border-radius:26px;overflow:hidden}:where(.case-lab-section) header{height:76px;padding:0 25px}:where(.case-lab-section) nav{top:76px}:where(.case-lab-section) main{display:grid;grid-template-columns:1.1fr 1fr;background:#101319;align-items:start}:where(.case-lab-section) .stage{height:670px;grid-row:1/3}:where(.case-lab-section) #viewer{top:28px;right:0;bottom:53px;left:0}:where(.case-lab-section) .stage-bottom{bottom:28px}:where(.case-lab-section) .skin-caption{top:26px;left:25px}:where(.case-lab-section) .skin-section{min-width:0;border:0;border-radius:0;padding-top:29px;margin:0}:where(.case-lab-section) .product{align-self:start;padding:8px 25px 24px}:where(.case-lab-section) .skin-list{padding-left:25px}:where(.case-lab-section) .section-label{padding:0 25px}:where(.case-lab-section) .skin{flex-basis:100px}:where(.case-lab-section) .skin img{height:132px}}@media(max-width:370px){:where(.case-lab-section) .brand span{font-size:20px;letter-spacing:2px}:where(.case-lab-section) .brand{gap:6px}:where(.case-lab-section) .stage{height:420px}:where(.case-lab-section) #phoneSelect{font-size:15px}:where(.case-lab-section) .product,:where(.case-lab-section) .section-label{padding-left:17px;padding-right:17px}}@media(prefers-reduced-motion:reduce){:where(.case-lab-section) *{scroll-behavior:auto!important;transition:none!important}}.case-lab-section{--bg:#05070b;--red:#aa0014;--muted:#aaa8b4}.case-lab-section{background:#030509;font-family:var(--font-body-family, sans-serif);color:#f3eff4}:where(.case-lab-section) .shell{background:#06090f}:where(.case-lab-section) .ticker{display:block;height:19px;font:12px/19px monospace;letter-spacing:5px;color:#bd4659;background:#060509;border-bottom:1px solid #71001c55}:where(.case-lab-section) header{height:70px;background:#08070c;border-bottom:1px solid #a000222b;padding:0 19px}:where(.case-lab-section) .brand{gap:9px}:where(.case-lab-section) .brand span{font-size:25px;letter-spacing:3px}:where(.case-lab-section) .brand img{width:29px;height:29px}:where(.case-lab-section) .icon{background:transparent;box-shadow:none;border:0;border-radius:4px}:where(.case-lab-section) .bag span{font-family:var(--font-body-family, sans-serif);font-size:15px}:where(.case-lab-section) .stage{height:448px;background:radial-gradient(ellipse at 50% 45%,#132d41,#091320 45%,#06080e 78%)}:where(.case-lab-section) .glass-atmosphere,:where(.case-lab-section) .glass-grain{display:none}:where(.case-lab-section) .stage:after{background:linear-gradient(0deg,#07080d,transparent 25%,transparent 85%,#08070c)}:where(.case-lab-section) #viewer{top:0;right:0;bottom:28px;left:0}:where(.case-lab-section) .stage-bottom{bottom:13px;right:18px;left:18px;justify-content:flex-end}:where(.case-lab-section) #viewerStatus:empty{display:none}:where(.case-lab-section) #viewerStatus:not(:empty){margin-right:auto;max-width:65%;font:12px/1.4 var(--font-body-family, sans-serif)}:where(.case-lab-section) .view-controls{padding:1px;border-radius:6px;border:1px solid #84475955;background:#0e1420a6;box-shadow:inset 0 1px #ffffff0b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:where(.case-lab-section) .view-controls button{height:39px;width:43px;border-radius:4px;color:#d1c7d5;font-family:Arial,sans-serif;font-size:23px}:where(.case-lab-section) .skin-section{margin:0;padding:16px 0 4px;border:0;border-radius:0;background:#07080d;box-shadow:none}:where(.case-lab-section) .section-label{padding:0 20px}:where(.case-lab-section) .section-label h2{font-family:var(--font-body-family, sans-serif);font-weight:400;text-transform:uppercase;font-size:17px;letter-spacing:.15em}:where(.case-lab-section) .section-label>span{font:12px/1.4 monospace;color:#b69da9}:where(.case-lab-section) .skin-list{gap:14px;padding:17px 20px 18px}:where(.case-lab-section) .skin{flex-basis:98px;border:1px solid #aa0014;border-radius:0;background:transparent;box-shadow:0 0 8px #aa001444;transition:box-shadow .18s,transform .18s}:where(.case-lab-section) .skin img{width:100%;height:123px;object-fit:cover}:where(.case-lab-section) .skin>span{display:none}:where(.case-lab-section) .skin[aria-pressed=true]{border-color:#fa3157;box-shadow:0 0 0 1px #fa3157,0 0 13px #aa0014bb,0 0 25px #ff002833}:where(.case-lab-section) .skin:active{transform:scale(.98)}:where(.case-lab-section) .product{padding:12px 20px max(23px,env(safe-area-inset-bottom));background:linear-gradient(#07080d,#080c14)}:where(.case-lab-section) .product-heading{margin:0 0 13px}:where(.case-lab-section) .product-heading h2{font-family:var(--font-body-family, sans-serif);font-weight:400;font-size:26px;letter-spacing:.04em}:where(.case-lab-section) .device-row{background:#101622;border:1px solid #aa00145c;border-radius:7px;min-height:51px;padding:0 13px;margin-bottom:17px;box-shadow:inset 0 1px #ffffff08}:where(.case-lab-section) #phoneSelect{max-width:100%;width:100%;text-align:left;font-family:var(--font-body-family, sans-serif);font-size:18px;font-weight:400;min-height:51px;padding:8px 0;background:transparent;color:#eeeaf2}:where(.case-lab-section) #phoneSelect option{background:#101622;color:#fff}:where(.case-lab-section) .add{border-radius:0;border:2px solid #aa0014;background:linear-gradient(110deg,#24071388,#0a101aaa);box-shadow:0 0 10px #aa001473,0 0 24px #ff00282e;min-height:57px;padding:13px 16px;font-family:var(--font-body-family, sans-serif);font-size:17px;font-weight:400}:where(.case-lab-section) .add>span:first-of-type{letter-spacing:.13em;text-transform:uppercase}:where(.case-lab-section) .add>span:last-of-type{font-size:21px;font-weight:400}:where(.case-lab-section) .add:active{background:#330719;box-shadow:0 0 17px #aa001480}:where(.case-lab-section) .preview-info{color:#938590;font-family:var(--font-body-family, sans-serif)}:where(.case-lab-section) .preview-info summary{font-size:13px}:where(.case-lab-section) .preview-info p{font-size:14px}:where(.case-lab-section) .skin:focus-visible,:where(.case-lab-section) .add:focus-visible{outline:2px solid #fff;outline-offset:4px}:where(.case-lab-section) nav{background:#0e0b15f5;border-color:#aa001466;border-radius:7px}:where(.case-lab-section) nav a{font-size:18px}:where(.case-lab-section) dialog{font-family:var(--font-body-family, sans-serif);background:#0c0c15;border:1px solid #aa0014;border-radius:10px;box-shadow:0 0 30px #aa001425}:where(.case-lab-section) .dialog-heading h2{font:26px var(--font-body-family, sans-serif)}:where(.case-lab-section) .secondary{background:#1c0b19;border:1px solid #aa0014;border-radius:0;font-family:var(--font-body-family, sans-serif);letter-spacing:.1em}:where(.case-lab-section) .cart-item p{font-size:17px}@media(min-width:760px){:where(.case-lab-section) .shell{border-radius:0;border:1px solid #650d2855}:where(.case-lab-section) header{height:76px}:where(.case-lab-section) main{background:#07080d;grid-template-rows:auto 1fr}:where(.case-lab-section) .stage{height:650px}:where(.case-lab-section) .skin-section{padding-top:30px;background:#07080d}:where(.case-lab-section) .product{padding:14px 20px 24px;background:#07080d}:where(.case-lab-section) .skin-list{padding-left:20px}:where(.case-lab-section) .section-label{padding:0 20px}:where(.case-lab-section) .skin{flex-basis:98px}:where(.case-lab-section) .skin img{height:123px}}@media(max-width:370px){:where(.case-lab-section) .stage{height:406px}:where(.case-lab-section) .brand span{font-size:22px;letter-spacing:2px}:where(.case-lab-section) .skin{flex-basis:91px}:where(.case-lab-section) .skin img{height:114px}:where(.case-lab-section) .section-label,:where(.case-lab-section) .product{padding-left:17px;padding-right:17px}:where(.case-lab-section) .add{font-size:16px}}:where(.case-lab-section) .phone-finish{margin:-3px 0 18px}:where(.case-lab-section) .finish-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font:15px/1.4 var(--font-body-family, sans-serif);color:#b9aebc}:where(.case-lab-section) .finish-label>span:last-child{color:#eee8f0}:where(.case-lab-section) #phoneColors{display:flex;gap:8px;margin-top:6px}:where(.case-lab-section) .phone-color{display:grid;place-items:center;width:46px;height:46px;padding:7px;border-radius:50%;background:transparent;position:relative}:where(.case-lab-section) .phone-color>span{width:29px;height:29px;border-radius:50%;background:linear-gradient(140deg,#ffffff38,transparent 48%,#0004),var(--swatch);border:1px solid #ffffff30;box-shadow:inset 0 1px 1px #fff5}:where(.case-lab-section) .phone-color[aria-pressed=true]:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #eb3154;border-radius:50%;box-shadow:0 0 9px #aa001440}:where(.case-lab-section) .phone-color:focus-visible{outline:2px solid white;outline-offset:1px}:where(.case-lab-section) .phone-color:active{transform:scale(.95)}:where(.case-lab-section) #phoneColors{justify-content:space-between;gap:4px}:where(.case-lab-section) .phone-color{width:56px;height:64px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:7px 0 0;border-radius:6px}:where(.case-lab-section) .phone-color>span{flex:0 0 29px}:where(.case-lab-section) .phone-color small{font:13px/1.2 var(--font-body-family, sans-serif);color:#c4b8c8;white-space:nowrap}:where(.case-lab-section) .phone-color[aria-pressed=true] small{color:#fff}:where(.case-lab-section) .phone-color[aria-pressed=true]:after{inset:3px auto auto 50%;transform:translate(-50%);width:37px;height:37px}:where(.case-lab-section) #phoneSelect:disabled{opacity:.6}:where(.case-lab-section) .skin-list{position:relative;gap:14px;padding:24px calc(50% - 56px) 26px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:center;min-height:198px}:where(.case-lab-section) .skin{flex:0 0 112px;scroll-snap-align:center;transform:scale(var(--gallery-scale,.8));opacity:var(--gallery-opacity,.55);transform-origin:center;transition:transform .14s ease-out,opacity .14s ease-out,box-shadow .2s;will-change:transform}:where(.case-lab-section) .skin img{height:144px}:where(.case-lab-section) .skin:active{transform:scale(var(--gallery-scale,1))}@media(prefers-reduced-motion:reduce){:where(.case-lab-section) .skin{transition:none}}:where(.case-lab-section) .stage{background:radial-gradient(ellipse 76% 61% at 50% 43%,#292b31,#191b21 42%,#0d0f14 73%,#08090d)}:where(.case-lab-section) .stage:after{background:linear-gradient(180deg,#08070c 0%,transparent 18%,transparent 69%,#07080d 100%)}:where(.case-lab-section) .glass-atmosphere{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 37% 5% at 50% 85%,#0008,transparent 100%);opacity:.65}:where(.case-lab-section) .view-controls{border-radius:24px;padding:3px;background:#aeb5c00d;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff12,0 5px 18px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}:where(.case-lab-section) .view-controls button{border-radius:50%;color:#e2e3e8}:where(.case-lab-section) .view-controls button:active{background:#ffffff18}:where(.case-lab-section) .phone-color>span{background:linear-gradient(140deg,#ffffff18,transparent 48%,#0002),var(--swatch)}:where(.case-lab-section) #viewer canvas{visibility:hidden}:where(.case-lab-section) #viewer.ready canvas{visibility:visible}:where(.case-lab-section) .artwork-album{grid-column:1/-1;margin:16px 20px 28px;background:linear-gradient(125deg,#1a1a20,#0d0e13 64%);border:1px solid #ffffff20;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0004,inset 0 1px #ffffff0c}:where(.case-lab-section) .artwork-album summary{display:flex;align-items:center;gap:16px;min-height:86px;padding:16px 19px;cursor:pointer;list-style:none;position:relative}:where(.case-lab-section) .artwork-album summary::-webkit-details-marker{display:none}:where(.case-lab-section) .album-spine{align-self:stretch;width:5px;border-left:1px solid #ffffff25;border-right:1px solid #0008;background:#a400253b;border-radius:3px}:where(.case-lab-section) .artwork-album b{display:block;font:400 18px/1.4 var(--font-body-family, sans-serif);letter-spacing:.14em}:where(.case-lab-section) .artwork-album small{font:12px/1.5 var(--font-body-family, sans-serif);color:#a8a7b2}:where(.case-lab-section) .album-toggle{margin-left:auto;font:28px/1 var(--font-body-family, sans-serif);color:#d4ced8;transition:transform .25s}:where(.case-lab-section) .artwork-album[open] .album-toggle{transform:rotate(45deg)}:where(.case-lab-section) .album-pages{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;padding:8px;background:#06070a;border-top:1px solid #ffffff12}:where(.case-lab-section) .album-card{display:block;padding:0;border:0;border-radius:0;min-width:0;background:#12131a;position:relative;aspect-ratio:104/132;overflow:hidden}:where(.case-lab-section) .album-card img{display:block;width:100%;height:100%;object-fit:cover}:where(.case-lab-section) .album-card[aria-pressed=true]{outline:2px solid #fa3157;outline-offset:-2px;z-index:1}:where(.case-lab-section) .album-card:focus-visible{outline:2px solid white;outline-offset:-2px}:where(.case-lab-section) .album-card:active{opacity:.7}:where(.case-lab-section) #phoneColors{gap:8px;margin-top:12px;align-items:stretch}:where(.case-lab-section) .phone-color{flex:0 1 56px;width:56px;min-width:0;height:70px;padding:8px 0 0;gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none;transition:transform .18s}:where(.case-lab-section) .phone-color>span{width:30px;height:30px;flex:0 0 30px;border:1px solid #ffffff26;background:var(--swatch);box-shadow:inset 0 1px 1px #ffffff26}:where(.case-lab-section) .phone-color small{font:400 14px/1.2 var(--font-body-family, sans-serif);color:#99939e;letter-spacing:0}:where(.case-lab-section) .phone-color[aria-pressed=true]:after{content:none}:where(.case-lab-section) .phone-color[aria-pressed=true]>span{outline:1px solid #b44b60;outline-offset:4px}:where(.case-lab-section) .phone-color[aria-pressed=true] small{color:#f4f1f5}:where(.case-lab-section) .phone-color:active{transform:scale(.96)}:where(.case-lab-section) .phone-color:focus-visible{outline:2px solid #f1e9ef;outline-offset:3px;border-radius:8px}:where(.case-lab-section) .artwork-album{margin-left:12px;margin-right:12px}:where(.case-lab-section) .album-pages{display:flex;flex-direction:column;gap:2px;padding:4px}:where(.case-lab-section) .album-row{display:grid;gap:2px}:where(.case-lab-section) .album-row .album-card{aspect-ratio:104/132}:where(.case-lab-section) .stage{background:radial-gradient(ellipse 60% 52% at 50% 48%,#303030,#1c1c1c,#0d0d0d 70%,#080808)}:where(.case-lab-section) .stage:before{content:none;display:none}:where(.case-lab-section) .stage:after{display:block;background:linear-gradient(180deg,#080808,transparent 18%,transparent 78%,#080808);pointer-events:none}:where(.case-lab-section) .glass-atmosphere{display:none}@media(max-width:759px){:where(.case-lab-section) .artwork-album{margin-left:4px;margin-right:4px;border-radius:12px}:where(.case-lab-section) .album-pages{padding:3px;gap:2px}:where(.case-lab-section) .artwork-album .album-toggle{display:grid;place-items:center;width:44px;height:44px}}:where(.case-lab-section) .artwork-search{margin:12px 20px 28px;border:1px solid #ffffff20;border-radius:14px;background:#101015;color:#eeedf0}:where(.case-lab-section) .artwork-search summary{padding:18px;cursor:pointer;font:16px/1.4 var(--font-body-family, sans-serif);list-style:none;display:flex;justify-content:space-between;gap:12px}:where(.case-lab-section) .artwork-search summary::-webkit-details-marker{display:none}:where(.case-lab-section) .artwork-search summary span{font-size:22px}:where(.case-lab-section) .search-body{padding:0 18px 18px;font:14px/1.5 var(--font-body-family, sans-serif)}:where(.case-lab-section) .search-body p{margin:0 0 16px;color:#bbb8c1}:where(.case-lab-section) .search-upload,:where(.case-lab-section) .search-again{display:block;text-align:center;padding:12px 16px;border:1px solid #ffffff40;border-radius:8px;color:#fff;background:#212128;font:14px/1.4 var(--font-body-family, sans-serif);cursor:pointer}:where(.case-lab-section) .search-upload input{display:block;width:100%;margin-top:10px;font:14px var(--font-body-family, sans-serif);color:#ccc}:where(.case-lab-section) .search-crop{margin:16px 0}:where(.case-lab-section) .search-crop[hidden]{display:none}:where(.case-lab-section) .search-crop canvas{display:block;max-width:100%;width:auto;max-height:230px;margin:0 auto 16px;border-radius:6px}:where(.case-lab-section) .search-crop label{display:flex;align-items:center;gap:12px;margin:12px 0}:where(.case-lab-section) .search-crop input{flex:1;min-width:0;accent-color:#ed3156}:where(.case-lab-section) .search-again{width:100%;margin-bottom:16px}:where(.case-lab-section) .search-status{padding-top:16px}:where(.case-lab-section) .search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}:where(.case-lab-section) .search-match{padding:0;border:1px solid #ffffff25;border-radius:6px;overflow:hidden;background:#19191f;color:#fff}:where(.case-lab-section) .search-match img{width:100%;height:auto;aspect-ratio:104/132;object-fit:cover;display:block}:where(.case-lab-section) .search-match span{display:block;padding:8px 2px;font:14px/1.3 var(--font-body-family, sans-serif)}:where(.case-lab-section) .search-match:focus-visible{outline:2px solid #fa3157;outline-offset:2px}:where(.case-lab-section) .search-body .search-private{font-size:12px;color:#999;margin:18px 0 0}@media(min-width:760px){:where(.case-lab-section) .search-results{grid-template-columns:repeat(6,minmax(0,1fr))}}:where(.case-lab-section) .artwork-search[hidden]{display:none}:where(.case-lab-section) .artwork-search-trigger{flex:0 0 40px;width:40px;height:44px;display:grid;place-items:center;border:0;background:none;color:#d7d3dc;padding:9px;cursor:pointer}:where(.case-lab-section) .artwork-search-trigger svg{width:22px;height:22px}:where(.case-lab-section) .artwork-search-trigger:focus-visible{outline:1px solid #f43a61;border-radius:8px}:where(.case-lab-section) #skins .section-label{gap:8px}:where(.case-lab-section) #skins .section-label h2{margin-right:auto}:where(.case-lab-section) .artwork-search .search-body{position:relative;padding-top:14px}:where(.case-lab-section) .artwork-search .search-status{padding-right:28px}:where(.case-lab-section) .search-close{position:absolute;right:5px;top:4px;width:44px;height:44px;border:0;background:none;color:#ccc;font:24px var(--font-body-family, sans-serif)}:where(.case-lab-section) #toast.show{display:block;position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:100;padding:12px 18px;border:1px solid #ffffff30;border-radius:10px;background:#202026;color:#fff;box-shadow:0 6px 24px #0008;font:14px/1.4 var(--font-body-family, sans-serif);max-width:90vw;text-align:center;pointer-events:none}:where(.case-lab-section) .image-search-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 20px 2px}:where(.case-lab-section) .image-search-entry .artwork-search-trigger{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;width:auto;height:46px;padding:0 17px;border:1px solid #ffffff42;border-radius:24px;background:linear-gradient(160deg,#28282f,#18181f);color:#f4f3f6;font:14px/1.3 var(--font-body-family, sans-serif);box-shadow:0 2px 10px #0003}:where(.case-lab-section) .image-search-entry .artwork-search-trigger:hover{border-color:#ffffff80;background:#303038}:where(.case-lab-section) .image-search-entry p{font:13px/1.4 var(--font-body-family, sans-serif);color:#aaa6b1;margin:0}:where(.case-lab-section) .image-search-entry svg{flex-shrink:0}@media(max-width:420px){:where(.case-lab-section) .image-search-entry{gap:8px}:where(.case-lab-section) .image-search-entry p{flex-basis:100%;padding-left:4px}}:where(.case-lab-section) .image-search-entry{display:block;grid-column:1/-1;margin:18px 20px 12px}:where(.case-lab-section) .image-search-entry .artwork-search-trigger{width:100%;min-height:64px;height:auto;justify-content:flex-start;gap:16px;padding:18px 20px;border:2px solid #b7203d;border-radius:0;background:#0c0b11;color:#eee8ec;box-shadow:0 0 14px #d51f3820;font:400 18px/1.4 var(--font-body-family, sans-serif);letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,background .2s}:where(.case-lab-section) .image-search-entry .artwork-search-trigger:hover{border-color:#f23959;background:#180d15}:where(.case-lab-section) .image-search-entry .artwork-search-trigger:active{background:#24101a}:where(.case-lab-section) .image-search-entry svg{width:23px;height:23px;color:#e44662}:where(.case-lab-section) .artwork-search{grid-column:1/-1;margin-top:0;margin-bottom:12px;border-color:#b7203d66;border-radius:0}:where(.case-lab-section) .artwork-search .search-results{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.case-lab-section) .case-info{grid-column:1/-1;margin:24px 20px 30px;padding:20px;border:1px solid #ffffff20;border-radius:12px;background:#111116;color:#c6c2cb}:where(.case-lab-section) .case-info h2{margin:0 0 8px;font:400 22px/1.3 var(--font-body-family, sans-serif);color:#f0ecf1}:where(.case-lab-section) .case-info p{font:14px/1.6 var(--font-body-family, sans-serif);margin:0 0 12px}:where(.case-lab-section) .case-info summary{font:14px/1.5 var(--font-body-family, sans-serif);padding:14px 0 8px;cursor:pointer;color:#f0e8ed}:where(.case-lab-section) .case-info details{border-top:1px solid #ffffff15;margin-top:16px}:where(.case-lab-section) .case-info strong{font-weight:600;color:#e5dfe7}:where(.case-lab-section) .case-info .rights-note{font-size:12px;color:#aaa4b0;margin-bottom:0}:where(.case-lab-section) .case-info a{text-decoration:underline;text-underline-offset:3px;color:#d9b9c5}:where(.case-lab-section) .image-search-entry{margin-top:0;margin-bottom:12px;display:flex;justify-content:flex-end}:where(.case-lab-section) .image-search-entry .artwork-search-trigger{width:auto;min-height:44px;padding:10px 14px;border:1px solid #a12b4555;border-radius:8px;box-shadow:none;font:14px/1.4 var(--font-body-family, sans-serif);letter-spacing:0;text-transform:none;background:#141118}:where(.case-lab-section) .image-search-entry .artwork-search-trigger:hover{border-color:#bb405b;background:#21151c}:where(.case-lab-section) .image-search-entry svg{width:20px;height:20px}:where(.case-lab-section) .skin-list .image-search-entry{position:absolute;left:max(6px,calc(50% - 160px));top:50%;transform:translateY(-50%);display:block;width:90px;margin:0;padding:0}:where(.case-lab-section) .skin-list .image-search-entry .artwork-search-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:90px;height:116px;min-height:0;padding:12px 8px;border:1px solid #a12b45;border-radius:0;background:#171016;box-shadow:inset 0 0 24px #a12b4510;color:#e7d5dd;font:14px/1.3 var(--font-body-family, sans-serif);letter-spacing:.02em;text-align:center}:where(.case-lab-section) .skin-list .image-search-entry svg{width:25px;height:25px;color:#e76b86}:where(.case-lab-section) .skin-list .image-search-entry .artwork-search-trigger:hover{background:#27131e;border-color:#ed496a}:where(.case-lab-section) .model-credits{padding:12px 20px 20px;text-align:center;font:12px/1.4 var(--font-body-family, sans-serif)}:where(.case-lab-section) .model-credits a{color:#827b87;text-decoration:none}:where(.case-lab-section) .model-credits a:hover{text-decoration:underline}:where(.case-lab-section) .skin-list .image-search-entry{transform:none}:where(.case-lab-section) .skin-list .image-search-entry .artwork-search-trigger{width:100%;height:100%;transform:scale(var(--gallery-scale,.8));opacity:var(--gallery-opacity,.55);transform-origin:center;transition:transform .14s ease-out,opacity .14s ease-out,box-shadow .2s;box-sizing:border-box}:where(.case-lab-section) .living-eye{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:3px;border:0;border-radius:50%;background:none;cursor:pointer;transform-origin:center}:where(.case-lab-section) .living-eye img{display:block;transition:transform .18s ease-out;will-change:transform}:where(.case-lab-section) .living-eye:focus-visible{outline:1px solid #e44d70;outline-offset:3px}:where(.case-lab-section) .brand>a{display:flex;align-items:center}:where(.case-lab-section) .album-card{transform-origin:center}@media(prefers-reduced-motion:reduce){:where(.case-lab-section) .living-eye img{transition:none}}:where(.case-lab-section) .skin,:where(.case-lab-section) .skin img{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.artwork-hold-preview{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;transform-origin:top left;border:2px solid #fa3157;box-sizing:border-box;background:#100b11;box-shadow:0 0 0 1px #fa315744,0 12px 50px #0009,0 0 22px #d51d4738;overflow:hidden}.artwork-hold-preview img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.case-lab-section{-webkit-user-select:none;user-select:none}:where(.case-lab-section) img,:where(.case-lab-section) canvas,:where(.case-lab-section) #viewer,:where(.case-lab-section) .skin-list,:where(.case-lab-section) .album-pages,:where(.case-lab-section) .search-results{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:where(.case-lab-section) img{-webkit-user-drag:none}:where(.case-lab-section) input,:where(.case-lab-section) textarea{-webkit-user-select:text;user-select:text}.artwork-zoom-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden}.artwork-zoom-dialog::backdrop{background:#03030799;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.artwork-zoom-dialog .artwork-hold-preview{pointer-events:auto}.artwork-zoom-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#0b0810dc;color:#fff;font:25px/1 var(--font-body-family, sans-serif);cursor:pointer}.artwork-zoom-close:focus-visible{outline:2px solid white;outline-offset:2px}:where(.case-lab-section) .gallery-navigation{display:none}@media(min-width:1024px){:where(.case-lab-section) .shell{width:100%;max-width:none;min-height:100dvh;margin:0;border:0;overflow:visible}:where(.case-lab-section) header{height:90px;padding:0 30px}:where(.case-lab-section) .brand span{font-size:30px}:where(.case-lab-section) .brand img{width:34px;height:34px}:where(.case-lab-section) nav{top:90px}:where(.case-lab-section) main{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:clamp(24px,3vw,80px);padding:24px clamp(24px,2.2vw,64px) 0;align-items:start}:where(.case-lab-section) .stage{grid-column:1;grid-row:1/4;height:clamp(690px,82vh,1100px);border-radius:16px}:where(.case-lab-section) #viewer{top:20px;right:0;bottom:64px;left:0}:where(.case-lab-section) .stage-bottom{left:28px;right:28px;bottom:20px}:where(.case-lab-section) .view-controls button{width:48px;height:44px}:where(.case-lab-section) .skin-section{grid-column:2;grid-row:1;padding:20px 0 0;min-width:0}:where(.case-lab-section) .section-label{padding:0 24px}:where(.case-lab-section) .section-label h2{font-size:22px}:where(.case-lab-section) .section-label>span{font-size:14px}:where(.case-lab-section) .skin-list{--card-width:clamp(160px,12vw,280px);gap:18px;padding:32px calc(50% - var(--card-width)/2);min-height:0;cursor:grab}:where(.case-lab-section) .skin{flex-basis:var(--card-width)}:where(.case-lab-section) .skin img{height:auto;aspect-ratio:104/132}:where(.case-lab-section) .skin-list.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}:where(.case-lab-section) .skin-list.is-wheeling{scroll-snap-type:none;scroll-behavior:auto}:where(.case-lab-section) .skin-list .image-search-entry .artwork-search-trigger{font-size:20px;gap:18px}:where(.case-lab-section) .skin-list .image-search-entry svg{width:32px;height:32px}:where(.case-lab-section) .gallery-navigation{display:flex;gap:8px;margin-left:14px}:where(.case-lab-section) .gallery-navigation button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff28;border-radius:50%;background:#121217;color:#eee;font:25px/1 var(--font-body-family, sans-serif)}:where(.case-lab-section) .gallery-navigation button:hover:not(:disabled){border-color:#e44d70;background:#20121a}:where(.case-lab-section) .gallery-navigation button:disabled{opacity:.25;cursor:default}:where(.case-lab-section) .product{grid-column:2;grid-row:2;padding:12px 24px 20px}:where(.case-lab-section) .device-row{min-height:62px;padding:0 20px;margin-bottom:24px}:where(.case-lab-section) #phoneSelect{min-height:60px;font-size:23px}:where(.case-lab-section) .finish-label{font-size:19px}:where(.case-lab-section) .phone-finish{margin-bottom:24px}:where(.case-lab-section) #phoneColors{margin-top:18px}:where(.case-lab-section) .phone-color{flex-basis:76px;width:76px;height:82px;gap:12px}:where(.case-lab-section) .phone-color>span{width:38px;height:38px;flex-basis:38px}:where(.case-lab-section) .phone-color small{font-size:17px}:where(.case-lab-section) .add{min-height:68px;padding:18px 22px;font-size:21px}:where(.case-lab-section) .add>span:last-of-type{font-size:25px}:where(.case-lab-section) .case-info{grid-column:2;grid-row:3;margin:8px 24px 28px;padding:22px;background:#0e0e13;border-color:#ffffff14}:where(.case-lab-section) .case-info p,:where(.case-lab-section) .case-info summary{font-size:16px}:where(.case-lab-section) .case-info h2{font-size:25px}:where(.case-lab-section) .artwork-search{grid-column:1/-1;grid-row:4;margin:24px}:where(.case-lab-section) .artwork-album{grid-column:1/-1;grid-row:5;margin:28px 0 32px}:where(.case-lab-section) .artwork-album summary{min-height:100px;padding:22px 28px}:where(.case-lab-section) .artwork-album b{font-size:23px}:where(.case-lab-section) .artwork-album small{font-size:14px}:where(.case-lab-section) .album-pages{padding:8px;gap:4px}:where(.case-lab-section) .album-row{gap:4px}}:where(.case-lab-section) .phone-color>span{background:none;overflow:hidden;forced-color-adjust:none;color-scheme:only light}:where(.case-lab-section) .phone-color>span>img{display:block;width:100%;height:100%;border-radius:inherit;filter:none;mix-blend-mode:normal}@media(min-width:760px){:where(.case-lab-section) .artwork-search .search-results{grid-template-columns:repeat(auto-fill,minmax(112px,144px));gap:12px;justify-content:start}:where(.case-lab-section) .artwork-search .search-match img{aspect-ratio:4/5;object-fit:contain}:where(.case-lab-section) .artwork-search .search-match span{padding:6px 2px;font-size:13px}}:where(.case-lab-section) .purchase-status{min-height:1.4em;margin:12px 0 0;color:#d9bec8;font-size:14px;line-height:1.5}:where(.case-lab-section) .add:disabled{cursor:default;opacity:.55}:where(.case-lab-section) .cart-remove{background:transparent;color:#e88ca1;text-decoration:underline;padding:8px 0;font-size:14px}:where(.case-lab-section) .cart-total{font-weight:600}:where(.case-lab-section) .cart-actions{display:grid;gap:12px;margin-top:20px}:where(.case-lab-section) .cart-actions[hidden]{display:none}:where(.case-lab-section) .cart-actions form{margin:0}:where(.case-lab-section) .cart-actions .add{justify-content:center}:where(.case-lab-section) .cart-actions .secondary{text-align:center;display:block}:where(.case-lab-section) .cart-note{font-size:14px;line-height:1.5}:where(.case-lab-section) .skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:9999;background:#15121a;color:#fff;padding:14px}:where(.case-lab-section) .skip-link:focus{transform:none}.case-lab-section{background:transparent;overflow-x:clip}.case-lab-section .shell{width:100%;max-width:none;min-height:100svh;margin:0;border:0;border-radius:0;overflow:visible;background:transparent}.case-lab-section header{height:64px}.case-lab-section nav{top:64px}:where(.case-lab-section) #case-lab-main{display:block;padding:0;background:transparent}:where(.case-lab-section) #case-lab-main .stage{height:clamp(300px,46svh,420px);border-radius:0;background:transparent}:where(.case-lab-section) #case-lab-main .stage:after{content:none}:where(.case-lab-section) #case-lab-main #viewer{top:0;right:0;bottom:30px;left:0}:where(.case-lab-section) .case-controls{display:flex;flex-direction:column;min-width:0;padding:0 0 16px;gap:0}:where(.case-lab-section) .case-controls .skin-section{container-type:inline-size;min-width:0;margin:0;padding:12px 0 0;background:transparent}:where(.case-lab-section) .case-controls .section-label{padding:0 18px}:where(.case-lab-section) .case-controls .section-label h2{font-size:16px}:where(.case-lab-section) .case-controls .section-label>span{font-size:11px}:where(.case-lab-section) .case-controls .skin-list{--card-width: clamp(78px, 26cqw, 104px);gap:10px;min-height:0;padding:16px calc(50% - var(--card-width) / 2) 18px}:where(.case-lab-section) .case-controls .skin,:where(.case-lab-section) .case-controls .skin-list .image-search-entry{flex:0 0 var(--card-width);width:var(--card-width);height:auto;aspect-ratio:104 / 132}:where(.case-lab-section) .case-controls .skin img{width:100%;height:100%;aspect-ratio:auto}:where(.case-lab-section) .case-controls .skin-list .image-search-entry{position:relative;inset:auto;margin:0;padding:0;transform:none}:where(.case-lab-section) .case-controls .skin-list .image-search-entry .artwork-search-trigger{width:100%;height:100%;min-height:0;gap:9px;padding:8px 4px;font-size:13px}:where(.case-lab-section) .case-controls .skin-list .image-search-entry svg{width:22px;height:22px}:where(.case-lab-section) .case-controls .product{padding:0 18px;background:transparent}:where(.case-lab-section) .case-controls .device-row{min-height:46px;margin-bottom:12px;padding:0 13px}:where(.case-lab-section) .case-controls #phoneSelect{min-height:44px;padding:7px 0;font-size:17px}:where(.case-lab-section) .case-controls .phone-finish{margin:0 0 12px}:where(.case-lab-section) .case-controls .finish-label{font-size:14px}:where(.case-lab-section) .case-controls #phoneColors{margin-top:8px;gap:6px;flex-wrap:wrap}:where(.case-lab-section) .case-controls .phone-color{height:58px;gap:7px;padding-top:6px}:where(.case-lab-section) .case-controls .phone-color>span{width:28px;height:28px;flex-basis:28px}:where(.case-lab-section) .case-controls .phone-color small{font-size:12px}:where(.case-lab-section) .case-controls .add{min-height:50px;padding:11px 14px;font-size:16px}:where(.case-lab-section) .case-controls .add>span:last-of-type{font-size:20px}:where(.case-lab-section) .case-controls .purchase-status{min-height:0;margin:8px 0 0}:where(.case-lab-section) .case-controls .purchase-status:empty{display:none}:where(.case-lab-section) .case-controls .case-info{margin:16px 18px 0;padding:12px 14px;border-radius:9px;background:#111115a6}:where(.case-lab-section) .case-controls .case-info h2{margin:0 0 5px;font-size:19px}:where(.case-lab-section) .case-controls .case-info p{margin:0 0 7px;font-size:12px;line-height:1.5}:where(.case-lab-section) .case-controls .case-info details{margin-top:9px}:where(.case-lab-section) .case-controls .case-info summary{padding:9px 0 0;font-size:12px}:where(.case-lab-section) .case-controls .case-info details[open] summary{padding-bottom:9px}:where(.case-lab-section) .case-controls .case-info details p:last-child{margin-bottom:0}:where(.case-lab-section) .case-controls .artwork-search{margin:0 18px 14px}:where(.case-lab-section) #case-lab-main .artwork-album{margin:0 18px 24px}:where(.case-lab-section) #case-lab-main .artwork-album summary{min-height:72px;padding:12px 16px}@media(min-width:1024px){.case-lab-section header{height:76px;padding:0 28px}.case-lab-section nav{top:76px}.case-lab-section .brand span{font-size:28px}.case-lab-section .brand img{width:30px;height:30px}:where(.case-lab-section) #case-lab-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(20px,3vw,64px);padding:16px clamp(24px,3vw,64px) 0;background:transparent}:where(.case-lab-section) #case-lab-main .stage{grid-column:1;grid-row:1;height:clamp(520px,calc(100svh - 124px),960px)}:where(.case-lab-section) #case-lab-main #viewer{top:10px;right:0;bottom:48px;left:0}:where(.case-lab-section) #case-lab-main .stage-bottom{left:16px;right:16px;bottom:12px}:where(.case-lab-section) .case-controls{grid-column:2;grid-row:1;align-self:center;padding:12px 0}:where(.case-lab-section) .case-controls .skin-section{padding-top:0}:where(.case-lab-section) .case-controls .section-label{padding:0 12px}:where(.case-lab-section) .case-controls .section-label h2{font-size:19px}:where(.case-lab-section) .case-controls .section-label>span{font-size:12px}:where(.case-lab-section) .case-controls .skin-list{--card-width: clamp(110px, 24cqw, 164px);gap:12px;padding-top:18px;padding-bottom:22px}:where(.case-lab-section) .case-controls .skin-list .image-search-entry .artwork-search-trigger{font-size:15px;gap:12px}:where(.case-lab-section) .case-controls .skin-list .image-search-entry svg{width:26px;height:26px}:where(.case-lab-section) .case-controls .gallery-navigation button{width:36px;height:36px;font-size:23px}:where(.case-lab-section) .case-controls .product{padding:0 12px}:where(.case-lab-section) .case-controls .device-row{min-height:48px;margin-bottom:14px}:where(.case-lab-section) .case-controls #phoneSelect{min-height:46px;font-size:19px}:where(.case-lab-section) .case-controls .finish-label{font-size:16px}:where(.case-lab-section) .case-controls #phoneColors{margin-top:9px}:where(.case-lab-section) .case-controls .phone-color{flex-basis:64px;width:64px;height:64px;gap:8px}:where(.case-lab-section) .case-controls .phone-color>span{width:30px;height:30px;flex-basis:30px}:where(.case-lab-section) .case-controls .phone-color small{font-size:14px}:where(.case-lab-section) .case-controls .add{min-height:54px;padding:12px 16px;font-size:18px}:where(.case-lab-section) .case-controls .add>span:last-of-type{font-size:22px}:where(.case-lab-section) .case-controls .case-info{margin:18px 12px 0;padding:12px 15px}:where(.case-lab-section) .case-controls .case-info h2{font-size:20px}:where(.case-lab-section) .case-controls .case-info p,:where(.case-lab-section) .case-controls .case-info summary{font-size:13px}:where(.case-lab-section) .case-controls .artwork-search{margin:0 12px 16px}:where(.case-lab-section) #case-lab-main .artwork-album{grid-column:1 / -1;grid-row:2;margin:20px 0 28px}:where(.case-lab-section) #case-lab-main .artwork-album b{font-size:20px}:where(.case-lab-section) #case-lab-main .artwork-album small{font-size:12px}}:where(.case-lab-section) .gallery-viewport{position:relative;min-width:0}:where(.case-lab-section) .scl-gradual-blur{display:none;position:absolute;top:0;bottom:0;width:clamp(14px,4%,28px);z-index:5;pointer-events:none}:where(.case-lab-section) .scl-gradual-blur-left{left:0}:where(.case-lab-section) .scl-gradual-blur-right{right:0}:where(.case-lab-section) .scl-gradual-blur>span{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}body[data-gradual-blur=true] :where(.case-lab-section) .scl-gradual-blur{display:block}body[data-border-glow=true] .case-lab-section :is(.skin,.device-row,.artwork-search-trigger,.album-card,.search-match,.add){position:relative}body[data-border-glow=true] .case-lab-section :is(.skin,.device-row,.artwork-search-trigger,.album-card,.search-match,.add):after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:4;border-radius:inherit;padding:2px;background:conic-gradient(from var(--scl-cursor-angle, 45deg),transparent 0%,var(--scl-glow-color) 12%,#ffeaf3 17%,#8bcfff 23%,transparent 35%,transparent 78%,var(--scl-glow-color) 92%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;transform:none;width:auto;height:auto;transition:opacity .25s ease-out;filter:drop-shadow(0 0 5px var(--scl-glow-color))}body[data-border-glow=true] .case-lab-section :is(.skin,.device-row,.artwork-search-trigger,.album-card,.search-match,.add):is(:hover,:focus-visible,:focus-within):after{opacity:var(--scl-glow-opacity, .85)}body[data-border-glow=true] .case-lab-section :is(.skin,.album-card)[aria-pressed=true]:after{opacity:.9}body[data-border-glow=true] .case-lab-section :is(.skin,.artwork-search-trigger,.album-card,.search-match,.add):disabled:after{opacity:0}@media(prefers-reduced-motion:reduce){body[data-border-glow=true] .case-lab-section :is(.skin,.device-row,.artwork-search-trigger,.album-card,.search-match,.add):after{transition:none}}:where(.case-lab-section) .skin-list .skin,:where(.case-lab-section) .skin-list .image-search-entry .artwork-search-trigger{transition:none;will-change:auto}:where(.case-lab-section) .skin-list .skin.is-gallery-visible{will-change:transform,opacity}:where(.case-lab-section) .skin-list{contain:layout style}body[data-scl-interacting=true] .case-lab-section .skin:after{filter:none}@media(max-width:759px){:where(.case-lab-section) #case-lab-main .stage{height:clamp(350px,54svh,500px)}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/scl-style.css.map */