.efx{--ink:#101b27;--navy:#071421;--muted:#55636e;--cool:#65717b;--paper:#f5f6f4;--stone:#ecede8;--line:#dfe4e7;--blue:#1760e6;--blue-ink:#1259d2;--white:#fff;--ease:cubic-bezier(.2,.7,.2,1);--gutter:clamp(16px,4vw,56px)}.efx,.efx *{box-sizing:border-box}.efx{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.efx img{display:block;max-width:none}.efx button{font:inherit;color:inherit}.efx a{color:inherit}.efx :is(a,button,input,summary):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.efx [hidden]{display:none!important}.efx .sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.efx .wrap{width:min(1360px,100% - 2*var(--gutter));margin-inline:auto}.efx .intro{padding:clamp(24px,3.2vw,44px) 0 clamp(18px,2.2vw,28px);display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}.efx .eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--cool);margin:0 0 10px;display:flex;align-items:center;gap:12px}.efx .eyebrow:before{content:"";width:36px;height:1px;background:var(--ink)}.efx .intro h1{font-size:clamp(30px,2.9vw,44px);line-height:1.04;letter-spacing:-.05em;font-weight:850;margin:0}.efx .intro p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:38ch;margin:0}.efx .studio{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:clamp(24px,4vw,64px);align-items:start;padding-bottom:clamp(48px,7vw,96px)}.efx .stage-col{position:sticky;top:20px}.efx .stage{position:relative;container-type:inline-size;aspect-ratio:16/10;background:radial-gradient(120% 70% at 50% 38%,#fff,#f6f6f3 48%,#e9eae5);overflow:hidden;border-radius:2px}.efx .stage{transition:background .5s var(--ease)}.efx .stage[data-finish=white]{background:radial-gradient(120% 70% at 50% 38%,#f3f1ec,#e7e4dd 52%,#d8d4cb)}.efx .stage[data-finish=white] .heater{filter:drop-shadow(0 2.4cqw 2cqw rgba(16,27,39,.22))}.efx .stage:after{content:"";position:absolute;left:14%;right:14%;bottom:27%;height:5%;border-radius:50%;background:radial-gradient(closest-side,#101b2729,#101b2700);pointer-events:none;transition:opacity .4s}.efx .stage.is-detail:after,.efx .stage.is-pending:after{opacity:0}.efx .layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .38s var(--ease)}.efx .layer.out{opacity:0}.efx .heater{position:absolute;filter:drop-shadow(0 2.4cqw 2cqw rgba(16,27,39,.16))}.efx .detail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.efx .pending{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:8%}.efx .pending .ghost{width:78%;aspect-ratio:4.4;border:1.5px dashed #b9c1c6;border-radius:999px;margin:0 auto 22px;display:grid;place-items:center;color:var(--cool);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.efx .pending p{margin:0;color:var(--muted);font-size:14px;max-width:44ch}.efx .caption{position:absolute;left:clamp(14px,2.4cqw,28px);top:clamp(12px,2.2cqw,26px);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#43525d;z-index:2}.efx .stage.is-detail .caption{background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 11px;margin:-7px 0 0 -11px}.efx .views{position:absolute;right:clamp(12px,2cqw,24px);bottom:clamp(12px,2cqw,24px);display:flex;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:3px;z-index:2}.efx .views button{border:0;background:transparent;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;color:#43525d;min-height:36px}.efx .views button[aria-pressed=true]{background:var(--ink);color:#fff}.efx .views button:disabled{color:#a7b0b6;cursor:not-allowed}.efx .stage-note{font-size:12px;color:var(--cool);margin:12px 2px 0;min-height:1.5em}.efx .panel{padding-top:4px}.efx .panel h2{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--cool);margin:0 0 14px;display:flex;justify-content:space-between;gap:12px}.efx .panel h2 output{letter-spacing:0;text-transform:none;font-size:14px;color:var(--ink);font-weight:700}.efx .group{border:0;margin:0 0 24px;padding:0;min-width:0}.efx .group legend{padding:0;width:100%}.efx .finishes{display:flex;gap:clamp(14px,2vw,26px)}.efx .choice{position:relative;cursor:pointer}.efx .choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.efx .swatch{display:block;width:clamp(50px,4.2vw,60px);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #101b2724;transition:transform .25s var(--ease)}.efx .swatch.black{background:radial-gradient(circle at 32% 28%,#55595f,#24272b 42%,#121417)}.efx .swatch.stainless{background:repeating-linear-gradient(100deg,#ffffff40 0 1px,#0000 1px 3px),linear-gradient(135deg,#f6f7f8,#c3c8cd 38%,#eef0f2 55%,#a7adb3)}.efx .swatch.white{background:radial-gradient(circle at 32% 28%,#fff,#f4f4f1,#dedfda)}.efx .finish{display:grid;justify-items:center;gap:9px;font-size:13px;color:var(--muted)}.efx .finish .ring{padding:4px;border-radius:50%;box-shadow:0 0 0 1.5px transparent;transition:box-shadow .2s}.efx .finish:hover .swatch{transform:scale(1.04)}.efx .finish input:checked~.ring{box-shadow:0 0 0 2px var(--ink)}.efx .finish input:checked~.lbl{color:var(--ink);font-weight:700}.efx .finish input:focus-visible~.ring{outline:3px solid var(--blue);outline-offset:3px}.efx .grilles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.efx .tile{display:grid;gap:7px;font-size:13px;color:var(--muted)}.efx .tile .crop{position:relative;container-type:inline-size;aspect-ratio:6/5;overflow:hidden;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s}.efx .tile .crop img{position:absolute}.efx .tile:hover .crop{box-shadow:inset 0 0 0 1px #aab4ba}.efx .tile input:checked~.crop{box-shadow:inset 0 0 0 2px var(--ink)}.efx .tile input:checked~.lbl{color:var(--ink);font-weight:700}.efx .tile input:focus-visible~.crop{outline:3px solid var(--blue);outline-offset:3px}.efx .tile .crop.none{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#f5f6f4 0 6px,#eef0ee 6px 12px)}.efx .tile .crop.none span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cool);font-weight:700;text-align:center;line-height:1.3}.efx .summary{border-top:1px solid var(--line);padding-top:20px;margin-top:0}.efx .summary .name{font-size:clamp(22px,1.9vw,28px);line-height:1.12;letter-spacing:-.045em;font-weight:850;margin:0 0 6px}.efx .summary .sub{color:var(--muted);font-size:14px;margin:0 0 20px}.efx .actions{display:flex;gap:10px;flex-wrap:wrap}.efx .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border:1px solid transparent;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;border-radius:0;transition:background .2s,border-color .2s,transform .2s}.efx .btn-primary{background:var(--blue);color:#fff;flex:1 1 auto}.efx .btn-primary:hover{background:var(--blue-ink)}.efx .btn-quiet{background:#fff;border-color:#c7d0d5;color:var(--ink);font-weight:700}.efx .btn-quiet:hover{border-color:var(--ink)}.efx .btn-quiet[aria-pressed=true]{border-color:var(--ink);background:var(--paper)}.efx .btn svg{width:18px;height:18px;flex:none}.efx .saved{margin-top:22px;display:none}.efx .saved.has{display:block}.efx .saved-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:10px}.efx .saved-head button{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer;font-size:13px;padding:6px 0}.efx .saved-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.efx .saved-list button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;padding:5px 10px 5px 5px;font-size:12px;cursor:pointer;border-radius:999px}.efx .saved-list button:hover{border-color:var(--ink)}.efx .saved-list i{width:16px;height:16px;border-radius:50%;flex:none}.efx .wall{background:var(--paper);padding:clamp(48px,7vw,96px) 0}.efx .wall h2{font-size:clamp(28px,3.6vw,48px);line-height:1.06;letter-spacing:-.05em;font-weight:850;margin:0 0 8px}.efx .wall .lede{color:var(--muted);margin:0 0 clamp(24px,4vw,44px);max-width:56ch}.efx .wall h3{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--cool);margin:34px 0 14px}.efx .wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.efx .card{border:0;padding:0;background:#fff;cursor:pointer;text-align:left;display:grid;transition:transform .25s var(--ease),box-shadow .25s}.efx .card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #101b2714}.efx .card .frame{position:relative;container-type:inline-size;aspect-ratio:2.4;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#fff,#f1f2ee)}.efx .card .frame img{position:absolute;filter:drop-shadow(0 2cqw 2cqw rgba(16,27,39,.12))}.efx .card .frame.none{display:grid;place-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cool);font-weight:700}.efx .card .meta{display:flex;justify-content:space-between;padding:12px 14px;font-size:14px;font-weight:700}.efx .card .meta small{font-weight:400;color:var(--cool)}.efx .card[aria-current=true]{box-shadow:inset 0 0 0 2px var(--ink)}.efx .foot{padding:28px 0 40px;font-size:12px;color:var(--cool);border-top:1px solid var(--line)}.efx .foot .wrap{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.efx .foot a{color:var(--ink)}.efx dialog{border:0;padding:0;color:var(--ink);background:#fff;max-width:none;max-height:none}.efx dialog::backdrop{background:#0714216b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.efx .sheet{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100%;flex-direction:column;box-shadow:-20px 0 60px #07142133}.efx .sheet[open]{display:flex;animation:efx-in-right .32s var(--ease)}@keyframes efx-in-right{0%{transform:translate(40px);opacity:0}}.efx .sheet-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:24px 24px 0}.efx .sheet-head h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.045em;font-weight:850}.efx .sheet-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.efx .x{border:1px solid var(--line);background:#fff;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;flex:none}.efx .x:hover{border-color:var(--ink)}.efx .sheet-body{padding:20px 24px 28px;overflow:auto;flex:1}.efx .sheet-thumb{position:relative;container-type:inline-size;aspect-ratio:3.4;background:radial-gradient(120% 90% at 50% 40%,#fff,#eff0ec);overflow:hidden;margin-bottom:22px}.efx .sheet-thumb img{position:absolute}.efx .sheet h3{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--cool);margin:0 0 10px}.efx .toggle{display:flex;align-items:center;gap:12px;font-size:14px;margin:0 0 18px;cursor:pointer}.efx .toggle input{width:20px;height:20px;accent-color:var(--blue)}.efx .volts{display:grid;gap:8px;margin:0 0 8px}.efx .volt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cdd5da;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s}.efx .volt:hover{border-color:var(--ink)}.efx .volt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.efx .volt b{font-size:18px;letter-spacing:-.02em}.efx .volt b small{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);vertical-align:2px}.efx .volt code{font:13px/1.2 ui-monospace,Consolas,monospace;color:var(--muted)}.efx .volt:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.efx .volt:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.efx .hint{font-size:13px;color:var(--muted);margin:10px 0 22px}.efx .handoff{display:grid;gap:10px}.efx .handoff .btn{width:100%}.efx .btn[aria-disabled=true]{background:#c9d1d8;color:#fff;pointer-events:none}.efx .result{font-size:13px;color:var(--muted);margin:2px 0 4px;min-height:1.4em}.efx .result strong{color:var(--ink)}.efx .also{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;display:grid;gap:12px}.efx .also a{display:flex;justify-content:space-between;gap:16px;text-decoration:none;font-weight:700;font-size:14px;padding:4px 0}.efx .also a span,.efx .also a:hover{color:var(--blue)}.efx .fine{font-size:12px;color:var(--cool);margin:18px 0 0;line-height:1.5}.efx .compare{width:min(1100px,100% - 32px);max-height:calc(100% - 32px);margin:auto}.efx .compare .sheet-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.efx .compare figure{margin:0;background:var(--paper)}.efx .compare figure .sheet-thumb{margin:0;aspect-ratio:2.6}.efx .compare figcaption{padding:10px 14px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:10px}.efx .compare figcaption button{border:0;background:none;color:var(--blue);cursor:pointer;font-weight:700;font-size:13px}.efx .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;font-size:14px;opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:20}.efx .toast.show{opacity:1;transform:translate(-50%)}.efx .mini{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -10px 30px #101b2714;display:none;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .3s var(--ease)}.efx .mini.show{transform:none}.efx .mini .thumb{position:relative;container-type:inline-size;flex:1 0 100%;aspect-ratio:5.4;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#fff,#eeefea)}.efx .mini .thumb img{position:absolute;transition:opacity .25s}.efx .mini .thumb .pending{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cool);font-weight:700}.efx .mini .t{flex:1;min-width:0;font-size:13px;line-height:1.3}.efx .mini .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.efx .mini .btn{min-height:44px;padding:0 16px;font-size:14px;flex:none}@media(max-width:900px){.efx .studio{grid-template-columns:1fr}.efx .stage-col{position:static}.efx .stage{aspect-ratio:16/9}.efx .wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.efx .mini{display:flex}.efx{padding-bottom:150px}.efx .sheet{inset:auto 0 0 0;width:100%;height:auto;max-height:88dvh;box-shadow:0 -20px 60px #07142133}.efx .sheet[open]{animation:efx-in-up .32s var(--ease)}}@keyframes efx-in-up{0%{transform:translateY(40px);opacity:0}}@media(max-width:520px){.efx .intro{padding:18px 0 16px;gap:10px}.efx .intro h1{font-size:28px}.efx .intro p:not(.eyebrow){font-size:14px}.efx .stage{aspect-ratio:16/10}.efx .views button{min-height:34px}.efx .stage-note{margin-top:8px}.efx .grilles{gap:8px}.efx .finishes{justify-content:space-between;max-width:320px}.efx .actions{display:grid;grid-template-columns:1fr 1fr}.efx .actions .btn-primary{grid-column:1/-1}.efx .wall-grid{grid-template-columns:1fr 1fr;gap:8px}.efx .card .meta{padding:10px;font-size:13px}.efx .views button{padding:7px 12px}}@media(max-width:360px){.efx .btn{padding:0 14px;gap:8px;font-size:14px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.efx,.efx *,.efx *:before,.efx *:after{transition:none!important;animation:none!important}}.efx .efx-gate{padding:clamp(40px,6vw,88px) 0;max-width:760px}.efx .efx-gate-title{font-size:clamp(30px,3.6vw,48px);line-height:1.04;letter-spacing:-.05em;font-weight:850;margin:0 0 14px}.efx .efx-gate-h2{font-size:clamp(20px,1.8vw,24px);line-height:1.25;letter-spacing:-.03em;font-weight:800;margin:0 0 12px}.efx .efx-gate p:not(.eyebrow){color:var(--muted);margin:0 0 18px;max-width:60ch}.efx .efx-gate-list{margin:0 0 24px;padding-left:20px;color:var(--muted)}.efx .efx-gate-list li{margin:0 0 6px}.efx .efx-gate-actions{display:flex;gap:10px;flex-wrap:wrap}.efx .efx-gate-actions .btn{flex:0 0 auto}.efx{letter-spacing:normal}.efx :is(h1,h2,h3){font-family:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}.efx .caption{line-height:1.55}.efx .stage-col{transition:top .15s ease-out}:root:has(.shopify-section-header-sticky:not(.shopify-section-header-hidden)) .efx .stage-col{top:calc(var(--header-height, 0px) + 20px)}.efx .families{padding:0 0 clamp(18px,2.4vw,30px)}.efx .fam-h{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--cool);margin:0 0 12px}.efx .fam-groups{display:flex;flex-wrap:wrap;gap:14px clamp(20px,3vw,40px)}.efx .fam-group{display:grid;gap:8px;min-width:0}.efx .fam-group-name{font-size:12px;color:var(--cool);letter-spacing:.04em}.efx .fam-row{display:flex;gap:8px;flex-wrap:wrap}.efx .fam{border:1px solid #cdd5da;background:#fff;padding:10px 14px;min-height:56px;min-width:104px;text-align:left;cursor:pointer;display:grid;gap:2px;align-content:start;transition:border-color .2s,background .2s}.efx .fam:hover{border-color:var(--ink)}.efx .fam[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.efx .fam b{font-size:16px;letter-spacing:-.02em}.efx .fam small{font-size:11px;color:var(--muted);line-height:1.25;max-width:20ch}.efx .fam .badge{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8a5a00;font-weight:800;margin-top:2px}.efx .fam-note{font-size:13px;color:var(--muted);margin:12px 0 0;min-height:1.5em;max-width:80ch}@media(max-width:520px){.efx .fam{min-width:0;min-height:44px;padding:8px 14px;flex:0 0 auto;align-content:center}.efx .fam small,.efx .fam .badge{display:none}.efx .fam-groups{gap:12px}.efx .fam-group-name{font-size:11px}}.efx img.opaque{mix-blend-mode:multiply;filter:none!important}.efx .layer:has(img.opaque){transition:none}.efx .fam-groups{align-items:start}.efx .fam-group{align-content:start}.efx .pub-spec{margin:0 0 8px;padding:14px 16px;border:1px solid #cdd5da;background:var(--paper)}.efx .pub-spec b{display:block;font-size:18px;letter-spacing:-.02em}.efx .pub-spec small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.efx .pub-extra{display:grid;gap:10px}.efx .pub-extra .btn{width:100%}
/*# sourceMappingURL=/cdn/shop/t/234/assets/sc-eurofase-design-explorer.css.map */
