.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:1.5rem;transition:background-color .2s linear,color .2s linear,opacity .2s linear;text-align:center;color:oklch(var(--color-oklch));background-color:oklch(var(--background-color-oklch));border:var(--border-width) solid oklch(var(--border-color-oklch));line-height:1em;outline:none;box-sizing:border-box}.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:.7rem 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:1.3rem;border-radius:2rem}.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{border-color:#0000;background-color:oklch(var(--color-theme-oklch));color:oklch(var(--color-dark-oklch))}.button.primary.loading:before{border-color:oklch(var(--color-dark-oklch));border-bottom-color:#0000}.button.primary.disabled,.button.primary[disabled]{color:oklch(var(--color-oklch)/30%);background-color:oklch(var(--color-gray-oklch)/30%)}.button.active,.button.checked,.button:active{border-color:oklch(var(--color-theme-oklch));background-color:oklch(var(--color-theme-oklch-20))}@media (pointer:fine){.button:hover{border-color:oklch(var(--color-theme-oklch-20))}}.button.loading{color:#0000!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 #0000;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-page-link{position:absolute;opacity:0;width:0;height:0;display:inline}.page-link{text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:1rem;transition:background-color .2s linear,color .2s linear,opacity .2s linear;font-weight:var(--font-weight-bold);color:oklch(var(--color-oklch));background-color:oklch(var(--color-theme-oklch-10));line-height:1em;padding:1rem;gap:1rem;outline:none}.page-link .page-link-label{flex-shrink:1;display:flex;flex-direction:column;min-width:0;gap:.4rem}.page-link .page-link-summary{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;font-size:.8em;opacity:.6}.page-link>.input-control{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.page-link>.icon:first-child+span,.page-link>.input-control>.icon:first-child+span{margin-left:auto;margin-right:auto}.page-link .input-control>span+.icon:last-child,.page-link>span+.icon:last-child{margin-left:auto}.page-link.disabled,.page-link.readonly,.page-link[disabled],.page-link[readonly]{opacity:.3}.page-link.active,.page-link.checked,.page-link:active{background-color:oklch(var(--color-theme-oklch)/50%)}@media (pointer:fine){.page-link:hover{background-color:oklch(var(--color-theme-oklch)/50%)}}.page-link.loading{color:#0000!important;text-shadow:none!important;position:relative}.page-link.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 #0000;animation:spin .65s linear infinite;position:absolute;top:50%;left:50%;z-index:1;margin-top:-.5em;margin-left:-.5em}.a{color:oklch(var(--color-theme2-oklch));text-decoration:underline}.a,.icon{background:none;border:none;padding:0}.icon{width:16px;height:16px;display:flex;align-items:center;vertical-align:middle;flex-shrink:0}.icon>svg{display:block;max-height:100%;width:100%;margin-left:auto;margin-right:auto}.icon.xl{width:4rem;height:4rem}.icon.lg{width:2.5rem;height:2.5rem}.icon.mlg{width:1.5rem;height:1.5rem}.icon.md{width:1rem;height:1rem}.icon.sm{width:.8rem;height:.8rem}.input-hint{margin-top:.8rem;flex-direction:row;justify-content:space-between;display:flex;font-size:.8rem;color:oklch(var(--color-gray-oklch));margin-left:auto}.input-label{display:none}.input-error{display:flex;color:var(--color-red);font-weight:600;font-size:.8rem}.input.texted,.input.type-a,.input.type-select{color:oklch(var(--color-oklch));display:flex;flex-direction:column;vertical-align:middle;background-position:50%;background-image:none;background-color:initial;border-radius:0;transition:border .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;max-width:100%;overflow:hidden;width:100%;text-decoration:none;font-size:1rem;text-align:initial}.input.texted.has-control>.input-control,.input.texted:not(.has-control),.input.type-a.has-control>.input-control,.input.type-a:not(.has-control),.input.type-select.has-control>.input-control,.input.type-select:not(.has-control){caret-color:oklch(var(--color-oklch));border:0 solid oklch(var(--border-color-oklch));border-width:var(--border-width);width:100%;padding:.55em 1em .6em;outline:none;border-radius:var(--border-radius);box-sizing:border-box;resize:none;background:none}:is(.input.texted.has-control>.input-control,.input.type-select.has-control>.input-control,.input.type-a.has-control>.input-control,.input.texted:not(.has-control),.input.type-select:not(.has-control),.input.type-a:not(.has-control)):invalid{box-shadow:none}@media (pointer:fine){:is(.input.texted.has-control>.input-control,.input.type-select.has-control>.input-control,.input.type-a.has-control>.input-control,.input.texted:not(.has-control),.input.type-select:not(.has-control),.input.type-a:not(.has-control)):hover{border-color:oklch(var(--color-theme-oklch))}}.focus:is(.input.texted.has-control>.input-control,.input.type-select.has-control>.input-control,.input.type-a.has-control>.input-control,.input.texted:not(.has-control),.input.type-select:not(.has-control),.input.type-a:not(.has-control)){border-color:oklch(var(--color-theme-oklch))}.input.error{color:var(--color-red)!important;border-color:var(--color-red)!important}.input.hidden{display:none}.input.type-select{appearance:none}.input.type-select>.input-control>option{color:oklch(var(--color-dark-oklch))}.input.texted{appearance:none;resize:none}.input.texted.loading{background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:none;padding-right:24px}.input.texted[disabled],.input.texted[readonly]{opacity:.25}.input.texted.type-textarea{overflow:auto;width:100%;height:auto}.input.texted.type-textarea.has-control>.input-control,.input.texted.type-textarea:not(.has-control){padding-top:1em;padding-bottom:1em;line-height:1.5em;min-height:120px;max-height:450px;border-width:1px}.input.texted::placeholder{font:inherit;color:inherit;opacity:.5}.input.lg{font-size:1.3rem}.input.type-range{--input-range-slider-height:4px;vertical-align:middle;cursor:pointer;width:100%;position:relative;display:flex;flex-direction:column}.input.type-range>.input-control{background:#0000;padding:0;accent-color:oklch(var(--color-theme-oklch));background:oklch(var(--color-dark-oklch)/15%);appearance:revert;color:oklch(var(--color-bright-oklch))}.input.type-range>.input-control::-webkit-slider-runnable-track{appearance:none;height:var(--input-range-slider-height)}.input.type-range .input-control::-webkit-slider-thumb{appearance:none;height:18px;width:18px;color:oklch(var(--color-bright-oklch));background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:100%;position:relative;z-index:1;border:none;top:-7px}.input-input{position:absolute;opacity:0;width:0;height:0;display:inline}.input.type-checkbox,.input.type-radio{display:flex;align-items:center}.input.type-checkbox.disabled,.input.type-checkbox.readonly,.input.type-radio.disabled,.input.type-radio.readonly{opacity:.25}.input.type-checkbox:before,.input.type-radio:before{flex-shrink:0;content:"";display:flex;margin-right:1rem;width:16px;height:16px;border-radius:100%;box-sizing:border-box;background-color:oklch(var(--color-theme-oklch)/50%);border:1px solid oklch(var(--color-theme-oklch))}.input.type-checkbox.checked:before,.input.type-radio.checked:before{border-width:4px}.input.input.type-toggle{display:block;margin-left:0;border-radius:3px;line-height:1.5em;text-transform:none;font-size:1rem;background:none;transition:background-color .2s linear;position:relative;padding:0 50px 0 0;text-align:initial}.input.input.type-toggle.disabled,.input.input.type-toggle.readonly{opacity:.25}.input.input.type-toggle>.input-control:after,.input.input.type-toggle>.input-control:before{content:" ";display:block;position:absolute;top:50%;transform:translateY(-50%);height:16px;width:16px;background:none;border-radius:20%;color:oklch(var(--color-bright-oklch));transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;left:auto;right:0;padding:0;background-color:oklch(var(--color-gray-oklch)/15%)}.input.input.type-toggle>.input-control:before{width:44px;height:26px;border-radius:13px;transition:background-color .2s ease-in-out}.input.input.type-toggle>.input-control:after{width:22px;height:22px;border-radius:100%;transition:margin-right .2s ease-in-out;box-shadow:0 1px 3px #0000004d;background-color:oklch(var(--color-bright-oklch));margin-right:2px}.input.input.type-toggle:not(.checked)>.input-control:after{margin-right:20px}.input.input.type-toggle.checked>.input-control:before{background-color:oklch(var(--color-theme-oklch))}.input.input.type-toggle.sm{font-size:.8rem;font-weight:var(--font-weight-bold)}.input.input.type-toggle.sm>.input-control:before{height:18px}.input.input.type-toggle.sm>.input-control:after{width:16px;height:16px}.input.input.type-toggle.sm:not(.checked)>.input-control:after{margin-right:26px}.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(#ffffff40 calc(var(--option-height) - 1px),#ffffff40 calc(var(--option-height) - 1px),#fff calc(var(--option-height) - 1px),#fff calc(var(--option-height) * 2 + 1px),#ffffff40 calc(var(--option-height) * 2 + 1px),#ffffff40 calc(var(--option-height) * 3),#ffffff1a calc(var(--option-height) * 3));mask-image:linear-gradient(#ffffff40 calc(var(--option-height) - 1px),#ffffff40 calc(var(--option-height) - 1px),#fff calc(var(--option-height) - 1px),#fff calc(var(--option-height) * 2 + 1px),#ffffff40 calc(var(--option-height) * 2 + 1px),#ffffff40 calc(var(--option-height) * 3),#ffffff1a calc(var(--option-height) * 3));background-image:linear-gradient(#0000 calc(var(--option-height) - 1px),oklch(var(--color-theme-oklch)) calc(var(--option-height) - 1px),oklch(var(--color-theme-oklch)) calc(var(--option-height)),#0000 calc(var(--option-height)),#0000 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),#0000 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}.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}.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}.input-label{position:absolute;opacity:0;width:0;height:0;display:inline}.label{text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);text-align:center;line-height:1em;gap:.5rem;outline:none;border:var(--border-width) solid oklch(var(--border-color-oklch))}.label:not(.multi){font-size:.8rem;padding:.5rem .8rem}.label.multi{font-size:.8em;justify-content:flex-start;text-align:initial;padding:.8rem 1rem;line-height:1.5em}.label>.input-control{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.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}