@layer theme,base,components,utilities;@layer components{.speech-bubble{position:relative;max-inline-size:var(--tako-bubble-max);padding:var(--tako-space-normal) var(--tako-space-loose);border-radius:var(--tako-radius-bubble);background:var(--tako-surface);box-shadow:var(--tako-bubble-shadow);color:var(--tako-text);font:var(--tako-text-subheading);text-wrap:balance}.speech-bubble--brand{background:var(--tako-brand);color:var(--tako-on-brand)}.speech-bubble:after{content:"";position:absolute;inline-size:var(--tako-bubble-tail);block-size:var(--tako-bubble-tail);background:inherit;rotate:var(--tako-bubble-tail-turn)}.speech-bubble--tail-end:after{inset-inline-end:calc(var(--tako-bubble-tail) / -2);inset-block-end:var(--tako-space-loose)}.speech-bubble--tail-start:after{inset-inline-start:calc(var(--tako-bubble-tail) / -2);inset-block-end:var(--tako-space-loose)}.speech-bubble--tail-top:after{inset-block-start:calc(var(--tako-bubble-tail) / -2);inset-inline-start:var(--tako-space-roomy)}.tako-says{display:flex;align-items:center;gap:var(--tako-space-tight)}.tako-says--start{flex-direction:row-reverse}.tako-says__bubble{flex:0 1 auto;min-inline-size:0}.tako-says--end .tako-says__bubble{margin-inline-start:auto}.tako-says__mascot{flex:none;inline-size:var(--tako-says-mascot);block-size:var(--tako-says-mascot);line-height:0}.tako-says__scene{inline-size:100%;block-size:100%}.tako-says--peeks.tako-says--end .tako-says__mascot{margin-inline-end:calc(-1 * (var(--tako-says-edge) + var(--tako-says-mascot) * var(--tako-says-peek)))}.tako-says--peeks.tako-says--start .tako-says__mascot{margin-inline-start:calc(-1 * (var(--tako-says-edge) + var(--tako-says-mascot) * var(--tako-says-peek)))}.option-card{position:relative;display:flex;align-items:center;gap:var(--tako-space-normal);inline-size:100%;min-block-size:var(--tako-touch-target);padding:var(--tako-space-normal) var(--tako-space-loose);border:0;border-radius:var(--tako-radius-card);background:var(--tako-surface);box-shadow:var(--tako-elevation-1),inset 0 0 0 1px var(--tako-border);color:var(--tako-text);text-align:start;cursor:pointer;transition:box-shadow var(--tako-motion-hover),background-color var(--tako-motion-hover)}@media(hover:hover){.option-card:hover:not(.option-card--selected):not(:disabled){box-shadow:var(--tako-elevation-2),inset 0 0 0 1px var(--tako-border-strong)}}.option-card--selected{background:var(--tako-option-selected-fill);box-shadow:inset 0 0 0 var(--tako-option-selected-ring) var(--tako-brand)}.option-card:focus-visible{outline:none;box-shadow:var(--tako-focus-ring)}.option-card--tile{flex-direction:column;align-items:flex-start;gap:var(--tako-space-loose);min-block-size:var(--tako-choice-card-height);padding:var(--tako-space-loose)}.option-card__disc{display:inline-grid;flex:none;place-items:center;inline-size:var(--tako-option-disc);block-size:var(--tako-option-disc);border-radius:var(--tako-radius-pill);background:var(--tako-icon-circle-fill);color:var(--tako-brand-ink);font:var(--tako-text-heading)}.option-card__disc>svg{inline-size:var(--tako-glyph);block-size:var(--tako-glyph)}.option-card__text{display:flex;flex:1;min-inline-size:0;flex-direction:column;gap:var(--tako-space-hairline)}.option-card__title{font:var(--tako-text-body-emphasis);color:var(--tako-text)}.option-card__subtitle{font:var(--tako-text-secondary);color:var(--tako-secondary-text)}.option-card__mark{display:inline-grid;flex:none;place-items:center;inline-size:var(--tako-option-check);block-size:var(--tako-option-check);border:var(--tako-mark-stroke) solid var(--tako-border-strong);border-radius:var(--tako-radius-pill);color:var(--tako-on-brand);transition:background-color var(--tako-motion-tap),border-color var(--tako-motion-tap)}.option-card__mark--check{border-radius:var(--tako-radius-small)}.option-card__mark>svg{inline-size:var(--tako-glyph-small);block-size:var(--tako-glyph-small)}.option-card--selected .option-card__mark{border-color:var(--tako-brand);background:var(--tako-brand)}.option-card--tile .option-card__mark{position:absolute;inset-block-start:var(--tako-space-loose);inset-inline-end:var(--tako-space-loose)}.option-card__badge{position:absolute;inset-block-start:0;inset-inline-end:var(--tako-space-loose);translate:0 -50%;padding:var(--tako-badge-padding-block) var(--tako-space-tight);border-radius:var(--tako-radius-pill);background:var(--tako-brand);color:var(--tako-on-brand);font:var(--tako-text-micro);text-transform:uppercase;white-space:nowrap}.option-grid{display:grid;gap:var(--tako-space-normal);inline-size:100%}.option-grid--tiles{grid-template-columns:repeat(auto-fill,minmax(var(--tako-option-tile-min),1fr))}.option-grid--pair,.option-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.step-progress{display:flex;flex:1;gap:var(--tako-step-progress-gap);min-inline-size:0}.step-progress__segment{position:relative;flex:1;block-size:var(--tako-step-progress-height);overflow:hidden;border-radius:var(--tako-radius-pill);background:var(--tako-border-strong);transition:background-color var(--tako-motion-change)}.step-progress__segment--done{background:var(--tako-brand)}.step-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background:var(--tako-brand);transition:inline-size var(--tako-motion-change)}.trial-timeline{--tako-timeline-gap: var(--tako-space-normal);--tako-timeline-fill: var(--tako-brand);display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.trial-timeline__step{position:relative;display:flex;align-items:flex-start;gap:var(--tako-space-loose);min-inline-size:0;padding-block-end:var(--tako-timeline-gap)}.trial-timeline__step:last-child{padding-block-end:0}.trial-timeline__step:not(:last-child):before{position:absolute;inset-block-start:calc(var(--tako-timeline-node) / 2);inset-inline-start:calc((var(--tako-timeline-node) - var(--tako-timeline-line)) / 2);inline-size:var(--tako-timeline-line);block-size:100%;border-radius:var(--tako-radius-pill);background:var(--tako-track);content:""}.trial-timeline__step:first-child:before{background:var(--tako-timeline-fill);transform-origin:top;animation:trial-timeline-fill-down var(--tako-motion-enter) both}.trial-timeline__node{position:relative;z-index:1;display:grid;flex:none;place-items:center;inline-size:var(--tako-timeline-node);block-size:var(--tako-timeline-node);border:var(--tako-timeline-node-border) solid var(--tako-border);border-radius:var(--tako-radius-pill);background:var(--tako-surface);box-shadow:var(--tako-timeline-node-shadow);box-sizing:border-box}.trial-timeline__node>.trial-timeline__icon{--tako-brand-icon: var(--tako-timeline-icon)}.trial-timeline__text{display:flex;flex-direction:column;justify-content:center;gap:var(--tako-space-hairline);min-inline-size:0;min-block-size:var(--tako-timeline-node)}.trial-timeline__title{font:var(--tako-text-label);color:var(--tako-text)}.trial-timeline__detail{font:var(--tako-text-caption);color:var(--tako-secondary-text);text-wrap:pretty}.trial-timeline--row{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:var(--tako-space-loose)}.trial-timeline--row .trial-timeline__step{flex-direction:column;align-items:center;gap:var(--tako-space-tight);padding-block-end:0;text-align:center}.trial-timeline--row .trial-timeline__step:not(:last-child):before{inset-block-start:calc((var(--tako-timeline-node) - var(--tako-timeline-line)) / 2);inset-inline-start:50%;inline-size:calc(100% + var(--tako-space-loose));block-size:var(--tako-timeline-line)}.trial-timeline--row .trial-timeline__step:first-child:before{transform-origin:left;animation-name:trial-timeline-fill-across}.trial-timeline--row:dir(rtl) .trial-timeline__step:first-child:before{transform-origin:right}.trial-timeline--row .trial-timeline__text{align-items:center;min-block-size:0}.invoice-paper{position:relative;display:flex;flex-direction:column;gap:var(--tako-space-loose);inline-size:100%;max-inline-size:var(--tako-invoice-paper-width);padding:var(--tako-space-roomy);border-radius:var(--tako-radius-sheet);background:var(--tako-surface);box-shadow:var(--tako-landing-card-shadow);color:var(--tako-text);box-sizing:border-box}.invoice-paper__pin{position:absolute;inset-block-start:calc(var(--tako-invoice-pin) / -2);inset-inline-start:var(--tako-space-roomy);inline-size:var(--tako-invoice-pin);block-size:calc(var(--tako-invoice-pin) * 2);border-radius:var(--tako-radius-pill);background:var(--tako-surface-sunken);box-shadow:inset 0 0 0 var(--tako-mark-stroke) var(--tako-border-strong)}.invoice-paper__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tako-space-normal)}.invoice-paper__number{font:var(--tako-text-micro);letter-spacing:var(--tako-tracking-eyebrow);text-transform:uppercase;color:var(--tako-secondary-text)}.invoice-paper__client{font:var(--tako-text-heading);color:var(--tako-text)}.invoice-paper__lines{display:flex;flex-direction:column;gap:var(--tako-space-normal);margin:0;padding:0;list-style:none}.invoice-paper__line{display:flex;justify-content:space-between;gap:var(--tako-space-normal);font:var(--tako-text-secondary);color:var(--tako-secondary-text)}.invoice-paper__line>:last-child{color:var(--tako-text)}.invoice-paper__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--tako-space-normal);padding-block-start:var(--tako-space-tight)}.invoice-paper__total-label{font:var(--tako-text-micro);letter-spacing:var(--tako-tracking-eyebrow);text-transform:uppercase;color:var(--tako-secondary-text)}.invoice-paper__total-amount{font:var(--tako-text-amount);color:var(--tako-text)}.invoice-paper__payment{display:flex;flex-direction:column;gap:var(--tako-space-tight);padding:var(--tako-space-normal);border-radius:var(--tako-radius-card);background:var(--tako-surface-sunken)}.invoice-paper__payment-label{font:var(--tako-text-caption);color:var(--tako-secondary-text)}.invoice-paper__methods{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--tako-space-tight)}.invoice-paper__method{padding:var(--tako-space-tight);border-radius:var(--tako-radius-field);background:var(--tako-surface);box-shadow:inset 0 0 0 1px var(--tako-border);font:var(--tako-text-caption);color:var(--tako-text);text-align:center}.invoice-paper__method--chosen{background:var(--tako-accent-soft);box-shadow:inset 0 0 0 var(--tako-mark-stroke) var(--tako-brand);color:var(--tako-accent-soft-ink)}.invoice-paper__stamp{position:absolute;inset-block-end:calc(-1 * var(--tako-space-roomy));inset-inline-start:calc(-1 * var(--tako-space-loose));display:flex;flex-direction:column;padding:var(--tako-space-tight) var(--tako-space-loose);border-radius:var(--tako-radius-card);background:var(--tako-ribbon);box-shadow:var(--tako-elevation-3);color:var(--tako-ribbon-ink);rotate:var(--tako-ribbon-tilt)}.invoice-paper__stamp-title{font:var(--tako-text-label)}.invoice-paper__stamp-detail{font:var(--tako-text-caption);color:var(--tako-ribbon-veil)}.filter-list{display:flex;flex-direction:column;gap:var(--tako-space-tight);padding:var(--tako-space-tight);border-radius:var(--tako-radius-card);background:var(--tako-surface);box-shadow:var(--tako-elevation-1),inset 0 0 0 1px var(--tako-border)}.filter-list__search{display:flex;align-items:center;gap:var(--tako-space-tight);min-block-size:var(--tako-touch-target);padding-inline:var(--tako-space-normal);border-radius:var(--tako-radius-field);background:var(--tako-surface-sunken);color:var(--tako-secondary-text);cursor:text}.filter-list__search:focus-within{box-shadow:var(--tako-focus-ring)}.filter-list__glyph{flex:none;inline-size:var(--tako-glyph-small);block-size:var(--tako-glyph-small)}.filter-list__input{flex:1;min-inline-size:0;border:0;background:none;color:var(--tako-text);font:var(--tako-text-body);line-height:var(--tako-field-line-height)}.filter-list__input:focus-visible{outline:none;box-shadow:none}.filter-list__options{position:relative;max-block-size:var(--tako-filter-list-max);margin:0;padding:0 0 var(--tako-space-roomy);overflow-y:auto;list-style:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--tako-space-roomy)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--tako-space-roomy)),transparent)}.filter-list__option{display:flex;align-items:center;gap:var(--tako-space-normal);min-block-size:var(--tako-touch-target);padding-inline:var(--tako-space-normal);border-radius:var(--tako-radius-field);color:var(--tako-text);font:var(--tako-text-body);cursor:pointer}.filter-list__option[data-active=true]{background:var(--tako-surface-hover)}@media(hover:hover){.filter-list__option:hover{background:var(--tako-surface-hover)}}.filter-list__option[aria-selected=true]{background:var(--tako-option-selected-fill);font:var(--tako-text-body-emphasis);box-shadow:inset 0 0 0 var(--tako-option-selected-ring) var(--tako-brand)}.filter-list__check{flex:none;inline-size:var(--tako-glyph-small);block-size:var(--tako-glyph-small);color:var(--tako-brand-ink)}.filter-list__empty{margin:0;padding:var(--tako-space-loose) var(--tako-space-normal);font:var(--tako-text-secondary);color:var(--tako-secondary-text)}}@keyframes trial-timeline-fill-down{0%{scale:1 0}}@keyframes trial-timeline-fill-across{0%{scale:0 1}}@media(prefers-reduced-motion:reduce){.trial-timeline__step:first-child:before{animation:none}}:root[data-motion=reduced] .trial-timeline__step:first-child:before{animation:none}