.bp{--g:#fff;--s:#f1f4f5;--s2:#e5ebec;--t:#17191a;--m:#5e6a6c;--q:#7f8c8e;--h:#12474f1a;--h2:#12474f33;--lag:#34b3bb;--on-lag:#0a2c32;--focus:#12474f;--bad:#c8372d;--side:clamp(270px, 26vw, 380px);--lead:56px;--trail:80px;background:var(--g);min-height:100vh;color:var(--t);font:400 15px/1.55 var(--font-grotesk), Arial, sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;position:relative}html[data-bp-mode=dark] .bp{--g:#071b20;--s:#0c262c;--s2:#123238;--t:#f2f5f6;--m:#9fb0b2;--q:#6f8789;--h:#ccd4d617;--h2:#ccd4d62e;--focus:#34b3bb;--bad:#f0705f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:has(.bp){background:#fff}html[data-bp-mode=dark]:has(.bp){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071b20}html:has(.bp) body{color:inherit;background:0 0}@media (prefers-reduced-motion:no-preference){html:has(.bp){scroll-behavior:smooth}}.bp *,.bp :before,.bp :after{box-sizing:border-box}.bp :where(h1,h2,h3,p,figure,ul,ol,table){margin:0;padding:0}.bp :where(ul,ol){list-style:none}.bp :where(img,video){max-width:100%;display:block}.bp :where(button,input){color:inherit;font:inherit;letter-spacing:inherit;margin:0}.bp :where(button){text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.bp :where(a){color:inherit;text-decoration:none}.bp :is(a,button,input,summary,[contenteditable],[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bp-mono{font-variant-numeric:tabular-nums}.bp-quiet{color:var(--q)}.bp-cap{color:var(--q);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.2}.bp-stop{background:var(--lag);border-radius:50%;width:.2em;height:.2em;margin-left:.06em;display:inline-block}.bp-link{color:var(--t);text-decoration:underline;-webkit-text-decoration-color:var(--lag);text-decoration-color:var(--lag);text-underline-offset:3px;text-decoration-thickness:1.5px}.bp-side{z-index:10;width:var(--side);flex-direction:column;padding:72px 24px 56px clamp(40px,5vw,72px);display:flex;position:fixed;top:0;bottom:0;left:0}.bp-back{width:fit-content;color:var(--m);align-items:center;gap:9px;font-size:14.5px;transition:color .15s;display:inline-flex}.bp-back:hover{color:var(--t)}.bp-back svg{flex:none}.bp-p{width:12px;height:16px;color:var(--t);--mark-dot:var(--lag);display:block}.bp-p svg{width:100%;height:100%;display:block}.bp-preview{border:1px solid var(--h2);width:fit-content;color:var(--m);border-radius:99px;margin-top:14px;padding:3px 10px 3px 18px;font-size:11.5px;position:relative}.bp-preview:before{content:"";background:var(--lag);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:8px}.bp-nav{margin-top:30px}.bp-nav a{width:fit-content;color:var(--m);padding:7.5px 0;font-size:14.5px;transition:color .15s;display:block;position:relative}.bp-nav a:hover{color:var(--t)}.bp-nav a:before{content:"";background:var(--lag);opacity:0;border-radius:50%;width:6px;height:6px;margin-top:-3px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:-15px;transform:scale(.4)}.bp-nav a[aria-current]{color:var(--t)}.bp-nav a[aria-current]:before{opacity:1;transform:none}.bp-side-foot{margin-top:auto}.bp-acts{margin-bottom:18px}.bp-act{width:fit-content;color:var(--m);align-items:center;gap:10px;padding:6px 0;font-size:14px;transition:color .15s;display:flex}.bp-act:hover{color:var(--t)}.bp-act svg{flex:none}.bp-side,.bp-bar,.bp-sheet{--g:#f1eee6;--s:#e6e1d5;--t:#0f2e33;--m:#4e6366;--q:#6e8285;--h:#12474f1f;--h2:#12474f3d;--focus:#12474f;color:var(--t)}.bp-side{background:var(--g);box-shadow:inset -1px 0 #12474f1a}html[data-bp-mode=dark] :is(.bp-side,.bp-bar,.bp-sheet){--g:#0b252b;--s:#12323a;--t:#f2f5f6;--m:#a9bbbd;--q:#7f979a;--h:#ccd4d61a;--h2:#ccd4d638;--focus:#34b3bb}html[data-bp-mode=dark] .bp-side{box-shadow:inset -1px 0 #ccd4d614}.bp-side .bp-preview{color:var(--m)}.bp-kicker{color:var(--m);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:26px;font-size:13.5px;display:flex}.bp-kicker-p{width:11px;height:15px;color:var(--t);--mark-dot:var(--lag);display:block}.bp-kicker-p svg{width:100%;height:100%;display:block}.bp-kicker b{color:var(--t);font-weight:500}.bp-kicker i{background:var(--lag);border-radius:50%;width:4px;height:4px}.bp-bar,.bp-sheet-wrap[hidden]{display:none}.bp-main{margin-left:var(--side);overflow-x:clip}.bp-col{width:min(940px, 100% - var(--lead) - var(--trail));margin-left:var(--lead);padding:112px 0 0;position:relative}.bp-col:before,.bp-col:after{content:"";background:var(--h);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.bp-col:before{left:-1px}.bp-col:after{right:-1px}.bp-sec{scroll-margin-top:40px;position:relative}.bp-sec+.bp-sec{margin-top:150px}.bp-title{letter-spacing:-.025em;font-size:clamp(30px,2.5vw,36px);font-weight:500;line-height:1.1}.bp-sub{color:var(--m);margin-top:12px;font-size:15.5px}.bp-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:118px;padding-bottom:17px;display:flex;position:relative}.bp-head:after{content:"";left:calc(-1 * var(--lead));background:var(--h);height:1px;position:absolute;bottom:0;right:-50vw}.bp-sec>.bp-head:first-child,.bp-first .bp-sub+.bp-head{margin-top:0}.bp-first .bp-sub+.bp-head{margin-top:112px}.bp-head :is(h2,h3){letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.2}.bp-head h3{font-size:19px}.bp-head-acts{border:1px solid var(--h2);border-radius:6px;flex:none;display:flex;overflow:hidden}.bp-icon{width:32px;height:32px;color:var(--m);place-items:center;transition:color .15s,background-color .15s;display:grid}.bp-icon+.bp-icon{border-left:1px solid var(--h2)}.bp-icon:hover{background:var(--s);color:var(--t)}.bp-icon:active svg{transform:scale(.9)}.bp-head-acts .bp-icon:focus-visible{outline-offset:-2px}.bp-prose{max-width:700px;color:var(--m);padding-top:24px;font-size:15.5px;line-height:1.6}.bp-prose p+p{margin-top:16px}.bp-hint{color:var(--q);margin-top:18px;font-size:13px}.bp-grid{gap:12px;display:grid}.bp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.bp-wide{place-items:center;display:grid}.bp-wide img{width:100%;height:auto}.bp-key img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%;width:100%;height:auto}.bp-key figcaption{color:var(--m);margin-top:12px;font-size:13.5px}.bp-key-hero{aspect-ratio:16/9;position:relative;overflow:hidden}.bp-browser{border:1px solid var(--h2);background:var(--s);border-radius:10px;position:relative;overflow:hidden}.bp-browser-bar{border-bottom:1px solid var(--h);align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.bp-browser-bar i{background:var(--h2);border-radius:50%;width:8px;height:8px}.bp-browser-bar span{color:var(--q);margin-left:12px;font-size:12px}.bp-browser-view{aspect-ratio:16/10;position:relative;overflow:hidden}.bp-browser-view>img,.bp-browser-view>video,.bp-browser-view>iframe{object-fit:cover;object-position:top;border:0;width:100%;height:100%;position:absolute;inset:0}.bp-browser-view{container-type:inline-size}.bp-browser-view>iframe{transform-origin:0 0;width:1440px;height:900px;transform:scale(tan(atan2(100cqw, 1440px)));background:0 0;inset:0 auto auto 0}.bp-phone{aspect-ratio:390/844;border:1px solid var(--h2);border-radius:26px;width:min(100%,320px);margin:0 auto;display:none;position:relative;overflow:hidden}.bp-phone>img,.bp-phone>video{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}@media (max-width:760px){.bp-browser.has-phone{display:none}.bp-phone{display:block}}.bp-out{color:var(--t);text-decoration:underline;-webkit-text-decoration-color:var(--lag);text-decoration-color:var(--lag);text-underline-offset:3px;align-items:center;gap:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.bp-film{display:none}}.bp-glance{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}@media (min-width:1100px){.bp-glance:has(>.bp-glance-cell:nth-child(5)){grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) repeat(3,minmax(0,1fr))}}.bp-glance-cell{background:var(--s);flex-direction:column;gap:14px;min-height:190px;padding:20px;display:flex}.bp-glance-logo{justify-content:center;align-items:center;position:relative}.bp-glance-logo img{width:auto;height:112px}.bp-glance-logo .bp-cap{opacity:.7;position:absolute;top:20px;left:20px}.bp-glance-cols li{grid-template-rows:auto auto;grid-template-columns:26px 1fr auto;align-items:center;column-gap:12px;padding:7px 0;display:grid}.bp-glance-cols li+li{border-top:1px solid var(--h)}.bp-glance-cols i{width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--h2);border-radius:50%;grid-row:span 2}.bp-glance-cols .bp-icon{border:1px solid var(--h2);border-radius:6px;grid-area:span 2/3;width:28px;height:28px}.bp-glance-cols span:not(.bp-mono){font-size:14.5px;line-height:1.2}.bp-glance-cols .bp-mono{color:var(--q);grid-column:2;font-size:12.5px}.bp-glance-type li{font-size:20px}.bp-glance-type .aa,.bp-fontrows .aa{font-size:1.25em}.bp-glance-line{font-size:19px;line-height:1.3}.bp-glance-kit{letter-spacing:-.02em;margin-top:auto;font-size:22px;font-weight:500}.bp-scale li{align-items:center;padding:28px 0;display:flex;position:relative}.bp-scale li:after{content:"";left:calc(-1 * var(--lead));background:var(--h);height:1px;position:absolute;bottom:0;right:-50vw}.bp-scale-px{width:107px;color:var(--q);font-variant-numeric:tabular-nums;flex:none;padding-left:33px;font-size:12.5px}.bp-scale-art{max-width:calc(100% - 107px);display:block;position:relative}.bp-scale-art img{width:100%;height:100%}.bp-scale-art{height:auto}.bp .on-dark{display:none}html[data-bp-mode=dark] .bp .on-dark{display:block}html[data-bp-mode=dark] .bp .on-light{display:none}.bp-sig-art{aspect-ratio:1/1.08;position:relative}.bp-sig-art img{object-fit:contain;width:auto;max-width:80%;height:40%;position:absolute;top:50%;left:50%;translate:-50% -50%}.bp-sig figcaption,.bp-cut figcaption,.bp-mis figcaption{max-width:420px;color:var(--m);margin-top:18px;font-size:15px;line-height:1.55}.bp-cut-art{place-items:center;height:280px;display:grid}.bp-cut-art img{width:auto;max-width:84%}.bp-cut figcaption b{color:var(--t);margin-bottom:4px;font-weight:500;display:block}.bp-min{flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.bp-min li{flex-direction:column;gap:10px;display:flex}.bp-min-art{place-items:center;width:150px;height:120px;display:grid}.bp-min li:last-child .bp-min-art{width:220px}.bp-min-label{color:var(--m);font-size:13px}.bp-try-stage{place-items:center;height:380px;transition:background-color .25s;display:grid;position:relative}.bp-try-stage img{object-fit:contain;width:auto;max-width:84%;height:210px}.bp-try-flag{color:var(--bad);background:#fff;border-radius:99px;padding:5px 10px 5px 24px;font-size:12px;font-weight:500;position:absolute;top:16px;left:16px;box-shadow:0 1px #00000014}.bp-try-flag:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:10px}.bp-try-ctl{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:24px;padding-top:18px;display:grid}.bp-try-pick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bp-try-pick input[type=color]{border:1px solid var(--h2);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:34px;padding:0}.bp-hex{border:1px solid var(--h2);font-variant-numeric:tabular-nums;text-transform:uppercase;background:0 0;border-radius:6px;width:92px;height:34px;padding:0 10px;font-size:13.5px}.bp-chips{flex-wrap:wrap;gap:6px;display:flex}.bp-chip{border:1px solid var(--h2);height:34px;color:var(--m);border-radius:99px;align-items:center;gap:7px;padding:0 12px 0 8px;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.bp-chip i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000024}.bp-chip:hover{color:var(--t)}.bp-chip[aria-pressed=true],.bp-chip[aria-checked=true]{border-color:var(--t);color:var(--t)}.bp-try-read{color:var(--m);font-size:14px;line-height:1.5}.bp-try-read b{color:var(--t);font-weight:500}.bp-mis-art{aspect-ratio:4/3;place-items:center;display:grid;position:relative;overflow:hidden}.bp-mis-art img,.bp-mis-flat{object-fit:contain;width:auto;max-width:84%;height:46%;position:absolute;top:50%;left:50%;translate:-50% -50%}.bp-mis-flat{display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bp-mis-stretch{transform:scaleX(1.6)scaleY(.82)}.bp-mis-rotate{transform:rotate(-16deg)}.bp-mis-effects{filter:drop-shadow(7px 9px #17191a73)drop-shadow(0 0 14px #ffc446e6)}.bp-mis-fade{opacity:.28}.bp-mis-x{background:var(--bad);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:12px;right:12px}.bp-mis-x svg{stroke-width:2px;width:12px;height:12px}.bp-swatches.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-swatches.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-swatches.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.bp-swatch{min-height:384px;box-shadow:inset 0 0 0 1px var(--h);flex-direction:column;justify-content:space-between;padding:22px;display:flex}.bp-swatch-name{font-size:16px;font-weight:500}.bp-vals{margin:0 -10px}.bp-val{border-radius:4px;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;width:100%;padding:6px 10px;transition:background-color .12s;display:grid}.bp-val .k{letter-spacing:.04em;opacity:.62;font-size:11px}.bp-val .v{font-variant-numeric:tabular-nums;font-size:14.5px}.bp-val .c{opacity:0;transition:opacity .12s}.bp-val:hover,.bp-val:focus-visible{background:color-mix(in srgb, var(--ink) 11%, transparent)}.bp-val:hover .c,.bp-val:focus-visible .c{opacity:.8}.bp-props{height:230px;display:flex}.bp-props>div{min-width:0;box-shadow:inset 0 0 0 1px var(--h);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.bp-props span{font-size:15px;font-weight:500}.bp-props b{letter-spacing:-.02em;font-size:30px;font-weight:500}.bp-combos li{grid-template-columns:52px minmax(0,1fr) auto 64px;align-items:center;gap:24px;padding:16px 0;display:grid;position:relative}.bp-combos li:after{content:"";left:calc(-1 * var(--lead));background:var(--h);height:1px;position:absolute;bottom:0;right:-50vw}.bp-aa{width:52px;height:36px;box-shadow:inset 0 0 0 1px var(--h2);place-items:center;font-size:16px;display:grid}.bp-combo-name{font-size:15.5px}.bp-ratio{color:var(--m);font-variant-numeric:tabular-nums;font-size:13.5px}.bp-badge{border:1px solid var(--h2);background:var(--g);letter-spacing:.04em;text-align:center;justify-self:end;padding:4px 8px;font-size:11px;font-weight:500}.bp-badge.fail{color:var(--bad)}.bp-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:18px;display:grid}.bp-pick+.bp-pick{margin-top:18px}.bp-pick .bp-chips{margin-top:10px}.bp-pair-out{min-height:160px;box-shadow:inset 0 0 0 1px var(--h);align-items:center;gap:18px;padding:24px;display:flex}.bp-pair-aa{font-size:52px;line-height:1}.bp-pair-line{font-size:17px}.bp-pair-read{grid-column:2;justify-content:space-between;align-items:center;display:flex}.bp-families>li{padding:34px 0 38px;position:relative}.bp-families>li+li:before{content:"";left:calc(-1 * var(--lead));background:var(--h);height:1px;position:absolute;top:0;right:-50vw}.bp-family-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.bp-family-top .bp-icon{border:1px solid var(--h2);border-radius:6px;flex:none}.bp-spec{letter-spacing:-.015em;font-size:clamp(28px,3vw,40px);line-height:1.15}.bp-spec-edit{border-radius:3px;outline:none}.bp-spec-edit:hover{background:var(--s)}.bp-spec-edit:focus{box-shadow:0 2px 0 var(--lag)}.bp-families .bp-prose{padding-top:14px}.bp-sliders{border-left:1px solid var(--h);border-right:1px solid var(--h)}.bp-slider{grid-template-columns:84px minmax(0,1fr) 190px;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:grid;position:relative}.bp-slider:after{content:"";left:calc(-1 * var(--lead));background:var(--h);height:1px;position:absolute;bottom:0;right:-50vw}.bp-slider-out{font-variant-numeric:tabular-nums;justify-self:end;font-size:14px}.bp-slider-out b{font-weight:500}.bp-slider-out .bp-quiet{margin-right:18px;font-size:13px}.bp-ticks{align-items:center;display:grid;position:relative}.bp-tickmarks{pointer-events:none;justify-content:space-between;height:9px;margin-top:-4.5px;padding:0 1px;display:flex;position:absolute;top:50%;left:0;right:0}.bp-tickmarks i{background:var(--h2);width:1px;height:100%}.bp-tickmarks i.on{background:var(--t)}.bp input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.bp input[type=range]::-webkit-slider-runnable-track{background:var(--h2);height:1px}.bp input[type=range]::-moz-range-track{background:var(--h2);height:1px}.bp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--t);width:4px;height:18px;box-shadow:0 0 0 4px var(--g);border:0;border-radius:2px;margin-top:-8.5px}.bp input[type=range]::-moz-range-thumb{background:var(--t);width:4px;height:18px;box-shadow:0 0 0 4px var(--g);border:0;border-radius:2px}.bp input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--lag);box-shadow:0 0 0 4px var(--g), 0 0 0 6px var(--focus)}.bp input[type=range]:focus-visible{outline:none}.bp-samples>li{overflow-wrap:anywhere;padding:34px 0 40px;position:relative}.bp-samples>li:after{content:"";left:calc(-1 * var(--lead));background:var(--h);height:1px;position:absolute;bottom:0;right:-50vw}.bp-sample-meta{color:var(--q);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:12px;display:flex}.bp-stance{color:var(--t);margin-top:30px;font-size:16px;font-weight:500}.bp-stance+p{margin-top:8px!important}.bp-msgs{margin-top:24px}.bp-msg{border-top:1px solid var(--h);width:100%;padding:22px 48px 24px 0;display:block;position:relative}.bp-msgs li:last-child .bp-msg{border-bottom:1px solid var(--h)}.bp-msg .bp-cap{margin-bottom:10px;display:block}.bp-msg-text{letter-spacing:-.01em;max-width:800px;font-size:20px;line-height:1.4;display:block}.bp-msg-c{color:var(--m);opacity:0;transition:opacity .15s;position:absolute;top:24px;right:8px}.bp-msg:hover .bp-msg-c,.bp-msg:focus-visible .bp-msg-c{opacity:1}.bp-principle{margin-top:72px}.bp-principle h3{font-size:16px;font-weight:500}.bp-principle .bp-prose{padding-top:8px}.bp-say{border-collapse:collapse;width:100%;margin-top:26px;font-size:15px}.bp-say th{color:var(--q);letter-spacing:.09em;text-align:left;text-transform:uppercase;padding:0 24px 12px 0;font-size:11px;font-weight:500}.bp-say td{border-top:1px solid var(--h);width:50%;color:var(--m);vertical-align:top;padding:13px 24px 13px 0}.bp-say tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--s) 60%, transparent)}.bp-apps>.bp-head{margin-top:0}.bp-apps+.bp-apps{margin-top:118px}.bp-app img{width:100%;height:auto}.bp-pair-row{grid-template-columns:var(--cols,repeat(2, minmax(0, 1fr)))}.bp-app-title{letter-spacing:-.02em;margin:0 0 14px;font-size:19px;font-weight:500}.bp-app figcaption{color:var(--m);margin-top:16px;font-size:15px}.bp-browser-film{margin-top:24px;margin-bottom:12px}.bp-ws{margin-top:28px}.bp-ws-switch{border:1px solid var(--h2);border-radius:99px;margin-bottom:22px;padding:3px;display:inline-flex}.bp-ws-switch button{min-height:32px;color:var(--m);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 16px;font-size:13px}.bp-ws-switch button[aria-pressed=true]{background:var(--t);color:var(--g)}.bp-ws-switch button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bp-ws-list{gap:40px;margin:0;padding:0;list-style:none;display:grid}.bp-ws-label{letter-spacing:-.01em;align-items:baseline;gap:10px;margin:0 0 12px;font-size:14px;font-weight:500;display:flex}.bp-ws-label span{color:var(--q);font-variant-numeric:tabular-nums;font-weight:400}.bp-ws-label em{color:var(--m);margin-left:auto;font-size:12px;font-style:normal;font-weight:400}.bp-ws-label em:before{content:"";background:var(--lag);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.bp-ws-view{position:relative}.bp-ws-view>img{width:100%;height:auto;display:block}.bp-ws-loop{object-fit:cover;object-position:top;width:100%;position:absolute;inset:0 0 auto}.bp-ws-phones{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:36px 24px}.bp-ws-phone{border:1px solid var(--h2);background:var(--s);border-radius:18px;overflow:hidden}.bp-ws-phone>img{width:100%;height:auto;display:block}@media (max-width:760px){.bp-ws-list{gap:30px}.bp-ws-phones{grid-template-columns:minmax(0,1fr);max-width:340px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.bp-ws-loop{display:none}}@media print{.bp-ws-loop,.bp-ws-switch{display:none}}.bp-btns{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:12px;display:grid}.bp-btn{background:var(--s);white-space:nowrap;align-items:center;gap:10px;width:100%;height:50px;padding:0 18px;font-size:14.5px;transition:background-color .15s;display:flex}.bp-btn:hover{background:var(--s2)}.bp-btn>span{text-overflow:ellipsis;overflow:hidden}.bp-tokens{position:relative}.bp-tokens .bp-btn svg:last-child{margin-left:auto}.bp-menu,.bp-fmt-menu{z-index:5;border:1px solid var(--h2);background:var(--g);border-radius:8px;min-width:100%;padding:4px;position:absolute;box-shadow:0 12px 30px #071b2029}.bp-menu{top:calc(100% + 6px);left:0}.bp-menu button,.bp-fmt-menu button{white-space:nowrap;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:14px;display:flex}.bp-menu button:hover,.bp-fmt-menu button:hover{background:var(--s)}.bp-inside{color:var(--m);margin-top:14px;font-size:14px}.bp-inside summary{cursor:pointer;width:fit-content;padding:4px 0}.bp-inside summary::marker{color:var(--lag)}.bp-inside ul{max-width:700px;margin-top:10px}.bp-inside li{border-top:1px solid var(--h);grid-template-columns:110px minmax(0,1fr) auto;gap:16px;padding:9px 0;display:grid}.bp-inside .bp-mono{color:var(--t)}.bp-group .bp-head{margin-top:64px}.bp-tile-art{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--h);outline:none;place-items:center;display:grid;position:relative;overflow:hidden}.bp-grid-2 .bp-tile-art,.bp-pics .bp-tile-art{aspect-ratio:16/10}.bp-tile-art>img{width:auto;height:auto;max-width:var(--fill);max-height:var(--fill);position:absolute;top:50%;left:50%;translate:-50% -50%}.bp-tile-art>img[src$=\.webp]{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;inset:0;translate:none}.bp-tile-art>img.px{max-width:none;max-height:none;image-rendering:pixelated}.bp-tile figcaption{color:var(--m);margin-top:10px;font-size:13.5px}.bp-tool{color:#f6f7fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#17191abd;border-radius:7px;align-items:center;height:30px;padding:0 2px;transition:opacity .15s,transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:8px;right:8px;transform:translateY(-3px)}.bp-tile-art:hover .bp-tool,.bp-tile-art:focus-within .bp-tool,.bp-tile-art:focus .bp-tool{opacity:1;transform:none}.bp-fmt{position:relative}.bp-fmt-btn{letter-spacing:.04em;border-radius:5px;align-items:center;gap:4px;height:26px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.bp-fmt-btn:not(.static):hover,.bp-tool-btn:hover{background:#ffffff24}.bp-fmt-btn.static{opacity:.8}.bp-fmt-menu{min-width:96px;color:var(--t);top:calc(100% + 6px);right:0}.bp-tool-btn{border-radius:5px;place-items:center;width:28px;height:26px;display:grid}.bp-tool :focus-visible{outline:2px solid var(--lag);outline-offset:0}.bp-tile-art{cursor:default;-webkit-tap-highlight-color:transparent}.bp-fontrows a{background:var(--s);align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex;position:relative}.bp-fontrows a svg{color:var(--m);margin-left:auto}.bp-fontrows li+li{margin-top:1px}.bp-foot{text-align:center;padding:150px 0 90px}.bp-foot hr{background:var(--h2);border:0;width:48px;height:1px;margin:0 auto 30px}.bp-foot-line{font-size:15.5px}.bp-foot-note{max-width:640px;color:var(--q);margin:12px auto 0;font-size:12.5px;line-height:1.6}.bp-end{--paper:#f1eee6;--t:#17191a;--m:#5e6a6c;--q:#7f8c8e;--h:#12474f24;--h2:#12474f3d;--focus:#12474f;background:linear-gradient(to bottom, var(--g), var(--paper) 240px);min-height:92svh;color:var(--t);flex-direction:column;margin-top:40px;display:flex;position:relative}html[data-bp-mode=dark] .bp-end{background:linear-gradient(to bottom, #071b20, #12474f 36px, var(--paper) 92px)}.bp-end-in{padding:150px var(--trail) 44px var(--lead);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px 64px;display:grid}.bp-end-title{letter-spacing:-.035em;font-size:clamp(30px,3.3vw,50px);font-weight:500;line-height:1.06}.bp-end-title span{color:var(--m)}.bp-end .bp-cap{color:var(--m);margin-bottom:18px}.bp-end-acts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.bp-end-btn{border:1px solid var(--h2);border-radius:99px;align-items:center;gap:10px;height:48px;padding:0 22px;font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.bp-end-btn small{color:inherit;opacity:.72;font-size:12.5px;font-weight:400}.bp-end-btn.solid{color:#0a2c32;background:#34b3bb;border-color:#0000}@media (hover:hover) and (pointer:fine){.bp-end-btn:hover{border-color:#12474f}.bp-end-btn.solid:hover{background:#45c0c7}}.bp-end-links{justify-items:end;gap:10px;font-size:14.5px;display:grid}.bp-end-links a{color:var(--m);transition:color .15s}.bp-end-links a:hover{color:var(--t)}.bp-end-band{margin:0 var(--trail) 0 var(--lead);border-top:1px solid var(--h);color:var(--m);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-block:16px;font-size:13px;display:flex}.bp-end-art{flex:1 0 auto;min-height:320px;position:relative}.bp-end-art canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:760px){.bp-end-in{grid-template-columns:minmax(0,1fr);gap:28px;padding:104px 24px 20px}.bp-end-title{font-size:28px}.bp-end-acts{justify-items:start;display:grid}.bp-end-links{grid-auto-flow:column;justify-content:start;justify-items:start;gap:20px}.bp-end-band{margin-inline:24px}.bp-end-art{min-height:260px}}@media print{.bp-end{display:none!important}}.bp-pn{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:110px;display:grid}.bp-pn-a{background:var(--s);flex-direction:column;gap:10px;padding:22px;transition:background-color .15s;display:flex}.bp-pn-a:hover{background:var(--s2)}.bp-pn-a.next{text-align:right;align-items:flex-end}.bp-pn-a .bp-cap{align-items:center;gap:6px;display:inline-flex}.bp-pn-a b{letter-spacing:-.02em;font-size:24px;font-weight:500}.bp-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:40;color:#f6f7fa;white-space:nowrap;opacity:0;pointer-events:none;background:#17191a;border-radius:99px;align-items:center;gap:9px;padding:10px 16px 10px 14px;font-size:13.5px;transition:opacity .18s,transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:translate(-50%,10px);box-shadow:0 10px 30px #071b2040}html[data-bp-mode=dark] .bp-toast{color:#071b20;background:#f6f7fa}.bp-toast i{background:#34b3bb;border-radius:50%;width:7px;height:7px}.bp-toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1099px){.bp{--side:0px;--lead:32px;--trail:32px}.bp-side{display:none}.bp-bar{z-index:20;height:56px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--h);background:color-mix(in srgb, var(--g) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;display:flex;position:sticky;top:0}.bp-bar-p{width:18px;height:24px;color:var(--t);--mark-dot:var(--lag);display:block}.bp-bar-p svg{width:100%;height:100%;display:block}.bp-bar-name{flex-direction:column;min-width:0;font-size:14.5px;font-weight:500;line-height:1.15;display:flex}.bp-bar-sec{color:var(--m);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.bp-bar-btn{border:1px solid var(--h2);border-radius:99px;height:36px;margin-left:auto;padding:0 14px;font-size:14px}.bp-sheet-wrap{z-index:30;position:fixed;inset:0}.bp-scrim{cursor:default;background:#071b2066;width:100%;position:absolute;inset:0}.bp-sheet{max-height:88vh;padding:18px 24px max(28px, env(safe-area-inset-bottom));background:var(--g);border-radius:18px 18px 0 0;animation:.32s cubic-bezier(.16,1,.3,1) bp-up;position:absolute;bottom:0;left:0;right:0;overflow:auto}.bp-sheet-head{border-bottom:1px solid var(--h);justify-content:space-between;align-items:center;padding-bottom:8px;font-weight:500;display:flex}.bp-sheet .bp-bar-btn{margin-left:0}.bp-sheet .bp-nav{margin:8px 0 18px 14px}.bp-sheet .bp-nav a{padding:11px 0;font-size:18px}.bp-sheet .bp-acts{border-top:1px solid var(--h);margin-bottom:6px;padding-top:12px}.bp-sheet .bp-act{padding:10px 0;font-size:15px}.bp-main{margin-left:0}.bp-col{width:auto;margin:0 var(--lead);padding-top:56px}.bp-head:after,.bp-scale li:after,.bp-combos li:after,.bp-slider:after,.bp-samples>li:after,.bp-families>li+li:before{left:calc(-1 * var(--lead));right:calc(-1 * var(--trail))}.bp-sec{scroll-margin-top:72px}}@keyframes bp-up{0%{opacity:0;transform:translateY(40px)}}@media (max-width:760px){.bp{--lead:16px;--trail:16px;font-size:14.5px}.bp-col{padding-top:40px}.bp-sec+.bp-sec{margin-top:110px}.bp-head{margin-top:84px}.bp-first .bp-sub+.bp-head{margin-top:64px}.bp-head :is(h2,h3){font-size:19px}.bp-title{font-size:28px}.bp-grid-3,.bp-swatches.n3,.bp-swatches.n4,.bp-swatches.n2{grid-template-columns:minmax(0,1fr)}.bp-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-grid-2,.bp-pair-row{grid-template-columns:minmax(0,1fr)}.bp-grid-3 .bp-tile-art{aspect-ratio:16/11}.bp-tile-art>img[src$=\.svg]:not(.px){max-height:min(var(--fill), 62%)}.bp-swatch{min-height:260px}.bp-scale li{padding:20px 0}.bp-scale-px{width:58px;padding-left:0}.bp-scale-art{max-width:calc(100% - 58px)}.bp-sig-art{aspect-ratio:4/3}.bp-cut-art{height:220px}.bp-min-art,.bp-min li:last-child .bp-min-art{width:calc(50vw - 22px)}.bp-try-stage{height:280px}.bp-try-ctl,.bp-pair{grid-template-columns:minmax(0,1fr)}.bp-pair-read{grid-column:1}.bp-props{flex-direction:column;height:auto}.bp-props>div{min-height:96px}.bp-combos li{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}.bp-combos .bp-badge{grid-column:3}.bp-combos .bp-ratio{grid-area:1/3;justify-self:end}.bp-combos li{grid-template-rows:auto auto}.bp-combos .bp-aa{grid-row:span 2;width:44px}.bp-combo-name{grid-row:span 2}.bp-slider{grid-template-columns:1fr auto;row-gap:0;padding:10px 12px}.bp-slider .bp-ticks,.bp-slider>input{grid-area:2/1/auto/-1}.bp-slider .bp-cap{grid-row:1}.bp input[type=range]{height:40px}.bp input[type=range]::-webkit-slider-thumb{width:6px;height:26px;margin-top:-12.5px}.bp-btns{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-btn{padding:0 14px;font-size:14px}.bp-inside li{grid-template-columns:minmax(0,1fr) auto}.bp-inside li>span:nth-child(2){grid-area:2/1/auto/-1}.bp-msg-text{font-size:18px}.bp-msg-c{opacity:.7}.bp-pn b{font-size:19px}.bp-foot{padding-top:110px}}@media (prefers-reduced-motion:reduce){.bp *,.bp-toast{transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:14mm 14mm 16mm}html:has(.bp){background:#fff}html[data-bp-mode=dark]:has(.bp){background:#fff}.bp,html[data-bp-mode=dark] .bp{--g:#fff;--s:#f2f5f6;--t:#17191a;--m:#4a5558;--q:#6b7779;--h:#12474f24;--h2:#12474f3d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;font-size:11pt}html[data-bp-mode=dark] .bp .on-dark{display:none}html[data-bp-mode=dark] .bp .on-light{display:block}.bp-side,.bp-bar,.bp-sheet-wrap,.bp-toast,.bp-head-acts,.bp-tool,.bp-btns,.bp-try-ctl,.bp-pn,.bp-hint,.bp-film,.bp-pair,.bp-pair+*,.bp-glance-cols .bp-icon,.bp-glance-logo+* a,.bp-sliders{display:none!important}.bp-main{margin:0;overflow:visible}.bp-col{width:100%;margin:0;padding-top:0}.bp-col:before,.bp-col:after{display:none}.bp-head:after,.bp-scale li:after,.bp-combos li:after,.bp-samples>li:after{left:0;right:0}.bp-sec+.bp-sec{break-before:page;margin-top:0}.bp-head{break-after:avoid;margin-top:36px}.bp-first .bp-sub+.bp-head{margin-top:28px}.bp-key,.bp-grid,.bp-scale li,.bp-try,.bp-mis,.bp-swatch,.bp-props,.bp-combos li,.bp-msg,.bp-principle,.bp-app,.bp-glance,.bp-min,.bp-group{break-inside:avoid}.bp-try-stage{height:220px}.bp-cut-art{height:200px}.bp-foot{padding:40px 0 0}.bp-inside,.bp-inside:not([open])>ul{display:block}}