.VvRNyG_box{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#111;border-radius:24px;position:relative;overflow:hidden}.VvRNyG_img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.VvRNyG_after{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.VvRNyG_line{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 18px #ffffff80}.VvRNyG_knob{color:#2c7bfa;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #00000059}.VvRNyG_held .VvRNyG_knob{transform:scale(.9)}.VvRNyG_tag{color:#0d2a5c;pointer-events:none;background:#ffffffeb;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;position:absolute;top:16px}.VvRNyG_left{left:16px}.VvRNyG_right{right:16px}.VvRNyG_range{opacity:0;pointer-events:none;width:100%;position:absolute;inset:auto 0 0}.VvRNyG_box:has(.VvRNyG_range:focus-visible) .VvRNyG_knob{outline-offset:3px;outline:3px solid #2c7bfa}.VvRNyG_compact{border-radius:0;height:100%}.VvRNyG_compact .VvRNyG_knob{width:34px;height:34px;margin:-17px 0 0 -17px}.VvRNyG_compact .VvRNyG_knob svg{width:13px;height:13px}.VvRNyG_compact .VvRNyG_tag{padding:4px 9px;font-size:11px;top:10px}.VvRNyG_compact .VvRNyG_left{left:10px}.VvRNyG_compact .VvRNyG_right{right:10px}
.ShmVaW_demo{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}@media (max-width:900px){.ShmVaW_demo{grid-template-columns:minmax(0,1fr)}}.ShmVaW_stage{background:linear-gradient(#eaf3fef2,#d6e6fce6);border-radius:34px;justify-self:start;width:100%;padding:10px;position:relative;box-shadow:0 40px 100px #00000080,inset 0 0 0 1px #ffffffb3}.ShmVaW_compare{aspect-ratio:6/5;-webkit-user-select:none;user-select:none;border-radius:26px;overflow:hidden}.ShmVaW_compare img{object-position:50% 80%}.ShmVaW_panel{flex-direction:column;gap:18px;padding-top:8px;display:flex}.ShmVaW_step{align-items:baseline;gap:14px;margin:0;font-size:clamp(20px,1.8vw,24px);line-height:1.25;display:flex}.ShmVaW_step b{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:500;display:inline-grid;transform:translateY(-3px)}.ShmVaW_swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:2px 0 14px;display:grid}.ShmVaW_swatch{color:#0d2a5c;font:inherit;text-align:left;cursor:pointer;background:#fffffff0;border:0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 10px 12px;font-size:13px;font-weight:500;line-height:1.2;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex}.ShmVaW_swatch img{aspect-ratio:420/384;object-fit:contain;background:#e9f1fd;border-radius:12px;width:100%}.ShmVaW_swatch:hover{transform:translateY(-3px)}.ShmVaW_picked{box-shadow:0 0 0 3px #2c7bfa}.ShmVaW_fine{color:var(--muted);margin:6px 0 0;font-size:14px}@media (max-width:560px){.ShmVaW_swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
.XIEDhW_box{aspect-ratio:5/8;opacity:0;width:clamp(260px,26vw,400px);transition:opacity .9s;position:relative}.XIEDhW_ready{opacity:1}.XIEDhW_box canvas{width:100%;height:100%;display:block}.XIEDhW_tappable{cursor:pointer}
.cQiTvW_picker{background:linear-gradient(#1f5fd6 0%,#2f72e4 100%);border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:clamp(24px,3vw,40px) 20px;display:flex;position:relative;overflow:hidden}.cQiTvW_stage{justify-content:center;width:100%;min-height:clamp(380px,38vw,560px);display:flex;position:relative}.cQiTvW_vista{width:clamp(240px,24vw,350px)}.cQiTvW_swatches{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.cQiTvW_swatch{color:#0c0d10;font:inherit;cursor:pointer;background:#fffc;border:0;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;transition:background .2s,box-shadow .2s;display:inline-flex}.cQiTvW_swatch img{object-fit:cover;border-radius:50%;width:26px;height:26px}.cQiTvW_on{background:#fff;box-shadow:inset 0 0 0 1.5px #2c7bfa}.cQiTvW_hint{color:#fffc;margin:0;font-size:13px;position:relative}
.dNBnLa_faq{border-top:.72px solid var(--line)}.dNBnLa_faq details{border-bottom:.72px solid var(--line)}.dNBnLa_faq summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(19px,1.6vw,24px);font-weight:400;line-height:1.25;list-style:none;display:flex}.dNBnLa_faq summary::-webkit-details-marker{display:none}.dNBnLa_faq summary:focus{outline:none}.dNBnLa_faq summary:focus-visible{outline:2px solid var(--fg);outline-offset:6px;border-radius:4px}.dNBnLa_faq summary i{background:var(--glass-strong);width:34px;height:34px;color:var(--fg);border-radius:50%;flex:none;transition:background .25s,color .25s,transform .4s cubic-bezier(.16,1,.3,1);position:relative}.dNBnLa_faq summary:hover i{background:var(--hover)}.dNBnLa_faq summary i:before,.dNBnLa_faq summary i:after{content:"";background:currentColor;width:12px;height:1.5px;margin:-.75px 0 0 -6px;position:absolute;top:50%;left:50%}.dNBnLa_faq summary i:after{transform:rotate(90deg)}.dNBnLa_faq details[open] summary i{background:var(--fg);color:var(--bg);transform:rotate(45deg)}.dNBnLa_faq details p{max-width:580px;color:var(--muted);margin:-6px 0 0;padding:0 48px 28px 0;font-size:16px;line-height:1.55}@media (max-width:900px){.dNBnLa_faq details p{padding-right:0}}