.swatchbook__fan-pivot{position:absolute;top:0;right:0;bottom:0;left:var(--sb-fan-left, 48px);z-index:10;transform:scale(var(--sb-fan-scale, 1));transform-origin:0 50%;pointer-events:none}.swatchbook__fan-pivot.is-fitted{transition:transform var(--sb-t-fan),left var(--sb-t-fan)}.swatchbook__sheet{pointer-events:auto}.swatchbook__fan-post{position:absolute;top:50%;left:17px;z-index:3;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none}.swatchbook__sheet{position:absolute;top:50%;left:0;box-sizing:border-box;width:var(--sb-sheet-w);height:var(--sb-sheet-h);margin-top:calc(var(--sb-sheet-h) / -2);padding:0;font:inherit;text-align:left;color:var(--sb-paper-ink);background:var(--sb-sheet-bg, transparent);border:0;border-top:3px solid transparent;border-radius:0;box-shadow:0 10px 22px -10px #000000bf;cursor:pointer;transform-origin:17px 72px;transform-style:preserve-3d;transition:transform var(--sb-t-fan),box-shadow .34s ease,filter .34s ease,opacity .34s ease}.swatchbook__sheet[data-ink=light]{color:var(--sb-paper-ink-light)}.swatchbook__sheet.is-hovered{box-shadow:0 18px 34px -12px #000000d9;filter:brightness(1.04)}.swatchbook__sheet.is-leaving{opacity:0;pointer-events:none}.swatchbook .swatchbook__sheet:focus-visible{outline:2px solid var(--sb-cyan);outline-offset:-2px}.swatchbook .swatchbook__sheet.is-active:focus-visible{outline:0}.swatchbook__sheet.is-active:focus-visible .swatchbook__face{outline:2px solid var(--sb-cyan);outline-offset:-2px}.swatchbook__sheet.is-active{z-index:40;background:transparent;border-top:0;box-shadow:none;filter:drop-shadow(0 26px 24px rgb(0 0 0 / 70%));cursor:default}.swatchbook__sheet-label{position:absolute;top:5px;right:16px;display:flex;gap:8px;align-items:baseline;max-width:calc(100% - 32px);white-space:nowrap;transition:opacity .25s ease}.swatchbook__sheet:not(.is-in-window) .swatchbook__sheet-label,.swatchbook__sheet.is-active .swatchbook__sheet-label{opacity:0}.swatchbook__sheet-name{overflow:hidden;font-family:var(--sb-font-body);font-size:12px;font-weight:600;line-height:1;color:#22355c;text-overflow:ellipsis}.swatchbook__sheet-label[data-ink=light] .swatchbook__sheet-name{color:#fff}.swatchbook__sheet-spec{flex:none;font-family:var(--sb-font-mono);font-size:9.5px;line-height:1;color:#8a8474}.swatchbook__sheet-label[data-ink=light] .swatchbook__sheet-spec{color:#fff9}.swatchbook__fan-cover{position:absolute;top:50%;left:0;display:flex;gap:16px;align-items:center;box-sizing:border-box;width:var(--sb-sheet-w);height:var(--sb-sheet-h);margin-top:calc(var(--sb-sheet-h) / -2);padding:0 28px 0 56px;overflow:hidden;background-color:var(--sb-plate);background-image:radial-gradient(rgb(255 255 255 / 7%) 1px,transparent 1.4px);background-size:9px 9px;border-radius:3px;box-shadow:0 22px 42px -14px #000000d9,0 0 0 1px #ffffff14;transform-origin:17px 72px;transition:transform .34s cubic-bezier(.22,.68,.36,1),box-shadow .34s ease;pointer-events:none}.swatchbook__fan-cover-mark{display:block;flex:none;width:32px;height:32px}.swatchbook__fan-cover-wordmark{display:block;flex:none;width:auto;height:.739em;font-size:22px}.swatchbook__thumb{top:24px;bottom:24px;width:4px;background:#ffffff0f;border-radius:2px;pointer-events:none}.swatchbook__thumb:after{position:absolute;top:var(--sb-thumb-top, 0%);left:0;width:100%;height:var(--sb-thumb-h, 100%);background:#f68b1f99;border-radius:2px;transition:top .2s ease;content:""}.swatchbook__scrim{opacity:0;cursor:pointer;transition:opacity .3s ease;pointer-events:none}.swatchbook__fan[data-state=open] .swatchbook__scrim,.swatchbook__fan[data-state=flipped] .swatchbook__scrim{opacity:1;pointer-events:auto}.swatchbook__sheet-actions{position:absolute;top:var(--sb-fan-actions-top, calc(50% + 97px) );right:12px;left:12px;z-index:20;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.swatchbook__action{padding:7px 12px;font-family:var(--sb-font-ui);font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;color:var(--sb-text);background:var(--sb-card);border:1px solid var(--sb-line-strong);border-radius:var(--sb-radius-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.swatchbook__action:hover:not(:disabled){border-color:var(--sb-orange)}.swatchbook__action:disabled{color:var(--sb-text-3);opacity:.6;cursor:default}.swatchbook__action[aria-pressed=true]{color:var(--sb-orange-soft);background:var(--sb-active-tint);border-color:var(--sb-active-line)}.swatchbook__action--pin[aria-pressed=false]{color:var(--sb-night);background:var(--sb-orange);border-color:var(--sb-orange)}.swatchbook__action--pin[aria-pressed=false]:hover{background:var(--sb-orange-hover);border-color:var(--sb-orange-hover)}.swatchbook__action--quiet{color:var(--sb-text-2);background:none;border-color:transparent}.swatchbook__action--quiet:hover{color:var(--sb-text)}.swatchbook__status{display:flex;gap:12px;align-items:baseline}.swatchbook__status-tag{flex:none;font-family:var(--sb-font-mono);font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sb-orange-soft)}.swatchbook__status-text{flex:1 1 auto;min-width:0;overflow:hidden;font-family:var(--sb-font-body);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}.swatchbook__status-range{flex:none;font-family:var(--sb-font-measure)}.swatchbook__card-plane,.swatchbook__card-turn{position:absolute;transform-style:preserve-3d;inset:0}.swatchbook__card-plane{will-change:transform}.swatchbook__card-turn{transform-origin:50% 50% calc(var(--sb-card-depth, 0px) / -2);transition:transform var(--sb-t-fan)}.swatchbook__face{position:absolute;display:flex;box-sizing:border-box;padding:14px 16px;overflow:hidden;color:var(--sb-paper-ink);backface-visibility:hidden;inset:0}.swatchbook__face[data-ink=light]{color:var(--sb-paper-ink-light)}.swatchbook__face--front{align-items:stretch}.swatchbook__face--back{flex-direction:column;gap:12px;justify-content:center;padding:16px 46px 16px 22px;box-shadow:inset 0 0 0 999px #0000000b;transform:translateZ(calc(-1 * var(--sb-card-depth, 0px))) rotateY(180deg)}.swatchbook__card-edge{position:absolute;background:var(--sb-card-edge, transparent);pointer-events:none}.swatchbook__card-edge--top,.swatchbook__card-edge--bottom{left:0;width:100%;height:var(--sb-card-depth, 0);transform:rotateX(-90deg);transform-origin:50% 0}.swatchbook__card-edge--top{top:0}.swatchbook__card-edge--bottom{top:100%}.swatchbook__card-edge--left,.swatchbook__card-edge--right{top:0;width:var(--sb-card-depth, 0);height:100%;transform:rotateY(90deg);transform-origin:0 50%}.swatchbook__card-edge--left{left:0}.swatchbook__card-edge--right{left:100%}.swatchbook__face-stock{position:absolute;z-index:0;overflow:hidden;inset:0}.swatchbook__face-stock canvas{display:block;width:100%;height:100%}.swatchbook__face>*:not(.swatchbook__face-stock){z-index:1}.swatchbook__face-identity,.swatchbook__face-rule,.swatchbook__face-rows,.swatchbook__face-compat,.swatchbook__face-head{position:relative}.swatchbook__face-post{position:absolute;top:calc(50% - 10px);left:9px;width:20px;height:20px}.swatchbook__face--back .swatchbook__face-post{right:11px;left:auto}.swatchbook__face-mark{position:absolute;top:6px;left:38px;font-family:var(--sb-font-mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;opacity:.42}.swatchbook__face--back .swatchbook__face-mark{left:22px}.swatchbook__face-identity{display:flex;flex:none;flex-direction:column;gap:2px;justify-content:center;box-sizing:border-box;width:152px;min-width:0;padding-left:36px}.swatchbook__face-brand{overflow:hidden;font-family:var(--sb-font-mono);font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:.55;text-overflow:ellipsis}.swatchbook__face-name{font-family:var(--sb-font-ui);font-size:14px;font-weight:700;line-height:1.14;text-wrap:pretty}.swatchbook__face-spec{margin-top:3px;font-family:var(--sb-font-mono);font-size:9px;opacity:.62}.swatchbook__face-rule{flex:none;width:1px;margin:8px 11px;background:currentcolor;opacity:.16}.swatchbook__face-rows{display:grid;margin:0}.swatchbook__face-rows--attrs{flex:1;grid-template-columns:1fr 1fr;gap:10px 12px;align-content:center;min-width:0}.swatchbook__face-rows--tech{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 18px}.swatchbook__face-row{display:flex;flex-direction:column;gap:1px;min-width:0}.swatchbook__face-row dt{font-family:var(--sb-font-mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.swatchbook__face-row dd{margin:0;overflow:hidden;font-family:var(--sb-font-body);font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}.swatchbook__face-row[data-field=lab] dd{font-family:var(--sb-font-measure)}.swatchbook__face-rows--tech dd{white-space:normal}.swatchbook__face-rows--tech .swatchbook__face-row[data-field=lab] dd{white-space:nowrap}.swatchbook__face-null{opacity:.45}.swatchbook__face-compat{display:flex;flex:none;flex-direction:column;gap:6px;justify-content:center;width:174px}.swatchbook__face-compat-label{font-family:var(--sb-font-mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.swatchbook__face-tip{margin:0;font-family:var(--sb-font-mono);font-size:8px;line-height:1.4;opacity:.58}.swatchbook__face--back .swatchbook__face-head{display:flex;gap:10px;align-items:baseline;min-width:0}.swatchbook__face-eyebrow{flex:none;font-family:var(--sb-font-mono);font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.swatchbook__face--back .swatchbook__face-name{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.swatchbook__face--back .swatchbook__face-spec{flex:none;margin-top:0}.swatchbook__chips{display:grid;grid-template-columns:1fr 1fr;gap:5px 9px;margin:0;padding:0;list-style:none}.swatchbook__chip{display:flex;gap:5px;align-items:center;min-width:0}.swatchbook__chip-tile{display:flex;flex:none;justify-content:center;align-items:center;box-sizing:border-box;width:17px;height:17px;border:1px solid currentcolor;border-radius:3px}.swatchbook__chip-tile svg{width:12px;height:12px}.swatchbook__mark-fsc{font-family:var(--sb-font-mono);font-size:6.5px;font-weight:600;line-height:1}.swatchbook__chip-label{overflow:hidden;font-family:var(--sb-font-body);font-size:8.5px;font-weight:600;line-height:1;white-space:nowrap;text-overflow:ellipsis}.swatchbook__chip--not-on-stock{text-decoration:line-through;opacity:.3}.swatchbook__chip--not-on-stock .swatchbook__chip-tile,.swatchbook__chip--untested .swatchbook__chip-tile{background:none;border-style:dashed}.swatchbook__chip--runs.swatchbook__chip--paper .swatchbook__chip-tile{color:var(--sb-chip-runs-ink-paper);background:var(--sb-chip-runs-bg-paper);border-color:var(--sb-chip-runs-line-paper)}.swatchbook__chip--conditions.swatchbook__chip--paper .swatchbook__chip-tile{color:var(--sb-chip-cond-ink-paper);background:var(--sb-chip-cond-bg-paper);border-color:var(--sb-chip-cond-line-paper)}.swatchbook__chip--runs.swatchbook__chip--night .swatchbook__chip-tile{color:var(--sb-chip-runs-ink);background:var(--sb-chip-runs-bg);border-color:var(--sb-chip-runs-line)}.swatchbook__chip--conditions.swatchbook__chip--night .swatchbook__chip-tile{color:var(--sb-chip-cond-ink);background:var(--sb-chip-cond-bg);border-color:var(--sb-chip-cond-line)}.swatchbook__face[data-ink=light] .swatchbook__chip--runs .swatchbook__chip-tile{color:var(--sb-chip-runs-ink-dark);background:var(--sb-chip-runs-bg-dark);border-color:var(--sb-chip-runs-line-dark)}.swatchbook__face[data-ink=light] .swatchbook__chip--conditions .swatchbook__chip-tile{color:var(--sb-chip-cond-ink-dark);background:var(--sb-chip-cond-bg-dark);border-color:var(--sb-chip-cond-line-dark)}.swatchbook__fan[data-state=open] .swatchbook__sheet:not(.is-active),.swatchbook__fan[data-state=flipped] .swatchbook__sheet:not(.is-active),.swatchbook__fan[data-state=open] .swatchbook__fan-cover,.swatchbook__fan[data-state=flipped] .swatchbook__fan-cover{opacity:.3;pointer-events:none}@media(max-width:900px){.swatchbook__sheet-actions{top:auto;bottom:40px}.swatchbook__thumb{right:8px}.swatchbook__hint{left:12px}.swatchbook__status{padding:7px 12px}.swatchbook__status-text{display:none}}@media(prefers-reduced-motion:reduce){.swatchbook__fan-pivot,.swatchbook__fan-pivot.is-fitted,.swatchbook__sheet,.swatchbook__sheet-label,.swatchbook__fan-cover,.swatchbook__thumb:after,.swatchbook__scrim{transition:none}}.swatchbook__face--front{background:var(--sb-face-bg, transparent)}.swatchbook__sheet[data-tile=lit] .swatchbook__face--front{background:transparent}
/*# sourceMappingURL=swatchbook-fan.css.map */
