.button:where(button){border:none;font:inherit}.button:where(a){text-decoration:none}.button{align-items:center;background:var(--sui-color-key-primary);border-radius:var(--sui-roundness-strong);box-sizing:border-box;color:var(--sui-color-on-key-primary);cursor:pointer;display:inline-flex;font-weight:var(--sui-button-font-weight);gap:var(--sui-icon-gap);height:var(--sui-button-height);justify-content:center;overflow:hidden;padding:0 var(--sui-button-horizontal-padding);position:relative;width:-moz-fit-content;width:fit-content}.button:hover{opacity:.9}.button:active:not(:disabled){transform:translateY(1px)}.button:before{aspect-ratio:1/1;background:var(--sui-color-on-key-primary);border-radius:50%;content:var(--sui-button-ripple-effect-content);display:block;opacity:0;position:absolute;transition:all .3s ease-out;width:110%;z-index:-1}.button:active:before{height:0;opacity:var(--sui-regular-ripple-effect-density);transition:all 0s;width:0}.button:disabled:before{content:none}.button:where(.secondary){background:transparent;border:1px solid var(--sui-color-key-tertiary);color:var(--sui-color-key-primary)}.button:where(.secondary):hover{background:var(--sui-color-key-tertiary)}.button:where(.secondary):before{background:var(--sui-color-key-secondary)}.button:where(.tertiary){background:transparent;border:1px solid var(--sui-color-outline-secondary);color:var(--sui-color-neutral-secondary)}.button:where(.tertiary):hover{background:var(--sui-color-highlight-secondary)}.button:where(.tertiary):before{background:var(--sui-color-neutral-primary)}.button:where(.shy){background:transparent;color:var(--sui-color-neutral-secondary)}.button:where(.shy):hover{background:var(--sui-color-highlight-secondary)}.button:where(.shy):before{background:var(--sui-color-neutral-primary)}.button:disabled{background:var(--sui-color-disabled-fill);border-width:0;color:var(--sui-color-on-neutral-tertiary);cursor:default;opacity:1}.button .icon{height:1.1em;width:1.1em}.button .icon:first-child{margin-left:-.2em}.button .icon:last-child{margin-right:-.2em}.card:where(button){background:none;border:none;font:inherit;text-align:inherit}.card:where(a){color:inherit;text-decoration:none}.card{background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;display:block;overflow:hidden;padding:var(--sui-base-padding);position:relative;z-index:0}.card:where(a),.card:where(button){color:inherit;cursor:pointer}.card:where(a):hover:before,.card:where(button):hover:before{background-color:var(--sui-color-highlight-secondary);content:"";display:block;inset:0;position:absolute;z-index:-1}.card:where(a):hover:after,.card:where(button):hover:after{aspect-ratio:1/1;background-color:var(--sui-color-neutral-primary);border-radius:50%;content:"";display:block;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-out;width:110%;z-index:1}.card:where(a):active:after,.card:where(button):active:after{height:0;opacity:var(--sui-broad-ripple-effect-density);transition:all 0s;width:0}.checkbox:where(input[type=checkbox]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.checkbox{background:radial-gradient(circle,var(--sui-color-key-primary) 50%,transparent 50%);background-position:50%;background-repeat:no-repeat;background-size:0 0;border-radius:calc(var(--sui-roundness-normal)*2/3);box-shadow:inset 0 0 0 2px var(--sui-color-outline-primary);cursor:pointer;height:var(--sui-checkbox-size);margin:0;min-width:var(--sui-checkbox-size);padding:0;position:relative;transition:background-size 50ms cubic-bezier(1,.345,1,.265);vertical-align:middle;width:var(--sui-checkbox-size);--check-width:calc(var(--sui-checkbox-size)/8);--check-hook-length:calc(var(--sui-checkbox-size)/2.9);--check-tail-length:calc(var(--sui-checkbox-size)/1.8);--check-anchor:calc(var(--sui-checkbox-size)/1.7) calc(var(--sui-checkbox-size)/2.4);--check-color:var(--sui-color-on-key-primary);--timing-former-half:cubic-bezier(0.605,1.27,0.445,0.95);--timing-latter-half:cubic-bezier(0.755,0,0.3,-0.055);--check-duration:100ms}.checkbox:where(:checked){background-size:calc(var(--sui-checkbox-size)*2) calc(var(--sui-checkbox-size)*2);box-shadow:inset 0 0 0 2px var(--sui-color-key-primary);transition:background-size .15s ease-out}.checkbox:before{background-color:var(--check-color);content:"";display:block;height:var(--check-width);inset:var(--check-anchor);position:absolute;transform:translateX(-100%) rotate(45deg) translateX(calc(var(--check-hook-length)*-1));transform-origin:bottom right;transition:all var(--check-duration) var(--timing-latter-half);width:0}.checkbox:where(:checked):before{transform:translateX(-100%) rotate(45deg) translateX(0);transition:all var(--check-duration) var(--timing-former-half);width:var(--check-hook-length)}.checkbox:after{background-color:var(--check-color);content:"";display:block;height:var(--check-width);inset:var(--check-anchor);position:absolute;transform:rotate(-45deg);transform-origin:bottom left;transition:all var(--check-duration) var(--timing-former-half);width:0}.checkbox:where(:checked):after{transition:all var(--check-duration) var(--timing-latter-half);width:var(--check-tail-length)}.checkbox:where(.error){background:radial-gradient(circle,var(--sui-color-error) 50%,transparent 50%);background-position:50%;background-repeat:no-repeat;background-size:0 0;box-shadow:inset 0 0 0 2px var(--sui-color-error)}.checkbox:where(.error):checked{background-size:calc(var(--sui-checkbox-size)*2) calc(var(--sui-checkbox-size)*2);border-color:var(--sui-color-error);transition:background-size .15s ease-out}.checkbox:where(:disabled){background-color:var(--sui-color-disabled-fill);box-shadow:inset 0 0 0 1px var(--sui-color-outline-primary);cursor:default}.checkbox:where(:disabled):where(:checked){opacity:.5}.dialog{background-color:var(--sui-color-surface);border:none;border-radius:var(--sui-roundness-normal);box-shadow:var(--sui-shadow-hover);box-sizing:border-box;color:inherit;overflow:hidden;z-index:1000}.dialog::backdrop{background-color:var(--sui-color-scrim)}.dialog:where(.popover){border-radius:var(--sui-roundness-normal);margin:0;padding:0;position:fixed}.dialog:where(.anchor_left):where(.anchor_top){transform:none}.dialog:where(.anchor_left):where(.anchor_bottom){transform:translateY(-100%)}.dialog:where(.anchor_right):where(.anchor_top){transform:translate(-100%,8px)}.dialog:where(.anchor_right):where(.anchor_bottom){transform:translate(-100%,calc(-100% - 8px))}.dialog:where(.modal){border-radius:calc(var(--sui-roundness-normal)*1.5)}.dialog:where(.modal)::backdrop{background-color:var(--sui-color-scrim)}.fieldset{border:none;display:flex;flex-direction:column;margin:0;padding:0}.helper-text{color:var(--sui-color-neutral-secondary);font-size:.9em;line-height:1.2;margin:0;padding:4px 0}.helper-text:where(.error){color:var(--sui-color-error)}.icon{display:inline-block;height:1.2em;max-width:1.2em;vertical-align:text-bottom;width:auto}:root{--icon-tint-fill:var(--sui-color-key-tertiary);--icon-tint-stroke:var(--sui-color-key-secondary)}picture.icon>img{display:block;height:100%;width:auto}.input:where(:not([type])),.input:where([type=date]),.input:where([type=datetime-local]),.input:where([type=email]),.input:where([type=month]),.input:where([type=number]),.input:where([type=password]),.input:where([type=search]),.input:where([type=tel]),.input:where([type=text]),.input:where([type=time]),.input:where([type=url]),.input:where([type=week]){background-color:var(--sui-color-surface);border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);box-sizing:border-box;color:var(--sui-color-neutral-primary);font:inherit;height:var(--sui-input-base-height);padding:0 var(--sui-base-padding)}.input::-moz-placeholder{color:var(--sui-color-neutral-secondary)}.input::placeholder{color:var(--sui-color-neutral-secondary)}.input:disabled{background-color:var(--sui-color-disabled-fill)}.input:where(.error){border-color:var(--sui-color-error)}.key-value:where(dl){-moz-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:auto 1fr;list-style:none;margin:0;padding:0;row-gap:8px}.key-value:where(dl) dt{color:var(--sui-color-neutral-secondary)}.key-value:where(dl) dd{justify-self:end;margin:0}.label:has(.checkbox){align-items:center;display:inline-flex;gap:var(--sui-label-gap)}.label:has(+.checkbox){margin-inline-end:var(--sui-label-gap)}.checkbox+.label{margin-inline-start:var(--sui-label-gap)}.label:has(.switch){align-items:center;display:inline-flex;gap:var(--sui-label-gap)}.label:has(+.switch){margin-inline-end:var(--sui-label-gap);vertical-align:middle}.switch+.label{margin-inline-start:var(--sui-label-gap);vertical-align:middle}.label:has(.radio){align-items:center;display:inline-flex;gap:var(--sui-label-gap)}.label:has(+.radio){margin-inline-end:var(--sui-label-gap)}.radio+.label{margin-inline-start:var(--sui-label-gap)}.label:where(.error){color:var(--sui-color-error)}.legend:where(legend){padding:0}.legend:where(legend):where(.error){color:var(--sui-color-error)}.link:where(button){background-color:transparent;border:none;font:inherit;padding:0;position:relative}.link{align-items:center;color:var(--sui-color-key-primary);cursor:pointer;display:inline-flex;flex-wrap:wrap;text-align:left;text-decoration:underline}.link:where(:hover){text-decoration:underline}.link:where(.seamless){color:inherit;font:inherit}.link:where(.passive){color:var(--sui-color-neutral-secondary);text-decoration:none}.link:where(.passive):where(:hover){text-decoration:underline}:where(.link) .icon{height:1.1em;width:1.1em}.menu-item:where(a){color:inherit;text-decoration:none}.menu-item:where(button){background:none;border:none;color:inherit;font:inherit;text-align:inherit}.menu-item{align-items:center;background-color:transparent;border-radius:var(--sui-roundness-normal);box-sizing:border-box;cursor:pointer;display:flex;font:inherit;gap:var(--sui-icon-gap);justify-content:flex-start;min-height:40px;overflow:hidden;padding:calc(var(--sui-base-padding)*2/3) var(--sui-base-padding);position:relative;width:100%;z-index:0}.menu-item:hover:before{background-color:var(--sui-color-highlight-secondary);content:"";display:block;inset:0;position:absolute;z-index:-2}.menu-item:where(a):hover:after,.menu-item:where(button):hover:after{aspect-ratio:1/1;background-color:var(--sui-color-neutral-primary);border-radius:50%;content:"";display:block;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-out;width:110%;z-index:-1}.menu-item:where(a):active:after,.menu-item:where(button):active:after{height:0;opacity:var(--sui-regular-ripple-effect-density);transition:all 0s;width:0}.menu-item:where(.active){background-color:var(--sui-color-key-tertiary);color:var(--sui-color-key-primary)}.menu-item:where(.active):hover{opacity:.8}.menu-item:where(.active):hover:before{content:none}:where(.menu-item) .icon{height:1.3em;width:1.3em}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;height:8px;overflow:hidden;position:relative}.progress::-webkit-progress-value{background-color:var(--sui-color-key-primary)}.progress::-webkit-progress-bar{background-color:var(--sui-color-key-tertiary)}.progress:where(:not(.circular)):indeterminate:before{animation:sui-indeterminate 1s linear infinite;background-color:var(--sui-color-key-primary);content:"";inset:0;position:absolute;transform-origin:0 50%}.progress:where(.circular){-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--sui-color-key-primary);container-type:size;height:48px;overflow:visible;position:relative;width:48px}.progress:where(.circular):before{animation:sui-rotate 1s linear infinite;background-color:transparent;border:12cqh solid;border-radius:50%;content:"";inset:0;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMTAwIDBINDBsMTAgNTBMMCA0MHY2MGgxMDB6Ii8+PC9zdmc+");mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRDlEOUQ5IiBkPSJNMTAwIDBINDBsMTAgNTBMMCA0MHY2MGgxMDB6Ii8+PC9zdmc+");-webkit-mask-size:cover;mask-size:cover;position:absolute}.progress.circular::-webkit-progress-bar{background-color:transparent}.progress.skeleton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;height:240px;overflow:hidden;position:relative;width:100%}.progress.skeleton:indeterminate:before{animation:sui-skeleton 1s linear infinite;background:linear-gradient(.28turn,transparent 20%,var(--sui-color-highlight-primary) 50%,transparent 80%);transform-origin:0 50%;width:200%}.progress.skeleton::-webkit-progress-bar{background-color:var(--color-background)}@keyframes sui-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sui-indeterminate{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}to{transform:translateX(100%) scaleX(.5)}}@keyframes sui-skeleton{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.radio:where(input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.radio{border:2px solid var(--sui-color-outline-primary);border-radius:50%;cursor:pointer;height:var(--sui-radio-size);margin:0;min-width:var(--sui-radio-size);padding:0;position:relative;vertical-align:-.3em;width:var(--sui-radio-size)}.radio:where(:checked){border-color:var(--sui-color-key-primary)}.radio:before{background-color:var(--sui-color-key-primary);border-radius:50%;content:"";display:block;height:calc(var(--sui-radio-size)*1/3);left:50%;opacity:0;position:absolute;top:50%;transition:width .12s ease-out,height .12s ease-out;translate:-50% -50%;width:calc(var(--sui-radio-size)*1/3)}.radio:where(:checked):before{height:calc(var(--sui-radio-size)*3/5);opacity:1;width:calc(var(--sui-radio-size)*3/5)}.radio:where(.error){border-color:var(--sui-color-error)}.radio:where(.error):before{background-color:var(--sui-color-error)}.radio:where(:disabled){border-color:var(--sui-color-outline-primary);cursor:default}.radio:where(:disabled):where(:checked):before{background-color:var(--sui-color-neutral-secondary)}.select:where(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.select{background-color:var(--sui-color-surface);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3Ij48cGF0aCBmaWxsPSIjNGU2NzdjIiBkPSJNNS40ODYgNC4xIDguODA4Ljc3OGwxLjQxNCAxLjQxNEw1LjQ4NiA2LjkzLjc0OSAyLjE5MiAyLjE2My43Nzh6Ii8+PC9zdmc+");background-position:center right 6px;background-repeat:no-repeat;border:1px solid var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);color:var(--sui-color-neutral-primary);font:inherit;height:var(--sui-input-base-height);padding:calc(var(--sui-base-padding)*2/3) calc(var(--sui-base-padding)*2) calc(var(--sui-base-padding)*2/3) var(--sui-base-padding);position:relative}.select:has(option:checked[value=""]){color:var(--sui-color-neutral-secondary)}:where(.select) option{color:var(--sui-color-neutral-primary)}.select:where(.error){border-color:var(--sui-color-error)}.select:disabled{background-color:var(--sui-color-disabled-fill)}.switch:where(input[type=checkbox]){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sui-color-neutral-tertiary);border-radius:16px;cursor:pointer;display:inline-flex;height:32px;position:relative;transition:background-color .15s ease;vertical-align:middle;width:48px}.switch:where(input[type=checkbox]):checked{background-color:var(--sui-color-key-primary)}.switch:where(input[type=checkbox]):after{background-color:#fff;border:1px solid;border-color:var(--sui-color-outline-primary);border-radius:50%;bottom:0;box-sizing:border-box;content:"";display:block;height:26px;left:2px;margin:auto;position:absolute;top:0;transition:left .15s ease;width:26px}.switch:where(input[type=checkbox]):checked:after{left:calc(100% - 29px)}.switch:where(input[type=checkbox]):where(.error){border:1px solid var(--sui-color-error)}.switch:where(input[type=checkbox]):where(.error):checked{background-color:var(--sui-color-error)}.switch:where(input[type=checkbox]):disabled{cursor:default;opacity:.4}.table{border-collapse:collapse}.table thead{border-bottom:1px solid var(--sui-color-outline-secondary)}.table th{color:var(--sui-color-neutral-secondary);font-weight:inherit;padding:calc(var(--sui-base-padding)/3) var(--sui-base-padding);text-align:left}.table td,.table th{vertical-align:middle}.table td{padding:calc(var(--sui-base-padding)*2/3) var(--sui-base-padding)}.table tbody tr:hover{background-color:var(--sui-color-highlight-secondary)}.table caption{caption-side:bottom;color:var(--sui-color-neutral-secondary);font-size:.9em}.textarea{background:var(--sui-color-surface);border-color:var(--sui-color-outline-primary);border-radius:var(--sui-roundness-normal);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--sui-color-neutral-primary);font:inherit;padding:calc(var(--sui-base-padding)*2/3) var(--sui-base-padding)}.textarea::-moz-placeholder{color:var(--sui-color-neutral-secondary)}.textarea::placeholder{color:var(--sui-color-neutral-secondary)}.textarea:disabled{background-color:var(--sui-color-disabled-fill)}.textarea:where(.error){border-color:var(--sui-color-error)}