.one{grid-column:1 / -1;min-width:0;display:flex;flex-direction:column;gap:var(--space-card);padding-bottom:7.5rem;--o-primary: #0050ff;--o-primary-hover: #003dc3;--o-on-primary: #fff;--o-subtle: #f8faff;--o-subtle-hover: #e6eeff;--o-ink: #0c0c15;--o-border: #80808d;--o-radius: 4px;--o-radius-lg: 8px;--o-badge-bg: #81dcfa;--o-badge-ink: #00008c;--o-highlight: #ffa55a;--o-positive: #008249;--o-negative: #d72652;--o-focus: #00008c;--o-icon: #0050ff;--o-rating: #1476b7;--o-surface: #fff;--o-muted: #666673;--o-disabled: #93939f;--o-hairline: #d7d7de;--o-track: #e9e9ef;--o-selected: #f8faff;--o-cast: 0 18px 40px rgba(12, 12, 21, .14), 0 3px 8px rgba(12, 12, 21, .08)}.one[data-brand=blau]{--o-primary: #0072bc;--o-primary-hover: #0062a2;--o-on-primary: #fff;--o-subtle: #f7fafd;--o-subtle-hover: #e8f1f9;--o-ink: #0072bc;--o-border: #818181;--o-radius: 2px;--o-radius-lg: 2px;--o-badge-bg: #0072bc;--o-badge-ink: #fff;--o-highlight: #7814b3;--o-positive: #1c840c;--o-negative: #d23a1b;--o-focus: #7814b3;--o-icon: #0072bc;--o-rating: #007ba3;--o-selected: #f7fafd}.one[data-brand=fonic]{--o-primary: #03678a;--o-primary-hover: #024d67;--o-on-primary: #fff;--o-subtle: #e5f7fc;--o-subtle-hover: #caeef9;--o-ink: #233949;--o-border: #6e8698;--o-radius: 8px;--o-radius-lg: 8px;--o-badge-bg: #f0e200;--o-badge-ink: #233949;--o-highlight: #f0e200;--o-positive: #0e6e37;--o-negative: #d61d3d;--o-focus: #683a0d;--o-icon: #03678a;--o-rating: #006596;--o-selected: #e5f7fc}.one[data-brand=telefonica]{--o-primary: #0066ff;--o-primary-hover: #0056d6;--o-on-primary: #fff;--o-subtle: #f7faff;--o-subtle-hover: #e4efff;--o-ink: #111f34;--o-border: #5a697f;--o-radius: 0px;--o-radius-lg: 0px;--o-badge-bg: #0066ff;--o-badge-ink: #fff;--o-highlight: #9b51bd;--o-positive: #008529;--o-negative: #d72e3f;--o-focus: #0066ff;--o-icon: #0066ff;--o-rating: #0066ff;--o-selected: #f7faff}.one[data-mode=dark]{--o-primary: #1c63ff;--o-primary-hover: #4e86ff;--o-on-primary: #fff;--o-subtle: #0050ff;--o-subtle-hover: #1c63ff;--o-ink: #f0f0f3;--o-border: #93939f;--o-badge-bg: #5693a7;--o-badge-ink: #fff;--o-highlight: #467888;--o-positive: #319d6e;--o-negative: #e9587c;--o-icon: #4e86ff;--o-rating: #4192c8;--o-surface: #272732;--o-disabled: #93939f;--o-muted: #93939f;--o-hairline: rgba(255, 255, 255, .14);--o-track: rgba(255, 255, 255, .14);--o-selected: #33333f;--o-focus: #f87e97;--o-cast: 0 24px 60px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .25)}.one[data-mode=dark][data-brand=blau]{--o-primary: #00b6f1;--o-primary-hover: #36bff1;--o-on-primary: #000;--o-subtle: #006788;--o-subtle-hover: #007ba3;--o-ink: #f3f3f3;--o-border: #949494;--o-badge-bg: #00b6f1;--o-badge-ink: #000;--o-highlight: #0062a2;--o-positive: #29bf12;--o-negative: #f64420;--o-icon: #00b6f1;--o-rating: #0096c6;--o-surface: #282828;--o-disabled: #ababab;--o-muted: #ababab;--o-selected: #00516c;--o-focus: #e2cdef}.one[data-mode=dark][data-brand=fonic]{--o-primary: #05b1e1;--o-primary-hover: #059cd1;--o-on-primary: #000;--o-subtle: #03678a;--o-subtle-hover: #024d67;--o-ink: #dde5ea;--o-border: #819aab;--o-badge-bg: #f0e200;--o-badge-ink: #12202b;--o-highlight: #f0e200;--o-positive: #17b95c;--o-negative: #efa8b5;--o-icon: #059cd1;--o-rating: #53afdc;--o-surface: #182d3c;--o-disabled: #819aab;--o-muted: #819aab;--o-selected: #12202b;--o-focus: #b9ae00}.one[data-mode=dark][data-brand=telefonica]{--o-primary: #0066ff;--o-primary-hover: #3988ff;--o-on-primary: #fff;--o-subtle: #003380;--o-subtle-hover: #0045ad;--o-ink: #f0f3f8;--o-border: #758398;--o-badge-bg: #0066ff;--o-badge-ink: #fff;--o-highlight: #9b51bd;--o-positive: #4ab96c;--o-negative: #ff7b88;--o-icon: #3988ff;--o-rating: #6aa6ff;--o-surface: #111f34;--o-disabled: #8996aa;--o-muted: #8996aa;--o-selected: #182a46;--o-focus: #3988ff}.one-switch{grid-column:1 / -1;min-width:0;display:flex;justify-content:center;gap:2rem;margin:2.5rem 0}.one-brands,.one-modes{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:var(--radius-card);background:var(--glass);box-shadow:inset 0 0 0 1px var(--border)}.one-brand{font-family:var(--font-pixel);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:400;letter-spacing:0;color:var(--muted-foreground);appearance:none;background:transparent;border:0;margin:0;padding:.3125rem .75rem;border-radius:calc(var(--radius-card) - .25rem);cursor:pointer}.one-brand:hover{color:var(--foreground)}.one-brand[aria-pressed=true]{background:var(--glass-in);color:var(--foreground);box-shadow:0 1px 2px #0000002e}.one-brand:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.one-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-card);row-gap:2.5rem}.one-cell{grid-column:var(--col) / span var(--span);min-width:0;display:flex;margin-top:var(--drift, 0)}.one-plate{background:var(--o-surface);border-radius:var(--radius-card);padding:var(--space-card);overflow:hidden;color:var(--o-ink);flex:1;display:flex;align-items:center;box-shadow:var(--o-cast);animation:one-float var(--float-ms) ease-in-out infinite alternate;animation-delay:var(--float-at)}@keyframes one-float{0%{transform:translateY(calc(var(--float) * -1))}to{transform:translateY(var(--float))}}@media(prefers-reduced-motion:reduce){.one-plate{animation:none}}.one-cell:hover .one-plate,.one-cell:focus-within .one-plate{animation-play-state:paused}.one-body{font-family:var(--font-sans);font-size:.8125rem;line-height:1.4;color:var(--o-ink);flex:1;min-width:0;width:100%;display:flex;flex-direction:column;justify-content:center;gap:.625rem}@container (max-width: 64rem){.one-cell{margin-top:0}.one-cell[style*="--span:12"],.one-cell[style*="--span:10"],.one-cell[style*="--span:8"],.one-cell[style*="--span:7"]{grid-column:1 / -1}.one-cell[style*="--span:6"],.one-cell[style*="--span:5"],.one-cell[style*="--span:4"],.one-cell[style*="--span:3"]{grid-column:auto / span 6}}@container (max-width: 40rem){.one-cell{margin-top:0}.one-cell[style*=--span]{grid-column:1 / -1}}.one-body :where(button,input,select){font:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;background:none;border:0;border-radius:0;appearance:none;text-align:inherit}.one-body :where(button,select,label){cursor:pointer}.one-body :where(button,input,select,label,.o-tr>span,.o-teaser){transition:background-color .14s ease,color .14s ease,border-color .14s ease}.one-body :focus-visible{outline:2px solid var(--o-focus);outline-offset:2px}.o-field :focus-visible{outline:none}.o-field:has(:focus-visible){outline:2px solid var(--o-focus);outline-offset:2px}.o-bare{flex:1;min-width:0;height:100%}.o-bare option{color:var(--o-ink);background:var(--o-surface)}.o-icon{width:16px;height:16px;flex:none;display:block}.o-strong{font-weight:600}.o-muted{color:var(--o-muted)}.o-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1rem;border-radius:var(--o-radius);font-weight:600;white-space:nowrap}.o-btn--primary{background:var(--o-primary);color:var(--o-on-primary)}.o-btn--ghost{border:1px solid var(--o-primary);color:var(--o-primary)}.o-btn--icon{width:40px;padding:0;border:1px solid var(--o-border);color:var(--o-ink)}.o-btn--pill{height:36px;border-radius:var(--o-radius)}.o-btn--primary:hover{background:var(--o-primary-hover)}.o-btn--ghost:hover{border-color:var(--o-primary-hover);color:var(--o-primary-hover)}.o-btn--icon:hover{border-color:var(--o-primary);color:var(--o-primary)}.o-btn:active{transform:translateY(1px)}.o-row{display:flex;align-items:center;gap:.5rem}.o-header{display:flex;align-items:center;gap:var(--space-card);min-height:56px;border-bottom:1px solid var(--o-hairline);padding:0 var(--space-card)}.o-logo{font-size:20px;font-weight:700;color:var(--o-primary);line-height:1;white-space:nowrap}.o-nav{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;flex-wrap:wrap}.o-nav-item{position:relative;line-height:1;color:var(--o-ink)}.o-nav-item:after{content:"";position:absolute;left:0;right:0;bottom:-.375rem;height:2px;background:transparent}.o-nav-item:hover:after{background:var(--o-border)}.o-nav-item[aria-pressed=true]:after{background:var(--o-primary)}.o-header-end{display:flex;align-items:center;gap:.75rem;color:var(--o-ink)}.o-iconbtn{display:block;color:var(--o-ink)}.o-iconbtn:hover{color:var(--o-primary)}.o-iconbtn:active{color:var(--o-primary-hover)}.o-stage{background:var(--o-subtle);padding:var(--space-card);flex:1;display:flex;flex-direction:column;gap:.625rem;align-items:flex-start}.o-stage h3{font-size:1.5rem;line-height:1.1;font-weight:700;margin:0}.o-badge{display:inline-flex;align-items:center;height:24px;padding:0 .625rem;border-radius:9999px;background:var(--o-badge-bg);color:var(--o-badge-ink);font-weight:600}.o-checks{display:flex;flex-direction:column;gap:.375rem}.o-checks .o-row{color:var(--o-ink)}.o-checks svg{color:var(--o-on-primary)}.o-track{height:8px;border-radius:9999px;background:var(--o-track);overflow:hidden}.o-track span{display:block;height:100%;border-radius:9999px;background:var(--o-primary)}.o-switcher{display:flex;gap:.25rem;padding:.25rem;background:var(--o-track);border-radius:var(--o-radius);overflow-x:auto;scrollbar-width:none}.o-switcher::-webkit-scrollbar{display:none}.o-switcher button{padding:.5rem .875rem;border-radius:var(--o-radius);color:var(--o-muted);white-space:nowrap}.o-switcher button:hover{color:var(--o-ink)}.o-switcher [aria-selected=true]{background:var(--o-primary);color:var(--o-on-primary);font-weight:600}.o-switcher [aria-selected=true]:hover{background:var(--o-primary-hover);color:var(--o-on-primary)}.o-teaser{border:1px solid var(--o-hairline);border-radius:var(--o-radius-lg);padding:.875rem;display:flex;flex-direction:column;gap:.375rem;align-items:flex-start}.o-teaser .o-big{font-size:1.375rem;font-weight:700;line-height:1.1}.o-teaser .o-btn{width:100%;margin-top:.375rem}.o-teaser:hover{border-color:var(--o-primary)}.o-choice{display:flex;flex-direction:column;gap:.5rem}.o-choice>label{position:relative;display:flex;align-items:center;gap:.625rem;border:1px solid var(--o-border);border-radius:var(--o-radius);padding:.625rem .75rem}.o-choice>label:hover{border-color:var(--o-primary)}.o-choice>label:active{background:var(--o-selected)}.o-choice>label:has(:focus-visible){outline:2px solid var(--o-focus);outline-offset:2px}.o-choice>label:has(:checked){border-color:var(--o-primary);background:var(--o-selected)}.o-radio{position:absolute;width:0;height:0;opacity:0}.o-dot{width:16px;height:16px;flex:none;border-radius:9999px;border:1px solid var(--o-border);display:block}.o-choice>label:has(:checked) .o-dot{border-color:var(--o-primary);background:radial-gradient(circle,var(--o-primary) 0 4px,transparent 4px)}.o-choice .o-price-cell{margin-left:auto;font-weight:600}.o-contact>button{display:flex;width:100%;align-items:center;gap:.75rem;padding:.625rem 0}.o-contact>button+button{border-top:1px solid var(--o-hairline)}.o-contact>button:hover{background:var(--o-subtle-hover)}.o-contact>button:active{background:var(--o-selected)}.o-contact>button:hover .o-chev{transform:translate(2px)}.o-contact svg{color:var(--o-icon)}.o-contact .o-lines{display:flex;flex-direction:column;min-width:0;text-align:left}.o-contact .o-chev{margin-left:auto;color:var(--o-muted)}.o-table{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.6fr) minmax(0,.8fr)}.o-table span{padding:.5rem 0}.o-tr{display:contents}.o-tr>span{border-top:1px solid var(--o-hairline)}.o-tr:hover>span{background:var(--o-subtle-hover)}.o-table>.o-th:nth-child(4),.o-tr>span:nth-child(4){text-align:right;font-weight:600}.o-table .o-th{color:var(--o-muted);text-transform:uppercase;font-size:.6875rem;letter-spacing:.06em;font-weight:400}.o-banderole{background:var(--o-badge-bg);color:var(--o-badge-ink);padding:.75rem var(--space-card);display:flex;flex-direction:column;align-items:center;gap:.25rem}.o-disclose{display:block;color:inherit}.o-disclose:hover{opacity:.7}.o-disclose[aria-expanded=true] svg{transform:rotate(180deg)}.o-banderole .o-more{display:none;margin:0;text-align:center}.o-banderole:has([aria-expanded=true]) .o-more{display:block}.o-form{display:flex;flex-direction:column;gap:.625rem}.o-form label{color:var(--o-muted);display:block;margin-bottom:.25rem}.o-field{height:40px;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--o-border);border-radius:var(--o-radius);color:var(--o-ink)}.o-field .o-chev{margin-left:auto;color:var(--o-muted)}input.o-field{display:block;width:100%}.o-field:hover{border-color:var(--o-primary)}.o-switch{width:36px;height:20px;border-radius:9999px;background:var(--o-border);position:relative;flex:none}.o-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:9999px;background:var(--o-surface)}.o-switch:checked{background:var(--o-primary)}.o-switch:checked:after{left:18px;background:var(--o-on-primary)}.o-switch:hover{background:var(--o-muted)}.o-switch:checked:hover{background:var(--o-primary-hover)}.o-form .o-switch-row{display:flex;align-items:center;gap:.75rem;color:var(--o-ink);margin-bottom:0}.o-price{display:flex;flex-direction:column;gap:.125rem;align-items:flex-start}.o-price .o-amount{font-size:2rem;font-weight:700;line-height:1.05}.o-price .o-unit{font-size:.75rem;font-weight:600;vertical-align:super;margin-left:.25rem}.o-price .o-was{text-decoration:line-through;color:var(--o-negative)}.o-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.o-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.o-chip{display:inline-flex;align-items:center;height:28px;padding:0 .75rem;border:1px solid var(--o-border);border-radius:9999px;color:var(--o-ink)}.o-chip:hover{border-color:var(--o-primary);color:var(--o-primary)}.o-chip:active{background:var(--o-selected)}.o-chip[aria-pressed=true]{border-color:var(--o-primary);background:var(--o-selected);color:var(--o-primary)}.o-chips .o-reset{color:var(--o-primary);text-decoration:underline}.o-chips .o-reset:hover:not(:disabled){color:var(--o-primary-hover)}.o-chips .o-reset:disabled{color:var(--o-disabled);text-decoration:none;cursor:default}.o-stepper{display:flex;align-items:flex-start}.o-step{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:none;width:4.5rem}.o-step .o-mark{width:24px;height:24px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--o-border);color:var(--o-muted);font-weight:600}.o-step.is-done .o-mark,.o-step.is-active .o-mark{background:var(--o-primary);border-color:var(--o-primary);color:var(--o-on-primary)}.o-step.is-done .o-num{display:none}.o-step:not(.is-done) .o-mark svg{display:none}.o-step:hover .o-mark{border-color:var(--o-primary)}.o-step .o-step-label{color:var(--o-muted);text-align:center}.o-step:hover .o-step-label{color:var(--o-ink)}.o-step.is-active .o-step-label{color:var(--o-primary)}.o-stepper .o-line{flex:1;height:1px;background:var(--o-hairline);margin-top:12px}.o-status{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.o-state{display:inline-flex;align-items:center;gap:.375rem}.o-state i{width:8px;height:8px;border-radius:9999px;display:block}.o-state--on i{background:var(--o-positive)}.o-state--off i{background:var(--o-negative);animation:o-pulse 1.6s ease-in-out infinite}@keyframes o-pulse{0%,to{opacity:1}50%{opacity:.35}}.o-state--idle{color:var(--o-disabled)}.o-state--idle i{background:var(--o-disabled)}.o-ring{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.o-ring .o-dial{position:relative;width:88px;height:88px}.o-ring .o-dial svg{display:block}.o-ring .o-dial span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700}.o-rating{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.o-stars{display:flex;align-items:center;gap:.25rem}.o-stars svg{width:20px;height:20px}.o-stars .o-on{color:var(--o-rating)}.o-stars .o-off{color:var(--o-track)}.o-star{display:block}.o-star .o-on{display:none}.o-star[data-fill] .o-on{display:block}.o-star[data-fill] .o-off{display:none}.o-rating .o-score{margin-left:.25rem;font-weight:600}.o-toast{background:var(--o-ink);color:var(--o-surface);border-radius:var(--o-radius-lg);padding:12px;display:flex;align-items:center;gap:.625rem;transition:opacity .2s ease,transform .2s ease}.o-toast[data-gone]{opacity:0;transform:translateY(.5rem);pointer-events:none}.o-toast .o-close{margin-left:auto;display:block;color:inherit}.o-toast .o-close:hover{opacity:.7}.o-segmented{display:flex;padding:.25rem;background:var(--o-track);border-radius:var(--o-radius);height:40px}.o-segmented button{flex:1;display:flex;align-items:center;justify-content:center;border-radius:var(--o-radius);color:var(--o-muted)}.o-segmented button:hover{color:var(--o-ink)}.o-segmented [aria-selected=true]{background:var(--o-selected);color:var(--o-ink);font-weight:600;box-shadow:0 1px 2px #0000001f}.o-search{display:flex;align-items:stretch;gap:.5rem}.o-search .o-field{flex:1;min-width:0;height:44px;color:var(--o-ink)}.o-search .o-field svg{color:var(--o-border)}.o-search .o-bare::placeholder{color:var(--o-muted);opacity:1}.o-search .o-go{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--o-primary);color:var(--o-on-primary);border-radius:var(--o-radius)}.o-search .o-go:hover{background:var(--o-primary-hover)}.o-search .o-go:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.one-body *,.one-body *:before,.one-body *:after{transition:none}.o-state--off i{animation:none}}.board{grid-column:1 / -1;min-width:0;display:flex;flex-direction:column;gap:var(--space-card);padding-bottom:7.5rem;--nr-cast: 0 18px 40px rgba(12, 12, 21, .14), 0 3px 8px rgba(12, 12, 21, .08)}.board[data-scheme=ink]{--nr-ground: #ffffff;--nr-figure: #1c1c1c}.board[data-scheme=paper]{--nr-ground: #1c1c1c;--nr-figure: #ffffff}.board .lb-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;align-self:center;padding:.25rem;border-radius:var(--radius-card);background:var(--glass);box-shadow:inset 0 0 0 1px var(--border)}.board .lb-scheme{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:400;color:var(--muted-foreground);appearance:none;background:transparent;border:0;margin:0;padding:.3125rem .75rem;border-radius:calc(var(--radius-card) - .25rem);cursor:pointer}.board .lb-scheme:hover{color:var(--foreground)}.board .lb-scheme[aria-pressed=true]{background:var(--glass-in);color:var(--foreground);box-shadow:0 1px 2px #0000002e}.board .lb-scheme:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.board .lb-swatch{display:grid;place-items:center;width:1.25rem;height:1.25rem;flex:none;border-radius:.375rem;background:var(--sw-ground);color:var(--sw-figure)}.board .lb-swatch svg{width:.75rem;height:auto;display:block;fill:currentColor}.board [data-scheme-set=ink] .lb-swatch{--sw-ground: #ffffff;--sw-figure: #1c1c1c}.board [data-scheme-set=paper] .lb-swatch{--sw-ground: #1c1c1c;--sw-figure: #ffffff}.board .lb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-card);row-gap:4rem}.board .lb-tile{grid-column:span var(--span, 12);min-width:0;position:relative;display:flex;flex-direction:column;gap:var(--space-card);background:var(--nr-ground);color:var(--nr-figure);border-radius:var(--radius-card);padding:var(--space-card);overflow:hidden;box-shadow:var(--nr-cast)}.board [data-tile=sizes],.board [data-tile=reading]{--span: 12}.board [data-tile=lockup],.board [data-tile=clear],.board [data-tile=icon],.board [data-tile=pattern],.board [data-tile=halftone],.board [data-tile=emboss],.board [data-tile=depth]{--span: 6}.board .lb-label{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:currentColor;opacity:.55}.board .lb-ctl{display:flex;align-items:center;gap:.75rem;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.board input[type=range]{flex:1;min-width:0;margin:0;accent-color:var(--nr-figure);color:var(--nr-figure);background:transparent;cursor:pointer}.board input[type=range]:focus-visible{outline:2px solid currentColor;outline-offset:4px}.board output{font-variant-numeric:tabular-nums;opacity:.55;min-width:3.5rem;text-align:right}.board .lb-seg{display:inline-flex;align-items:center;gap:.125rem;align-self:flex-start;padding:.1875rem;border-radius:calc(var(--radius-card) - .25rem);background:color-mix(in oklab,var(--nr-figure) 10%,transparent)}.board .lb-seg label{position:relative;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:.25rem .6875rem;border-radius:calc(var(--radius-card) - .4375rem);opacity:.55;cursor:pointer}.board .lb-seg input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.board .lb-seg label:has(input:checked){opacity:1;background:var(--nr-ground);box-shadow:0 1px 2px #00000024}.board .lb-seg label:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}.board .lb-checks{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;align-self:flex-start}.board .lb-check{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);opacity:.55;cursor:pointer}.board .lb-check:has(input:checked){opacity:1}.board .lb-check input{accent-color:var(--nr-figure);margin:0;cursor:pointer}.board .lb-check input:focus-visible{outline:2px solid currentColor;outline-offset:3px}.board .lb-mark{display:block;width:var(--px, 100%)}.board .lb-mark svg{width:100%;height:auto;display:block;fill:currentColor}.board .lb-stage{position:relative;display:flex;flex:1;min-width:0}.board [data-tile=sizes] .lb-stage{flex:none;height:28rem;overflow:hidden;display:grid;grid-template-rows:1fr}.board [data-tile=sizes] .lb-live{grid-row:1;min-height:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.board [data-tile=sizes] .lb-live svg{width:var(--px, 256px);height:auto;max-width:96%;max-height:92%}.board .lb-ticks{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-variant-numeric:tabular-nums;opacity:.45;margin-top:.25rem}.board [data-tile=lockup] .lb-stage,.board [data-tile=clear] .lb-stage{align-items:center;justify-content:center;min-height:20rem}.board .lb-lock{display:none;width:100%;max-width:30rem}.board .lb-lock svg{width:100%;height:auto;display:block;fill:currentColor}.board .lb-lock-mark{max-width:19rem}.board .lb-lock-stack{display:none;flex-direction:column;align-items:center;gap:.875rem}.board .lb-lock-stack>span{display:block}.board .lb-lock-stack .lb-stack-mark{width:11.5rem}.board .lb-lock-stack .lb-stack-word{width:24rem}.board [data-tile=lockup]:has(input[value=mark]:checked) .lb-lock-mark{display:block}.board [data-tile=lockup]:has(input[value=lockup]:checked) .lb-lock-full{display:block}.board [data-tile=lockup]:has(input[value=stacked]:checked) .lb-lock-stack{display:flex}.board .lb-clear-box{position:relative;width:100%;max-width:23rem}.board .lb-clear-box svg{width:100%;height:auto;display:block}.board .lb-clear-box .lb-mark svg{fill:currentColor}.board .lb-guides{position:absolute;inset:0;pointer-events:none;stroke:currentColor;fill:none}.board .lb-guides .lb-build,.board .lb-guides .lb-space{opacity:0}.board [data-tile=clear]:has([data-clear]:checked) .lb-guides .lb-build{opacity:1}.board [data-tile=clear]:has([data-clear-space]:checked) .lb-guides .lb-space{opacity:1}.board .lb-guides .lb-rule{stroke-width:.18;opacity:.3}.board .lb-guides .lb-diag{stroke-width:.18;opacity:.2}.board .lb-guides .lb-node{stroke:none;fill:currentColor;opacity:.55}.board .lb-guides .lb-bounds{stroke-width:.28;opacity:.45}.board .lb-guides .lb-clearbox{stroke-width:.32;stroke-dasharray:1 1;opacity:.85}.board .lb-guides .lb-knock{stroke:var(--nr-ground)}.board .lb-guides .lb-knock .lb-node{fill:var(--nr-ground)}.board [data-tile=reading] .lb-stage{align-items:center;justify-content:center;min-height:22rem}.board .lb-read{display:block;width:100%;max-width:26rem}.board .lb-read svg{width:100%;height:auto;display:block}.board .lb-read path{fill:currentColor}.board .lb-read-big,.board .lb-read-small{transition:opacity .18s ease}.board .lb-read path.lb-read-n{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}.board .lb-read path.lb-read-arrow{fill:none;stroke:var(--nr-ground);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:0}.board [data-tile=reading]:has(input[value=r]:checked) .lb-read-big{opacity:.22}.board [data-tile=reading]:has(input[value=n]:checked) .lb-read-big,.board [data-tile=reading]:has(input[value=n]:checked) .lb-read-small{opacity:.3}.board [data-tile=reading]:has(input[value=n]:checked) .lb-read-n{opacity:1}.board [data-tile=reading]:has(input[value=updown]:checked) .lb-read-arrow{opacity:1}.board .lb-caption{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);opacity:.55}.board .lb-caption span{display:none}.board [data-tile=reading]:has(input[value=r]:checked) .lb-caption [data-reading=r],.board [data-tile=reading]:has(input[value=n]:checked) .lb-caption [data-reading=n],.board [data-tile=reading]:has(input[value=updown]:checked) .lb-caption [data-reading=updown]{display:inline}.board [data-icon-corner]{appearance:none;background:transparent;border:0;margin:0;padding:0;color:inherit;cursor:pointer;text-align:left;flex:1;display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center;border-radius:calc(var(--radius-card) - .5rem)}.board [data-icon-corner]:focus-visible{outline:2px solid currentColor;outline-offset:6px}.board .lb-icons{display:flex;align-items:flex-end;gap:.875rem}.board .lb-icon{display:grid;place-items:center;flex:none;width:var(--s);height:var(--s);background:var(--nr-figure);color:var(--nr-ground);transition:border-radius .18s ease}.board .lb-icon .lb-mark{width:58%}.board [data-corner=squircle] .lb-icon{border-radius:28%}.board [data-corner=rounded] .lb-icon{border-radius:18%}.board [data-corner=circle] .lb-icon{border-radius:50%}.board .lb-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem .5rem .625rem;border-radius:.5rem .5rem 0 0;background:color-mix(in oklab,var(--nr-figure) 10%,transparent)}.board .lb-tab-line{width:4.5rem;height:.375rem;border-radius:999px;background:currentColor;opacity:.3}.board .lb-canvas{display:block;width:100%;aspect-ratio:3 / 2;border-radius:calc(var(--radius-card) - .5rem);background:var(--nr-ground);touch-action:pan-y}.board .lb-emboss{display:block;width:100%;max-width:22rem;color:var(--nr-ground);--nr-lift: color-mix(in oklab, var(--nr-ground) 35%, #ffffff);--nr-sink: color-mix(in oklab, var(--nr-ground) 35%, #000000);filter:drop-shadow(calc(var(--lx, -1) * 3px) calc(var(--ly, -1) * 3px) 1px var(--nr-lift)) drop-shadow(calc(var(--lx, -1) * -3px) calc(var(--ly, -1) * -3px) 1px var(--nr-sink))}.board .lb-emboss svg{width:100%;height:auto;display:block;fill:currentColor}.board [data-tile=emboss] .lb-stage{align-items:center;justify-content:center;min-height:20rem}.board .lb-3d{flex:none;height:22rem;align-items:center;justify-content:center}.board .lb-3d canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}.board .lb-3d canvas:active{cursor:grabbing}.board .lb-3d .lb-fallback{width:45%;max-width:14rem}.board .lb-3d[data-live] .lb-fallback{display:none}@media(max-width:60rem){.board .lb-grid{row-gap:2.5rem}.board .lb-tile{--span: 12}.board [data-tile=sizes] .lb-stage{height:16rem}.board [data-tile=lockup] .lb-stage,.board [data-tile=clear] .lb-stage,.board [data-tile=reading] .lb-stage,.board [data-tile=emboss] .lb-stage{min-height:15rem}.board .lb-3d{height:15rem}.board .lb-canvas{aspect-ratio:4 / 3}.board .lb-lock{max-width:22rem}.board .lb-lock-mark{max-width:13rem}.board .lb-lock-stack .lb-stack-mark{width:8rem}.board .lb-lock-stack .lb-stack-word{width:17rem}.board .lb-clear-box{max-width:16rem}.board .lb-read{max-width:18rem}.board .lb-emboss{max-width:16rem}}@media(max-width:40rem){.board .lb-switch{flex-wrap:wrap;justify-content:center}.board .lb-scheme{flex:1 1 auto;justify-content:center}}@media(pointer:coarse){.board .lb-emboss{filter:drop-shadow(-3px -3px 1px var(--nr-lift)) drop-shadow(3px 3px 1px var(--nr-sink))}}@media(prefers-reduced-motion:reduce){.board .lb-icon,.board .lb-read-big,.board .lb-read-small{transition:none}}.board .lb-tile[data-tile=texture],.board .lb-tile[data-tile=tiling]{--span: 6}.board [data-tile=texture] .lb-canvas,.board [data-tile=tiling] .lb-canvas{aspect-ratio:3 / 2}.board .lb-tx-name{flex:none;min-width:4rem;opacity:.55}.board [data-tile=tiling] label.lb-ctl{cursor:pointer}@media(max-width:60rem){.board .lb-tile[data-tile=texture],.board .lb-tile[data-tile=tiling]{--span: 12}.board [data-tile=texture] .lb-canvas,.board [data-tile=tiling] .lb-canvas{aspect-ratio:4 / 3}}.board [data-tile=contrast]{--span: 6}@media(max-width:60rem){.board [data-tile=loader],.board [data-tile=scorecard],.board [data-tile=contrast]{grid-column:1 / -1}.board [data-tile=loader] .lb-stage{min-height:15rem}.board .lb-loader{max-width:20rem}}.board [data-tile=loader] .lb-stage{align-items:center;justify-content:center;min-height:20rem}.board .lb-loader{display:block;width:100%;max-width:26rem}.board .lb-loader svg{width:100%;height:auto;display:block}.board .lb-loader path{fill:currentColor}.board .lb-loader .lb-chev-a{animation:lb-chev-a var(--loop, 1.4s) ease-in-out infinite}.board .lb-loader .lb-chev-b{animation:lb-chev-b var(--loop, 1.4s) ease-in-out infinite}@keyframes lb-chev-a{0%,to{transform:translate(0)}50%{transform:translate(5.5px,2.5px)}}@keyframes lb-chev-b{0%,to{transform:translate(0)}50%{transform:translate(-5.5px,-2.5px)}}.board [data-tile=loader]{--loop: 1.4s}.board [data-tile=loader]:has(input[value=slow]:checked){--loop: 3s}.board [data-tile=loader]:has(input[value=easy]:checked){--loop: 2s}.board [data-tile=loader]:has(input[value=even]:checked){--loop: 1.4s}.board [data-tile=loader]:has(input[value=brisk]:checked){--loop: .8s}.board [data-tile=loader]:has(input[value=fast]:checked){--loop: .4s}.board .lb-rows{display:flex;flex-direction:column;row-gap:.25rem}.board .lb-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-gap);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.board .lb-k{opacity:.55}.board .lb-v{text-align:right;font-variant-numeric:tabular-nums}.board .lb-pairs{display:flex;flex-direction:column}.board .lb-row{display:grid;align-items:center;grid-template-columns:auto minmax(6rem,9rem) 4rem minmax(0,1fr);gap:var(--space-gap);width:100%;margin:0;padding:.6875rem .25rem;appearance:none;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);box-shadow:inset 0 -1px color-mix(in oklab,var(--nr-figure) 14%,transparent)}.board .lb-pairs .lb-row:last-child{box-shadow:none}.board .lb-row:hover{background:color-mix(in oklab,var(--nr-figure) 7%,transparent)}.board .lb-row:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.board .lb-row[aria-pressed=true]{background:color-mix(in oklab,var(--nr-figure) 12%,transparent)}.board .lb-pair{display:inline-flex;gap:.25rem}.board .lb-pair .lb-swatch[data-swatch=figure]{background:var(--sw-figure)}.board .lb-pair .lb-swatch{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--nr-figure) 22%,transparent)}.board .lb-names{white-space:nowrap}.board .lb-ratio{font-variant-numeric:tabular-nums;text-align:right}.board .lb-verdict{opacity:.55;text-wrap:pretty}@media(max-width:48rem){.board .lb-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.25rem}.board .lb-verdict{grid-column:2 / -1}}@media(prefers-reduced-motion:reduce){.board .lb-loader .lb-chev-a,.board .lb-loader .lb-chev-b{animation:none;transform:translate(0)}}