@layer component{:where(.button[data-v-45a030a4]){--button-icon-spacing:.4em;--button-bg:var(--bg);--button-bg-hover:var(--bg-down);--button-fg:var(--fg);--button-fg-hover:var(--fg-up);--button-padding:calc(var(--sp)*3) calc(var(--sp)*5);--button-shadow-offset:6px;align-items:start;background:none;border:0;color:var(--button-fg,transparent);cursor:pointer;display:inline-flex;gap:var(--button-icon-spacing);justify-content:flex-start;line-height:1;margin:0;max-width:100%;outline:0 none;padding:var(--button-padding);position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}:where(.button[data-v-45a030a4]):where(:not(.--plain)){align-items:center;font-family:var(--font);font-size:var(--button-font-size,inherit);font-weight:400;justify-content:center;letter-spacing:.03em}:where(.button[data-v-45a030a4]):before{border-radius:3px;corner-shape:notch;box-shadow:var(--button-shadow-offset) var(--button-shadow-offset) 0 var(--button-shadow);background-color:var(--button-bg,transparent);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:var(--transition),transform .8s var(--ease-spring);width:100%;z-index:0}:where(.button[data-v-45a030a4]) *{z-index:1}:where(.button[data-v-45a030a4]):focus-visible{outline:2px dashed var(--fg-down);outline-offset:3px}@media(hover:hover){:where(.button[data-v-45a030a4]):hover{color:var(--button-fg-hover)}:where(.button[data-v-45a030a4]):hover:before{background-color:var(--button-bg-hover);transform:scale(var(--button-hover-scale-x,1),var(--button-hover-scale-y,1))}}:where(.button[data-v-45a030a4]):focus-visible{color:var(--button-fg-hover)}:where(.button[data-v-45a030a4]):focus-visible:before{background-color:var(--button-bg-hover);transform:scale(var(--button-hover-scale-x,1),var(--button-hover-scale-y,1))}@media(hover:hover){.--forward[data-v-45a030a4]:hover{translate:.25em 0}}.--forward[data-v-45a030a4]:focus-visible{translate:.25em 0}@media(hover:hover){.--backward[data-v-45a030a4]:hover{translate:-.25em 0}}.--backward[data-v-45a030a4]:focus-visible{translate:-.25em 0}.--size-default[data-v-45a030a4],.--size-regular[data-v-45a030a4]{--button-font-size:var(--font-size-base);--button-hover-scale-x:1.03;--button-hover-scale-y:1.2;--button-padding:calc(var(--sp)*3) calc(var(--sp)*5)}.--size-sm[data-v-45a030a4]{--button-font-size:var(--font-size-xs);--button-hover-scale-x:1.04;--button-hover-scale-y:1.2;--button-padding:calc(var(--sp)*2) calc(var(--sp)*4);--button-shadow-offset:0px}.--disabled[data-v-45a030a4]{filter:saturate(0);opacity:.5;pointer-events:none}.--light[data-v-45a030a4]{--button-bg:var(--bg-down);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-primary);--button-shadow:oklch(from var(--color-blue-10) l c h/.5)}.--primary[data-v-45a030a4]{--button-bg:var(--bg-down);--button-bg-hover:var(--bg-down);--button-fg:var(--fg-primary);--button-fg-hover:var(--fg-up);--button-shadow:var(--fg-primary)}.--secondary[data-v-45a030a4]{--button-bg:var(--bg-down);--button-bg-hover:var(--bg-down);--button-fg:var(--fg-secondary);--button-fg-hover:var(--fg-up);--button-shadow:var(--fg-secondary)}.--link[data-v-45a030a4]{--button-shadow-offset:0px;--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-up);--button-fg-hover:var(--fg-secondary);--button-padding:calc(var(--sp)*2)}.--link.--size-sm[data-v-45a030a4]{--button-padding:0}.--subtle[data-v-45a030a4]{--button-shadow-offset:0px;--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-down);--button-fg-hover:var(--fg-up);--button-padding:calc(var(--sp)*2)}.--subtle.--size-sm[data-v-45a030a4]{--button-padding:0}.--info[data-v-45a030a4]{--bg-up:var(--color-blue-20);--bg:var(--color-blue-30);--bg-down:var(--color-blue-40);--fg-up:var(--color-blue-95);--fg:var(--color-blue-90);--fg-down:var(--color-blue-70);--fg-primary:var(--color-green-80);--fg-secondary:var(--color-orange-80);--fg-danger:var(--color-pink-70);--button-shadow:var(--color-blue-20)}.--success[data-v-45a030a4]{--bg-up:var(--color-green-30);--bg:var(--color-green-40);--bg-down:var(--color-green-50);--fg-up:var(--color-green-98);--fg:var(--color-green-90);--fg-down:var(--color-green-70);--fg-primary:var(--color-green-70);--fg-secondary:var(--color-green-70);--fg-danger:var(--color-pink-70);--button-shadow:var(--color-green-20)}.--danger[data-v-45a030a4]{--bg-up:var(--color-orange-20);--bg:var(--color-orange-30);--bg-down:var(--color-orange-40);--fg-up:var(--color-orange-95);--fg:var(--color-orange-90);--fg-down:var(--color-orange-70);--fg-primary:var(--color-pink-80);--fg-secondary:var(--color-green-80);--fg-danger:var(--color-pink-70);--button-shadow:var(--color-orange-30)}.--plain[data-v-45a030a4]{--button-shadow-offset:0px;--button-bg:transparent;--button-bg-hover:transparent}@keyframes loading-button-spinner-45a030a4{0%{transform:rotate(25deg)}to{transform:rotate(385deg)}}.--loading .spinner[data-v-45a030a4]{animation:loading-button-spinner-45a030a4 .4s linear infinite}.--icon-only[data-v-45a030a4]{--button-hover-scale-x:1.2;--button-hover-scale-y:1.2;--button-padding:calc(var(--sp)*2);aspect-ratio:1}.--icon-only[data-v-45a030a4] svg,.--icon-only svg[data-v-45a030a4]{block-size:.9em;font-size:120%;inline-size:.9em}.--icon-only .label[data-v-45a030a4]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer compose{[data-v-45a030a4] svg{display:inline-block;fill:currentcolor;height:.9em;overflow:visible;pointer-events:none;vertical-align:-.125em}}@layer component{.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-base);line-height:var(--line-height);transition:--line-height var(--transition)}@media(width<768px){@container (width <= 288px){.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-tight)}}@container (width >= 576px){.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-open)}}}@media(768px<=width<1080px){@container (width <= 317px){.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-tight)}}@container (width >= 634px){.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-open)}}}@media(width>=1080px){@container (width <= 346px){.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-tight)}}@container (width >= 691px){.tool-window[data-v-a09a641b]{--line-height:var(--line-height-base-open)}}}.tool-window[data-v-a09a641b]{font-size:var(--font-size-base);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.tool-window strong[data-v-a09a641b]{color:var(--fg-primary);font-weight:inherit}.tool-window[data-v-a09a641b]{background:var(--bg-up);border:1px solid var(--bg-up),15%;border-radius:var(--border-radius-md);box-shadow:0 4px 16px oklch(from var(--color-black) l c h/20%);color:var(--fg);display:flex;flex-direction:column;inset-block:auto var(--sp-md);inset-inline:var(--sp-md) auto;margin:0;max-height:calc(100vh - var(--sp-md)*2);max-width:calc(100vw - var(--sp-md)*2);min-height:8rem;min-width:16rem;overflow:hidden;padding:0;position:fixed;resize:both;width:26rem}.header[data-v-a09a641b]{align-items:center;border-block-end:1px solid oklch(from var(--fg-down) l c h/10%);cursor:grab;display:flex;justify-content:space-between;padding-inline:var(--sp-sm) calc(var(--sp-sm) + var(--sp)*-2);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header[data-v-a09a641b]:active{cursor:grabbing}.title[data-v-a09a641b]{font-family:var(--font-display);font-weight:400;text-transform:uppercase;text-wrap:pretty;--line-height:var(--line-height-sm-base);line-height:var(--line-height);transition:--line-height var(--transition)}@media(width<768px){@container (width <= 386px){.title[data-v-a09a641b]{--line-height:var(--line-height-sm-tight)}}@container (width >= 772px){.title[data-v-a09a641b]{--line-height:var(--line-height-sm-open)}}}@media(768px<=width<1080px){@container (width <= 434px){.title[data-v-a09a641b]{--line-height:var(--line-height-sm-tight)}}@container (width >= 868px){.title[data-v-a09a641b]{--line-height:var(--line-height-sm-open)}}}@media(width>=1080px){@container (width <= 482px){.title[data-v-a09a641b]{--line-height:var(--line-height-sm-tight)}}@container (width >= 965px){.title[data-v-a09a641b]{--line-height:var(--line-height-sm-open)}}}.title[data-v-a09a641b]{font-size:var(--font-size-sm)}.title strong[data-v-a09a641b]{font-weight:900}.title[data-v-a09a641b]{flex:1;padding-block:.75em}.body[data-v-a09a641b]{container-type:inline-size;flex:1;overflow:auto;padding:var(--sp-sm)}}@layer component{.tabs[data-v-a0fcad0a]{display:flex;gap:var(--sp-sm)}.tab[data-v-a0fcad0a]{font-family:var(--font-display);font-weight:400;text-transform:uppercase;text-wrap:pretty;--line-height:var(--line-height-sm-base);line-height:var(--line-height);transition:--line-height var(--transition)}@media(width<768px){@container (width <= 386px){.tab[data-v-a0fcad0a]{--line-height:var(--line-height-sm-tight)}}@container (width >= 772px){.tab[data-v-a0fcad0a]{--line-height:var(--line-height-sm-open)}}}@media(768px<=width<1080px){@container (width <= 434px){.tab[data-v-a0fcad0a]{--line-height:var(--line-height-sm-tight)}}@container (width >= 868px){.tab[data-v-a0fcad0a]{--line-height:var(--line-height-sm-open)}}}@media(width>=1080px){@container (width <= 482px){.tab[data-v-a0fcad0a]{--line-height:var(--line-height-sm-tight)}}@container (width >= 965px){.tab[data-v-a0fcad0a]{--line-height:var(--line-height-sm-open)}}}.tab[data-v-a0fcad0a]{font-size:var(--font-size-sm)}.tab strong[data-v-a0fcad0a]{font-weight:900}.tab[data-v-a0fcad0a]{background:none;border:0;color:var(--fg-down);cursor:pointer;padding:.75em 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em}.tab.--current[data-v-a0fcad0a]{color:var(--fg-up);text-decoration-color:var(--fg-primary)}}
