.tests{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.test{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:15px;background:var(--paper);transition:border-color .2s}.test:hover{border-color:var(--line-2)}.test .who{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.test .av{width:38px;height:38px;border-radius:99px;flex:0 0 auto;background:linear-gradient(150deg,var(--sand-2),var(--sand-3));display:flex;align-items:center;justify-content:center;font-family:Inter Tight,sans-serif;font-weight:600;font-size:13px;color:var(--muted)}.test .tag{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--acc-ink)}.test p{font-size:14.5px;line-height:1.5}.bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bundle{border:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper);position:relative}.bundle.feat{border-color:var(--ink);border-width:1.5px}.bundle .stage{aspect-ratio:16/10;border-bottom:1px solid var(--line)}.bundle .stage .pair{width:66%;height:auto;max-width:66%}.bundle .bd{padding:22px;display:flex;flex-direction:column;gap:9px;flex:1}.bundle .save{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-ink)}.bundle .pl{display:flex;align-items:baseline;gap:10px;margin-top:2px}.bundle .pl .now{font-family:Inter Tight,sans-serif;font-weight:600;font-size:23px;letter-spacing:-.034em}.bundle .pl .was{font-size:13.5px;color:var(--muted-2);text-decoration:line-through}.bundle ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:5px}.bundle li{font-size:13.5px;color:var(--ink-2);padding-left:16px;position:relative}.bundle li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--muted-2)}.bundle .btn{margin-top:auto}.bundle .flag{position:absolute;top:-1px;right:18px;z-index:2}.guar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}.guar .g{padding:clamp(26px,3vw,38px);border:1px solid var(--night-line);transition:border-color .25s,background .25s}.guar .g:hover{border-color:#4a443e;background:var(--night-2)}.guar h3{font-size:clamp(19px,2.1vw,25px);letter-spacing:-.028em;margin:15px 0 13px}.story{margin-top:clamp(34px,5.5vw,74px);align-items:center}.mail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}.mailform{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.mailform input{flex:1;min-width:220px;padding:15px 16px;border:1px solid var(--line);background:var(--paper);font-size:14.5px;border-radius:var(--r)}.mailform input::placeholder{color:var(--muted-2)}footer{background:var(--night);color:#cfc8c0}.f-top{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:clamp(20px,3vw,40px);padding-block:clamp(52px,6vw,78px)}.f-acc>summary{list-style:none;display:block;cursor:default;pointer-events:none}.f-acc>summary::-webkit-details-marker{display:none}.f-acc>summary::marker{content:""}.f-col h4{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#8a837c;font-weight:500;margin-bottom:17px}.f-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.f-col a{font-size:13.5px;color:#cfc8c0;transition:color .16s}.f-col a:hover{color:#fff}.f-legal{border-top:1px solid var(--night-line);padding-block:28px;display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.f-entity{font-size:11.5px;line-height:1.65;color:#7e7770;max-width:54ch}.f-marks{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.pay{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.pay .p{width:48px;height:30px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.pay .p svg{width:100%;height:100%;display:block}.f-mark{border:1px solid var(--night-line);padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8a837c}.f-bottom{border-top:1px solid var(--night-line);padding-block:22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11.5px;color:#7e7770}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c70;z-index:90;opacity:0;pointer-events:none;transition:opacity .28s var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;right:0;width:min(424px,92vw);background:var(--paper);z-index:95;display:flex;flex-direction:column;transform:translate(102%);transition:transform .34s var(--ease);box-shadow:-8px 0 44px #0b0b0c26}.drawer.on{transform:none}.drawer.left{right:auto;left:0;transform:translate(-102%);width:min(404px,92vw)}.drawer.left.on{transform:none}.dr-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);flex:0 0 auto}.dr-body{flex:1;overflow-y:auto;padding:0 22px}.dr-foot{flex:0 0 auto;padding:18px 22px 22px;border-top:1px solid var(--line);background:var(--paper)}.ship{padding:16px 0 18px;border-bottom:1px solid var(--line)}.ship .bar{height:5px;background:var(--sand-2);margin-top:11px;overflow:hidden;border-radius:99px}.ship .fill{height:100%;background:var(--acc);width:0;transition:width .45s var(--ease);border-radius:99px}.line{display:grid;grid-template-columns:66px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.line .th{aspect-ratio:1;background:linear-gradient(160deg,#fff,var(--sand-2));display:flex;align-items:center;justify-content:center;overflow:hidden}.line .th svg{height:74%;width:auto}.line .nm{font-family:Inter Tight,sans-serif;font-weight:600;font-size:14.5px;letter-spacing:-.02em}.line .spec{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);margin-top:3px}.line .ctl{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r)}.qty button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted)}.qty button:hover{color:var(--ink)}.qty span{min-width:26px;text-align:center;font-size:13.5px;font-variant-numeric:tabular-nums}.ups{padding:18px 0;border-bottom:1px solid var(--line)}.up{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 0}.up .th{aspect-ratio:1;background:linear-gradient(160deg,#fff,var(--sand-2));display:flex;align-items:center;justify-content:center;overflow:hidden}.up .th svg{height:74%;width:auto}.up .nm{font-size:13.5px;font-weight:500;letter-spacing:-.012em}.up .pr{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.up .addb{border:1px solid var(--ink);padding:8px 14px;font-size:12.5px;font-weight:600;border-radius:var(--r);transition:background .16s,color .16s}.up .addb:hover{background:var(--ink);color:var(--paper)}.disc summary{cursor:pointer;font-size:13px;color:var(--muted);padding:15px 0;list-style:none;display:flex;align-items:center;gap:8px}.disc summary::-webkit-details-marker{display:none}.disc summary:before{content:"+";font-family:IBM Plex Mono,monospace;color:var(--muted-2)}.disc[open] summary:before{content:"\2013"}.disc .f{display:flex;gap:8px;padding-bottom:15px}.disc input{flex:1;padding:12px 13px;border:1px solid var(--line);font-size:13.5px;border-radius:var(--r)}.ctrust{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px}.mnav{display:flex;flex-direction:column;padding:8px 0}.mnav>a{padding:16px 0;border-bottom:1px solid var(--line);font-family:Inter Tight,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:center}.mgroup{padding:20px 0;border-bottom:1px solid var(--line)}.mgroup h4{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}.mgroup ul{list-style:none;display:flex;flex-direction:column;gap:12px}.mgroup a{font-size:14.5px}#sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:11px var(--pad) calc(11px + env(safe-area-inset-bottom));display:none;align-items:center;gap:14px;transform:translateY(110%);transition:transform .3s var(--ease)}#sticky.on{transform:none}#sticky .l{flex:1;min-width:0}#sticky .l .t{font-family:Inter Tight,sans-serif;font-weight:600;font-size:14px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sticky .l .s{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);margin-top:2px}#ctrl{position:fixed;left:16px;bottom:16px;z-index:120;background:#0b0b0cf2;color:#f2eee8;border-radius:3px;padding:13px 15px;display:flex;flex-direction:column;gap:11px;box-shadow:0 8px 36px #00000057;max-width:274px;font-family:Inter,sans-serif}#ctrl .hd{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a837c;display:flex;justify-content:space-between;align-items:center;gap:10px}#ctrl .sw{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}#ctrl .sw .l{font-size:12.5px;line-height:1.3}#ctrl .sw .l small{display:block;color:#8a837c;font-size:10.5px;margin-top:2px}.tgl{width:36px;height:20px;border-radius:99px;background:#3a3630;position:relative;flex:0 0 auto;transition:background .2s}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:99px;background:#f2eee8;transition:transform .2s}.tgl[data-on="1"]{background:var(--acc-flat)}.tgl[data-on="1"]:after{transform:translate(16px)}#auditout{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.05em;color:#00c2ff;border-top:1px solid #2E2A26;padding-top:10px;display:none;line-height:1.65}body.audit #auditout{display:block}#ctrl.min{padding:9px 12px}#ctrl.min .sw,#ctrl.min #auditout{display:none}.brief{position:absolute;left:0;right:0;bottom:0;display:none;background:#0b0b0cf0;color:#f2eee8;padding:11px 13px;text-align:left;z-index:3}.brief .id{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.12em;color:var(--a1);display:block;margin-bottom:4px}.brief p{font-size:11.5px;line-height:1.45;color:#cfc8c0}body.briefs .brief{display:block}body.briefs .stage,body.briefs .scene,body.briefs .portrait{outline:1px dashed var(--acc-flat);outline-offset:-1px}.replace{display:none;margin-top:14px}body.briefs .replace{display:block}.replace span{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;background:#3a1206;color:#ffb03a;padding:5px 9px;display:inline-block}body.audit .acc-el{outline:2px solid #00C2FF!important;outline-offset:2px}.rev{opacity:0;transform:translateY(15px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.rev.on{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.rev,.pressband{opacity:1;transform:none}html{scroll-behavior:auto}}.size-entry{margin-top:4px}.test .shot{aspect-ratio:1;position:relative;overflow:hidden;margin:-24px -24px 4px;background:linear-gradient(168deg,#FFFFFF 0%,var(--sand) 58%,var(--sand-3) 100%)}.test .shot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stars-r{color:var(--acc-flat);font-size:13px;letter-spacing:.12em;line-height:1}.colsvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(max-width:1000px){.tiles,.prods,.tests{grid-template-columns:1fr 1fr}.bundles{grid-template-columns:1fr}.mech,.finder{grid-template-columns:1fr;gap:32px}.f-top{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:760px){.m-only{display:block!important}.chip.m-only{display:inline-flex!important}.d-only{display:none!important}.nav{display:none}.burger{display:flex}.hd-row{margin-bottom:22px;gap:14px;flex-direction:column;align-items:flex-start}.eyebrow{margin-bottom:12px}.eyebrow:after{max-width:56px}h2.d2{margin-bottom:10px!important}.pad.dark,.pad.sand{padding-block:44px}.btn{padding:16px 22px;font-size:16px;min-height:52px}.btn-sm{padding:13px 18px;font-size:15px;min-height:48px}.icobtn{width:46px;height:46px}.hdr-in{gap:6px;height:56px}#hdr .wm{font-size:23px}#hdr a[aria-label]{display:flex;align-items:center;min-height:46px}.card .spec,.bundle .save{font-size:11.5px}.f-mark,#sticky .l .s,.test .tag{font-size:10.5px}.spec-tag{font-size:10px}#announce{height:36px}#announce.gone{display:none}#announce .msg{font-size:11px;letter-spacing:.09em}.dr-body{padding-bottom:30px}#sizedr .dr-body{padding-bottom:40px}#sticky{display:flex}body{padding-bottom:76px}.hero-track{min-height:clamp(560px,calc(100vh - 116px),660px)}.hbg:after{background:linear-gradient(6deg,#0e0c0beb 8%,#0e0c0bbd 40%,#0e0c0b29 74%)}.hfig{right:-12%;bottom:auto;top:-6%;height:54%}.hero-tag{display:none}.hero-in{padding-block:26px 62px}.hero-in .d1{margin:10px 0 12px;max-width:14ch}.hero-in .lede{max-width:34ch}.hero-cta{margin-top:20px;gap:10px;flex-direction:column;width:100%}.hero-cta .btn{width:100%}.hproof{margin-top:18px;padding-top:14px;font-size:13px;white-space:normal}.hdots{left:var(--pad);right:auto;bottom:22px}.spec-tag{font-size:9.5px;padding:7px 10px}.why{grid-template-columns:1fr;gap:24px}.why-l{position:static}.why-sub{margin-top:12px;max-width:none}.why-r{gap:24px}.wi{grid-template-columns:3px minmax(0,1fr) 96px;gap:14px;align-items:center}.wtx h3{font-size:18px;margin-bottom:6px;max-width:none}.wtx p{font-size:14px;line-height:1.5}.wthumb{border-radius:7px}.tiles,.tests,.bundles{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none}.tiles::-webkit-scrollbar,.tests::-webkit-scrollbar,.bundles::-webkit-scrollbar{display:none}.tiles>*,.tests>*,.bundles>*{scroll-snap-align:start}.bundles{grid-auto-columns:86%}.tile .scene{aspect-ratio:1}.tile .cap{padding-top:12px}.test{padding:18px}.test .shot{margin:-18px -18px 4px}.prods{gap:10px}.card .meta{padding-top:12px}.card .nm{font-size:15px}.card .stars{display:none}.card .row{padding-top:5px}.ship-nudge{display:none}.claims{grid-template-columns:1fr}.claims>div{padding:22px 20px}.benefits{grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.benefits .b h3{font-size:15px}.legwrap svg{max-width:280px}.scale .lbls span{font-size:11px;padding-right:6px;display:flex;flex-direction:column;line-height:1.35}.scale .lbls b{font-size:12px}#finderHome{display:none}#sizedr #finderHome,#sizedr .finder{display:block}#sizedr .result{border:0;padding:22px 0 0;margin-top:8px;border-top:1px solid var(--line)}#sizedr .fld{margin-bottom:26px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:30px;height:30px}input[type=range]::-moz-range-thumb{width:30px;height:30px}.guar{grid-template-columns:1fr;gap:14px}.guar .g{padding:22px 20px}.guar h3{margin:10px 0 9px}.guar .lede{font-size:15px}.mail{grid-template-columns:1fr;gap:22px}.mailform{flex-direction:column;gap:10px}.mailform input,.mailform .btn{width:100%;min-width:0}.f-top{grid-template-columns:1fr 1fr;gap:30px 22px;padding-block:40px 30px}.f-col:first-child{grid-column:1/-1;margin-bottom:4px}.f-acc h4{margin-bottom:14px}.f-acc ul{gap:0}.f-acc a{font-size:14.5px;display:flex;align-items:center;min-height:40px}.f-legal{padding-block:22px;gap:18px}.pay .p{width:42px;height:27px}.f-bottom{padding-block:16px;font-size:12.5px}.f-bottom a{display:inline-flex;align-items:center;min-height:44px}.f-bottom span[style]{gap:20px!important}#ctrl{left:12px;right:12px;bottom:84px;max-width:none}}@media(max-width:400px){.tiles,.tests{grid-auto-columns:84%}.prods{grid-template-columns:1fr 1fr;gap:9px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vylo-home.css.map */