@layer components{.spinner_wrap{display:inline-flex}.spinner_mark{--_size:1.5em;width:var(--_size);height:var(--_size);animation:.8s linear infinite spinner-spin}.spinner_mark circle{stroke-dasharray:60;stroke-dashoffset:45px}@media (prefers-reduced-motion:reduce){.spinner_mark{animation-duration:1.6s}}@keyframes spinner-spin{to{transform:rotate(360deg)}}.button_wrap{justify-content:center;align-items:center;gap:var(--button-icon-gap);padding:var(--button-padding-block) var(--button-padding-inline);font-family:var(--button-font-family);font-weight:var(--button-font-weight);font-size:calc(var(--button-font-size) * var(--_size,1));letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);background-color:var(--button-background);color:var(--button-text);border:var(--button-border-width) solid var(--button-border);border-radius:var(--button-radius);box-shadow:var(--button-shadow);-webkit-backdrop-filter:var(--button-backdrop);backdrop-filter:var(--button-backdrop);text-align:center;transition:background-color var(--button-duration) var(--button-ease), color var(--button-duration) var(--button-ease), border-color var(--button-duration) var(--button-ease);line-height:1.2;text-decoration:none;display:inline-flex;position:relative}@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-radius:var(--button-2-radius);--button-padding-block:var(--button-2-padding-block);--button-padding-inline:var(--button-2-padding-inline);--button-border-width:var(--button-2-border-width);--button-font-family:var(--button-2-font-family);--button-font-weight:var(--button-2-font-weight);--button-font-size:var(--button-2-font-size);--button-letter-spacing:var(--button-2-letter-spacing);--button-text-transform:var(--button-2-text-transform);--button-shadow:var(--button-2-shadow);--button-backdrop:var(--button-2-backdrop);--button-icon-size:var(--button-2-icon-size);--button-icon-gap:var(--button-2-icon-gap);--button-split-gap:var(--button-2-split-gap);--button-split-slant:var(--button-2-split-slant)}.button_wrap.tertiary{--button-background:var(--button-3-background);--button-text:var(--button-3-text);--button-border:var(--button-3-border);--button-background-hover:var(--button-3-background-hover);--button-text-hover:var(--button-3-text-hover);--button-border-hover:var(--button-3-border-hover);--button-radius:var(--button-3-radius);--button-padding-block:var(--button-3-padding-block);--button-padding-inline:var(--button-3-padding-inline);--button-border-width:var(--button-3-border-width);--button-font-family:var(--button-3-font-family);--button-font-weight:var(--button-3-font-weight);--button-font-size:var(--button-3-font-size);--button-letter-spacing:var(--button-3-letter-spacing);--button-text-transform:var(--button-3-text-transform);--button-shadow:var(--button-3-shadow);--button-backdrop:var(--button-3-backdrop);--button-icon-size:var(--button-3-icon-size);--button-icon-gap:var(--button-3-icon-gap);--button-split-gap:var(--button-3-split-gap);--button-split-slant:var(--button-3-split-slant)}.button_wrap.icon-split,.button_wrap.icon-split:hover:not(:disabled){gap:var(--button-split-gap);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-width:0;border-color:#0000;padding:0}.button_wrap.icon-split{align-items:stretch}.button_wrap.icon-split:before,.button_wrap.icon-split:after{display:none}.button_wrap.icon-split .button_text,.button_wrap.icon-split .button_split-icon{border:var(--button-border-width) solid var(--button-border);border-radius:var(--button-radius);box-shadow:var(--button-shadow);-webkit-backdrop-filter:var(--button-backdrop);backdrop-filter:var(--button-backdrop);transition:background-color var(--button-duration) var(--button-ease), color var(--button-duration) var(--button-ease), border-color var(--button-duration) var(--button-ease)}.button_wrap.icon-split .button_text{padding:var(--button-padding-block) var(--button-padding-inline);background-color:var(--button-background);clip-path:polygon(0 0, 100% 0, calc(100% - var(--button-split-slant)) 100%, 0 100%);border-start-end-radius:0;border-end-end-radius:0;align-items:center;display:flex}.button_wrap.icon-split .button_split-icon{padding:var(--button-padding-block) calc(var(--button-padding-block) + var(--button-split-slant) / 2);background-color:var(--button-text);color:var(--button-background);clip-path:polygon(var(--button-split-slant) 0, 100% 0, 100% 100%, 0 100%);border-start-start-radius:0;border-end-start-radius:0;place-items:center;display:grid}.button_wrap.icon-split .button_split-icon .button_icon{transition:translate var(--button-duration) var(--button-ease)}.button_wrap.icon-split.split-same .button_split-icon{background-color:var(--button-background);color:var(--button-text)}.button_wrap.icon-split .button_text,.button_wrap.icon-split .button_split-icon{--_edge:var(--button-border);background-image:linear-gradient(to top left, transparent calc(50% - var(--button-border-width)), var(--_edge) calc(50% - var(--button-border-width)) calc(50% + var(--button-border-width)), transparent calc(50% + var(--button-border-width)));background-repeat:no-repeat;background-origin:border-box;background-size:var(--button-split-slant) 100%;background-position:100% 0}.button_wrap.icon-split .button_split-icon,.button_wrap.icon-split.split-start .button_text{background-position:0 0}.button_wrap.icon-split.split-start .button_split-icon{background-position:100% 0}.button_wrap.icon-split.split-start .button_text{clip-path:polygon(var(--button-split-slant) 0, 100% 0, 100% 100%, 0 100%);border-radius:0 var(--button-radius) var(--button-radius) 0}.button_wrap.icon-split.split-start .button_split-icon{clip-path:polygon(0 0, 100% 0, calc(100% - var(--button-split-slant)) 100%, 0 100%);border-radius:var(--button-radius) 0 0 var(--button-radius)}.button_wrap.icon-split .button_split-icon{order:1}.button_wrap.icon-split.split-start .button_split-icon{order:-1}.button_wrap.icon-split{--_dir:1}.button_wrap.icon-split.split-start{--_dir:-1}@media (hover:hover){.button_wrap.icon-split:hover:not(:disabled) .button_text{--_edge:var(--button-border-hover);background-color:var(--button-background-hover);border-color:var(--button-border-hover)}.button_wrap.icon-split.split-fx-nudge:hover:not(:disabled) .button_split-icon .button_icon{translate:calc(.15em * var(--_dir)) 0}.button_wrap.icon-split.split-fx-through:hover:not(:disabled) .button_split-icon .button_icon{animation:button-split-through calc(var(--button-duration) * 2) cubic-bezier(.65, 0, .35, 1) both}.button_wrap.icon-split.split-fx-tilt .button_split-icon .button_icon{transition:rotate var(--button-duration) var(--button-ease)}.button_wrap.icon-split.split-fx-tilt:hover:not(:disabled) .button_split-icon .button_icon{rotate:calc(-45deg * var(--_dir))}}@media (prefers-reduced-motion:reduce){.button_wrap.icon-split .button_split-icon .button_icon{transition:none;animation:none!important}}.button_wrap .button_icon{width:var(--button-icon-size);height:var(--button-icon-size);flex:none}.button_wrap.size-small{--_size:.875}.button_wrap.size-large{--_size:1.125}.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);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;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(--button-duration) * 2) var(--button-ease), color var(--button-duration) var(--button-ease), border-color var(--button-duration) var(--button-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:is(.play,.close,.arrow){padding:var(--button-padding-block);border-radius:var(--radius-round);gap:0}.button_wrap.icon-only{padding:var(--button-padding-block);gap:0}.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.loading{cursor:wait}.button_wrap.loading .button_text{visibility:hidden}.button_wrap.loading:disabled{opacity:1}.button_loading{margin:auto;position:absolute;inset:0}}@keyframes button-split-through{0%{translate:0}45%{translate:calc(1.6em * var(--_dir,1)) 0}45.01%{translate:calc(-1.6em * var(--_dir,1)) 0}to{translate:0}}