@layer components{.icon{--_size:1.5em;width:var(--_size);aspect-ratio:1;flex:none;max-width:100%;height:auto;display:block}.icon.small{--_size:1em}.icon.large{--_size:2em}.icon.full-width{width:100%;aspect-ratio:unset}.button_wrap{--_radius:.25rem;--_pad:.4375em;--_height:calc(1em + var(--_pad) * 2 + var(--border-width) * 2);min-height:var(--_height);padding:var(--_pad) .875em;background-color:var(--button-background);color:var(--button-text);border:var(--border-width) solid var(--button-border);border-radius:var(--_radius);text-align:center;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), border-radius var(--hover-duration) var(--hover-ease);justify-content:center;align-items:center;gap:.5em;font-size:.875rem;line-height:1.2;text-decoration:none;display:inline-flex}@media (hover:hover){.button_wrap:hover:not(:disabled){background-color:var(--button-background-hover);color:var(--button-text-hover);border-color:var(--button-border-hover)}}.button_wrap.secondary{--button-background:var(--button-2-background);--button-text:var(--button-2-text);--button-border:var(--button-2-border);--button-background-hover:var(--button-2-background-hover);--button-text-hover:var(--button-2-text-hover);--button-border-hover:var(--button-2-border-hover)}.button_wrap.link{--button-background:transparent;--button-text:var(--link-text);--button-border:var(--link-border);--button-background-hover:transparent;--button-text-hover:var(--link-text-hover);--button-border-hover:var(--link-border);min-height:0;font-size:inherit;border:0;border-bottom:var(--border-width) solid var(--button-border);background-image:linear-gradient(var(--link-border-hover), var(--link-border-hover));background-position:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-size:0 var(--border-width);transition:background-size calc(var(--hover-duration) * 2) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);border-radius:0;padding:.4em 0}@media (hover:hover){.button_wrap.link:hover:not(:disabled){background-position:0 100%;background-size:100% var(--border-width)}}.button_wrap.arrowed{--_background:var(--button-background);--_text:var(--button-text);--_border:var(--button-border);background-color:#0000;border:0;align-items:stretch;gap:.25em;padding:0}@media (hover:hover){.button_wrap.arrowed:hover:not(:disabled){--_background:var(--button-background-hover);--_text:var(--button-text-hover);--_border:var(--button-border-hover);background-color:#0000}.button_wrap.arrowed:hover:not(:disabled) .button_tail{border-radius:calc(var(--_height) / 2)}}.button_wrap.arrowed .button_part{padding:var(--_pad) .875em;background-color:var(--_background);color:var(--_text);border:var(--border-width) solid var(--_border);border-radius:inherit;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), border-radius var(--hover-duration) var(--hover-ease);justify-content:center;align-items:center;display:inline-flex}.button_wrap.arrowed .button_tail{padding-inline:.625em}.button_wrap:is(.play,.close,.arrow,.icon){padding:var(--_pad);aspect-ratio:1;gap:0}@media (hover:hover){.button_wrap:is(.play,.close,.arrow,.icon):hover:not(:disabled){border-radius:50%}}.button_wrap.back .button_mark{rotate:180deg}.button_wrap.play .button_pause{display:none}.button_wrap.play[aria-pressed=true] .button_play{display:none}.button_wrap.play[aria-pressed=true] .button_pause{display:block}.button_wrap:disabled{cursor:not-allowed;opacity:.5}.button_wrap[aria-busy=true]{cursor:progress;pointer-events:none;position:relative}.button_wrap[aria-busy=true]:not(.arrowed) .button_text,.button_wrap[aria-busy=true].arrowed .button_tail .button_mark{opacity:0}.button_wrap[aria-busy=true]:not(.arrowed):after,.button_wrap[aria-busy=true].arrowed .button_tail:after{content:"";border:.125em solid;border-inline-end-color:#0000;border-radius:50%;width:1em;height:1em;margin:auto;animation:.8s linear infinite button-spin;position:absolute;inset:0}.button_wrap[aria-busy=true].arrowed .button_tail{position:relative}@keyframes button-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.button_wrap[aria-busy=true]:after,.button_wrap[aria-busy=true] .button_tail:after{animation-duration:2.4s}}}