@protonradio/proton-ui 0.7.4 → 0.7.5-beta10

package/dist/style.css

@@ -1 +1 @@
-:root{--proton-rem: calc(12px + .39vw) ;--proton-color__primary:#e26014;--proton-color__primary-light:#fbe5d7;--proton-color__secondary:#f2f2f2;--proton-color__gray-super-dark:#141211;--proton-color__gray-dark:#4d4d4d;--proton-color__gray-medium:#7d7d7d;--proton-color__gray-medium-light:#b1b1b1;--proton-color__gray-light:#ddd;--proton-color__gray-lightest:#f0f1f2;--proton-color__gray-super-light:#f7f8f9;--proton-color__white:#fff;--proton-color__danger-super-dark:#991b1b;--proton-color__danger-dark:#a80724;--proton-color__danger-medium:#e23f5c;--proton-color__danger-light:#f16880;--proton-color__danger-super-light:#ffe1e1;--proton-color__warning-dark:#8b5600;--proton-color__warning-medium:#b37208;--proton-color__warning-light:#ffac23;--proton-color__warning-super-light:#fff0c9;--proton-color__success-dark:#247800;--proton-color__success-medium:#339a07;--proton-color__success-light:#66cf39;--proton-color__success-super-light:#deffd1;--proton-control__text-color:var(--proton-color__white);--proton-control__background-color:var(--proton-color__white);--proton-control__border-color:var(--proton-color__gray-dark);--proton-control__shadow-color:var(--proton-color__gray-dark)}.proton-ActionMenu__background{z-index:10;background:#000000bf;width:100%;height:100%;transition:opacity .3s ease-in-out;position:fixed;top:0;left:0}@media (min-width:768px){.proton-ActionMenu__background{display:none}}.proton-ActionMenu__wrapper{z-index:10;max-height:100vh;overflow:none;flex:1;width:100%;position:fixed;bottom:0;left:0}@media (min-width:768px){.proton-ActionMenu__wrapper{display:none}}.proton-ActionMenu__wrapper--scrollable{overflow-y:scroll}.proton-ActionMenu__card{background:var(--proton-control__background-color);color:var(--proton-control__text-color);z-index:1;border-radius:14px 14px 0 0;flex-direction:column;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0000001a,0 0 20px #00000026}.proton-ActionMenu__card>div{flex-direction:column;flex:1;display:flex}@media (min-width:768px){.proton-ActionMenu__card{border-radius:.8rem;min-width:300px}}.proton-ui__theme--custom-dark .proton-ActionMenu__card{background:var(--proton-control__background-color)}.proton-ActionMenu__close-button{fill:var(--proton-color__white);color:var(--proton-color__white);pointer-events:none;text-align:center;margin-right:12px;transition:visibility ease-out,opacity .35s ease-out;position:fixed;top:1rem;right:0}.proton-ActionMenu__close-button div{letter-spacing:.1em;margin:.5rem;font-weight:500;display:block}.proton-ActionMenu__cancel-button{margin:0 12px 16px}.proton-ActionMenu__cancel-button button{justify-content:center;width:100%}.proton-ActionMenu__content{padding:12px 12px 0}.proton-ActionMenu__list{flex-direction:column;margin:10px 0;display:flex}.proton-ActionMenu__list--disabled{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item{color:inherit;cursor:pointer;padding:12px 8px 12px 12px;text-decoration:none;transition:background-color .1s}.proton-ActionMenu__item:hover,.proton-ActionMenu__item:focus{background-color:var(--proton-color__gray-super-light);border:none;outline:none}.proton-ui__theme--dark .proton-ActionMenu__item:hover,.proton-ui__theme--dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:hover{background-color:#606060fa}.proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-ActionMenu__item[aria-checked=true],.proton-ui__theme--dark .proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary);color:var(--proton-control__text-color)}.proton-ActionMenu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item[aria-disabled=true]:hover{background-color:#0000}.proton-ActionMenu__content:has(.proton-ListBox){padding:0}html .proton-ActionMenu__content>.proton-ListBox{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px}.proton-Badge{letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;height:1.6rem;color:var(--proton-control__text-color);border-radius:10rem;padding-bottom:calc(1rem - 1.1em);padding-left:1rem;padding-right:calc(1rem - .2em);font-size:max(11px,min(.6875rem + .1vw,16px));font-weight:500;line-height:1.8rem;display:inline-block}.proton-ui__theme--dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-control__background-color)}.proton-ui__theme--light.proton-Badge:not([class*=proton-Badge--]),.proton-ui__theme--light.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:#666}.proton-ui__theme--dark.proton-Badge--secondary{background-color:#ffffff26}.proton-ui__theme--custom-dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-color__primary)}.proton-ui__theme--custom-dark.proton-Badge--secondary{background-color:var(--proton-control__primary-dark)}.proton-Badge--primary{background-color:var(--proton-color__primary);color:var(--proton-color__white)}.proton-Badge--success{background-color:var(--proton-color__success-super-light);color:var(--proton-color__success-dark)}.proton-Badge--warning{background-color:var(--proton-color__warning-super-light);color:var(--proton-color__warning-dark)}.proton-Badge--danger{background-color:var(--proton-color__danger-super-light);color:var(--proton-color__danger-dark)}.proton-Badge--transparent{color:#666;background-color:#0000}.proton-Button{font-size:var(--proton-rem);letter-spacing:.05em;border:0;border-radius:4px;align-items:center;column-gap:.4em;padding:.4em .86em;font-weight:300;text-decoration:none;transition:filter .1s,background-color .1s;display:flex}.proton-Button:hover{filter:brightness(1.08);cursor:pointer;text-decoration:none}.proton-Button--primary,.proton-Button--primary:hover{color:var(--proton-color__white);background-color:var(--proton-color__primary)}.proton-Button--secondary,.proton-Button--secondary:hover{color:var(--proton-color__gray-dark);background-color:var(--proton-color__gray-light)}.proton-Button--danger{color:var(--proton-color__white);background-color:var(--proton-color__danger-medium)}.proton-Button--success{color:var(--proton-color__white);background-color:var(--proton-color__success-medium)}.proton-Button--translucent{color:var(--proton-color__white);background-color:#ffffff1a}.proton-Button--translucent:hover{background-color:#ffffff24}.proton-Button--disabled,.proton-Button--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Button:focus{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button:focus-visible{outline:solid var(--proton-color__primary)1px;border:none}:root{--banner__default-background:var(--proton-color__gray-lightest);--banner__default-title:var(--proton-color__gray-dark);--banner__default-content:var(--proton-color__gray-medium);--banner__default-icon:var(--proton-color__gray-medium-light);--banner__warning-background:var(--proton-color__warning-super-light);--banner__warning-title:var(--proton-color__warning-dark);--banner__warning-content:var(--proton-color__warning-medium);--banner__warning-icon:var(--proton-color__warning-light);--banner__success-background:var(--proton-color__success-super-light);--banner__success-title:var(--proton-color__success-dark);--banner__success-content:var(--proton-color__success-medium);--banner__success-icon:var(--proton-color__success-light);--banner__danger-background:var(--proton-color__danger-super-light);--banner__danger-title:var(--proton-color__danger-dark);--banner__danger-content:var(--proton-color__danger-medium);--banner__danger-icon:var(--proton-color__danger-light)}.proton-Banner{margin:0}.proton-Banner--rounded{border-radius:.375rem}.proton-Banner__wrapper{padding:2rem;display:flex}.proton-Banner__wrapper--compact{padding:1rem}.proton-Banner__content-wrapper{flex:1;min-width:0}.proton-Banner__container{flex-direction:column;padding:0 10px;display:flex}.proton-Banner__title{letter-spacing:.01rem;margin:0;font-size:max(14px,min(1.8rem,20px));font-weight:600}.proton-Banner__actions{gap:.5rem;margin:6px 0 0;display:flex}.proton-Banner__icon{margin-top:2px}@media (min-width:768px){.proton-Banner__container{grid-template-columns:1fr auto;align-items:center;display:grid}.proton-Banner__container>.proton-Banner__title,.proton-Banner__container>.proton-Banner__content{grid-column:1}.proton-Banner__container>div:last-child{grid-area:1/2/span 2}.proton-Banner__actions{margin:0 0 0 12px}}.proton-Banner--default{background-color:var(--banner__default-background)}.proton-Banner--default__title{color:var(--banner__default-title)}.proton-Banner--default__content{color:var(--banner__default-content)}.proton-Banner--default__icon{fill:var(--banner__default-icon)}.proton-Banner--warning{background-color:var(--banner__warning-background)}.proton-Banner--warning__title{color:var(--banner__warning-title)}.proton-Banner--warning__content{color:var(--banner__warning-content)}.proton-Banner--warning__icon{fill:var(--banner__warning-icon)}.proton-Banner--success{background-color:var(--banner__success-background)}.proton-Banner--success__title{color:var(--banner__success-title)}.proton-Banner--success__content{color:var(--banner__success-content)}.proton-Banner--success__icon{fill:var(--banner__success-icon)}.proton-Banner--danger{background-color:var(--banner__danger-background)}.proton-Banner--danger__title{color:var(--banner__danger-title)}.proton-Banner--danger__content{color:var(--banner__danger-content)}.proton-Banner--danger__icon{fill:var(--banner__danger-icon)}.proton-ButtonGroup{font-size:var(--proton-rem);border:1px solid var(--proton-color__gray-light);border-radius:4px;font-weight:400;display:flex;overflow:hidden}.proton-ButtonGroup__option{background-color:var(--proton-color__gray-super-light);cursor:pointer;border-left:1px solid var(--proton-color__gray-light);color:var(--proton-color__gray-dark);text-align:center;border-radius:0;flex:1;padding:.5em 1em}.proton-ButtonGroup__option:first-child{border-left:0}.proton-ButtonGroup__option--selected{background-color:var(--proton-color__white);color:var(--proton-color__primary);z-index:2;cursor:default;border-radius:inherit;box-shadow:0 0 6px #00000026}.proton-ButtonGroup__option--selected+.proton-ButtonGroup__option{border-left:1px solid #0000}.proton-Dialog{background-color:var(--proton-color__primary);box-shadow:0 0 2px 0 var(--proton-control__shadow-color),0 0 12px 0 var(--proton-control__shadow-color);color:var(--proton-control__text-color);border-radius:4px;outline:none;padding:.65rem .85rem;font-weight:300}.proton-Dialog__header{margin-top:0;margin-bottom:5px}.proton-Input{box-sizing:border-box;background-color:var(--proton-color__primary);outline:1px solid var(--proton-control__border-color);width:100%;min-height:40px;color:var(--proton-control__text-color);border:1px solid #0000;border-radius:4px;flex:1;padding-left:12px;transition:all .2s ease-in-out}.proton-Input:disabled{opacity:.6;cursor:not-allowed}.proton-Input:not(.proton-Input--error):focus{outline:1px solid var(--proton-color__primary-light)}.proton-Input:not(.proton-Input--error):focus-visible{outline:1px solid var(--proton-color__primary-light)}.proton-Input.proton-Input--error{outline:1px solid var(--proton-color__danger-dark)}.proton-Input__container{flex-direction:column;flex:1;width:100%;display:flex}.proton-Input__container-inner{flex:1;align-items:center;display:flex;position:relative}.proton-Input__descriptor{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:50%;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proton-Input__prefix,.proton-Input__suffix{flex:0 0 32px;justify-content:center;align-items:center;display:flex}.proton-Input__prefix{opacity:.5;cursor:text;margin-left:12px;left:0}.proton-Input__suffix{outline:none;padding-right:12px;right:0}.proton-Input__container-inner:has(.proton-Input__prefix) .proton-Input{padding-left:32px}.proton-Input__container-inner:has(.proton-Input__suffix) .proton-Input{padding-right:44px}.proton-Input__text{color:var(--proton-color__gray-medium);padding:4px 0;font-size:.75rem}.proton-ui__theme--custom-dark .proton-Input__text{color:var(--proton-color__gray-medium-light)}.proton-Input__error{color:var(--proton-color__danger-medium)}.proton-Input__label-top{padding-top:24px;padding-bottom:8px}.proton-Input__label{color:var(--proton-color__gray-medium-light);pointer-events:none;transform-origin:left center 0px;transition:color .2s,font-size .5s,top .5s;position:absolute;top:15px;left:14px}.proton-Input:focus+.proton-Input__label,.proton-Input__label--filled{font-size:.75rem;top:7px}.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary-light)}.proton-Input__label--hide{display:none}.proton-SearchInput__wrapper{width:100%}.proton-SearchInput__wrapper input{border-radius:50px;padding-left:44px!important}.proton-SearchInput__button{color:currentColor;cursor:pointer;opacity:1;background-color:#0000;border:none;transition:opacity .2s ease-in-out}.proton-SearchInput__button--hide{opacity:0}.proton-SearchInput__wrapper input[type=search]::-ms-clear{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-ms-reveal{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-decoration{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-cancel-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-decoration{display:none}.proton-Popover{transform-origin:top}.proton-Popover[data-entering]{animation:.2s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.arrow{fill:var(--proton-color__primary);stroke-width:1px;width:12px;height:12px;position:absolute}.arrow[data-placement=top]{top:100%;transform:translate(-50%)}.arrow[data-placement=bottom]{bottom:100%;transform:translate(-50%)rotate(180deg)}.arrow[data-placement=left]{left:100%;transform:translateY(-50%)rotate(-90deg)}.arrow[data-placement=right]{right:100%;transform:translateY(-50%)rotate(90deg)}.proton-ResponsiveMenuTrigger{display:inline-block;position:relative}.proton-ResponsiveMenuTrigger__button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.proton-ResponsiveMenuTrigger__button:disabled{cursor:not-allowed;opacity:.5}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:disabled:hover,.proton-ResponsiveMenuTrigger__button:disabled:hover{background:0 0}.proton-ResponsiveMenuTrigger__button:focus{outline:2px solid var(--proton-control__border-color)}.proton-ResponsiveMenuTrigger__button:hover{background-color:#60606026}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:hover{background-color:#ffffff1a}.proton-ListBox{letter-spacing:.05em;background:var(--proton-control__background-color);border:1px solid var(--proton-control__border-color);min-width:100px;color:var(--proton-control__text-color);box-shadow:0 0 3px var(--proton-control__shadow-color);border-radius:10px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.proton-ui__theme--custom-dark .proton-ListBox{background:var(--proton-color__primary)}.proton-ListBox:focus{outline:none}.proton-ListBox:focus-visible{outline:none}.proton-ListBox__item{cursor:pointer;outline:none;justify-content:space-between;padding:8px 16px;transition:background-color .1s;display:flex}.proton-ListBox__item:hover{background:#0000000a}.proton-ui__theme--dark .proton-ListBox__item:hover,.proton-ui__theme--custom-dark .proton-ListBox__item:hover{background:#ffffff1a}.proton-ListBox__item--disabled{opacity:.5;cursor:not-allowed}.proton-ListBox__item--selected{background:var(--proton-color__primary-light)}.proton-Select{flex-direction:column;width:100%;margin:0;display:flex}.proton-Select__label{color:var(--proton-control__text-color);margin-bottom:2px}.proton-Select__trigger{color:var(--proton-control__text-color);font-size:inherit;border-radius:50px;flex:1;justify-content:space-between;align-items:center;width:100%;padding:.2rem .6rem .2rem 1rem;display:flex}button.proton-Select__trigger{letter-spacing:.05em;cursor:pointer;background:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);border:1px solid #0000;font-weight:400;transition:outline .2s;position:relative}.proton-ui__theme--custom-dark button.proton-Select__trigger{background:var(--proton-color__primary)}button.proton-Select__trigger:hover:after{content:"";-webkit-backdrop-filter:brightness(98%);backdrop-filter:brightness(98%);z-index:1;border-radius:50px;width:100%;height:100%;position:absolute;left:0}button.proton-Select__trigger:focus{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-Select__popover{padding-left:.25rem}.proton-Select__trigger_icon{color:var(--proton-control__text-color);width:.75em;height:.75em;margin-left:.8em;transition:transform .2s;position:relative}.proton-Select__trigger_icon svg{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.proton-Select__trigger_icon--flipped{transform:rotateX(180deg)}.proton-Select:hover{cursor:pointer}.proton-Select__trigger--disabled,.proton-Select__trigger--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-Switch{font-size:var(--proton-rem);flex-flow:column;row-gap:5px;display:flex}.proton-Switch__label{text-transform:uppercase;letter-spacing:.1em;color:var(--proton-color__gray-dark);font-size:.7em;font-weight:600}.proton-Switch__description{color:var(--proton-color__gray-medium);align-self:center;font-size:.9em}.proton-Switch__wrapper{column-gap:12px;display:flex}.proton-Switch__toggle{background-color:var(--proton-color__gray-light);cursor:pointer;border-radius:26px;flex-shrink:0;width:50px;height:26px;position:relative}.proton-ui__theme--dark .proton-Switch__toggle,.proton-ui__theme--custom-dark .proton-Switch__toggle{background-color:var(--proton-color__gray-dark)}.proton-Switch__slider{background-color:#fff;border-radius:22px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.proton-Switch--on .proton-Switch__toggle{background-color:var(--proton-color__primary)}.proton-Switch--on .proton-Switch__slider{left:26px}.proton-Switch--disabled{opacity:.4}.proton-Switch--disabled .proton-Switch__toggle{cursor:not-allowed}.proton-Table{border-collapse:collapse;color:var(--proton-control__text-color);width:100%;font-weight:300}.proton-Table__header{cursor:default;letter-spacing:.1em;text-transform:uppercase;text-align:left;outline:none;padding:7px 10px;font-size:.75rem;font-weight:500;line-height:1rem}.proton-Table__header--center{text-align:center}.proton-Table__header--right{text-align:right}.proton-Table__headerSortIcon{padding:0 2px}.proton-Table__row{cursor:default;border-top:1px solid #ccc;outline:none}.proton-Table__row:last-child{border-bottom:1px solid #ccc}.proton-Table__cell{vertical-align:middle;outline:none;padding:7px 10px}.proton-Table__cell--center{text-align:center}.proton-Table__cell--right{text-align:right}.proton-TextEmphasis{background-image:linear-gradient(to top,#0000 0,#0000 15%,var(--proton-color__primary)15%,var(--proton-color__primary)35%,transparent 35%,transparent 100%);color:var(--proton-color__gray-super-dark);padding:0 .05rem;font-style:normal;font-weight:700}.proton-TextEmphasis a{color:inherit;text-decoration:none;transition:color .15s}.proton-TextEmphasis a:hover{color:var(--proton-color__primary);text-decoration:none}.proton-ui__theme--custom-dark .proton-TextEmphasis,.proton-ui__theme--dark .proton-TextEmphasis{color:var(--proton-color__gray-lightest)}.proton-TextEmphasis--tooltip{background-image:linear-gradient(to top,#0000 0,#0000 15%,var(--proton-color__primary)25%,var(--proton-color__primary)87%,transparent 80%,transparent 100%);background-position:bottom;background-repeat:no-repeat;background-size:100% 35%;font-style:italic;font-weight:400;transition:background-size .3s,border-radius .3s}.proton-TextEmphasis--tooltip:hover{background-size:100% 100%;border-radius:2px}.proton-TextEmphasis--tooltip:not(:hover){transition-delay:.2s}.proton__Tooltip{background-color:var(--proton-color__primary);color:var(--proton-control__text-color);position:absolute}.proton__TooltipTrigger{all:unset}.proton__Tooltip[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.proton__Tooltip[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.proton__Tooltip[data-placement=bottom] .proton__TooltipArrow svg{transform:rotate(180deg)}.proton__Tooltip[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.proton__Tooltip[data-placement=right] .proton__TooltipArrow svg{transform:rotate(90deg)}.proton__Tooltip[data-placement=left]{--origin:translateX(4px);margin-right:8px}.proton__Tooltip[data-placement=left] .proton__TooltipArrow svg{transform:rotate(-90deg)}.proton__Tooltip .proton__TooltipArrow svg{fill:var(--proton-color__primary);display:block}.proton__Tooltip[data-entering]{animation:.2s slide}.proton__Tooltip[data-exiting]{animation:.2s reverse slide}@keyframes slide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}:root{--waveform-bar-color-dark:#ffffffe6;--waveform-bar-color-light:#000000b3;--waveform-disabled-color-dark:#fff3;--waveform-disabled-color-light:#0003;--waveform-animation-curve:cubic-bezier(.34,1.56,.64,1);--waveform-animation-duration:.4s;--waveform-bar-delay-multiplier:.7ms;--waveform-timestamp-padding:.25rem;--waveform-timestamp-font-size:.75rem;--waveform-timestamp-border-radius:.125rem;--waveform-hover-line-width:2px}.proton-Waveform{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container{z-index:0;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__timestamp{pointer-events:none;border-radius:var(--waveform-timestamp-border-radius);padding:0 var(--waveform-timestamp-padding);font-size:var(--waveform-timestamp-font-size);z-index:1;background-color:#0009;position:absolute}.proton-ui__theme--light .proton-Waveform__timestamp{color:#000c;background-color:#ffffffe6;box-shadow:0 2px 2px #0000004d}.proton-ui__theme--dark .proton-Waveform__timestamp{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__timestamp{background-color:var(--proton-control__primary-dark)}.proton-Waveform__timestamp--left{left:1px}.proton-Waveform__timestamp--right{right:3px}.proton-Waveform__hover-line{width:var(--waveform-hover-line-width);background-color:#ffffff80;position:absolute;top:0;bottom:0;transform:translate(-50%)}.proton-ui__theme--light .proton-Waveform__hover-line{background-color:#00000080}.proton-Waveform__bar-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.proton-Waveform__bar{background-color:var(--waveform-bar-color-dark);transform-origin:50%;width:100%;height:0;transition:height var(--waveform-animation-duration)var(--waveform-animation-curve);position:relative}.proton-Waveform__bar.proton-Waveform__bar--visible{height:var(--target-height);transition-delay:calc(var(--index)*var(--waveform-bar-delay-multiplier))}.proton-Waveform__bar.proton-Waveform__bar--upper{transform-origin:bottom}.proton-Waveform__bar.proton-Waveform__bar--lower{transform-origin:top}.proton-ui__theme--light .proton-Waveform__bar{background-color:var(--waveform-bar-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--played{background-color:var(--proton-color__primary)}.proton-Waveform__bar--hover{height:var(--hover-height);z-index:10;background-color:color-mix(in srgb,var(--proton-color__primary)50%,transparent);mix-blend-mode:darken;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.proton-ui__theme--light .proton-Waveform__bar--hover{background-color:color-mix(in srgb,var(--proton-color__primary)50%,white);mix-blend-mode:lighten}.proton-Waveform__bar-unavailable{pointer-events:none;text-align:center;z-index:10;color:#fff;background-color:#000000b3;border-radius:4px;padding:3px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proton-ui__theme--light .proton-Waveform__bar-unavailable{color:#000;background-color:#fff;box-shadow:0 5px 5px #0000004d}.proton-ui__theme--dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__primary-dark)}.proton-Waveform__active-region{pointer-events:none;z-index:1;border:1.5px solid #ffffffb3;border-radius:4px;position:absolute;top:0;bottom:0}.proton-ui__theme--light .proton-Waveform__active-region{border-color:#0000004d}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:800px 0}}.tombstone{background-position:-300px 0;background-repeat:no-repeat;background-size:300px 100%;animation:1.5s linear infinite shimmer}.tombstone.light{background-color:#d1d1d1;background-image:linear-gradient(-90deg,#d1d1d1,#b8b8b8,#d1d1d1)}.tombstone.dark{background-color:#3c3c3c;background-image:linear-gradient(-90deg,#363636,#292727,#353535)}.tombstone.custom-dark{background-image:linear-gradient(-90deg,var(--tombstone-custom-primary)0%,var(--tombstone-custom-secondary)50%,var(--tombstone-custom-primary)100%);background-color:var(--tombstone-custom-background)}
+:root{--proton-rem: calc(12px + .39vw) ;--proton-color__primary:#e26014;--proton-color__primary-light:#fbe5d7;--proton-color__secondary:#f2f2f2;--proton-color__gray-super-dark:#141211;--proton-color__gray-dark:#4d4d4d;--proton-color__gray-medium:#7d7d7d;--proton-color__gray-medium-light:#b1b1b1;--proton-color__gray-light:#ddd;--proton-color__gray-lightest:#f0f1f2;--proton-color__gray-super-light:#f7f8f9;--proton-color__white:#fff;--proton-color__danger-super-dark:#991b1b;--proton-color__danger-dark:#a80724;--proton-color__danger-medium:#e23f5c;--proton-color__danger-light:#f16880;--proton-color__danger-super-light:#ffe1e1;--proton-color__warning-dark:#8b5600;--proton-color__warning-medium:#b37208;--proton-color__warning-light:#ffac23;--proton-color__warning-super-light:#fff0c9;--proton-color__success-dark:#247800;--proton-color__success-medium:#339a07;--proton-color__success-light:#66cf39;--proton-color__success-super-light:#deffd1;--proton-control__text-color:var(--proton-color__white);--proton-control__background-color:var(--proton-color__white);--proton-control__border-color:var(--proton-color__gray-dark);--proton-control__shadow-color:var(--proton-color__gray-dark)}.proton-ActionMenu__background{z-index:10;background:#000000bf;width:100%;height:100%;transition:opacity .3s ease-in-out;position:fixed;top:0;left:0}@media (min-width:768px){.proton-ActionMenu__background{display:none}}.proton-ActionMenu__wrapper{z-index:10;max-height:100vh;overflow:none;flex:1;width:100%;position:fixed;bottom:0;left:0}@media (min-width:768px){.proton-ActionMenu__wrapper{display:none}}.proton-ActionMenu__wrapper--scrollable{overflow-y:scroll}.proton-ActionMenu__card{background:var(--proton-control__background-color);color:var(--proton-control__text-color);z-index:1;border-radius:14px 14px 0 0;flex-direction:column;height:0;transition:height .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0000001a,0 0 20px #00000026}.proton-ActionMenu__card>div{flex-direction:column;flex:1;display:flex}@media (min-width:768px){.proton-ActionMenu__card{border-radius:.8rem;min-width:300px}}.proton-ui__theme--custom-dark .proton-ActionMenu__card{background:var(--proton-control__background-color)}.proton-ActionMenu__close-button{fill:var(--proton-color__white);color:var(--proton-color__white);pointer-events:none;text-align:center;margin-right:12px;transition:visibility ease-out,opacity .35s ease-out;position:fixed;top:1rem;right:0}.proton-ActionMenu__close-button div{letter-spacing:.1em;margin:.5rem;font-weight:500;display:block}.proton-ActionMenu__cancel-button{margin:0 12px 16px}.proton-ActionMenu__cancel-button button{justify-content:center;width:100%}.proton-ActionMenu__content{padding:12px 12px 0}.proton-ActionMenu__list{flex-direction:column;margin:10px 0;display:flex}.proton-ActionMenu__list--disabled{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item{color:inherit;cursor:pointer;padding:12px 8px 12px 12px;text-decoration:none;transition:background-color .1s}.proton-ActionMenu__item:hover,.proton-ActionMenu__item:focus{background-color:var(--proton-color__gray-super-light);border:none;outline:none}.proton-ui__theme--dark .proton-ActionMenu__item:hover,.proton-ui__theme--dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:focus,.proton-ui__theme--custom-dark .proton-ActionMenu__item:hover{background-color:#606060fa}.proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary-light);color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-ActionMenu__item[aria-checked=true],.proton-ui__theme--dark .proton-ActionMenu__item[aria-checked=true]{background-color:var(--proton-color__primary);color:var(--proton-control__text-color)}.proton-ActionMenu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.proton-ActionMenu__item[aria-disabled=true]:hover{background-color:#0000}.proton-ActionMenu__content:has(.proton-ListBox){padding:0}html .proton-ActionMenu__content>.proton-ListBox{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px}.proton-Badge{letter-spacing:.2em;text-align:center;text-transform:uppercase;white-space:nowrap;height:1.6rem;color:var(--proton-control__text-color);border-radius:10rem;padding-bottom:calc(1rem - 1.1em);padding-left:1rem;padding-right:calc(1rem - .2em);font-size:max(11px,min(.6875rem + .1vw,16px));font-weight:500;line-height:1.8rem;display:inline-block}.proton-ui__theme--dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-control__background-color)}.proton-ui__theme--light.proton-Badge:not([class*=proton-Badge--]),.proton-ui__theme--light.proton-Badge--secondary{background-color:var(--proton-color__secondary);color:#666}.proton-ui__theme--dark.proton-Badge--secondary{background-color:#ffffff26}.proton-ui__theme--custom-dark.proton-Badge:not([class*=proton-Badge--]){background-color:var(--proton-color__primary)}.proton-ui__theme--custom-dark.proton-Badge--secondary{background-color:var(--proton-control__primary-dark)}.proton-Badge--primary{background-color:var(--proton-color__primary);color:var(--proton-color__white)}.proton-Badge--success{background-color:var(--proton-color__success-super-light);color:var(--proton-color__success-dark)}.proton-Badge--warning{background-color:var(--proton-color__warning-super-light);color:var(--proton-color__warning-dark)}.proton-Badge--danger{background-color:var(--proton-color__danger-super-light);color:var(--proton-color__danger-dark)}.proton-Badge--transparent{color:#666;background-color:#0000}.proton-Button{font-size:var(--proton-rem);letter-spacing:.05em;border:0;border-radius:4px;align-items:center;column-gap:.4em;padding:.4em .86em;font-weight:300;text-decoration:none;transition:filter .1s,background-color .1s;display:flex}.proton-Button:hover{filter:brightness(1.08);cursor:pointer;text-decoration:none}.proton-Button--primary,.proton-Button--primary:hover{color:var(--proton-color__white);background-color:var(--proton-color__primary)}.proton-Button--secondary,.proton-Button--secondary:hover{color:var(--proton-color__gray-dark);background-color:var(--proton-color__gray-light)}.proton-Button--danger{color:var(--proton-color__white);background-color:var(--proton-color__danger-medium)}.proton-Button--success{color:var(--proton-color__white);background-color:var(--proton-color__success-medium)}.proton-Button--translucent{color:var(--proton-color__white);background-color:#ffffff1a}.proton-Button--translucent:hover{background-color:#ffffff24}.proton-Button--disabled,.proton-Button--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Button:focus{outline:solid var(--proton-color__primary)1px;border:none}.proton-Button:focus-visible{outline:solid var(--proton-color__primary)1px;border:none}:root{--banner__default-background:var(--proton-color__gray-lightest);--banner__default-title:var(--proton-color__gray-dark);--banner__default-content:var(--proton-color__gray-medium);--banner__default-icon:var(--proton-color__gray-medium-light);--banner__warning-background:var(--proton-color__warning-super-light);--banner__warning-title:var(--proton-color__warning-dark);--banner__warning-content:var(--proton-color__warning-medium);--banner__warning-icon:var(--proton-color__warning-light);--banner__success-background:var(--proton-color__success-super-light);--banner__success-title:var(--proton-color__success-dark);--banner__success-content:var(--proton-color__success-medium);--banner__success-icon:var(--proton-color__success-light);--banner__danger-background:var(--proton-color__danger-super-light);--banner__danger-title:var(--proton-color__danger-dark);--banner__danger-content:var(--proton-color__danger-medium);--banner__danger-icon:var(--proton-color__danger-light)}.proton-Banner{margin:0}.proton-Banner--rounded{border-radius:.375rem}.proton-Banner__wrapper{padding:2rem;display:flex}.proton-Banner__wrapper--compact{padding:1rem}.proton-Banner__content-wrapper{flex:1;min-width:0}.proton-Banner__container{flex-direction:column;padding:0 10px;display:flex}.proton-Banner__title{letter-spacing:.01rem;margin:0;font-size:max(14px,min(1.8rem,20px));font-weight:600}.proton-Banner__actions{gap:.5rem;margin:6px 0 0;display:flex}.proton-Banner__icon{margin-top:2px}@media (min-width:768px){.proton-Banner__container{grid-template-columns:1fr auto;align-items:center;display:grid}.proton-Banner__container>.proton-Banner__title,.proton-Banner__container>.proton-Banner__content{grid-column:1}.proton-Banner__container>div:last-child{grid-area:1/2/span 2}.proton-Banner__actions{margin:0 0 0 12px}}.proton-Banner--default{background-color:var(--banner__default-background)}.proton-Banner--default__title{color:var(--banner__default-title)}.proton-Banner--default__content{color:var(--banner__default-content)}.proton-Banner--default__icon{fill:var(--banner__default-icon)}.proton-Banner--warning{background-color:var(--banner__warning-background)}.proton-Banner--warning__title{color:var(--banner__warning-title)}.proton-Banner--warning__content{color:var(--banner__warning-content)}.proton-Banner--warning__icon{fill:var(--banner__warning-icon)}.proton-Banner--success{background-color:var(--banner__success-background)}.proton-Banner--success__title{color:var(--banner__success-title)}.proton-Banner--success__content{color:var(--banner__success-content)}.proton-Banner--success__icon{fill:var(--banner__success-icon)}.proton-Banner--danger{background-color:var(--banner__danger-background)}.proton-Banner--danger__title{color:var(--banner__danger-title)}.proton-Banner--danger__content{color:var(--banner__danger-content)}.proton-Banner--danger__icon{fill:var(--banner__danger-icon)}.proton-ButtonGroup{font-size:var(--proton-rem);border:1px solid var(--proton-color__gray-light);border-radius:4px;font-weight:400;display:flex;overflow:hidden}.proton-ButtonGroup__option{background-color:var(--proton-color__gray-super-light);cursor:pointer;border-left:1px solid var(--proton-color__gray-light);color:var(--proton-color__gray-dark);text-align:center;border-radius:0;flex:1;padding:.5em 1em}.proton-ButtonGroup__option:first-child{border-left:0}.proton-ButtonGroup__option--selected{background-color:var(--proton-color__white);color:var(--proton-color__primary);z-index:2;cursor:default;border-radius:inherit;box-shadow:0 0 6px #00000026}.proton-ButtonGroup__option--selected+.proton-ButtonGroup__option{border-left:1px solid #0000}.proton-Dialog{background-color:var(--proton-color__primary);box-shadow:0 0 2px 0 var(--proton-control__shadow-color),0 0 12px 0 var(--proton-control__shadow-color);color:var(--proton-control__text-color);border-radius:4px;outline:none;padding:.65rem .85rem;font-weight:300}.proton-Dialog__header{margin-top:0;margin-bottom:5px}.proton-Input{box-sizing:border-box;background-color:var(--proton-color__primary);outline:1px solid var(--proton-control__border-color);width:100%;min-height:40px;color:var(--proton-control__text-color);border:1px solid #0000;border-radius:4px;flex:1;padding-left:12px;transition:all .2s ease-in-out}.proton-Input:disabled{opacity:.6;cursor:not-allowed}.proton-Input:not(.proton-Input--error):focus{outline:1px solid var(--proton-color__primary-light)}.proton-Input:not(.proton-Input--error):focus-visible{outline:1px solid var(--proton-color__primary-light)}.proton-Input.proton-Input--error{outline:1px solid var(--proton-color__danger-dark)}.proton-Input__container{flex-direction:column;flex:1;width:100%;display:flex}.proton-Input__container-inner{flex:1;align-items:center;display:flex;position:relative}.proton-Input__descriptor{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:50%;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proton-Input__prefix,.proton-Input__suffix{flex:0 0 32px;justify-content:center;align-items:center;display:flex}.proton-Input__prefix{opacity:.5;cursor:text;margin-left:12px;left:0}.proton-Input__suffix{outline:none;padding-right:12px;right:0}.proton-Input__container-inner:has(.proton-Input__prefix) .proton-Input{padding-left:32px}.proton-Input__container-inner:has(.proton-Input__suffix) .proton-Input{padding-right:44px}.proton-Input__text{color:var(--proton-color__gray-medium);padding:4px 0;font-size:.75rem}.proton-ui__theme--custom-dark .proton-Input__text{color:var(--proton-color__gray-medium-light)}.proton-Input__error{color:var(--proton-color__danger-medium)}.proton-Input__label-top{padding-top:24px;padding-bottom:8px}.proton-Input__label{color:var(--proton-color__gray-medium-light);pointer-events:none;transform-origin:left center 0px;transition:color .2s,font-size .5s,top .5s;position:absolute;top:15px;left:14px}.proton-Input:focus+.proton-Input__label,.proton-Input__label--filled{font-size:.75rem;top:7px}.proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary)}.proton-ui__theme--custom-dark .proton-Input:focus+.proton-Input__label{color:var(--proton-color__primary-light)}.proton-Input__label--hide{display:none}.proton-SearchInput__wrapper{width:100%}.proton-SearchInput__wrapper input{border-radius:50px;padding-left:44px!important}.proton-SearchInput__button{color:currentColor;cursor:pointer;opacity:1;background-color:#0000;border:none;transition:opacity .2s ease-in-out}.proton-SearchInput__button--hide{opacity:0}.proton-SearchInput__wrapper input[type=search]::-ms-clear{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-ms-reveal{width:0;height:0;display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-decoration{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-cancel-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-button{display:none}.proton-SearchInput__wrapper input[type=search]::-webkit-search-results-decoration{display:none}.proton-Popover{transform-origin:top}.proton-Popover[data-entering]{animation:.2s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.arrow{fill:var(--proton-color__primary);stroke-width:1px;width:12px;height:12px;position:absolute}.arrow[data-placement=top]{top:100%;transform:translate(-50%)}.arrow[data-placement=bottom]{bottom:100%;transform:translate(-50%)rotate(180deg)}.arrow[data-placement=left]{left:100%;transform:translateY(-50%)rotate(-90deg)}.arrow[data-placement=right]{right:100%;transform:translateY(-50%)rotate(90deg)}.proton-ResponsiveMenuTrigger{display:inline-block;position:relative}.proton-ResponsiveMenuTrigger__button{cursor:pointer;color:var(--proton-control__text-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.proton-ResponsiveMenuTrigger__button:disabled{cursor:not-allowed;opacity:.5}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:disabled:hover,.proton-ResponsiveMenuTrigger__button:disabled:hover{background:0 0}.proton-ResponsiveMenuTrigger__button:focus{outline:2px solid var(--proton-control__border-color)}.proton-ResponsiveMenuTrigger__button:hover{background-color:#60606026}.proton-ui__theme--dark .proton-ResponsiveMenuTrigger__button:hover{background-color:#ffffff1a}.proton-ListBox{letter-spacing:.05em;background:var(--proton-control__background-color);border:1px solid var(--proton-control__border-color);min-width:100px;color:var(--proton-control__text-color);box-shadow:0 0 3px var(--proton-control__shadow-color);border-radius:10px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.proton-ui__theme--custom-dark .proton-ListBox{background:var(--proton-color__primary)}.proton-ListBox:focus{outline:none}.proton-ListBox:focus-visible{outline:none}.proton-ListBox__item{cursor:pointer;outline:none;justify-content:space-between;padding:8px 16px;transition:background-color .1s;display:flex}.proton-ListBox__item:hover{background:#0000000a}.proton-ui__theme--dark .proton-ListBox__item:hover,.proton-ui__theme--custom-dark .proton-ListBox__item:hover{background:#ffffff1a}.proton-ListBox__item--disabled{opacity:.5;cursor:not-allowed}.proton-ListBox__item--selected{background:var(--proton-color__primary-light)}.proton-Select{flex-direction:column;width:100%;margin:0;display:flex}.proton-Select__label{color:var(--proton-control__text-color);margin-bottom:2px}.proton-Select__trigger{color:var(--proton-control__text-color);font-size:inherit;border-radius:50px;flex:1;justify-content:space-between;align-items:center;width:100%;padding:.2rem .6rem .2rem 1rem;display:flex}button.proton-Select__trigger{letter-spacing:.05em;cursor:pointer;background:var(--proton-control__background-color);outline:1px solid var(--proton-control__border-color);border:1px solid #0000;font-weight:400;transition:outline .2s;position:relative}.proton-ui__theme--custom-dark button.proton-Select__trigger{background:var(--proton-color__primary)}button.proton-Select__trigger:hover:after{content:"";-webkit-backdrop-filter:brightness(98%);backdrop-filter:brightness(98%);z-index:1;border-radius:50px;width:100%;height:100%;position:absolute;left:0}button.proton-Select__trigger:focus{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__primary)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-ui__theme--custom-dark button.proton-Select__trigger:focus-visible{outline:solid var(--proton-color__gray-medium-light)1px;border:1px solid #0000}.proton-Select__popover{padding-left:.25rem}.proton-Select__trigger_icon{color:var(--proton-control__text-color);width:.75em;height:.75em;margin-left:.8em;transition:transform .2s;position:relative}.proton-Select__trigger_icon svg{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.proton-Select__trigger_icon--flipped{transform:rotateX(180deg)}.proton-Select:hover{cursor:pointer}.proton-Select__trigger--disabled,.proton-Select__trigger--disabled:hover{opacity:.5;filter:none;cursor:not-allowed}.proton-Select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proton-Switch{font-size:var(--proton-rem);flex-flow:column;row-gap:5px;display:flex}.proton-Switch__label{text-transform:uppercase;letter-spacing:.1em;color:var(--proton-color__gray-dark);font-size:.7em;font-weight:600}.proton-Switch__description{color:var(--proton-color__gray-medium);align-self:center;font-size:.9em}.proton-Switch__wrapper{column-gap:12px;display:flex}.proton-Switch__toggle{background-color:var(--proton-color__gray-light);cursor:pointer;border-radius:26px;flex-shrink:0;width:50px;height:26px;position:relative}.proton-ui__theme--dark .proton-Switch__toggle,.proton-ui__theme--custom-dark .proton-Switch__toggle{background-color:var(--proton-color__gray-dark)}.proton-Switch__slider{background-color:#fff;border-radius:22px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.proton-Switch--on .proton-Switch__toggle{background-color:var(--proton-color__primary)}.proton-Switch--on .proton-Switch__slider{left:26px}.proton-Switch--disabled{opacity:.4}.proton-Switch--disabled .proton-Switch__toggle{cursor:not-allowed}.proton-Table{border-collapse:collapse;color:var(--proton-control__text-color);width:100%;font-weight:300}.proton-Table__header{cursor:default;letter-spacing:.1em;text-transform:uppercase;text-align:left;outline:none;padding:7px 10px;font-size:.75rem;font-weight:500;line-height:1rem}.proton-Table__header--center{text-align:center}.proton-Table__header--right{text-align:right}.proton-Table__headerSortIcon{padding:0 2px}.proton-Table__row{cursor:default;border-top:1px solid #ccc;outline:none}.proton-Table__row:last-child{border-bottom:1px solid #ccc}.proton-Table__cell{vertical-align:middle;outline:none;padding:7px 10px}.proton-Table__cell--center{text-align:center}.proton-Table__cell--right{text-align:right}.proton-TextEmphasis{color:var(--proton-color__gray-super-dark);background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 15%,#ff713480 35%,#0000 35%,#0000);padding:0 .05rem;font-style:normal;font-weight:700}.proton-TextEmphasis a{color:inherit;text-decoration:none;transition:color .15s}.proton-TextEmphasis a:hover{color:var(--proton-color__primary);text-decoration:none}.proton-ui__theme--custom-dark .proton-TextEmphasis,.proton-ui__theme--dark .proton-TextEmphasis{color:var(--proton-control__text-color)}.proton-TextEmphasis--tooltip{background-image:linear-gradient(0deg,#0000 0,#0000 15%,#ff713480 25%,#ff713480 87%,#0000 80%,#0000);background-position:bottom;background-repeat:no-repeat;background-size:100% 35%;font-style:italic;font-weight:400;transition:background-size .3s,border-radius .3s}.proton-TextEmphasis--tooltip:hover{background-size:100% 100%;border-radius:2px}.proton-TextEmphasis--tooltip:not(:hover){transition-delay:.2s}.proton__Tooltip{background-color:var(--proton-color__primary);color:var(--proton-control__text-color);position:absolute}.proton__TooltipTrigger{all:unset}.proton__Tooltip[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.proton__Tooltip[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.proton__Tooltip[data-placement=bottom] .proton__TooltipArrow svg{transform:rotate(180deg)}.proton__Tooltip[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.proton__Tooltip[data-placement=right] .proton__TooltipArrow svg{transform:rotate(90deg)}.proton__Tooltip[data-placement=left]{--origin:translateX(4px);margin-right:8px}.proton__Tooltip[data-placement=left] .proton__TooltipArrow svg{transform:rotate(-90deg)}.proton__Tooltip .proton__TooltipArrow svg{fill:var(--proton-color__primary);display:block}.proton__Tooltip[data-entering]{animation:.2s slide}.proton__Tooltip[data-exiting]{animation:.2s reverse slide}@keyframes slide{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}:root{--waveform-bar-color-dark:#ffffffe6;--waveform-bar-color-light:#000000b3;--waveform-disabled-color-dark:#fff3;--waveform-disabled-color-light:#0003;--waveform-animation-curve:cubic-bezier(.34,1.56,.64,1);--waveform-animation-duration:.4s;--waveform-bar-delay-multiplier:.7ms;--waveform-timestamp-padding:.25rem;--waveform-timestamp-font-size:.75rem;--waveform-timestamp-border-radius:.125rem;--waveform-hover-line-width:2px}.proton-Waveform{flex-direction:row;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__container{z-index:0;flex:1;align-items:center;width:100%;height:100%;display:flex;position:relative}.proton-Waveform__timestamp{pointer-events:none;border-radius:var(--waveform-timestamp-border-radius);padding:0 var(--waveform-timestamp-padding);font-size:var(--waveform-timestamp-font-size);z-index:1;background-color:#0009;position:absolute}.proton-ui__theme--light .proton-Waveform__timestamp{color:#000c;background-color:#ffffffe6;box-shadow:0 2px 2px #0000004d}.proton-ui__theme--dark .proton-Waveform__timestamp{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__timestamp{background-color:var(--proton-control__primary-dark)}.proton-Waveform__timestamp--left{left:1px}.proton-Waveform__timestamp--right{right:3px}.proton-Waveform__hover-line{width:var(--waveform-hover-line-width);background-color:#ffffff80;position:absolute;top:0;bottom:0;transform:translate(-50%)}.proton-ui__theme--light .proton-Waveform__hover-line{background-color:#00000080}.proton-Waveform__bar-wrapper{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.proton-Waveform__bar{background-color:var(--waveform-bar-color-dark);transform-origin:50%;width:100%;height:0;transition:height var(--waveform-animation-duration)var(--waveform-animation-curve);position:relative}.proton-Waveform__bar.proton-Waveform__bar--visible{height:var(--target-height);transition-delay:calc(var(--index)*var(--waveform-bar-delay-multiplier))}.proton-Waveform__bar.proton-Waveform__bar--upper{transform-origin:bottom}.proton-Waveform__bar.proton-Waveform__bar--lower{transform-origin:top}.proton-ui__theme--light .proton-Waveform__bar{background-color:var(--waveform-bar-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-dark)}.proton-ui__theme--light .proton-Waveform__bar.proton-Waveform__bar--disabled.proton-Waveform__bar--played{background-color:var(--waveform-disabled-color-light)}.proton-Waveform__bar.proton-Waveform__bar--played{background-color:var(--proton-color__primary)}.proton-Waveform__bar--hover{height:var(--hover-height);z-index:10;background-color:color-mix(in srgb,var(--proton-color__primary)50%,transparent);mix-blend-mode:darken;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.proton-ui__theme--light .proton-Waveform__bar--hover{background-color:color-mix(in srgb,var(--proton-color__primary)50%,white);mix-blend-mode:lighten}.proton-Waveform__bar-unavailable{pointer-events:none;text-align:center;z-index:10;color:#fff;background-color:#000000b3;border-radius:4px;padding:3px 6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proton-ui__theme--light .proton-Waveform__bar-unavailable{color:#000;background-color:#fff;box-shadow:0 5px 5px #0000004d}.proton-ui__theme--dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__background-color)}.proton-ui__theme--custom-dark .proton-Waveform__bar-unavailable{background-color:var(--proton-control__primary-dark)}.proton-Waveform__active-region{pointer-events:none;z-index:1;border:1.5px solid #ffffffb3;border-radius:4px;position:absolute;top:0;bottom:0}.proton-ui__theme--light .proton-Waveform__active-region{border-color:#0000004d}.proton-Backdrop__background{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.proton-Backdrop__overlay{background-color:#000c}.proton-Backdrop__image{object-fit:cover;width:100%;height:100%;position:absolute}.proton-Backdrop__blur{-webkit-backdrop-filter:blur(24px)brightness(75%);backdrop-filter:blur(24px)brightness(75%);filter:brightness(50%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeInBackground{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001a}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}}.proton-Backdrop__fade-in{animation:.2s ease-in-out forwards fadeInBackground}.proton-Backdrop__close-button{fill:var(--proton-color__white);color:var(--proton-color__white);pointer-events:none;text-align:center;margin-right:12px;transition:visibility ease-out,opacity .35s ease-out;position:fixed;top:1rem;right:0}.proton-Backdrop__close-button div{letter-spacing:.1em;margin:.5rem;font-weight:500;display:block}

package/dist/utils-KedSkjS1.mjs

@@ -0,0 +1,452 @@
+import { B as z, G as E } from "./colors-Dwh4VIMR.mjs";
+import { toRgba as M, transparentize as J, saturate as Q, desaturate as V, getScale as j, adjustHue as Z, getLuminance as P, lighten as H, darken as U, hasBadContrast as W } from "color2k";
+var x = function(n, r) {
+  return n < r ? -1 : n > r ? 1 : 0;
+}, k = function(n) {
+  return n.reduce(function(r, a) {
+    return r + a;
+  }, 0);
+}, tt = /* @__PURE__ */ function() {
+  function n(a) {
+    this.colors = a;
+  }
+  var r = n.prototype;
+  return r.palette = function() {
+    return this.colors;
+  }, r.map = function(a) {
+    return a;
+  }, n;
+}(), nt = function() {
+  function n(e, t, s) {
+    return (e << 10) + (t << 5) + s;
+  }
+  function r(e) {
+    var t = [], s = !1;
+    function u() {
+      t.sort(e), s = !0;
+    }
+    return { push: function(c) {
+      t.push(c), s = !1;
+    }, peek: function(c) {
+      return s || u(), c === void 0 && (c = t.length - 1), t[c];
+    }, pop: function() {
+      return s || u(), t.pop();
+    }, size: function() {
+      return t.length;
+    }, map: function(c) {
+      return t.map(c);
+    }, debug: function() {
+      return s || u(), t;
+    } };
+  }
+  function a(e, t, s, u, c, o, h) {
+    var f = this;
+    f.r1 = e, f.r2 = t, f.g1 = s, f.g2 = u, f.b1 = c, f.b2 = o, f.histo = h;
+  }
+  function l() {
+    this.vboxes = new r(function(e, t) {
+      return x(e.vbox.count() * e.vbox.volume(), t.vbox.count() * t.vbox.volume());
+    });
+  }
+  function R(e, t) {
+    if (t.count()) {
+      var s = t.r2 - t.r1 + 1, u = t.g2 - t.g1 + 1, c = Math.max.apply(null, [s, u, t.b2 - t.b1 + 1]);
+      if (t.count() == 1) return [t.copy()];
+      var o, h, f, g, p = 0, v = [], Y = [];
+      if (c == s) for (o = t.r1; o <= t.r2; o++) {
+        for (g = 0, h = t.g1; h <= t.g2; h++) for (f = t.b1; f <= t.b2; f++) g += e[n(o, h, f)] || 0;
+        v[o] = p += g;
+      }
+      else if (c == u) for (o = t.g1; o <= t.g2; o++) {
+        for (g = 0, h = t.r1; h <= t.r2; h++) for (f = t.b1; f <= t.b2; f++) g += e[n(h, o, f)] || 0;
+        v[o] = p += g;
+      }
+      else for (o = t.b1; o <= t.b2; o++) {
+        for (g = 0, h = t.r1; h <= t.r2; h++) for (f = t.g1; f <= t.g2; f++) g += e[n(h, f, o)] || 0;
+        v[o] = p += g;
+      }
+      return v.forEach(function(S, m) {
+        Y[m] = p - S;
+      }), function(S) {
+        var m, I, A, d, _, w = S + "1", D = S + "2", G = 0;
+        for (o = t[w]; o <= t[D]; o++) if (v[o] > p / 2) {
+          for (A = t.copy(), d = t.copy(), _ = (m = o - t[w]) <= (I = t[D] - o) ? Math.min(t[D] - 1, ~~(o + I / 2)) : Math.max(t[w], ~~(o - 1 - m / 2)); !v[_]; ) _++;
+          for (G = Y[_]; !G && v[_ - 1]; ) G = Y[--_];
+          return A[D] = _, d[w] = A[D] + 1, [A, d];
+        }
+      }(c == s ? "r" : c == u ? "g" : "b");
+    }
+  }
+  return a.prototype = { volume: function(e) {
+    var t = this;
+    return t._volume && !e || (t._volume = (t.r2 - t.r1 + 1) * (t.g2 - t.g1 + 1) * (t.b2 - t.b1 + 1)), t._volume;
+  }, count: function(e) {
+    var t = this, s = t.histo;
+    if (!t._count_set || e) {
+      var u, c, o, h = 0;
+      for (u = t.r1; u <= t.r2; u++) for (c = t.g1; c <= t.g2; c++) for (o = t.b1; o <= t.b2; o++) h += s[n(u, c, o)] || 0;
+      t._count = h, t._count_set = !0;
+    }
+    return t._count;
+  }, copy: function() {
+    var e = this;
+    return new a(e.r1, e.r2, e.g1, e.g2, e.b1, e.b2, e.histo);
+  }, avg: function(e) {
+    var t = this, s = t.histo;
+    if (!t._avg || e) {
+      var u, c, o, h, f = 0, g = 0, p = 0, v = 0;
+      if (t.r1 === t.r2 && t.g1 === t.g2 && t.b1 === t.b2) t._avg = [t.r1 << 3, t.g1 << 3, t.b1 << 3];
+      else {
+        for (c = t.r1; c <= t.r2; c++) for (o = t.g1; o <= t.g2; o++) for (h = t.b1; h <= t.b2; h++) f += u = s[n(c, o, h)] || 0, g += u * (c + 0.5) * 8, p += u * (o + 0.5) * 8, v += u * (h + 0.5) * 8;
+        t._avg = f ? [~~(g / f), ~~(p / f), ~~(v / f)] : [~~(8 * (t.r1 + t.r2 + 1) / 2), ~~(8 * (t.g1 + t.g2 + 1) / 2), ~~(8 * (t.b1 + t.b2 + 1) / 2)];
+      }
+    }
+    return t._avg;
+  }, contains: function(e) {
+    var t = this, s = e[0] >> 3;
+    return gval = e[1] >> 3, bval = e[2] >> 3, s >= t.r1 && s <= t.r2 && gval >= t.g1 && gval <= t.g2 && bval >= t.b1 && bval <= t.b2;
+  } }, l.prototype = { push: function(e) {
+    this.vboxes.push({ vbox: e, color: e.avg() });
+  }, palette: function() {
+    return this.vboxes.map(function(e) {
+      return e.color;
+    });
+  }, size: function() {
+    return this.vboxes.size();
+  }, map: function(e) {
+    for (var t = this.vboxes, s = 0; s < t.size(); s++) if (t.peek(s).vbox.contains(e)) return t.peek(s).color;
+    return this.nearest(e);
+  }, nearest: function(e) {
+    for (var t, s, u, c = this.vboxes, o = 0; o < c.size(); o++) ((s = Math.sqrt(Math.pow(e[0] - c.peek(o).color[0], 2) + Math.pow(e[1] - c.peek(o).color[1], 2) + Math.pow(e[2] - c.peek(o).color[2], 2))) < t || t === void 0) && (t = s, u = c.peek(o).color);
+    return u;
+  }, forcebw: function() {
+    var e = this.vboxes;
+    e.sort(function(c, o) {
+      return x(k(c.color), k(o.color));
+    });
+    var t = e[0].color;
+    t[0] < 5 && t[1] < 5 && t[2] < 5 && (e[0].color = [0, 0, 0]);
+    var s = e.length - 1, u = e[s].color;
+    u[0] > 251 && u[1] > 251 && u[2] > 251 && (e[s].color = [255, 255, 255]);
+  } }, { quantize: function(e, t) {
+    if (!Number.isInteger(t) || t < 1 || t > 256) throw new Error("Invalid maximum color count. It must be an integer between 1 and 256.");
+    if (!e.length || t < 2 || t > 256 || !e.length || t < 2 || t > 256) return !1;
+    for (var s = [], u = /* @__PURE__ */ new Set(), c = 0; c < e.length; c++) {
+      var o = e[c], h = o.join(",");
+      u.has(h) || (u.add(h), s.push(o));
+    }
+    if (s.length <= t) return new tt(s);
+    var f = function(m) {
+      var I, A = new Array(32768);
+      return m.forEach(function(d) {
+        I = n(d[0] >> 3, d[1] >> 3, d[2] >> 3), A[I] = (A[I] || 0) + 1;
+      }), A;
+    }(e);
+    f.forEach(function() {
+    });
+    var g = function(m, I) {
+      var A, d, _, w = 1e6, D = 0, G = 1e6, N = 0, O = 1e6, F = 0;
+      return m.forEach(function(K) {
+        (A = K[0] >> 3) < w ? w = A : A > D && (D = A), (d = K[1] >> 3) < G ? G = d : d > N && (N = d), (_ = K[2] >> 3) < O ? O = _ : _ > F && (F = _);
+      }), new a(w, D, G, N, O, F, I);
+    }(e, f), p = new r(function(m, I) {
+      return x(m.count(), I.count());
+    });
+    function v(m, I) {
+      for (var A, d = m.size(), _ = 0; _ < 1e3; ) {
+        if (d >= I || _++ > 1e3) return;
+        if ((A = m.pop()).count()) {
+          var w = R(f, A), D = w[0], G = w[1];
+          if (!D) return;
+          m.push(D), G && (m.push(G), d++);
+        } else m.push(A), _++;
+      }
+    }
+    p.push(g), v(p, 0.75 * t);
+    for (var Y = new r(function(m, I) {
+      return x(m.count() * m.volume(), I.count() * I.volume());
+    }); p.size(); ) Y.push(p.pop());
+    v(Y, t);
+    for (var S = new l(); Y.size(); ) S.push(Y.pop());
+    return S;
+  } };
+}().quantize, X = function(n) {
+  this.canvas = document.createElement("canvas"), this.context = this.canvas.getContext("2d"), this.width = this.canvas.width = n.naturalWidth, this.height = this.canvas.height = n.naturalHeight, this.context.drawImage(n, 0, 0, this.width, this.height);
+};
+X.prototype.getImageData = function() {
+  return this.context.getImageData(0, 0, this.width, this.height);
+};
+var L = function() {
+};
+L.prototype.getColor = function(n, r) {
+  return r === void 0 && (r = 10), this.getPalette(n, 5, r)[0];
+}, L.prototype.getPalette = function(n, r, a) {
+  var l = function(s) {
+    var u = s.colorCount, c = s.quality;
+    if (u !== void 0 && Number.isInteger(u)) {
+      if (u === 1) throw new Error("colorCount should be between 2 and 20. To get one color, call getColor() instead of getPalette()");
+      u = Math.max(u, 2), u = Math.min(u, 20);
+    } else u = 10;
+    return (c === void 0 || !Number.isInteger(c) || c < 1) && (c = 10), { colorCount: u, quality: c };
+  }({ colorCount: r, quality: a }), R = new X(n), e = function(s, u, c) {
+    for (var o, h, f, g, p, v = s, Y = [], S = 0; S < u; S += c) h = v[0 + (o = 4 * S)], f = v[o + 1], g = v[o + 2], ((p = v[o + 3]) === void 0 || p >= 125) && (h > 250 && f > 250 && g > 250 || Y.push([h, f, g]));
+    return Y;
+  }(R.getImageData().data, R.width * R.height, l.quality), t = nt(e, l.colorCount);
+  return t ? t.palette() : null;
+}, L.prototype.getColorFromUrl = function(n, r, a) {
+  var l = this, R = document.createElement("img");
+  R.addEventListener("load", function() {
+    var e = l.getPalette(R, 5, a);
+    r(e[0], n);
+  }), R.src = n;
+}, L.prototype.getImageData = function(n, r) {
+  var a = new XMLHttpRequest();
+  a.open("GET", n, !0), a.responseType = "arraybuffer", a.onload = function() {
+    if (this.status == 200) {
+      var l = new Uint8Array(this.response);
+      i = l.length;
+      for (var R = new Array(i), e = 0; e < l.length; e++) R[e] = String.fromCharCode(l[e]);
+      var t = R.join(""), s = window.btoa(t);
+      r("data:image/png;base64," + s);
+    }
+  }, a.send();
+}, L.prototype.getColorAsync = function(n, r, a) {
+  var l = this;
+  this.getImageData(n, function(R) {
+    var e = document.createElement("img");
+    e.addEventListener("load", function() {
+      var t = l.getPalette(e, 5, a);
+      r(t[0], this);
+    }), e.src = R;
+  });
+};
+const et = "rgba(83, 82, 83, 1)", ut = {
+  BASE_COLOR: et,
+  BRAND: {
+    PRIMARY: z.PRIMARY,
+    PRIMARY_LIGHT: z.PRIMARY_LIGHT,
+    SECONDARY: z.SECONDARY
+  },
+  PRIMARY: {
+    PRIMARY_SUPER_DARK: E.GRAY_SUPER_DARK,
+    PRIMARY_DARK: E.GRAY_DARK,
+    PRIMARY_MEDIUM: E.GRAY_MEDIUM,
+    PRIMARY_MEDIUM_LIGHT: E.GRAY_MEDIUM_LIGHT,
+    PRIMARY_LIGHT: E.GRAY_LIGHT,
+    PRIMARY_LIGHTEST: E.GRAY_LIGHTEST,
+    PRIMARY_SUPER_LIGHT: E.GRAY_SUPER_LIGHT
+  },
+  SECONDARY: {
+    SECONDARY_SUPER_DARK: E.GRAY_SUPER_DARK,
+    SECONDARY_DARK: E.GRAY_DARK,
+    SECONDARY_MEDIUM: E.GRAY_MEDIUM,
+    SECONDARY_MEDIUM_LIGHT: E.GRAY_MEDIUM_LIGHT,
+    SECONDARY_LIGHT: E.GRAY_LIGHT,
+    SECONDARY_LIGHTEST: E.GRAY_LIGHTEST,
+    SECONDARY_SUPER_LIGHT: E.GRAY_SUPER_LIGHT
+  }
+  // Success, Warning & Danger palettes go here...
+}, $ = (n, r) => r === void 0 ? `rgb(${n[0]}, ${n[1]}, ${n[2]})` : `rgba(${n[0]}, ${n[1]}, ${n[2]}, ${r})`, ct = (n, r) => M(J(n, r)), T = (n, r) => M(Q(n, r)), C = (n, r) => M(V(n, r)), lt = (n) => {
+  try {
+    return new L().getColor(n);
+  } catch {
+    return [255, 255, 255];
+  }
+}, ft = (n) => {
+  const r = $(n), a = j("#FFFFFF", r, "#000000"), l = Array.from({ length: 12 }, (o, h) => {
+    const f = a(h / 11);
+    return C(f, 85e-4);
+  }), R = l.map(
+    (o) => T(q(o), 5e-3)
+  ), e = M(T(Z(r, 180), 1)), t = j("#FFFFFF", e, "#000000"), s = Array.from({ length: 12 }, (o, h) => {
+    const f = t(h / 11);
+    return C(f, 0.1);
+  }), u = s.map(
+    (o) => C(q(o), 0.22)
+  ), c = C(
+    rt(T(R[5], 0.115)),
+    0.05
+  );
+  return {
+    BASE_COLOR: $(n),
+    BRAND: {
+      PRIMARY: c,
+      PRIMARY_LIGHT: b(c, 0.25, {
+        min: 0.6,
+        max: 0.8
+      }),
+      SECONDARY: C(u[4], 0.02)
+    },
+    PRIMARY: {
+      //backgrounds
+      PRIMARY_SUPER_DARK: b(
+        y(l[9]),
+        -0.6,
+        {
+          min: 0,
+          max: 0.02
+        }
+      ),
+      PRIMARY_DARK: b(
+        y(l[8]),
+        -0.4,
+        {
+          min: 0.01,
+          max: 0.02
+        }
+      ),
+      //interactive components
+      PRIMARY_MEDIUM: b(R[7], -0.2, {
+        min: 0,
+        max: 0.11
+      }),
+      //borders and seperators
+      PRIMARY_MEDIUM_LIGHT: b(
+        C(R[6], 0.1),
+        0.08
+      ),
+      //solid colors
+      PRIMARY_LIGHT: b(
+        T(R[5], 0.1),
+        0.16
+      ),
+      //accessible text
+      PRIMARY_LIGHTEST: b(
+        T(R[3], 0.2),
+        0.12,
+        {
+          min: 0.5,
+          max: 0.9
+        }
+      ),
+      PRIMARY_SUPER_LIGHT: b(R[1], 0.02, {
+        min: 0.86,
+        max: 0.98
+      })
+    },
+    SECONDARY: {
+      //backgrounds
+      SECONDARY_SUPER_DARK: b(
+        y(s[9]),
+        -0.6,
+        {
+          min: 0,
+          max: 0.02
+        }
+      ),
+      SECONDARY_DARK: b(
+        y(s[8]),
+        -0.4,
+        {
+          min: 0.01,
+          max: 0.02
+        }
+      ),
+      // interactive components
+      SECONDARY_MEDIUM: b(u[7], -0.2, {
+        min: 0,
+        max: 0.11
+      }),
+      //borders and seperators
+      SECONDARY_MEDIUM_LIGHT: b(
+        u[6],
+        0.1
+      ),
+      //solid colors
+      SECONDARY_LIGHT: b(
+        T(u[5], 0.1),
+        0.16
+      ),
+      //accessible text
+      SECONDARY_LIGHTEST: b(
+        T(u[3], 0.2),
+        0.12,
+        {
+          min: 0.5,
+          max: 0.9
+        }
+      ),
+      SECONDARY_SUPER_LIGHT: b(
+        u[0],
+        0.02,
+        {
+          min: 0.86,
+          max: 0.98
+        }
+      )
+    }
+  };
+}, b = (n, r, a = { min: 0.03, max: 0.97 }) => {
+  let l = n, R = P(l);
+  if (a.min < 0 && (a.min = 0), a.max > 1 && (a.max = 1), a.min >= a.max)
+    throw new Error("Invalid range: min must be less than max");
+  if (r > 0) {
+    const t = a.max - R;
+    if (t <= 0) return M(l);
+    const s = r * (t / (1 - R));
+    l = H(l, s);
+  } else if (r < 0) {
+    const t = R - a.min;
+    if (t <= 0) return M(l);
+    const s = r * (t / R);
+    l = U(l, Math.abs(s));
+  }
+  const e = P(l);
+  return (e > a.max || e < a.min) && (l = B(l, a)), M(l);
+}, B = (n, r) => {
+  let a = n, l = P(a);
+  for (; l > r.max; )
+    a = U(a, 0.05), l = P(a);
+  for (; l < r.min; )
+    a = H(a, 0.05), l = P(a);
+  return M(a);
+}, y = (n) => {
+  for (; W(n, "readable", E.GRAY_DARK); )
+    n = H(n, 0.01);
+  return M(n);
+}, rt = (n) => {
+  for (; W(E.GRAY_SUPER_LIGHT, "readable", n); )
+    n = U(n, 0.01);
+  return M(n);
+}, q = (n) => {
+  let r = n, a = P(M(r)), l = 0;
+  const R = 6;
+  for (; a < 0.16 && l < R; )
+    l++, r = H(r, 0.1), a = P(M(r));
+  for (; a > 0.6 && l < R; )
+    l++, r = U(r, 0.1), a = P(M(r));
+  return M(r);
+}, ot = (n) => typeof n == "string" || n instanceof String;
+function ht(...n) {
+  return n.filter(ot).join(" ");
+}
+const at = (n) => {
+  if (/^https?:\/\//.test(n)) {
+    const r = document.createElement("a");
+    return r.href = n, r.hostname;
+  }
+  return window.location.hostname;
+}, Rt = (n) => {
+  const r = window.location.hostname, a = at(n);
+  return r !== a;
+}, mt = (n, r) => {
+  if (n.metaKey || n.altKey || n.ctrlKey || n.shiftKey || n.button && n.button !== 0)
+    return;
+  n.preventDefault();
+  const a = r.startsWith("/") ? r : `/${r}`;
+  window.history.pushState({}, "", a), window.dispatchEvent(new PopStateEvent("popstate"));
+};
+export {
+  et as D,
+  ut as a,
+  $ as b,
+  ft as c,
+  C as d,
+  ht as e,
+  lt as g,
+  mt as h,
+  Rt as i,
+  T as s,
+  ct as t
+};
+//# sourceMappingURL=utils-KedSkjS1.mjs.map