.titchy.button{cursor:pointer;padding:var(--titchy-value-spacing-2);font-size:var(--titchy-value-text-s);min-height:36px;min-width:36px;flex-direction:row;align-items:center;justify-content:center;gap:var(--titchy-value-spacing-2);border-radius:var(--titchy-value-radius-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 5px color-mix(in oklab,var(--button-shadow-color, var(--titchy-color-primary)) 50%,transparent)}.titchy.button.primary{color:var(--button-accent-color, var(--titchy-color-accent));background-color:color-mix(in oklab,var(--button-accent-color, var(--titchy-color-accent)) 20%,transparent);border:2px solid color-mix(in oklab,var(--button-highlight-color, var(--titchy-color-secondary)) 7.5%,transparent)}.titchy.button.primary:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-accent-color, var(--titchy-color-accent)) 30%,transparent)}.titchy.button.secondary{color:var(--button-accent-color, var(--titchy-color-accent));background-color:color-mix(in oklab,var(--button-highlight-color, var(--titchy-color-secondary)) 10%,transparent);border:2px solid color-mix(in oklab,var(--button-highlight-color, var(--titchy-color-secondary)) 5%,transparent)}.titchy.button.secondary:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-highlight-color, var(--titchy-color-secondary)) 15%,transparent)}.titchy.button.outline{color:var(--button-accent-color, var(--titchy-color-accent));border:2px solid color-mix(in oklab,var(--button-accent-color, var(--titchy-color-accent)) 50%,transparent)}.titchy.button.outline:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-accent-color, var(--titchy-color-accent)) 10%,transparent)}.titchy.button.blank{color:var(--button-highlight-color, var(--titchy-color-secondary));border:2px solid transparent}.titchy.button.blank:hover:not(:disabled){background-color:color-mix(in oklab,var(--button-highlight-color, var(--titchy-color-secondary)) 5%,transparent)}.titchy.button.wrapper{all:unset;display:flex;flex-direction:column;position:relative;box-sizing:border-box;transition:all .2s ease-out;transition-behavior:allow-discrete;outline-color:transparent}.titchy.button.wrapper:focus-visible{z-index:10;outline-offset:var(--titchy-value-spacing-1);outline-width:var(--titchy-value-spacing-1);outline-style:solid;outline-color:color-mix(in oklab,var(--titchy-color-secondary) 25%,transparent)}.titchy.button.wrapper{cursor:pointer}.titchy.button.rounded{border-radius:max(100dvw,100dvh)}.titchy.button:hover:not(:disabled).scaling{transform:scale(1.05)}.titchy.button:hover:not(:disabled){opacity:1}.titchy.button:active:not(:disabled).scaling{transform:scale(.95)}.titchy.button:active:not(:disabled){opacity:.75}.titchy.button:disabled{cursor:not-allowed;opacity:.35}