.sbs-study{--sbs-ink:#292929;--sbs-muted:#939393;--sbs-well:#f5f5f5;--sbs-edge:#e9e9e9;--sbs-accent:#f16b4e;--sbs-tint:#fff0eb;height:100dvh;color:var(--sbs-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;background:#fff;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(.sbs-study) button:where(:not(.catalog-section-tab)),:where(.sbs-study) input,:where(.sbs-study) select{font:inherit;border:0}.sbs-study button,.sbs-study summary{-webkit-tap-highlight-color:transparent;cursor:pointer}:where(.sbs-study) button:where(:not(.catalog-section-tab)){color:inherit}.sbs-study button:not(.catalog-section-tab):focus-visible,.sbs-study summary:focus-visible{outline:2px solid var(--sbs-accent);outline-offset:4px}.sbs-study :where(svg.lucide){stroke-width:1.8px;flex-shrink:0;width:20px;height:20px}.sbs-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#c7c7c7 transparent;scrollbar-width:thin;align-items:flex-start;gap:32px;height:100%;padding:32px;display:flex;overflow:auto}.sbs-strip:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #c7c7c7}.sbs-variant{scroll-snap-align:start;flex:0 0 352px;width:352px;scroll-margin-inline:32px}.sbs-variant>h1{color:gray;margin:0 0 16px 8px;font-size:12px;font-weight:500;line-height:16px}.sbs-panel{background:#fff;border-radius:28px;flex-direction:column;height:calc(100dvh - 104px);min-height:760px;max-height:1000px;display:flex;overflow:hidden;box-shadow:0 4px 8px -4px #00000004,0 16px 40px -24px #00000012}.sbs-panel-head{flex-shrink:0;align-items:center;gap:8px;min-height:72px;padding:20px 24px 12px;display:flex}.sbs-head-title{flex:1;font-size:16px;font-weight:600}.sbs-header-glyph{color:var(--sbs-muted);margin-right:4px}.sbs-header-glyph svg{width:20px;height:20px}.sbs-icon-button{border-radius:50%;place-items:center;width:32px;height:32px;transition:background .16s,transform .16s;display:grid}.sbs-icon-button:hover{background:var(--sbs-well)}.sbs-icon-button:active{transform:scale(.92)}.sbs-panel-head>.sbs-icon-button:first-child{margin-left:-8px}.sbs-panel-content{scrollbar-width:none;flex-direction:column;flex:1;gap:28px;min-height:0;padding:16px 24px 24px;display:flex;overflow-y:auto}.sbs-panel-content::-webkit-scrollbar{display:none}.sbs-panel-content>*{flex-shrink:0}.sbs-panel-page{gap:inherit;flex-direction:column;display:flex}.sbs-group{flex-direction:column;gap:12px;display:flex}.sbs-group-label{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.sbs-group-label h2,.sbs-slider-label{font-size:14px;font-weight:500;line-height:20px}.sbs-panel-bottom{z-index:1;background:#fff;flex-direction:column;flex-shrink:0;gap:16px;padding:12px 24px 20px;display:flex;box-shadow:0 -16px 20px -12px #fffc}.sbs-panel-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.sbs-refine{align-items:center;gap:8px;padding:8px 0 8px 8px;display:flex;color:#737373!important;font-size:12px!important}.sbs-refine svg{width:16px;height:16px}.sbs-refine:hover{color:var(--sbs-ink)!important}.sbs-segment{background:var(--sbs-well);border-radius:999px;align-items:center;gap:4px;min-height:36px;padding:4px;display:flex}.sbs-segment button{color:#909090;white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;min-width:0;height:28px;padding:4px 12px;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:flex}.sbs-segment button[aria-pressed=true]{color:var(--sbs-ink);background:#fff;box-shadow:0 0 0 1px #00000002,0 2px 4px #00000006}.sbs-segment button:active{transform:scale(.94)}.sbs-main-tabs{width:100%}.sbs-main-tabs button{font-size:12px}.sbs-mode{gap:0}.sbs-mode button{width:36px;padding:4px 8px}.sbs-mode svg{width:16px;height:16px}.sbs-access{gap:0;min-height:28px;padding:4px}.sbs-access button{height:24px;padding:0 8px;font-size:12px}.sbs-slider{flex-direction:column;gap:12px;display:flex}.sbs-slider-row{align-items:center;gap:12px;display:flex}.sbs-slider-track{background:var(--sbs-well);isolation:isolate;border-radius:999px;flex:1;height:44px;display:block;position:relative}.sbs-slider-fill{height:44px;width:calc(44px + (100% - 44px) * var(--sbs-fraction));border-radius:inherit;background:#e4e4e4;position:absolute;top:0;left:0}.sbs-slider[data-accent=true] .sbs-slider-fill{background:linear-gradient(100deg, color-mix(in srgb, var(--sbs-accent) 60%, #ffc234), var(--sbs-accent))}.sbs-slider-ticks{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 20px}.sbs-slider-ticks i{background:#00000012;border-radius:50%;width:4px;height:4px;display:block}.sbs-slider[data-accent=true] .sbs-slider-ticks i{background:#ffffff60;box-shadow:0 0 0 1px #00000002}.sbs-slider-thumb{z-index:1;top:4px;left:calc(4px + (100% - 44px) * var(--sbs-fraction));pointer-events:none;background:#fff;border-radius:50%;width:36px;height:36px;transition:transform .15s,box-shadow .15s;position:absolute;box-shadow:0 0 0 1px #00000003,0 2px 4px #00000008}.sbs-slider-track:hover .sbs-slider-thumb{box-shadow:0 0 0 1px #00000004,0 4px 8px #00000012}.sbs-slider-track:active .sbs-slider-thumb{transform:scale(1.06)}.sbs-slider input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.sbs-slider-track:has(input:focus-visible){outline:2px solid var(--sbs-accent);outline-offset:4px}.sbs-slider-end{color:var(--sbs-muted)}.sbs-slider-end svg{width:16px;height:16px}.sbs-preset-tiles,.sbs-shape-tiles,.sbs-type-tiles,.sbs-surface-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sbs-tile{background:var(--sbs-well);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:16px 8px;transition:box-shadow .22s,background .22s,transform .18s;display:flex;box-shadow:0 0 0 2px #0000}.sbs-tile>span:last-child{font-size:12px}.sbs-tile[aria-pressed=true]{box-shadow:0 0 0 2px var(--sbs-ink);background:#fff}.sbs-tile:hover{transform:translateY(-2px)}.sbs-tile:active{transform:scale(.96)}.sbs-preset-art{width:64px;height:60px;position:relative}.sbs-preset-art i{background:var(--sbs-accent);border-radius:4px;width:24px;height:24px;display:block;position:absolute}.sbs-preset-art i:first-child{top:4px;left:4px}.sbs-preset-art i:nth-child(2){opacity:.48;top:4px;right:4px}.sbs-preset-art i:nth-child(3){opacity:.24;bottom:4px;left:4px}.sbs-preset-art i:nth-child(4){opacity:.7;bottom:4px;right:4px}.sbs-preset-art[data-preset="1"] i{border-radius:50%}.sbs-preset-art[data-preset="1"] i:nth-child(2){transform:translate(-8px,8px)}.sbs-preset-art[data-preset="1"] i:nth-child(3){transform:translate(8px,-8px)}.sbs-preset-art[data-preset="2"] i{border-radius:8px;transform:rotate(-24deg)}.sbs-preset-art[data-preset="2"] i:nth-child(2){border-radius:50%;transform:translate(-4px,4px)}.sbs-preset-art[data-preset="2"] i:nth-child(3){border-radius:50%}.sbs-preset-art[data-preset="2"] i:nth-child(4){transform:rotate(24deg)}.sbs-preset-tiles[data-compact=true] .sbs-preset-art{margin:-8px 0;transform:scale(.72)}.sbs-shape-sample{background:var(--sbs-accent);width:44px;height:44px;box-shadow:0 8px 12px -8px color-mix(in srgb, var(--sbs-accent) 40%, transparent);display:block}.sbs-shape-tiles[data-compact=true] .sbs-shape-sample{width:28px;height:28px}.sbs-type-tiles .sbs-tile{gap:8px}.sbs-type-tiles svg{fill:currentColor;width:100%;height:80px;overflow:visible}.sbs-type-tiles .sbs-tile[aria-pressed=true]{color:var(--sbs-accent);box-shadow:0 0 0 2px var(--sbs-accent)}.sbs-type-tiles .sbs-tile>span{color:var(--sbs-ink)}.sbs-assets{flex-direction:column;gap:12px;display:flex}.sbs-asset-pair{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.sbs-asset-pair .sbs-segment{border-radius:16px}.sbs-asset-pair button{border-radius:12px;height:36px;padding:4px 8px}.sbs-font-sample{font-size:16px;font-weight:600}.sbs-asset-pair svg{width:16px;height:16px}.sbs-expression{background:var(--sbs-well);touch-action:none;cursor:crosshair;border-radius:24px;width:100%;height:228px;position:relative;overflow:hidden}.sbs-expression-grid{background-image:radial-gradient(circle,#d5d5d5 1px,#0000 1px);background-position:50%;background-size:20px 20px;position:absolute;inset:24px}.sbs-expression-word{z-index:1;color:#a0a0a0;pointer-events:none;font-size:12px;position:absolute}.sbs-ex-top{top:12px;left:50%;transform:translate(-50%)}.sbs-ex-bottom{bottom:12px;left:50%;transform:translate(-50%)}.sbs-ex-left{transform-origin:50%;top:50%;left:12px;transform:translateY(-50%)rotate(-90deg)}.sbs-ex-right{top:50%;right:12px;transform:translateY(-50%)rotate(90deg)}.sbs-expression-position{pointer-events:none;will-change:transform;position:absolute;inset:32px}.sbs-expression-position>.sbs-expression-point{top:0;left:0}.sbs-expression-point{background:var(--sbs-accent);color:#fff;width:52px;height:52px;box-shadow:0 0 0 4px #fff, 0 8px 16px -4px color-mix(in srgb, var(--sbs-accent) 40%, transparent);pointer-events:none;border-radius:20px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-8deg)}.sbs-expression-point svg{width:28px;height:28px}.sbs-expression:active .sbs-expression-point{transform:translate(-50%,-50%)rotate(0)scale(1.08)}.sbs-expression-keyboard{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sbs-expression-wrap:has(input:focus-visible) .sbs-expression-point{filter:drop-shadow(0 2px 4px #00000020)}.sbs-surface-art{flex-direction:column;justify-content:center;gap:8px;width:64px;height:64px;display:flex}.sbs-surface-art i{background:#fff;border-radius:4px;height:12px;display:block}.sbs-surface-art[data-surface="0"] i{background:#ccc;height:4px;margin:4px}.sbs-surface-art[data-surface="0"] i:first-child{background:var(--sbs-accent);width:28px}.sbs-surface-art[data-surface="1"] i{box-shadow:0 0 0 1px #cecece}.sbs-surface-art[data-surface="2"] i{box-shadow:0 4px 8px #00000016}.sbs-surface-art[data-surface="2"] i:first-child{background:var(--sbs-accent)}.sbs-motion-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sbs-motion-tiles .sbs-tile{border-radius:24px;gap:4px;padding:12px}.sbs-motion-tiles svg{stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:48px}.sbs-motion-tiles circle{fill:currentColor;stroke-width:0}.sbs-motion-tiles button{color:#aaa}.sbs-motion-tiles button[aria-pressed=true]{color:var(--sbs-ink)}.sbs-dials{grid-template-columns:1fr 1fr;gap:24px;padding:0 8px;display:grid}.sbs-dial{flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex}.sbs-dial-face{touch-action:none;cursor:ns-resize;place-items:center;width:112px;height:112px;display:grid;position:relative}.sbs-dial-face>svg{width:112px;height:112px;overflow:visible}.sbs-dial-knob{pointer-events:none;background:linear-gradient(#fff,#f2f2f2);border-radius:50%;width:80px;height:80px;display:block;position:absolute;box-shadow:0 0 0 1px #eee,0 4px 4px #00000006,0 8px 16px -8px #00000020}.sbs-dial-knob i{background:var(--sbs-accent);border-radius:8px;width:8px;height:16px;position:absolute;top:12px;left:36px}.sbs-dial input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sbs-dial:focus-within .sbs-dial-knob{outline:2px solid var(--sbs-accent);outline-offset:4px}.sbs-disclosure{background:var(--sbs-well);border-radius:16px}.sbs-disclosure summary{align-items:center;gap:12px;padding:16px;font-size:12px;list-style:none;display:flex}.sbs-disclosure summary::-webkit-details-marker{display:none}.sbs-disclosure summary svg{width:16px;height:16px;color:var(--sbs-muted)}.sbs-disclosure summary span{flex:1}.sbs-disclosure .sbs-disclosure-plus{transition:transform .2s}.sbs-disclosure[open] .sbs-disclosure-plus{transform:rotate(45deg)}.sbs-disclosure>div{flex-direction:column;gap:20px;padding:8px 16px 20px;display:flex}.sbs-disclosure .sbs-slider-track{background:#eaeaea}@media (max-width:600px){.sbs-strip{gap:20px;padding:24px 16px}.sbs-variant{flex-basis:min(352px,100vw - 32px);width:min(352px,100vw - 32px);scroll-margin-inline:16px}.sbs-panel{height:calc(100dvh - 88px)}.sbs-color-families{gap:4px;padding-inline:0}}@media (prefers-reduced-motion:reduce){.sbs-study *,.sbs-study :before,.sbs-study :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sbs-study fieldset{min-width:0}.sbs-refined-strip{justify-content:safe center;padding:24px}.sbs-refined-strip .sbs-variant{scroll-snap-align:none;flex-direction:column;height:100%;display:flex}.sbs-refined-strip .sbs-variant>h1{flex-shrink:0}.sbs-refined-strip .sbs-panel{--sbs-well:#fff;background:#fafafa;flex:1;height:auto;min-height:0;max-height:1040px}.sbs-refined-strip .sbs-panel-head{min-height:64px;padding-top:16px}.sbs-refined-strip .sbs-panel-content{gap:24px;padding-top:8px}.sbs-refined-strip .sbs-main-tabs,.sbs-asset-license{background:#f0f0f0}.sbs-asset-card{background:#fff;border-radius:24px;padding:8px;box-shadow:0 0 0 1px #ececec}.sbs-asset-license{margin-bottom:8px}.sbs-asset-license button{font-size:14px}.sbs-asset-list{flex-direction:column;gap:4px;display:flex}.sbs-asset-list button{text-align:left;border-radius:16px;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;transition:background-color .16s;display:flex}.sbs-asset-list button:hover{background:#f8f8f8}.sbs-asset-list button[aria-pressed=true]{background:#f3f3f3}.sbs-asset-list svg{color:gray;width:16px;height:16px}.sbs-all-values{text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.sbs-all-values span{flex:1}.sbs-all-values svg{color:gray;width:16px;height:16px}.sbs-motion-curves svg{width:96px;height:72px}.sbs-motion-curves .sbs-motion-axis{stroke:#e9e9e9;stroke-width:1px;fill:none}.sbs-motion-curves .sbs-motion-curve{stroke:currentColor;stroke-width:2.5px;fill:none}.sbs-motion-curves .sbs-motion-dot{fill:currentColor;stroke:#fff;stroke-width:2px}.sbs-expression[data-simple] .sbs-expression-point{background:var(--sbs-ink);border-radius:50%;width:20px;height:20px;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fff,0 2px 8px #00000014}.sbs-expression[data-simple]:active .sbs-expression-point{transform:translate(-50%,-50%)scale(1.08)}@media (max-width:600px){.sbs-refined-strip{padding:16px}}.sbs-refined-strip .sbs-panel[data-variant="10"]{box-shadow:none;background:0 0;border-radius:0}.sbs-panel[data-variant="10"] .sbs-panel-head{padding-inline:0;min-height:80px;padding-bottom:20px}.sbs-panel[data-variant="10"] .catalog-section-control{width:100%}.sbs-refined-strip .sbs-panel[data-variant="10"] .sbs-panel-content{gap:16px;padding:0 0 24px}.sbs-panel[data-variant="10"] .sbs-panel-page>.sbs-group{background:#fafafa;border-radius:28px;gap:20px;padding:20px 24px 24px}.sbs-panel[data-variant="10"] .sbs-group>.sbs-group-label{color:gray;justify-content:center}.sbs-panel[data-variant="10"] .sbs-group-label h2{font-size:16px;line-height:24px}.sbs-grouped-fonts{gap:8px}.sbs-grouped-fonts button{background:#fff;border-radius:20px;gap:12px;min-height:44px;transition:box-shadow .16s;box-shadow:0 0 0 1px #e9e9e9}.sbs-grouped-fonts button:hover{background:#fff;box-shadow:0 0 0 1px #c8c8c8}.sbs-grouped-fonts button[aria-pressed=true]{box-shadow:0 0 0 2px var(--sbs-ink);background:#fff}.sbs-font-name{flex:1;font-size:14px}.sbs-paid-badge{color:gray;background:#f0f0f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sbs-paid-badge svg.lucide{width:12px;height:12px}.sbs-asset-selection{background:var(--sbs-ink);opacity:0;border-radius:50%;width:8px;height:8px}[aria-pressed=true]>.sbs-asset-selection{opacity:1}.sbs-icon-families{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sbs-icon-families button{background:0 0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;display:flex}.sbs-icon-family-sample{color:#a0a0a0;background:#fff;border-radius:20px;place-items:center;width:100%;height:64px;transition:color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 0 0 1px #e9e9e9}.sbs-icon-family-sample>svg{width:32px;height:32px}.sbs-icon-families button:hover .sbs-icon-family-sample{color:#606060}.sbs-icon-families button[aria-pressed=true] .sbs-icon-family-sample{color:var(--sbs-ink);box-shadow:0 0 0 2px var(--sbs-ink)}.sbs-group>.sbs-group-label.sbs-group-label-value{justify-content:space-between}.sbs-asset-current{color:var(--sbs-ink);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.sbs-icon-family-sample>.sbs-paid-badge{position:absolute;top:4px;right:4px}
.sbs-picker{width:100%;min-width:0;color:var(--sbs-ink,#262626)}.sbs-picker button{-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;border:0;flex-shrink:0;padding:0}.sbs-picker button:focus-visible,.sbs-color-flower-control:focus-within,.sbs-color-ribbon:focus-within,.sbs-color-orbit-wrap:focus-within{outline:2px solid var(--sbs-ink,#262626);outline-offset:4px}.sbs-picker fieldset{border:0;min-width:0;margin:0}.sbs-color-native-range{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.sbs-color-flower-control{border-radius:24px;position:relative}.sbs-picker-flower[data-hue-control=slider]{flex-direction:column;gap:8px;padding-bottom:0;display:flex}.sbs-color-hue-slider{background:linear-gradient(90deg,#ff4d4d 22px,#ffff4d,#4dff4d,#4dffff,#4d4dff,#ff4dff,#ff4d4d calc(100% - 22px));border-radius:999px;height:44px;position:relative}.sbs-color-hue-slider input{appearance:none;border-radius:inherit;cursor:ew-resize;background:0 0;border:0;width:calc(100% - 8px);height:44px;margin:0;position:absolute;inset:0 4px}.sbs-color-hue-slider input::-webkit-slider-runnable-track{background:0 0;border:0;height:44px}.sbs-color-hue-slider input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:36px;height:36px;margin-top:4px;box-shadow:0 0 0 1px #00000003,0 2px 4px #00000008}.sbs-color-hue-slider input::-moz-range-track{background:0 0;border:0;height:44px}.sbs-color-hue-slider input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #00000003,0 2px 4px #00000008}.sbs-color-hue-slider input:focus-visible{outline:2px solid var(--sbs-ink);outline-offset:4px}.sbs-color-flower{aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:24px;width:100%;display:block;overflow:visible}.sbs-picker-flower{padding:0 0 12px}.sbs-picker-flower[data-compact] .sbs-color-flower{width:208px;max-width:100%;margin:0 auto}.sbs-color-petal{transition:fill .18s}.sbs-color-flower-ring-halo{fill:none;stroke:#fff;stroke-width:5px;pointer-events:none}.sbs-color-flower-ring{fill:none;stroke:var(--sbs-ink,#262626);stroke-width:2px;pointer-events:none}.sbs-color-families{justify-content:center;gap:8px;padding:0 8px;display:flex}.sbs-color-family{background:0 0;border-radius:20px;place-items:center;width:24px;height:32px;display:grid}.sbs-color-family>span{background:var(--sbs-picker-color);border-radius:50%;width:16px;height:16px;transition:box-shadow .16s,transform .18s;display:block}.sbs-color-family[aria-pressed=true]>span{box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--sbs-ink,#262626)}.sbs-color-family:hover>span{transform:scale(1.12)}.sbs-picker-ribbon{gap:20px;padding:12px 0 4px;display:grid}.sbs-color-ribbon{cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#fa5267 0%,#ff9a35 12%,#f4d83e 23%,#9bcf4c 34%,#31c9a4 45%,#4ac2e8 56%,#648bf4 67%,#a174ef 78%,#e775c0 89%,#fa5267 100%);border-radius:32px;height:56px;position:relative;box-shadow:inset 0 1px 1px #ffffff50,inset 0 -2px 4px #00000008}.sbs-color-ribbon-grain{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 24px}.sbs-color-ribbon-grain>i{background:#ffffff6b;border-radius:50%;width:4px;height:4px;display:block}.sbs-color-ribbon-thumb{width:32px;height:32px;left:calc(24px + (100% - 48px) * var(--sbs-picker-position));pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:12px;transform:translate(-50%);box-shadow:0 0 0 4px #ffffff45,0 4px 8px #0000001a}.sbs-color-tints{gap:8px;padding:0 4px;display:flex}.sbs-color-tint{background:var(--sbs-picker-color);border-radius:12px;flex:1;place-items:center;min-width:0;height:36px;transition:transform .18s,background-color .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff30,0 2px 4px #00000004}.sbs-color-tint>span{opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;transition:opacity .16s,transform .18s;transform:scale(.5);box-shadow:0 1px 2px #00000014}.sbs-color-tint[aria-pressed=true]>span{opacity:1;transform:scale(1)}.sbs-color-tint:hover{transform:translateY(-2px)}.sbs-picker-orbits{gap:12px;padding:0 0 8px;display:grid}.sbs-color-orbit-wrap{aspect-ratio:1;border-radius:50%;width:256px;max-width:100%;margin:0 auto;position:relative}.sbs-color-orbits{cursor:crosshair;touch-action:none;border-radius:50%;width:100%;height:100%;display:block;position:relative}.sbs-color-orbit-center{background:var(--sbs-well,#f5f5f5);border-radius:50%;place-items:center;width:136px;height:136px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #00000004}.sbs-color-orbit-center>span{background:radial-gradient(circle at 30% 20%, #ffffff2b, transparent 68%), var(--sbs-picker-color);width:96px;height:96px;box-shadow:0 8px 12px color-mix(in srgb, var(--sbs-picker-color) 16%, transparent), inset 0 1px 1px #ffffff45;border-radius:50%;transition:background-color .18s}.sbs-color-orbit-center>i{background:#ffffff30;border-radius:50%;width:12px;height:12px;position:absolute;top:40px;right:40px}.sbs-color-orbit-marker{fill:none;stroke:var(--sbs-ink,#262626);stroke-width:2px;pointer-events:none}.sbs-picker-orbits[data-compact] .sbs-color-orbit-wrap{width:208px}.sbs-picker-orbits[data-compact] .sbs-color-orbit-center{width:112px;height:112px}.sbs-picker-orbits[data-compact] .sbs-color-orbit-center>span{width:80px;height:80px}.sbs-color-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:8px 4px;display:grid}.sbs-color-swatch{background:0 0;border-radius:20px;place-items:center;width:100%;height:56px;transition:box-shadow .18s,transform .18s;display:grid;position:relative}.sbs-color-swatch-face{background:linear-gradient(#ffffff1c, #00000004), var(--sbs-picker-color);box-shadow:0 2px 4px color-mix(in srgb, var(--sbs-picker-color) 20%, transparent), inset 0 1px 0 #ffffff40;border-radius:16px;position:absolute;inset:4px}.sbs-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--sbs-ink,#262626)}.sbs-color-swatch-check{color:#fff;opacity:0;transition:opacity .14s,transform .2s;position:relative;transform:scale(.64)}.sbs-color-swatch[aria-pressed=true] .sbs-color-swatch-check{opacity:1;transform:scale(1)}.sbs-color-swatch:hover{transform:translateY(-2px)}.sbs-color-swatch:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.sbs-picker *,.sbs-picker :before,.sbs-picker :after{transition:none!important}}.sbs-color-wheel{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;height:40px;position:relative}.sbs-color-wheel-window{border-radius:8px;height:100%;position:relative;overflow:hidden}.sbs-color-wheel-swatch{width:24px;position:absolute;top:0;bottom:0;left:50%}.sbs-color-wheel-frame{pointer-events:none;border-radius:8px;width:24px;height:100%;position:absolute;top:0;left:calc(50% - 12px);box-shadow:0 0 0 4px #fff,0 2px 8px #00000024}.sbs-color-wheel input{opacity:0;cursor:grab;touch-action:none;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.sbs-color-wheel[data-dragging]{cursor:grabbing}.sbs-color-wheel:has(input:focus-visible) .sbs-color-wheel-frame{filter:drop-shadow(0 2px 4px #00000020)}
.sbs-values,.sbs-adjust{color:var(--sbs-ink,#282828);flex-direction:column;gap:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:20px;display:flex}.sbs-values *,.sbs-adjust *{box-sizing:border-box}.sbs-values :is(button,input,select),.sbs-adjust :is(button,input,select){font:inherit;color:inherit;border:0}.sbs-values :is(button,input,select):focus-visible,.sbs-adjust :is(button,input,select):focus-visible{outline:2px solid var(--sbs-value-color,#f16b4e);outline-offset:4px}.sbs-adjust-sliders{flex-direction:column;gap:24px;display:flex}.sbs-adjust-control{flex-direction:column;gap:8px;display:flex}.sbs-adjust-label{font-weight:500}.sbs-adjust-track{background:var(--sbs-track,#f1f1f1);border-radius:24px;height:36px;display:block;position:relative}.sbs-adjust-fill{width:var(--sbs-value-fill,50%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--sbs-value-color,#f16b4e) 70%, white), var(--sbs-value-color,#f16b4e));position:absolute;inset:0 auto 0 0}.sbs-adjust-stops{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:16px}.sbs-adjust-stops i{background:var(--sbs-ink,#282828);opacity:.16;border-radius:50%;width:4px;height:4px}.sbs-adjust-track input{appearance:none;border-radius:inherit;cursor:ew-resize;touch-action:pan-y;background:0 0;width:calc(100% - 8px);height:36px;margin:0;position:absolute;inset:0 4px}.sbs-adjust-track input::-webkit-slider-runnable-track{background:0 0;border:0;height:36px}.sbs-adjust-track input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:28px;height:28px;margin-top:4px;transition:transform .16s;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000001f}.sbs-adjust-track input::-moz-range-track{background:0 0;border:0;height:36px}.sbs-adjust-track input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;transition:transform .16s;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000001f}.sbs-adjust-track input:active::-webkit-slider-thumb{transform:scale(1.08)}.sbs-adjust-track input:active::-moz-range-thumb{transform:scale(1.08)}.sbs-adjust-endpoints{color:var(--sbs-muted,#8a8a8a);justify-content:space-between;font-size:12px;line-height:16px;display:flex}.sbs-values-measures,.sbs-values-assets{flex-direction:column;gap:12px;display:flex}.sbs-values-number-row,.sbs-values-select-row{grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:8px;min-height:40px;display:grid}.sbs-values-number-wrap{min-width:0;position:relative}.sbs-values-number-wrap input,.sbs-values-select-row select{background:var(--sbs-input,#f3f3f3);width:100%;min-height:40px;box-shadow:0 0 0 1px var(--sbs-edge,#00000006);font-variant-numeric:tabular-nums;border-radius:12px;padding:8px 12px}.sbs-values-number-wrap input{appearance:textfield;padding-right:40px}.sbs-values-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sbs-values-number-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sbs-values-unit{color:var(--sbs-muted,#8a8a8a);pointer-events:none;font-size:12px;line-height:16px;position:absolute;top:12px;right:12px}.sbs-values-select-row select{cursor:pointer}.sbs-values-segment{background:var(--sbs-input,#f3f3f3);border:0;border-radius:12px;gap:4px;min-width:0;height:40px;margin:0;padding:4px;display:flex}.sbs-values-segment button{cursor:pointer;background:0 0;border-radius:8px;flex:1;min-width:0;padding:4px;font-size:12px;transition:background .16s,box-shadow .16s}.sbs-values-segment button[aria-pressed=true]{background:var(--sbs-raised,#fff);box-shadow:0 0 0 1px #00000006,0 2px 4px #0000000f}.sbs-values-colors{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.sbs-values-legend{margin-bottom:16px;padding:0;font-weight:500}.sbs-values-color-row{flex-direction:column;gap:8px;display:flex}.sbs-values-color-label{color:var(--sbs-muted,#777);font-size:12px;line-height:16px}.sbs-values-color-input{background:var(--sbs-input,#f3f3f3);height:44px;box-shadow:0 0 0 1px var(--sbs-edge,#00000006);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.sbs-values-swatch,.sbs-values-transparent{width:28px;height:28px;box-shadow:0 0 0 1px var(--sbs-edge,#0000000a);border:0;border-radius:8px;flex:0 0 28px;display:block;position:relative}.sbs-values-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.sbs-values-swatch:focus-within{outline:2px solid var(--sbs-value-color,#f16b4e);outline-offset:4px}.sbs-values-transparent{background-color:var(--sbs-value-surface,#fff);background-image:conic-gradient(#8080803d 25%, transparent 0 50%, #8080803d 0 75%, transparent 0);background-size:12px 12px;overflow:hidden}.sbs-values-transparent i{position:absolute;inset:0}.sbs-values-hex{font-variant-numeric:tabular-nums;background:0 0;width:100%;min-width:0;height:28px;padding:0;font-size:14px}.sbs-values-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sbs-values *,.sbs-adjust *{transition:none}.sbs-adjust-track input::-webkit-slider-thumb{transition:none}.sbs-adjust-track input::-moz-range-thumb{transition:none}}
@font-face{font-family:Sidebar Inter;src:url(/fonts/sidebar-study/inter.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Sidebar Geist;src:url(/fonts/sidebar-study/geist.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Sidebar Manrope;src:url(/fonts/sidebar-study/manrope.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sidebar Sohne;src:url(/fonts/sidebar-study/sohne.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sidebar Neue Montreal;src:url(/fonts/sidebar-study/neue-montreal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sidebar Arizona;src:url(/fonts/sidebar-study/arizona.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sidebar Geist Mono;src:url(/fonts/sidebar-study/geist-mono.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
.sbf-font-overview,.sbf-font-switcher{flex-direction:column;gap:12px;display:flex}.sbf-font-trigger{background:#fff;border-radius:24px;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;display:flex;box-shadow:0 0 0 1px #eaeaea}.sbf-font-trigger-row{border-radius:16px;min-height:56px;padding-inline:12px}.sbf-font-trigger:hover,.sbf-font-trigger[data-popup-open]{box-shadow:0 0 0 1px #c8c8c8}.sbf-font-value{text-align:left;flex:1;min-width:0;font-size:14px;line-height:20px}.sbf-font-trigger-row .sbf-font-value{text-align:right}.sbf-role-label{color:gray;align-items:center;gap:8px;font-size:12px;display:flex}.sbf-role-label>svg.lucide,.sbf-font-trigger>.sbf-chevron{color:#a0a0a0;flex-shrink:0;width:16px;height:16px}.sbf-role-switcher{background:#f0f0f0;border-radius:28px;gap:4px;padding:4px;display:flex}.sbs-study .sbf-role-switcher button{color:#909090;background:0 0;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:40px;font-size:12px;display:flex}.sbs-study .sbf-role-switcher button[aria-pressed=true]{color:#292929;background:#fff;flex:2;box-shadow:0 2px 4px #0000000a}.sbf-font-positioner{z-index:20}.sbf-font-popup{width:var(--anchor-width);min-width:240px;max-height:var(--available-height);color:#292929;background:#fff;border:0;border-radius:24px;padding:8px;font:14px/20px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-y:auto;box-shadow:0 0 0 1px #ededed,0 12px 32px #00000014}.sbf-font-option{cursor:pointer;border-radius:16px;outline:none;align-items:center;gap:12px;min-height:44px;padding:8px 12px;display:flex}.sbf-font-option[data-highlighted]{background:#f5f5f5}.sbf-font-option>:first-child{flex:1}.sbf-font-option-selected span{background:#292929;border-radius:50%;width:8px;height:8px;display:block}.sbf-font-cycle-list{flex-direction:column;gap:12px;display:flex}.sbf-font-cycle-row{background:#f3f3f3;border-radius:28px;align-items:center;gap:12px;min-height:52px;padding:4px 4px 4px 20px;display:flex}.sbf-cycle-role{color:gray;flex:1;font-size:14px}.sbf-font-cycle-button{background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:8px;min-width:156px;min-height:44px;padding:8px 12px 8px 16px;display:flex}.sbf-font-cycle-button>svg{color:#a0a0a0}.sbf-font-cycle-button:hover{box-shadow:0 2px 8px #00000008}.sbf-font-cycle-button:active{background:#fcfcfc}.sbs-icon-family-segmented{background:#f3f3f3;border-radius:28px;gap:4px;padding:4px}.sbs-icon-family-segmented .sbs-icon-family-sample{height:44px;box-shadow:none;background:0 0;border-radius:24px}.sbs-icon-family-segmented .sbs-icon-family-sample>svg{width:24px;height:24px}.sbs-icon-family-segmented button[aria-pressed=true] .sbs-icon-family-sample{background:#fff;box-shadow:0 2px 8px #00000008}.sbf-brand-carousel{flex-direction:column;gap:8px;display:flex}.sbf-brand-carousel-control{border-radius:20px;height:80px;position:relative}.sbf-brand-carousel-window{--sbf-edge-left:transparent;--sbf-edge-right:transparent;-webkit-mask-image:linear-gradient(to right, var(--sbf-edge-left), #000 8%, #000 92%, var(--sbf-edge-right));mask-image:linear-gradient(to right, var(--sbf-edge-left), #000 8%, #000 92%, var(--sbf-edge-right));position:absolute;inset:-12px;overflow:hidden}.sbf-brand-carousel-window[data-at-start]{--sbf-edge-left:#000}.sbf-brand-carousel-window[data-at-end]{--sbf-edge-right:#000}.sbf-brand-carousel-sample{color:gray;background:#f0f0f0;border-radius:16px;place-items:center;width:64px;height:64px;font-size:16px;display:grid;position:absolute;top:20px;left:12px}.sbf-brand-carousel-sample[data-selected]{color:#292929;background:#fff;height:72px;top:16px;box-shadow:0 0 0 1px #eaeaea,0 4px 8px #00000008}.sbf-brand-carousel-control input{opacity:0;cursor:grab;touch-action:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.sbf-brand-carousel-control input:active{cursor:grabbing}.sbf-brand-carousel-control:has(input:focus-visible) .sbf-brand-carousel-sample[data-selected]{box-shadow:0 0 0 1px #eaeaea,0 4px 12px #00000014}.sbf-brand-carousel-name{color:gray;justify-content:center;align-items:center;gap:8px;min-height:20px;font-size:14px;display:flex}.sbf-brand-segments{background:#f3f3f3;border-radius:28px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;display:grid}.sbf-brand-segments button{background:0 0;border-radius:24px;place-items:center;height:44px;display:grid}.sbf-brand-segments button span{font-size:16px}.sbf-brand-segments button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #00000008}.sbs-icon-family-samples{align-items:center;gap:8px;height:80px}.sbs-icon-family-samples .sbs-icon-family-sample{color:gray;height:64px;box-shadow:none;background:#f0f0f0;border-radius:16px}.sbs-icon-family-samples button[aria-pressed=true] .sbs-icon-family-sample{color:#292929;background:#fff;height:72px;box-shadow:0 0 0 1px #eaeaea,0 4px 8px #00000008}