.input-button{position:absolute;opacity:0;width:0;height:0;display:inline}.button{text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--border-radius);transition:background-color .2s linear,color .2s linear,opacity .2s linear;text-align:center;color:oklch(var(--color-oklch));background-color:oklch(var(--foreground-color2-oklch));border:var(--border-width) solid oklch(var(--border-color-oklch));line-height:1em;font-size:.7rem;text-transform:uppercase;outline:none;box-sizing:border-box;font-weight:700}.button.vertical.has-control>.input-control,.button.vertical:not(.has-control){flex-direction:column;gap:.6rem}.button.has-control>.input-control{width:100%}.button.has-control>.input-control,.button:not(.has-control){display:flex;align-items:center;justify-content:center;gap:1rem;padding:.9rem 1.1rem}.button>.icon:first-child+span,.button>.input-control>.icon:first-child+span{margin-left:auto;margin-right:auto}.button .input-control>span+.icon:last-child,.button>span+.icon:last-child{margin-left:auto}.button.disabled,.button.readonly,.button[disabled],.button[readonly]{color:oklch(var(--color-oklch)/30%);background-color:oklch(var(--color-gray-oklch)/30%)}.button.sm{font-size:.8rem;border-radius:var(--border-radius)}.button.sm.has-control>.input-control,.button.sm:not(.has-control){padding:.5rem .8rem}.button.lg{font-size:1rem}.button.lg.has-control>.input-control,.button.lg:not(.has-control){padding:1.15rem 1.5rem}.button.lg>.icon:not(.md):not(.lg):not(.xl):not(.mlg):not(.mmlg){width:24px;height:24px}.button.iconized{flex-shrink:0;white-space:nowrap;padding:0}.button.iconized>:not(.icon):not(.red-dot):not(.tooltip){display:none}.button.iconized>.icon{padding:0!important;margin:0!important}.button.iconized.lg{width:60px;height:60px;line-height:calc(60px - var(--border-width) - var(--border-width))}.button.iconized.lg>.icon:not(.md):not(.lg):not(.xl):not(.mlg){width:24px;height:24px}.button.iconized:not(.lg){width:42px;height:42px;line-height:calc(40px - var(--border-width) - var(--border-width))}.button.iconized:not(.lg)>.icon:not(.md):not(.lg):not(.xl):not(.mlg){width:20px;height:20px}.button.remove:not(.primary){color:var(--color-red);border-color:var(--color-red)}.button.remove.primary{background-color:var(--color-red)}.button.primary{background-color:oklch(var(--color-theme-oklch));color:oklch(var(--color-bright-oklch))}.button.primary.active,.button.primary.focus,.button.primary:active,.button.primary:focus{background-color:oklch(var(--color-theme-bright-oklch))}@media (hover:hover){.button.primary:hover{background-color:oklch(var(--color-theme-bright-oklch))}}.button.active,.button.checked,.button:active{border-color:oklch(var(--color-theme-oklch));background-color:oklch(var(--color-theme-bright-oklch))}@media (pointer:fine){.button:hover{border-color:oklch(var(--color-theme-bright-oklch))}}.button.loading{color:transparent!important;text-shadow:none!important;position:relative}.button.loading:before{transition:all .15s ease-in-out;content:" ";vertical-align:middle;display:inline-block;height:1em;width:1em;border-radius:100%;border:2px solid oklch(var(--color-gray-oklch));border-bottom:2px solid transparent;animation:spin .65s linear infinite;position:absolute;top:50%;left:50%;z-index:1;margin-top:-.5em;margin-left:-.5em}.button.dropdown>ul{min-width:200px}.button.dropdown>ul>li>.button{background:none}.input{transition:border var(--transition-style),box-shadow var(--transition-style),background-color var(--transition-style);margin:0;text-decoration:none;border-radius:var(--border-radius);display:flex;align-items:center;position:relative;min-width:0;border:var(--border-width) solid oklch(var(--border-color-oklch));box-shadow:var(--shadow);background-color:oklch(var(--foreground-color-oklch));font-size:1rem;gap:.65rem;height:auto!important;padding:0!important}.input.has-control>.input-control,.input:not(.has-control){gap:.65rem;padding:.85rem 1rem;line-height:1.35rem;flex-wrap:wrap;background:none;outline:none}.input>.input-suffix{transform:translateX(calc(0px - 1.2rem))}.input.active,.input.focus,.input:active,.input:focus{background:oklch(var(--foreground-color2-oklch))}@media (hover:hover){.input:hover{background:oklch(var(--foreground-color2-oklch))}}.input.active{background-color:oklch(var(--color-theme-oklch));color:#fff}.input.active.active,.input.active.focus,.input.active:active,.input.active:focus{background-color:oklch(var(--color-theme-bright-oklch))}@media (hover:hover){.input.active:hover{background-color:oklch(var(--color-theme-bright-oklch))}}.input.disabled,.input.readonly,.input[disabled],.input[readonly]{opacity:.25}.input.sm.has-control>.input-control,.input.sm:not(.has-control){padding:.65rem .85rem}.input:invalid{box-shadow:var(--shadow),0 0 0 1.5px oklch(var(--color-red-bright-oklch))}.input.error{box-shadow:0 0 0 1.5px oklch(var(--color-red-bright-oklch)),var(--shadow)}.input.hidden{display:none}@media (hover:hover){.input:hover{border-color:var(--border-focus-color-oklch)}}.input:focus{border-color:var(--border-focus-color-oklch)}.input:not(.texted):not(.type-select){text-overflow:ellipsis;text-align:center}.input>.input-control{display:flex;position:relative;top:0;left:0;z-index:2;width:100%;gap:.5em;flex-grow:1;min-width:-moz-min-content;min-width:min-content;line-height:1.35rem;box-sizing:border-box}.input.texted>.input-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;overflow:auto}.input.texted.type-search{border-radius:30px}.input.texted.loading{background-repeat:no-repeat;background-position:right .65em center;background-size:16px;transition:none;padding-right:25px}.input.texted::-moz-placeholder{font:inherit;color:inherit;opacity:.75}.input.texted::placeholder{font:inherit;color:inherit;opacity:.75}.input.primary{background-color:oklch(var(--color-theme-oklch));color:#fff}.input.primary.active,.input.primary.focus,.input.primary:active,.input.primary:focus{background-color:oklch(var(--color-theme-bright-oklch))}@media (hover:hover){.input.primary:hover{background-color:oklch(var(--color-theme-bright-oklch))}}.input.primary>.input-icon{color:inherit}.input:not(.texted)>.input-control{white-space:nowrap}.input.has-icon>.input-label{margin-right:1.5em}.input.has-icon>.input-control{padding-right:3em;width:-moz-max-content;width:max-content}.input>.button:last-child{margin-left:auto}.input>.input-icon{transform:translateY(-50%)}.input>.input-icon,.input>.loader{position:absolute;z-index:1;right:.85rem;top:50%}.input>.loader{translate:0 -50%}.input>.input-label{z-index:3;position:absolute;display:block;left:.85rem;top:50%;translate:0 -50%;transition:top var(--transition-style)}.input>.input-label:-moz-placeholder-shown{top:0;font-size:var(--font-size-sm);font-weight:var(--main-text-weight);padding-right:0}.input>.input-label.focus,.input>.input-label.placeholder,.input>.input-label:not(.empty),.input>.input-label:placeholder-shown{top:0;font-size:var(--font-size-sm);font-weight:var(--main-text-weight);padding-right:0}.input>.input-label.empty{opacity:.5;font-style:italic}.input>.input-label.error{opacity:1}.input>.input-toolbar{position:absolute;top:calc(0px - .85rem);right:.85rem;z-index:2;display:grid;grid-column-gap:.65rem;grid-row-gap:.65rem}:is(.input>.input-toolbar)~.input-control{min-width:250px;min-height:4em}.input>.input-input{opacity:0;position:absolute!important}.input>.input-error{width:100%;margin-bottom:calc(0px - .85rem);font-size:.9rem;font-weight:var(--main-text-weight);display:none}.input.type-date>.input-label,.input.type-datetime-local>.input-label,.input.type-month>.input-label,.input.type-time>.input-label{top:0;font-size:.75rem;font-weight:var(--main-text-weight);text-transform:uppercase}.input.type-date{min-width:115px}.input.type-time{min-width:80px}.input.type-textarea>.input-control{line-height:1.5em;width:100%;min-height:1.5rem;max-height:450px;align-self:stretch}.input.type-textarea.big{min-height:75px}.input.type-range{vertical-align:middle;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:270px;position:relative;max-width:100%;border-left:none!important;padding:1rem .65rem;background-color:oklch(var(--foreground-color-oklch))}.input.type-range[disabled]{background:transparent;opacity:.25}::-webkit-slider-runnable-track{background:oklch(var(--color-dark-oklch));height:.33rem;border-radius:var(--border-radius)}::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;background:oklch(var(--color-theme-oklch));border-radius:100%;position:relative;z-index:1;border:none;top:-10px}.input.type-checkbox{text-align:initial!important;padding:0;cursor:default}.input.type-checkbox>.input-icon{box-sizing:content-box;left:1rem;right:auto;background-color:hsla(0,0%,59%,.25);border-radius:3px;padding:2px;width:.9em;height:.9em}.input.type-checkbox>.input-control{padding-left:3rem!important;padding-right:1rem;white-space:normal;line-height:1.5rem}.input.type-checkbox:not(.checked)>.input-icon{color:transparent}.input.type-checkbox.checked>.input-icon{background-color:oklch(var(--color-theme-oklch));color:oklch(var(--color-bright-oklch))}.input.type-radio{color:var(--border-width) solid oklch(var(--border-color-oklch));background-color:oklch(var(--foreground-color2-oklch));border-radius:var(--border-radius-lg);cursor:default}.input.type-radio.checked{background-color:oklch(var(--color-theme-oklch))}.input.type-toggle{border:none;display:inline-block;margin-left:0;border-radius:var(--border-radius);line-height:1.5em;text-transform:none;font-size:1rem;background:none;transition:background-color var(--transition-style);position:relative;text-align:initial!important;padding-right:calc(30px + 1rem);cursor:default}.input.type-toggle.disabled,.input.type-toggle.readonly{opacity:.25}.input.type-toggle:after,.input.type-toggle:before{content:" ";display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);height:16px;width:16px;background:none;border-radius:100%;color:#fff;text-align:center;line-height:15px;font-size:var(--font-size-xs);transition:background-color var(--transition-style),color var(--transition-style),box-shadow var(--transition-style);left:auto;right:1rem;padding:0}.input.type-toggle:before{width:30px;height:14px;border-radius:10px;opacity:.25;background-color:oklch(var(--border-color-oklch))}.input.type-toggle:after{width:20px;height:20px;border-radius:100%;margin-right:14px;transition:margin-right var(--transition-style),background-color var(--transition-style);box-shadow:0 1px 3px rgba(0,0,0,.3);background-color:oklch(var(--color-bright-oklch))}.input.type-toggle.checked{color:inherit}.input.type-toggle.checked:before{background-color:oklch(var(--color-theme-oklch))}.input.type-toggle.checked:after{margin-right:0}.input.type-toggle.checked.active,.input.type-toggle.checked.focus,.input.type-toggle.checked:active,.input.type-toggle.checked:focus{background:none}@media (hover:hover){.input.type-toggle.checked:hover{background:none}}.input-select{--option-height:36px;padding:0!important}.input-select.input{border-width:0!important;border-radius:var(--border-radius)!important}.input-select.input .option{padding-left:1rem;padding-right:1rem}.input-select>.option-container{scroll-snap-type:y mandatory;-webkit-mask-image:linear-gradient(hsla(0,0%,100%,.25) calc(var(--option-height) - 1px),hsla(0,0%,100%,.25) calc(var(--option-height) - 1px),#fff calc(var(--option-height) - 1px),#fff calc(var(--option-height) * 2 + 1px),hsla(0,0%,100%,.25) calc(var(--option-height) * 2 + 1px),hsla(0,0%,100%,.25) calc(var(--option-height) * 3),hsla(0,0%,100%,.1) calc(var(--option-height) * 3));mask-image:linear-gradient(hsla(0,0%,100%,.25) calc(var(--option-height) - 1px),hsla(0,0%,100%,.25) calc(var(--option-height) - 1px),#fff calc(var(--option-height) - 1px),#fff calc(var(--option-height) * 2 + 1px),hsla(0,0%,100%,.25) calc(var(--option-height) * 2 + 1px),hsla(0,0%,100%,.25) calc(var(--option-height) * 3),hsla(0,0%,100%,.1) calc(var(--option-height) * 3));background-image:linear-gradient(transparent calc(var(--option-height) - 1px),oklch(var(--color-theme-oklch)) calc(var(--option-height) - 1px),oklch(var(--color-theme-oklch)) calc(var(--option-height)),transparent calc(var(--option-height)),transparent calc(var(--option-height) * 2),oklch(var(--color-theme-oklch)) calc(var(--option-height) * 2),oklch(var(--color-theme-oklch)) calc(var(--option-height) * 2 + 1px),transparent calc(var(--option-height) * 2 + 1px));overflow:auto!important;max-height:calc(var(--option-height) * 3);text-align:center}.input-select>.option-container>.option{height:var(--option-height);line-height:var(--option-height);scroll-snap-align:center;transition:font-weight var(--transition-duration) linear}.input-select>select{display:none}.a{color:inherit;background:none;border:none;text-decoration:underline;font-size:inherit;display:inline;cursor:pointer}.a:active,.a:focus{text-decoration:none}@media (hover:hover){.a:hover{text-decoration:none}}.a .input-control{width:100%;display:block}.time-input{--input-width:4rem;width:calc(var(--input-width) + var(--input-width) + 1rem);white-space:nowrap;display:flex!important;align-items:center}.time-input.is-ios{position:relative}.time-input.is-ios>input[type=time]{width:calc(var(--input-width) + var(--input-width) + 1rem);height:100%;position:absolute;top:0;left:0}.time-input>input[type=time]{opacity:0;width:0;height:0;display:inline}.time-input>.input-separator{margin:-2px .2rem 0;font-size:1.3rem;font-weight:800;line-height:2em}.time-input>.input.texted{width:auto;flex-basis:var(--input-width);font-size:1.3rem;line-height:2em;font-weight:800;text-align:center;box-shadow:none}.time-input>.input.texted.has-control>.input-control,.time-input>.input.texted:not(.has-control){padding-top:0;padding-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width)!important}.time-input label{display:none}.time-input>.input-error{display:none!important}.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000050;background:oklch(var(--background-color-oklch-50));overflow:auto;transition:opacity 0s ease-in-out,transform 0s ease-in-out;transition-duration:var(--transition-duration);display:flex;align-items:center;flex-direction:column;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);padding:0;--popup-color-oklch:var(--color-oklch);--popup-background-color-oklch:var(--foreground-color-oklch);--background-color-oklch:var(--foreground-color-oklch)}.popup.hidden{opacity:0}.popup.hidden:not(.transition){visibility:hidden;transform:scale(120%)}.popup.hidden.transition>div{transform:scale(90%)}.popup>div{padding:20px!important;transition:transform 0s ease-in-out;transition-duration:var(--transition-duration)}.popup .popup-container{max-width:100%;display:inline-block;text-align:initial;margin-top:auto;margin-bottom:auto;text-align:center;position:relative;outline:none}.popup .popup-container>.content-label{font-size:1.3rem}.popup .popup-container>.content-label.outside{z-index:100;position:absolute;width:100%;left:0;bottom:calc(100% + 1.2rem);color:oklch(var(--color-bright-oklch))}.popup .popup-container>.content-label>.icon{width:20px;height:20px}.popup .popup-container>.close{position:absolute;top:1rem;right:1rem;z-index:100;border:none;outline:none;background:none;padding:0}.popup.full-screen>div{padding:0!important}.popup.full-screen>div .popup-container{width:100%;height:100%;background:oklch(var(--popup-background-color-oklch));display:flex;align-items:center}.popup.full-screen>div .popup-container>.close{top:2rem;right:2rem}.popup.full-screen>div .popup-container .popup-content{border-radius:0;box-shadow:none;width:100%;background:none}.popup.full-screen>div .popup-container .popup-content>.bottom{padding:0 2rem 2rem}.popup .popup-content{box-shadow:var(--shadow2);border-radius:var(--border-radius);color:oklch(var(--popup-color-oklch));background:oklch(var(--popup-background-color-oklch));overflow:hidden}.popup .popup-content>div{transition:all .15s ease-in-out;min-width:15rem}.popup .popup-content>.content{padding:1.5rem}.popup .popup-content>.content>.h1:last-child,.popup .popup-content>.content>.h2:last-child,.popup .popup-content>.content>.h3:last-child{margin-bottom:0}:is(.popup .popup-content>.content)+.bottom{padding-top:0}.popup .popup-content>.content .button-a{border-bottom:1px solid oklch(var(--color-dark-oklch)/15%);padding-top:1rem;padding-bottom:1rem;margin-top:0;margin-bottom:0}.popup .popup-content>.bottom{padding:0 1rem 1rem;display:flex}.popup .popup-content>.bottom:not(.vertical)>.button{margin:0 .8rem}.popup .popup-content>.bottom:not(.vertical)>.button:not(.iconized){width:100%}.popup .popup-content>.bottom:not(.vertical)>.button:first-child{margin-left:0}.popup .popup-content>.bottom:not(.vertical)>.button:last-child{margin-right:0}.popup .popup-content>.bottom.vertical{flex-direction:column;align-items:stretch}:is(.popup .popup-content>.bottom.vertical>.button:not(.iconized))+.a,:is(.popup .popup-content>.bottom.vertical>.button:not(.iconized))+.button{margin-top:1rem}.date-input{white-space:nowrap;display:flex;align-items:center}.date-input>input[type=date]{opacity:0;width:0;height:0;display:inline}.date-input>label{display:none}.date-input>.input-separator{margin:0 5px;font-size:20px}.date-input>.date-input-part{width:auto;flex:0 0 25%;min-width:0;border-radius:0;box-shadow:none}:is(.date-input>.date-input-part)~.input{margin-left:1em}.date-input>.date-input-part.date-month{flex-grow:1}.date-input>.input-error{display:none!important}