.tpl-card.tpl-active{background-color:#09090b;color:#fbf8ed;border-color:#09090b}.tpl-card.tpl-active>div:first-child{color:#fbf8ed}.tpl-card.tpl-active>div:last-child{color:#d4d4d8}html.dark .tpl-card.tpl-active{background-color:#fafafa;color:#09090b;border-color:#fafafa}html.dark .tpl-card.tpl-active>div:first-child{color:#09090b}html.dark .tpl-card.tpl-active>div:last-child{color:#3f3f46}.cc-dial{display:flex;flex-direction:column;gap:20px}.cc-dial>label{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#71717a}.cc-readout{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:32px;line-height:1.1;font-weight:500;color:#18181b;cursor:text;padding:2px 4px;margin:0 -4px;border-radius:4px;transition:background .12s;display:inline-flex;align-items:baseline;gap:4px;width:-moz-fit-content;width:fit-content}html.dark .cc-readout{color:#fafafa}.cc-readout:hover{background:#0000000a}html.dark .cc-readout:hover{background:#ffffff0a}.cc-readout .cc-unit{font-size:14px;color:#71717a;font-weight:400}.cc-readout-input{font:inherit;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;width:100%;max-width:8ch;background:#fbf8ed;border:1px solid #d4d4d8;padding:1px 6px;border-radius:4px;outline:none;color:#18181b}html.dark .cc-readout-input{background:#18181b;border-color:#3f3f46;color:#fafafa}.cc-readout-input:focus{border-color:#18181b}html.dark .cc-readout-input:focus{border-color:#fafafa}.cc-slider-wrap{position:relative;padding:14px 0 6px}.cc-slider-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:#f97316;width:100%;height:1px;background:#d4d4d8;outline:none;position:relative;z-index:2;border-radius:0}html.dark .cc-slider-wrap input[type=range]{background:#3f3f46}.cc-slider-wrap input[type=range]::-webkit-slider-runnable-track{height:1px;background:#d4d4d8;border:0}html.dark .cc-slider-wrap input[type=range]::-webkit-slider-runnable-track{background:#3f3f46}.cc-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#f97316;border-radius:50%;border:0;cursor:pointer;margin-top:-6.5px;-webkit-transition:transform .1s,box-shadow .12s;transition:transform .1s,box-shadow .12s}.cc-slider-wrap input[type=range]:hover::-webkit-slider-thumb,.cc-slider-wrap input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px #e674322e}.cc-slider-wrap input[type=range]::-moz-range-track{height:1px;background:#d4d4d8;border:0}html.dark .cc-slider-wrap input[type=range]::-moz-range-track{background:#3f3f46}.cc-slider-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#f97316;border:0;border-radius:50%;cursor:pointer}.cc-slider-wrap input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.cc-ticks{position:absolute;left:0;right:0;top:22px;height:8px;pointer-events:none}.cc-tick{position:absolute;top:0;width:1px;height:4px;background:#d4d4d8;transform:translate(-50%)}html.dark .cc-tick{background:#3f3f46}.cc-tick.labeled{height:6px;background:#a1a1aa}html.dark .cc-tick.labeled{background:#71717a}.cc-tick-label{position:absolute;top:10px;transform:translate(-50%);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;color:#a1a1aa;letter-spacing:.02em;white-space:nowrap}html.dark .cc-tick-label{color:#71717a}.cc-specimen{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr 1fr;gap:24px;align-items:baseline;padding:14px 16px;border-top:1px solid #e4e4e7;transition:background .12s;position:relative}html.dark .cc-specimen{border-top-color:#27272a}.cc-specimen:last-child{border-bottom:1px solid #e4e4e7}html.dark .cc-specimen:last-child{border-bottom-color:#27272a}.cc-specimen .cc-name-col .cc-name{font-size:15px;font-weight:500;letter-spacing:-.005em;color:#18181b}html.dark .cc-specimen .cc-name-col .cc-name{color:#fafafa}.cc-specimen .cc-name-col .cc-name .cc-star{color:#d4d4d8;margin-right:6px;font-size:13px}html.dark .cc-specimen .cc-name-col .cc-name .cc-star{color:#3f3f46}.cc-specimen .cc-name-col .cc-ctx{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin-top:3px}.cc-specimen .cc-col{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:right;font-variant-numeric:tabular-nums}.cc-specimen .cc-col .cc-label{display:block;font-size:9px;color:#71717a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.cc-specimen .cc-col .cc-v{font-size:14px;color:#18181b}html.dark .cc-specimen .cc-col .cc-v{color:#f4f4f5}.cc-specimen .cc-col.cc-month{position:relative;padding-left:16px;padding-right:16px;margin-right:-16px;border-radius:4px}.cc-specimen .cc-col.cc-month .cc-bar{position:absolute;left:0;right:0;top:50%;height:22px;transform:translateY(-50%);background:linear-gradient(90deg,#f9731638,#f9731614);border-radius:4px;z-index:0;pointer-events:none;transform-origin:left center;transition:transform .22s ease}html.dark .cc-specimen .cc-col.cc-month .cc-bar{background:linear-gradient(90deg,#f9731647,#f973161a)}.cc-specimen .cc-col.cc-month .cc-v{position:relative;z-index:1;font-size:16px;font-weight:500;color:#18181b}html.dark .cc-specimen .cc-col.cc-month .cc-v{color:#fafafa}.cc-specimen.cc-cheapest{background:#f4eedf}html.dark .cc-specimen.cc-cheapest{background:#27272a}.cc-specimen.cc-cheapest .cc-name-col .cc-name{color:#5a2723}html.dark .cc-specimen.cc-cheapest .cc-name-col .cc-name{color:#f0b09a}.cc-specimen.cc-cheapest .cc-name-col .cc-name .cc-star{color:#5a2723}html.dark .cc-specimen.cc-cheapest .cc-name-col .cc-name .cc-star{color:#f0b09a}.cc-specimen.cc-cheapest .cc-col.cc-month .cc-v{color:#5a2723}html.dark .cc-specimen.cc-cheapest .cc-col.cc-month .cc-v{color:#f0b09a}.cc-specimen.cc-cheapest .cc-col.cc-month .cc-bar{background:linear-gradient(90deg,#5a272333,#5a27230f)}html.dark .cc-specimen.cc-cheapest .cc-col.cc-month .cc-bar{background:linear-gradient(90deg,#f0b09a40,#f0b09a14)}@media (max-width: 560px){.cc-specimen{grid-template-columns:1fr auto auto;gap:8px 16px;padding:14px 0}.cc-specimen .cc-name-col{grid-column:1 / -1}.cc-specimen .cc-col.cc-day,.cc-specimen .cc-col.cc-year{display:none}}