button.close{position:absolute;top:0rem;left:0rem;border-radius:4em;line-height:1;padding:0;margin:0;z-index:801;color:#fff}.primary{background-color:var(--color-accent);color:var(--color-text-on-dark)}.primary.inverse{background-color:var(--color-bg);color:var(--color-accent-text)}.secondary{color:var(--color-accent-text);border:1px solid var(--color-accent-text)}.secondary.inverse{background-color:transparent;color:var(--color-text-on-dark);border-color:var(--color-text-on-dark)}.overlay{background-color:#00000040;color:var(--color-text-on-dark)}button.icon{background-color:#00000020;border:none;transition:color .3s ease-in-out,background-color .3s ease-in-out;display:flex;margin:0}pill,.pill{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:min(100%,22rem);min-height:2.5em;min-width:2.5em;margin:0;border-radius:1.5em;transition:width .3s;flex-grow:0;flex-shrink:1;gap:var(--mm)}pill.full,.pill.full{width:calc(100% + .7em);margin:0 -.35em}.opticalHAlign{margin:0 -.35em}.primary,.secondary{transition:filter .3s,color .3s}button:disabled{background-color:var(--color-bg-alt3);color:var(--color-text-on-dark);border-style:none}@media (hover: hover) and (pointer: fine){.hover{opacity:0;transition:opacity .3s}.hoverable:hover .hover{transition:opacity .3s;opacity:1}.primary:hover{filter:brightness(120%);transition:filter .3s}.primary.inverse:hover{filter:brightness(80%);transition:filter .3s}.secondary:hover{filter:brightness(120%);background-color:#00000010;transition:filter .3s,background-color .3s}button:disabled:hover{background-color:var(--color-bg-alt3)}.hoverScale:hover *{display:block;transform:scale(1.1);transition:transform .3s}button.close:hover{color:var(--color-bg)}button.icon:hover{background-color:var(--color-accent-text);color:var(--color-bg);transition:color .3s ease-in-out,background-color .3s ease-in-out}}.hoverScale *{display:block;transform-origin:center;transition:transform .3s}input,button{background:none;position:relative;pointer-events:auto}input:disabled,button:disabled,textarea:disabled{opacity:.5}pill input,pill textarea{color:var(--color-text);box-sizing:border-box;border:none;position:absolute;width:100%;height:100%;padding:.5rem 3.5rem .5rem 1rem}pill textarea{position:relative;min-height:6em;padding:0 3rem 0 0;resize:none}pill textarea::-webkit-scrollbar{display:none}.large{font-size:120%}endadornment button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:none;width:2.15rem;height:2.15rem;margin:.2rem;background-color:var(--color-accent);border-radius:2rem;flex-shrink:0}endadornment{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}startadornment{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:auto}::placeholder{color:var(--color-text);opacity:.3}dialog:focus,button:focus,textarea:focus,input:focus,select:focus{outline:none!important}select.underlined{background-color:transparent;pointer-events:fill;color:var(--color-accent-text);border-width:0 0 1px 0;border-color:var(--color-accent-text);border-style:solid;padding:.15rem 0}select.full,button.full,textarea.full,input.full,a.full{width:100%}.round{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 var(--m);gap:var(--mm);flex-grow:0;flex-shrink:0;border-radius:50%;font-size:88%;width:1.75rem;height:1.75rem}.round.large{width:3rem;height:3rem}.round.medium{width:2.25rem;height:2.25rem}inline-icon{position:relative;width:.85em;height:.85em;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}centered-icon{position:absolute;display:flex;justify-content:center;align-items:center}.secondary.fillbg{background-color:var(--color-bg)!important}.primary.experimental{background-color:var(--color-experimental)}.secondary.experimental{border-color:var(--color-experimental)}body{--tooltip-offset: .25rem}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none;transition:.2s ease-out;transform:translate(-50%,calc(var(--tooltip-offset) + .25rem))}[data-tooltip]:before{z-index:1000;position:absolute;bottom:100%;left:50%;margin-bottom:5px;padding:.25rem;width:auto;min-width:3.2rem;max-width:4rem;border-radius:.65rem;background-color:var(--color-bg-tooltip);color:var(--color-text-tooltip);content:attr(data-tooltip);text-align:center;font-size:.72rem;font-weight:400;line-height:1.2;transition:.2s ease-out;text-overflow:ellipsis;overflow:hidden;text-transform:none}[data-tooltip]:after{position:absolute;bottom:100%;left:50%;width:0;border-top:5px solid var(--color-bg-tooltip);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1;transform:translate(-50%,var(--tooltip-offset))}[data-tooltip=false]:hover:before,[data-tooltip=false]:hover:after{visibility:hidden;opacity:0}@keyframes tooltipFadeout{0%{opacity:1}90%{opacity:1}to{opacity:0}}@media (max-width: 688px),(pointer: coarse){[data-tooltip]:hover:before,[data-tooltip]:hover:after{animation:tooltipFadeout 2.5s ease-out forwards}}