.button{border-radius:var(--radius-s);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);border:none;justify-content:center;align-items:center;display:inline-flex}.button--size-s{height:var(--size-200);padding-inline:var(--size-50);position:relative}@media (hover:none),(pointer:coarse){.button--size-s:after{content:"";height:var(--size-275);width:var(--size-275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.button--size-m{height:var(--size-300);padding-inline:var(--size-100)}.button--primary{--button-hover-bg:var(--color-bg-accent-strong);--button-pressed-bg:var(--color-bg-accent-strong);--button-hover-color:var(--color-content-on-accent);background-color:var(--color-bg-accent);color:var(--color-content-on-accent)}.button--secondary{--button-hover-bg:var(--color-bg-secondary-hover);--button-pressed-bg:var(--color-bg-highlight);--button-hover-color:var(--color-content-primary);background-color:var(--color-bg-primary);border:var(--size-6)solid var(--color-border);color:var(--color-content-primary)}.button--ghost{--button-hover-bg:transparent;--button-pressed-bg:transparent;--button-hover-color:var(--color-content-primary);color:var(--color-content-secondary);background-color:#0000;padding:0}.button[data-hovered]{background-color:var(--button-hover-bg);color:var(--button-hover-color)}.button[data-pressed],.button-link:active{background-color:var(--button-pressed-bg);transform:scale(.97)}.button[data-focus-visible]{outline:var(--size-border-focus)solid var(--color-border-focus);outline-offset:var(--size-border-focus-offset)}
.checkbox-group{gap:var(--size-50)var(--size-75);flex-wrap:wrap;display:flex}.checkbox{background-color:var(--color-bg-primary);border:var(--size-12)solid var(--color-bg-primary);border-radius:var(--radius-xs);color:var(--color-content-primary);cursor:pointer;align-items:center;gap:var(--size-25);height:var(--size-150);padding-inline:var(--size-25);transition:background-color var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);flex-shrink:0;justify-content:center;display:flex;position:relative}@media (hover:none),(pointer:coarse){.checkbox:after{content:"";height:var(--size-275);inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}}.checkbox[data-selected]{background-color:var(--color-bg-accent);border-color:var(--color-bg-accent);color:var(--color-content-on-accent)}.checkbox[data-hovered]{background-color:var(--color-bg-primary-hover)}.checkbox[data-selected][data-hovered]{background-color:var(--color-bg-accent-strong);border-color:var(--color-bg-accent-strong)}.checkbox[data-disabled]{cursor:not-allowed;opacity:.5}.checkbox__icon{transition:transform var(--duration-base)var(--ease-standard)}.checkbox[data-selected] .checkbox__icon{transform:rotate(45deg)}.checkbox[data-focus-visible]{outline:var(--size-border-focus)solid var(--color-border-focus);outline-offset:var(--size-border-focus-offset)}
.drawer__overlay{background-color:var(--color-bg-overlay);transition:opacity var(--duration-slow)var(--ease-standard);z-index:100;position:fixed;inset:0}.drawer__overlay[data-entering],.drawer__overlay[data-exiting]{opacity:0}.drawer__overlay[data-exiting]{transition-duration:var(--duration-base);transition-timing-function:var(--ease-exit)}.drawer__dialog{gap:var(--size-100);outline:none;flex-direction:column;width:100%;height:100%;display:flex}.drawer{background-color:var(--color-bg-primary);block-size:100%;box-shadow:var(--shadow-2);inline-size:100%;max-inline-size:var(--size-2000);padding:var(--size-100);transition:transform var(--duration-slow)var(--ease-enter);position:fixed;inset-block:0;overflow-y:auto}.drawer[data-exiting]{transition-duration:var(--duration-base);transition-timing-function:var(--ease-exit)}.drawer--right{inset-inline-end:0}.drawer--left{inset-inline-start:0}.drawer--right[data-entering],.drawer--right[data-exiting]{transform:translate(100%)}.drawer--left[data-entering],.drawer--left[data-exiting]{transform:translate(-100%)}.drawer--bottom{border-start-start-radius:var(--radius-l);border-start-end-radius:var(--radius-l);block-size:auto;max-block-size:85dvh;max-inline-size:none;inset-block:auto 0;inset-inline:0}.drawer--bottom[data-entering],.drawer--bottom[data-exiting]{transform:translateY(100%)}.drawer__header{background-color:var(--color-bg-secondary);border-radius:var(--radius-m);color:var(--color-content-primary);padding:var(--size-100);justify-content:space-between;align-items:center;display:flex}.drawer__body{background-color:var(--color-bg-secondary);border-radius:var(--radius-m);height:100%;padding:var(--size-100);flex-direction:column;display:flex}
.error-state{align-items:center;gap:var(--size-200);max-width:var(--size-2400);padding:var(--size-300)var(--size-100);text-align:center;flex-direction:column;margin:auto;display:flex}.error-state__title{color:var(--color-content-primary)}.error-state__subtitle{color:var(--color-content-secondary)}.error-state__actions{align-items:center;gap:var(--size-100);flex-direction:row;display:flex}.error-state__actions>*{flex:1}
.field{width:100%}.field__control{width:100%;position:relative}.field__input{background-color:var(--color-bg-secondary);border:var(--size-6)solid var(--color-border);border-radius:var(--radius-s);color:var(--color-content-primary);height:var(--size-300);padding:var(--size-75)var(--size-75);transition:border-color var(--duration-fast)var(--ease-standard);outline:none;width:100%}.field__input:focus{border-color:var(--color-accent)}.field__label{background-color:var(--color-bg-secondary);color:var(--color-content-secondary);left:var(--size-50);padding-inline:var(--size-25);pointer-events:none;transform-origin:0;transition:transform var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);position:absolute;top:50%;transform:translateY(-50%)}.field__input[data-focused]+.field__label,.field__input:not(:placeholder-shown)+.field__label{color:var(--color-accent);transform:translateY(calc(-50% - var(--size-150)))scale(.75)}.field__input[data-invalid]{border-color:var(--color-danger)}.field__control:has(.field__clear) .field__input{padding-inline-end:var(--size-250)}.field__clear{right:var(--size-50);position:absolute;top:50%;transform:translateY(-50%)}.field__error{color:var(--color-danger);margin-top:var(--size-50);display:block}.field__helper{color:var(--color-content-secondary);margin-top:var(--size-50);display:block}
.link{border-radius:var(--radius-xs);color:var(--color-content-primary);text-decoration:underline}.link:focus-visible{outline:var(--size-border-focus)solid var(--color-border-focus);outline-offset:var(--size-border-focus-offset)}.link[aria-disabled],.button-link{text-decoration:none}
.radio-option-group{border-radius:var(--radius-s);gap:var(--size-50);flex-direction:row;display:flex}.radio-option-group[data-orientation=vertical]{flex-direction:column}.radio-option{background-color:var(--color-bg-primary);border:var(--size-12)solid var(--color-bg-primary);border-radius:var(--radius-xs);color:var(--color-content-secondary);cursor:pointer;padding:var(--size-25)var(--size-50);transition:background-color var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative}@media (hover:none),(pointer:coarse){.radio-option:after{content:"";height:var(--size-275);inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}}.radio-option[data-selected]{background-color:var(--color-bg-accent);border-color:var(--color-bg-accent);color:var(--color-content-on-accent)}.radio-option[data-hovered]{background-color:var(--color-bg-primary-hover)}.radio-option[data-selected][data-hovered]{background-color:var(--color-bg-accent-strong);border-color:var(--color-bg-accent-strong)}.radio-option[data-focus-visible]{outline:var(--size-border-focus)solid var(--color-border-focus);outline-offset:var(--size-border-focus-offset)}
.divider--size-s{--size-divider:var(--size-3)}.divider--size-m{--size-divider:var(--size-6)}.divider--size-l{--size-divider:var(--size-12)}.divider{background-color:var(--color-border);border-radius:var(--size-6);height:var(--size-divider);border-style:none;width:100%;margin:0}.divider[aria-orientation=vertical]{height:100%;min-height:var(--size-200);width:var(--size-divider)}
.section{gap:var(--size-50);flex-direction:column;display:flex}.section__title{color:var(--color-content-secondary);text-transform:uppercase;margin:0}
.pill{background-color:var(--color-bg-accent-strong);border-radius:var(--radius-xs);color:var(--color-content-on-accent);min-width:0;padding:var(--size-9)var(--size-37);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}
