@layer theme,base;@layer components{.sh-btn{border-style:solid;border-width:var(--control-border-width);border-radius:var(--radius-control);background-color:var(--sh-btn-bg);color:var(--sh-btn-fg);border-color:var(--sh-btn-border);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-entrance);grid-template-areas:"sh-btn-stack";place-items:center;text-decoration:none;display:inline-grid}@media (hover:hover){.sh-btn:hover:not(:disabled):not([aria-disabled=true]):not([data-loading]){transform:translateY(-3px)}}.sh-btn:active:not(:disabled):not([aria-disabled=true]):not([data-loading]){transform:none}.sh-btn--block{inline-size:100%;display:grid}.sh-btn__content{justify-content:center;align-items:center;gap:var(--control-gap);transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);grid-area:sh-btn-stack;display:inline-flex}.sh-btn__icon{inline-size:var(--control-icon-size);block-size:var(--control-icon-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.sh-btn[data-size=sm]{padding-inline:calc(var(--control-padding-inline-sm) - var(--control-border-width));padding-block:calc(var(--control-padding-block-sm) - var(--control-border-width))}.sh-btn[data-size=md]{padding-inline:calc(var(--control-padding-inline-md) - var(--control-border-width));padding-block:calc(var(--control-padding-block-md) - var(--control-border-width))}.sh-btn[data-size=lg]{padding-inline:calc(var(--control-padding-inline-lg) - var(--control-border-width));padding-block:calc(var(--control-padding-block-lg) - var(--control-border-width))}.sh-btn[data-variant=primary]{--sh-btn-bg:var(--interactive-primary-bg);--sh-btn-bg-hover:var(--interactive-primary-bg-hover);--sh-btn-bg-active:var(--interactive-primary-bg-active);--sh-btn-bg-disabled:var(--interactive-primary-bg-disabled);--sh-btn-fg:var(--interactive-primary-fg);--sh-btn-fg-hover:var(--interactive-primary-fg-hover);--sh-btn-fg-disabled:var(--interactive-primary-fg-disabled);--sh-btn-border:var(--interactive-primary-border);--sh-btn-border-hover:var(--interactive-primary-border-hover);--sh-btn-border-disabled:var(--interactive-primary-border-disabled)}.sh-btn[data-variant=secondary]{--sh-btn-bg:var(--interactive-secondary-bg);--sh-btn-bg-hover:var(--interactive-secondary-bg-hover);--sh-btn-bg-active:var(--interactive-secondary-bg-active);--sh-btn-bg-disabled:var(--interactive-secondary-bg-disabled);--sh-btn-fg:var(--interactive-secondary-fg);--sh-btn-fg-hover:var(--interactive-secondary-fg-hover);--sh-btn-fg-disabled:var(--interactive-secondary-fg-disabled);--sh-btn-border:var(--interactive-secondary-border);--sh-btn-border-hover:var(--interactive-secondary-border-hover);--sh-btn-border-disabled:var(--interactive-secondary-border-disabled)}.sh-btn[data-variant=dark]{--sh-btn-bg:var(--interactive-dark-bg);--sh-btn-bg-hover:var(--interactive-dark-bg-hover);--sh-btn-bg-active:var(--interactive-dark-bg-active);--sh-btn-bg-disabled:var(--interactive-dark-bg-disabled);--sh-btn-fg:var(--interactive-dark-fg);--sh-btn-fg-hover:var(--interactive-dark-fg-hover);--sh-btn-fg-disabled:var(--interactive-dark-fg-disabled);--sh-btn-border:var(--interactive-dark-border);--sh-btn-border-hover:var(--interactive-dark-border-hover);--sh-btn-border-disabled:var(--interactive-dark-border-disabled)}.sh-btn[data-variant=danger]{--sh-btn-bg:var(--interactive-danger-bg);--sh-btn-bg-hover:var(--interactive-danger-bg-hover);--sh-btn-bg-active:var(--interactive-danger-bg-active);--sh-btn-bg-disabled:var(--interactive-danger-bg-disabled);--sh-btn-fg:var(--interactive-danger-fg);--sh-btn-fg-hover:var(--interactive-danger-fg-hover);--sh-btn-fg-disabled:var(--interactive-danger-fg-disabled);--sh-btn-border:var(--interactive-danger-border);--sh-btn-border-hover:var(--interactive-danger-border-hover);--sh-btn-border-disabled:var(--interactive-danger-border-disabled)}.sh-btn[data-variant=ghost]{--sh-btn-bg:var(--interactive-ghost-bg);--sh-btn-bg-hover:var(--interactive-ghost-bg-hover);--sh-btn-bg-active:var(--interactive-ghost-bg-active);--sh-btn-bg-disabled:var(--interactive-ghost-bg-disabled);--sh-btn-fg:var(--interactive-ghost-fg);--sh-btn-fg-hover:var(--interactive-ghost-fg-hover);--sh-btn-fg-disabled:var(--interactive-ghost-fg-disabled);--sh-btn-border:var(--interactive-ghost-border);--sh-btn-border-hover:var(--interactive-ghost-border-hover);--sh-btn-border-disabled:var(--interactive-ghost-border-disabled)}.sh-btn[data-variant=ghost] .sh-btn__content{transition:opacity var(--motion-duration-fast) var(--motion-ease-standard), gap var(--motion-duration-base) var(--motion-ease-standard)}@media (hover:hover){.sh-btn[data-variant=ghost]:hover:not(:disabled):not([aria-disabled=true]):not([data-loading]){transform:none}.sh-btn[data-variant=ghost]:hover:not(:disabled):not([aria-disabled=true]):not([data-loading]) .sh-btn__content{gap:var(--spacing-sm)}.sh-btn:hover:not(:disabled,[aria-disabled=true]){background-color:var(--sh-btn-bg-hover);color:var(--sh-btn-fg-hover);border-color:var(--sh-btn-border-hover)}}.sh-btn:active:not(:disabled,[aria-disabled=true]){background-color:var(--sh-btn-bg-active)}.sh-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.sh-btn[data-variant=primary]:focus-visible,.sh-btn[data-variant=danger]:focus-visible,.sh-btn[data-variant=dark]:focus-visible{outline-color:var(--focus-ring-color-inverse)}.sh-btn:disabled,.sh-btn[aria-disabled=true]{background-color:var(--sh-btn-bg-disabled);color:var(--sh-btn-fg-disabled);border-color:var(--sh-btn-border-disabled);cursor:not-allowed}.sh-btn[data-loading=true]{cursor:progress}.sh-btn[data-loading=true] .sh-btn__content{opacity:0}.sh-btn__spinner{border:var(--control-border-width) solid currentColor;border-radius:var(--radius-pill);block-size:1em;inline-size:1em;animation:sh-btn-spin calc(var(--motion-duration-slow) * 2) linear infinite;border-block-start-color:#0000;grid-area:sh-btn-stack}.sh-arrow-icon{inline-size:var(--control-icon-size);block-size:var(--control-icon-size);flex:none;display:inline-block;position:relative;overflow:hidden}.sh-arrow-icon__glyph{background-color:currentColor;position:absolute;inset:26.22% 25% 26.22% 20.8333%;-webkit-mask-image:url(/assets/icons/arrow-small-right.svg);mask-image:url(/assets/icons/arrow-small-right.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sh-arrow-icon[data-direction=backward],[dir=rtl] .sh-arrow-icon[data-direction=forward]{transform:scaleX(-1)}[dir=rtl] .sh-arrow-icon[data-direction=backward]{transform:none}}@layer utilities;@keyframes sh-btn-spin{to{rotate:1turn}}