@layer theme,base;@layer components{.calc-stage{border-radius:var(--radius-xl);background:var(--color-cloud);padding:calc(var(--spacing) * 3)}@media (max-width:47.99rem){.calc-stage{margin-inline:calc(var(--spacing) * -2);border-radius:var(--radius-lg)}}@media (min-width:48rem){.calc-stage{padding:calc(var(--spacing) * 6)}}@media (min-width:64rem){.calc-stage{padding:calc(var(--spacing) * 8)}}.calc-anchor:focus:not(:focus-visible){outline:none}.calc-card{border-radius:var(--radius-lg);background:var(--color-paper);padding:calc(var(--spacing) * 5);box-shadow:var(--shadow-soft);position:relative}@media (min-width:48rem){.calc-card{padding:calc(var(--spacing) * 7)}}.calc-head{min-height:calc(var(--spacing) * 11);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.calc-title{font-size:var(--text-title);line-height:var(--text-title--line-height);letter-spacing:var(--text-title--letter-spacing);color:var(--color-ink);font-weight:500}.calc-rows{margin-top:calc(var(--spacing) * 4);border-top:1px solid var(--color-line)}.calc-row{min-height:calc(var(--spacing) * 13);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom:1px solid var(--color-line);padding-block:calc(var(--spacing) * 2);display:flex}.calc-row dt{align-items:center;gap:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);min-width:0;font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);color:var(--color-text-2);flex-wrap:wrap;display:flex}.calc-row dd{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-body);color:var(--color-ink);font-variant-numeric:tabular-nums;flex:none;font-weight:500;display:flex}.calc-op{width:1ch;color:var(--color-text-3);text-align:center}.calc-muted{color:var(--color-text-3);font-weight:400}.calc-tag{height:calc(var(--spacing) * 6);background:var(--color-cloud);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-note);color:var(--color-text-2);white-space:nowrap;border-radius:999px;align-items:center;font-weight:600;display:inline-flex}.calc-result{margin-top:calc(var(--spacing) * 6)}.calc-badge{height:calc(var(--spacing) * 6);align-items:center;gap:calc(var(--spacing) * 1.5);background:var(--color-paper);padding-inline:calc(var(--spacing) * 2.5);box-shadow:var(--shadow-hairline);font-size:var(--text-note);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:var(--color-text-2);border-radius:999px;font-weight:600;display:inline-flex}.calc-badge:before{content:"";border:1px solid;border-radius:999px;width:6px;height:6px}.calc-result-label{align-items:center;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 4);font-size:var(--text-body-s);color:var(--color-text-2);display:flex}.calc-result-label:before{content:"";background:var(--color-violet);border-radius:999px;width:8px;height:8px}.calc-amount{margin-top:calc(var(--spacing) * 1);font-size:var(--text-display-m);line-height:var(--text-display-m--line-height);letter-spacing:var(--text-display-m--letter-spacing);color:var(--color-violet-ink);font-variant-numeric:tabular-nums;font-weight:500;display:block}.calc-amount[data-negative]{color:var(--color-text-2)}.calc-note{margin-top:calc(var(--spacing) * 2);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-2)}.calc-bar{height:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 6);position:relative}.calc-seg{clip-path:inset(0 calc(100% - var(--end) + 2px) 0 calc(var(--start) + 2px) round 999px);position:absolute;inset:0}.calc-seg[data-part=cost]{background:var(--color-fog);clip-path:inset(0 calc(100% - var(--end) + 2px) 0 var(--start) round 999px)}.calc-seg[data-part=fee]{background:var(--color-text-3)}.calc-seg[data-part=result]{background:var(--color-violet);clip-path:inset(0 calc(100% - var(--end)) 0 calc(var(--start) + 2px) round 999px)}html[data-motion=on] .calc-seg{transition:clip-path var(--duration-ui) var(--ease-out-expo)}.calc-legend{gap:calc(var(--spacing) * 1) calc(var(--spacing) * 5);margin-top:calc(var(--spacing) * 3);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-2);flex-wrap:wrap;display:flex}.calc-legend li{align-items:center;gap:calc(var(--spacing) * 2);display:inline-flex}.calc-legend li:before{content:"";background:var(--color-fog);border-radius:999px;width:8px;height:8px}.calc-legend li[data-part=fee]:before{background:var(--color-text-3)}.calc-legend li[data-part=result]:before{background:var(--color-violet)}.calc-foot{gap:calc(var(--spacing) * 1.5);margin-top:calc(var(--spacing) * 5);border-top:1px solid var(--color-line);padding-top:calc(var(--spacing) * 4);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-2);display:grid}html[data-motion=on] .calc-card[data-state=static] .calc-seg{animation:calc-split var(--duration-reveal) var(--ease-out-expo) both;animation-delay:calc(1.1s + var(--order,0) * .28s)}html[data-motion=on] .calc-card[data-state=static] .calc-result{animation:calc-fade var(--duration-reveal) var(--ease-out-expo) both;animation-delay:1.9s}.calc-modes{margin-top:calc(var(--spacing) * 4)}.calc-modes>div{gap:calc(var(--spacing) * 1);border-radius:var(--radius-sm);background:var(--color-cloud);padding:calc(var(--spacing) * 1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.calc-mode{min-height:calc(var(--spacing) * 11);border-radius:calc(var(--radius-sm) - 4px);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-size:var(--text-caption);color:var(--color-text-2);text-align:center;text-wrap:balance;cursor:pointer;transition:color var(--duration-micro) var(--ease-out-expo);place-items:center;font-weight:500;line-height:1.25;display:grid;position:relative}.calc-mode:has(input:checked){background:var(--color-paper);box-shadow:var(--shadow-soft);color:var(--color-ink);font-weight:600}.calc-mode:has(input:focus-visible){outline:2px solid var(--color-violet-ink);outline-offset:1px}@media (hover:hover) and (pointer:fine){.calc-mode:hover{color:var(--color-ink)}}@media (min-width:48rem){.calc-mode{font-size:var(--text-ui)}}.calc-stepper{align-items:center;gap:calc(var(--spacing) * .5);display:flex}.calc-step{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);color:var(--color-ink);touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.calc-step>span{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);background:var(--color-cloud);transition:background-color var(--duration-micro) var(--ease-out-expo);border-radius:999px;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.calc-step:hover>span{background:var(--color-fog)}}.calc-step:active>span{background:var(--color-fog)}.calc-input{height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 1);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-paper);padding-inline:calc(var(--spacing) * 3);display:flex}.calc-input:focus-within{outline:2px solid var(--color-violet-ink);outline-offset:3px}.calc-input[data-invalid]{border-color:var(--color-danger)}.calc-input input{width:4.5em;min-width:0;font:inherit;font-size:var(--text-body);color:var(--color-ink);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;font-weight:500}.calc-input span{color:var(--color-text-3)}.calc-icon-button{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);margin-right:calc(var(--spacing) * -2.5);color:var(--color-text-2);border-radius:999px;place-items:center;display:grid}.calc-icon-button>span{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);transition:background-color var(--duration-micro) var(--ease-out-expo);border-radius:999px;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.calc-icon-button:hover{color:var(--color-ink)}.calc-icon-button:hover>span{background:var(--color-cloud)}}.calc-reach{border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-soft)}.calc-reach>summary{min-height:calc(var(--spacing) * 16);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 5);font-size:var(--text-body);color:var(--color-ink);font-weight:500;display:flex}.calc-reach>summary:focus-visible{outline-offset:-3px;border-radius:var(--radius-lg)}.calc-reach-icon{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);background:var(--color-cloud);transition:transform var(--duration-ui) var(--ease-out-expo);border-radius:999px;flex:none;place-items:center;display:grid}.calc-reach[open] .calc-reach-icon{transform:rotate(45deg)}.calc-reach-body{border-top:1px solid var(--color-line);padding:calc(var(--spacing) * 5)}@media (min-width:48rem){.calc-reach>summary,.calc-reach-body{padding-inline:calc(var(--spacing) * 7)}}.calc-fields{gap:calc(var(--spacing) * 4);display:grid}@media (min-width:40rem){.calc-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}.calc-field{align-content:start;gap:calc(var(--spacing) * 2);display:grid}.calc-field label{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-caption);color:var(--color-ink);flex-wrap:wrap;font-weight:600;display:flex}.calc-field .calc-input input{text-align:left;width:100%}.calc-chain{gap:calc(var(--spacing) * 1);margin-top:calc(var(--spacing) * 5);border-radius:var(--radius-md);background:var(--color-cloud);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 5);font-size:var(--text-body-s);color:var(--color-text-2);display:grid}.calc-chain p{justify-content:space-between;gap:calc(var(--spacing) * 1) calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.calc-chain strong{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:500}}@layer utilities;@keyframes calc-split{0%{clip-path:inset(0 calc(100% - var(--start)) 0 var(--start) round 999px)}}@keyframes calc-fade{0%{opacity:0}}
@layer theme,base;@layer components{.cr-hero{padding-block:calc(var(--spacing) * 8) calc(var(--spacing) * 18)}@media (min-width:64rem){.cr-hero{padding-block:calc(var(--spacing) * 14) calc(var(--spacing) * 24)}}.cr-hero-grid{gap:calc(var(--spacing) * 10);display:grid}@media (min-width:64rem){.cr-hero-grid{align-items:center;gap:calc(var(--spacing) * 8);grid-template-columns:repeat(12,minmax(0,1fr))}.cr-hero-text{grid-column:1/span 6}.cr-hero-card{grid-column:7/span 6}}@media (min-width:80rem){.cr-hero-card{grid-column:8/span 5}}.cr-hero-title{margin-top:calc(var(--spacing) * 4)}.cr-hero-lead{max-width:34rem;margin-top:calc(var(--spacing) * 5)}.cr-hero-actions{align-items:flex-start;gap:calc(var(--spacing) * 1);margin-top:calc(var(--spacing) * 8);flex-direction:column;display:flex}.cr-hero-actions>a:first-child{width:100%}.cr-hero-notes{margin-top:calc(var(--spacing) * 4)}@media (min-width:40rem){.cr-hero-actions{align-items:center;gap:calc(var(--spacing) * 7);flex-direction:row}.cr-hero-actions>a:first-child{width:auto}}@media (min-width:64rem){.cr-hero-title{margin-top:calc(var(--spacing) * 6)}.cr-hero-lead{margin-top:calc(var(--spacing) * 8)}.cr-hero-actions{margin-top:calc(var(--spacing) * 10)}.cr-hero-notes{margin-top:calc(var(--spacing) * 5)}}.cr-split{gap:calc(var(--spacing) * 10);display:grid}@media (min-width:64rem){.cr-split{gap:calc(var(--spacing) * 8);grid-template-columns:repeat(12,minmax(0,1fr))}.cr-split-head{top:calc(var(--header-height) + var(--spacing) * 10);padding-right:calc(var(--spacing) * 8);grid-column:1/span 5;align-self:start;position:sticky}.cr-split-body{grid-column:6/span 7}}.cr-split-body{gap:calc(var(--spacing) * 4);display:grid}.cr-cost-card{border-radius:var(--radius-lg);background:var(--color-paper);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 5) calc(var(--spacing) * 6);box-shadow:var(--shadow-soft)}@media (min-width:48rem){.cr-cost-card{padding:calc(var(--spacing) * 3) calc(var(--spacing) * 8) calc(var(--spacing) * 8)}}.cr-cost-row{gap:calc(var(--spacing) * 4);border-bottom:1px solid var(--color-line);padding-block:calc(var(--spacing) * 5);grid-template-columns:auto minmax(0,1fr);display:grid}.cr-icon{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);background:var(--color-cloud);color:var(--color-text-2);border-radius:999px;place-items:center;display:grid}.cr-icon[data-mine]{background:var(--color-violet-soft);color:var(--color-violet-ink)}.cr-cost-text{padding-top:calc(var(--spacing) * 1);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-ink);font-weight:500}.cr-cost-source{margin-top:calc(var(--spacing) * 1)}.cr-cost-extra{margin-top:calc(var(--spacing) * 6);font-size:var(--text-body-s);color:var(--color-text-2)}.cr-pills{gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.cr-pills li{background:var(--color-cloud);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3.5);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-2);border-radius:999px;display:block}.cr-pills li:first-letter{text-transform:uppercase}.cr-cost-line{margin-top:calc(var(--spacing) * 6);border-top:1px solid var(--color-line);padding-top:calc(var(--spacing) * 5);font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);color:var(--color-text-2)}.cr-stage{margin-top:calc(var(--spacing) * 12)}@media (min-width:64rem){.cr-stage{margin-top:calc(var(--spacing) * 16)}}.cr-chapter-end{justify-items:start;gap:calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 12);display:grid}@media (max-width:39.99rem){.cr-chapter-end>a:first-child{width:100%}}.cr-note{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-3)}.cr-stage-near{margin-top:calc(var(--spacing) * 8)}@media (min-width:64rem){.cr-stage-near{margin-top:calc(var(--spacing) * 10)}}.cr-way{align-items:start;gap:calc(var(--spacing) * 4);grid-template-columns:auto minmax(0,1fr);display:grid}.cr-way-title{padding-top:calc(var(--spacing) * 1);font-size:var(--text-title);line-height:var(--text-title--line-height);letter-spacing:var(--text-title--letter-spacing);color:var(--color-ink);font-weight:500}.cr-way-text{margin-top:calc(var(--spacing) * 1.5);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-text-2)}.cr-tiles{gap:calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 10);display:grid}@media (min-width:48rem){.cr-tiles{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.cr-tiles{margin-top:calc(var(--spacing) * 12)}}.cr-tile{border-radius:var(--radius-lg);background:var(--color-paper);padding:calc(var(--spacing) * 6);box-shadow:var(--shadow-soft)}@media (min-width:64rem){.cr-tile{padding:calc(var(--spacing) * 8)}}.cr-tile-note{margin-top:calc(var(--spacing) * 3)}@media (min-width:48rem){.cr-ways{grid-template-columns:minmax(0,1fr)}}@media (min-width:64rem){.cr-ways{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-ways>.cr-way{align-content:start;gap:calc(var(--spacing) * 5);grid-template-columns:minmax(0,1fr)}}.cr-status{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 8);flex-wrap:wrap;display:flex}.cr-status-chip{align-items:center;gap:calc(var(--spacing) * 2);background:var(--color-cloud);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3.5);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-ink);border-radius:999px;font-weight:500;display:inline-flex}.cr-status-chip:before{content:"";width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);background:var(--color-text-3);border-radius:999px;flex:none}.cr-status-chip[data-state=available]:before{background:var(--color-positive)}.cr-status-date{font-size:var(--text-note);line-height:var(--text-note--line-height);color:var(--color-text-3)}.cr-shops{--swipe-slide:80%;--swipe-bleed-y:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 10)}@media (min-width:64rem){.cr-shops{gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 14);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}.cr-shop-stage{border-radius:var(--radius-lg);background:var(--color-cloud);padding:calc(var(--spacing) * 8) calc(var(--spacing) * 4)}.cr-shop-device{max-width:100%}@media (min-width:64rem){.cr-shop-stage{padding-block:calc(var(--spacing) * 10)}}.cr-shop-tag{margin-top:calc(var(--spacing) * 5);font-size:var(--text-label);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;color:var(--color-text-3);font-weight:600}.cr-shop-name{margin-top:calc(var(--spacing) * 2);font-size:var(--text-title);line-height:var(--text-title--line-height);letter-spacing:var(--text-title--letter-spacing);color:var(--color-ink);font-weight:500}.cr-shop-kind{margin-top:calc(var(--spacing) * .5);font-size:var(--text-body-s);color:var(--color-text-2)}.cr-shops-proof{margin-top:calc(var(--spacing) * 8)}.cr-defer{content-visibility:auto}.cr-defer-setup{contain-intrinsic-block-size:auto 123.5rem}.cr-defer-products{contain-intrinsic-block-size:auto 108.5rem}.cr-defer-channels{contain-intrinsic-block-size:auto 134rem}.cr-defer-shops{contain-intrinsic-block-size:auto 54rem}@media (min-width:64rem){.cr-defer-setup{contain-intrinsic-block-size:auto 111rem}.cr-defer-products{contain-intrinsic-block-size:auto 116.25rem}.cr-defer-channels{contain-intrinsic-block-size:auto 103.25rem}.cr-defer-shops{contain-intrinsic-block-size:auto 67.25rem}}}@layer utilities;