:root{--button-height:48px;--button-border-radius:var(--border-radius-xxl);--button-default-padding:var(--spacing-md);--button-background:var(--color-interactive-default);--on-button-color:var(--color-core-white);--button-color-default:#3d63f3;--button-color-on-surface-brand-accent:#6986f6;--button-color-on-surface-brand-accent-hover:#96abf9;--button-color-on-surface-brand-accent-hover-tint:#000;--button-color-on-surface-brand-primary:#2a44a8;--button-color-on-surface-brand-primary-hover-tint:#fff;--button-color-on-surface-brand-secondary-mint:#2a44a8;--button-color-on-surface-brand-secondary-bamboo:#2a44a8;--button-color-on-surface-brand-secondary-peach:#2a44a8}.dark,.dark-mode{--button-color-default:#96abf9;--button-color-on-surface-brand-accent:#96abf9;--button-color-on-surface-brand-primary:#96abf9;--button-color-on-surface-brand-secondary-mint:#96abf9;--button-color-on-surface-brand-secondary-bamboo:#96abf9;--button-color-on-surface-brand-secondary-peach:#96abf9}.icon-button{--button-border-radius:50%;--button-default-padding:0}.button{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:500;height:var(--button-height);justify-content:center;text-decoration:none;transition-duration:var(--duration-sm);transition-property:background-color,color;transition-timing-function:ease;white-space:nowrap;width:100%}.button:focus-visible{border-radius:4px}@media(min-width:769px){.button{width:auto}}.button:not(.button--circle):not(.button--ghost){padding-left:var(--button-default-padding);padding-right:var(--button-default-padding)}.button--solid{--color:var(--button-background);background-color:var(--color);border:2px solid var(--color);color:var(--on-button-color)}.button--solid:hover:not(:disabled){background-color:var(--on-button-color);border:2px solid var(--button-background);color:var(--button-background)}.button--outline{--color:var(--button-background);--tint:var(--color);background-color:transparent;border:2px solid var(--color);color:var(--tint)}.yu-bg-surface-brand-accent .button--outline{--color:var(--button-color-on-surface-brand-accent);--tint:var(--button-color-on-surface-brand-accent-tint,var(--color));--on-button-color:var(--tint)}.yu-bg-surface-brand-accent .button--outline:hover{--color:var(--button-color-on-surface-brand-accent-hover,var(--button-color-on-surface-brand-accent));--tint:var(--button-color-on-surface-brand-accent-hover-tint,var(--color))}.yu-bg-surface-brand-primary .button--outline{--color:var(--button-color-on-surface-brand-primary);--tint:var(--button-color-on-surface-brand-primary-tint,var(--color));--on-button-color:var(--tint)}.yu-bg-surface-brand-primary .button--outline:hover{--color:var(--button-color-on-surface-brand-primary-hover,var(--button-color-on-surface-brand-primary));--tint:var(--button-color-on-surface-brand-primary-hover-tint,var(--color))}.yu-bg-surface-brand-secondary-mint .button--outline{--color:var(--button-color-on-surface-brand-secondary-mint);--tint:var(--button-color-on-surface-brand-secondary-mint-tint,var(--color));--on-button-color:var(--tint)}.yu-bg-surface-brand-secondary-mint .button--outline:hover{--color:var(--button-color-on-surface-brand-secondary-mint-hover,var(--button-color-on-surface-brand-secondary-mint));--tint:var(--button-color-on-surface-brand-secondary-mint-hover-tint,var(--color))}.yu-bg-surface-brand-secondary-bamboo .button--outline{--color:var(--button-color-on-surface-brand-secondary-bamboo);--tint:var(--button-color-on-surface-brand-secondary-bamboo-tint,var(--color));--on-button-color:var(--tint)}.yu-bg-surface-brand-secondary-bamboo .button--outline:hover{--color:var(--button-color-on-surface-brand-secondary-bamboo-hover,var(--button-color-on-surface-brand-secondary-bamboo));--tint:var(--button-color-on-surface-brand-secondary-bamboo-hover-tint,var(--color))}.yu-bg-surface-brand-secondary-peach .button--outline{--color:var(--button-color-on-surface-brand-secondary-peach);--tint:var(--button-color-on-surface-brand-secondary-peach-tint,var(--color));--on-button-color:var(--tint)}.yu-bg-surface-brand-secondary-peach .button--outline:hover{--color:var(--button-color-on-surface-brand-secondary-peach-hover,var(--button-color-on-surface-brand-secondary-peach));--tint:var(--button-color-on-surface-brand-secondary-peach-hover-tint,var(--color))}.button--outline:hover:not(:disabled){background-color:var(--color);color:var(--on-button-color)}.button--ghost{background-color:transparent;border:none;height:auto}.button--circle.button--circle:focus-visible{border-radius:50%;box-shadow:0 0 0 4px var(--color-interactive-focused);outline-offset:2px}.button--circle.button--circle{flex-shrink:0;height:var(--button-height);width:var(--button-height)}.button--circle.button--circle svg{margin-right:calc(var(--spacing-none)*1)}.button--disabled,.button--disabled:hover{cursor:auto}.button svg{fill:currentColor;height:var(--icon-size-sm);margin-bottom:0;margin-right:calc(var(--spacing-md)*.5);width:var(--icon-size-sm)}.button:disabled{cursor:not-allowed;opacity:.5}.button:focus-visible{border-radius:50%;box-shadow:0 0 0 4px var(--color-interactive-focused);outline-offset:2px}.button{width:var(--button-height)}.button svg{height:1em;margin:0;width:1em}[data-carousel] .button{--button-height:32px}.carousel-wrapper--overflow-hidden,dialog .carousel-wrapper{overflow:hidden}.carousel__container{align-items:stretch;cursor:grab;display:flex;gap:var(--spacing-lg)}.carousel__container>*{flex:0 0 var(--v64fbc719)}.carousel__container>:last-of-type{margin-right:calc(var(--spacing-lg)*1)}.carousel-thumbs__container{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:calc(var(--spacing-sm)*1)}
