@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local(Roboto),url(/fonts/roboto-v30-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local(Roboto Italic),url(/fonts/roboto-v30-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local(Roboto Medium),url(/fonts/roboto-v30-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local(Roboto Medium Italic),url(/fonts/roboto-v30-latin-500italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local(Roboto Bold),url(/fonts/roboto-v30-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local(Roboto Bold Italic),url(/fonts/roboto-v30-latin-700italic.woff2)format("woff2")}*{font-size:100%;font:inherit;vertical-align:baseline;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,li{display:block}fieldset{min-inline-size:unset;margin-inline:0;padding-block:0;padding-inline:0}legend{padding-inline:0;padding:0 10px}button{color:inherit;background-color:#0000;border:none}button,label,input[type=checkbox]{cursor:pointer}html,body{scroll-snap-type:y proximity;overscroll-behavior-x:none;font-family:Roboto,sans-serif;font-size:1em;line-height:1.25;position:relative}main{width:100%;min-height:calc(100vh - 56px);margin:auto;display:block;position:relative}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;text-align:center;background-color:var(--surface)}:root{--primary:purple;--surface-tint:#9e2a9b;--on-primary:#fff;--primary-container:#921d90;--on-primary-container:#fff6f9;--secondary:#824b7c;--on-secondary:#fff;--secondary-container:#e6c2dc;--on-secondary-container:#5f2d5b;--tertiary:#6b0028;--on-tertiary:#fff;--tertiary-container:#a31d47;--on-tertiary-container:#fff8f7;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--background:#fff7f9;--on-background:#221920;--surface:#fff;--on-surface:#221920;--surface-variant:#f3dcec;--on-surface-variant:#52424e;--outline:#84727f;--outline-variant:#d6c0cf;--shadow:#000;--scrim:#000;--inverse-surface:#372d35;--inverse-on-surface:#fdecf6;--inverse-primary:#ffaaf3;--primary-fixed:#ffd7f5;--on-primary-fixed:#380038;--primary-fixed-dim:#ffaaf3;--on-primary-fixed-variant:#810181;--secondary-fixed:#ffd7f5;--on-secondary-fixed:#350634;--secondary-fixed-dim:#f4b2e9;--on-secondary-fixed-variant:#673463;--tertiary-fixed:#ffd9de;--on-tertiary-fixed:#3f0015;--tertiary-fixed-dim:#ffb2be;--on-tertiary-fixed-variant:#8e0739;--surface-dim:#dad7dd;--surface-bright:#f9f7ff;--surface-container-lowest:#fff;--surface-container-low:#fbf8fe;--surface-container:#f3f0f6;--surface-container-high:#edeaf1;--surface-container-highest:#e7e4ea;--warning-color:#e67e22;--layer-opacity:0;--elevation1:#0003 0px 2px 1px -1px, #00000024 0px 1px 1px 0px, #0000001f 0px 1px 3px 0px;--elevation2:#0003 0px 3px 3px -2px, #00000024 0px 3px 4px 0px, #0000001f 0px 1px 8px 0px;--elevation3:#0003 0px 3px 5px -1px, #00000024 0px 6px 10px 0px, #0000001f 0px 1px 18px 0px}:focus,input:focus-visible{outline:none}svg,use{vertical-align:middle;pointer-events:none;aspect-ratio:1;height:24px}a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=tel],input[type=search]{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{appearance:textfield}input[type=range]{cursor:pointer;accent-color:var(--primary)}input[type=range]::-webkit-slider-thumb{border:10px solid var(--primary);border-radius:50%}.link{cursor:pointer;color:var(--primary);text-decoration:none;transition:color .2s ease-in}.hidden{display:none}label:has(>.clearable){width:fit-content;display:block;position:relative}.clearinput{top:50%;right:8px;translate:0 -50%;position:absolute!important}a{color:unset;text-decoration:none}body,a{color:var(--on-surface);fill:var(--on-surface-variant)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--outline-variant) transparent;scrollbar-width:thin}}::-webkit-scrollbar{background-color:#0000;width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest);border-radius:4px}:disabled{pointer-events:none}.bigger-target{position:relative;overflow:visible}.bigger-target:before{content:"";inset-inline:calc(var(--target-inline) * -1);inset-block:calc(var(--target-block) * -1);z-index:1;position:absolute}.show-scrollable{position:relative}.show-scrollable:before,.show-scrollable:after{content:"";z-index:4;grid-column:1/-1;transition:box-shadow .3s;display:none;position:sticky;box-shadow:0 0 #0000}.show-scrollable:before{top:0}.show-scrollable:after{bottom:0}.scrollable-up:before,.scrollable-down:after{box-shadow:0 0 60px 60px var(--surface);display:block}.cesure{display:inline-block}.sortable{position:relative}.sortable li{width:100%;transition:top .3s;position:relative}.drag-clone{pointer-events:none;opacity:.7;z-index:50;flex-direction:column;display:flex;position:absolute}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes show{to{opacity:1}}svg.loading{opacity:0;animation:1.5s linear infinite loading,0s .2s forwards show}.sticking{z-index:2;transition:box-shadow .2s ease-in-out;box-shadow:0 2px 10px #00000026;border-radius:0!important}@keyframes shake{33%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(4px)}66%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(-4px)}}div:has(>.input-text){width:min(100%,328px);position:relative}div:has(>.input-text):has(>.half){width:154px}@media (width<450px){div:has(>.input-text){width:100%}}div:has(>.input-text) .prefix{height:56px;color:var(--outline);fill:var(--outline);z-index:3;pointer-events:none;line-height:56px;display:none;position:absolute;top:0;left:16px}div:has(>.input-text) .prefix:has(~.input-text){left:16px}div:has(>.input-text) .prefix:has(~:is(input,textarea):is(:focus,:autofill,:not(:placeholder-shown))){display:block}div:has(>.input-text) .prefix:has(~:is(.alert-icon,.warning-icon)){display:none}div:has(>.input-text) .prefix:not(:empty)~.input-text{padding-left:34px}div:has(>.input-text) button:has(~.input-text){width:56px;height:100%;position:absolute;top:0;left:0}div:has(>.input-text) button~.input-text{padding-left:56px}div:has(>.input-text) label{max-width:calc(100% - 24px);height:56px;color:var(--on-surface-variant);background:linear-gradient(var(--surface), var(--surface));pointer-events:none;cursor:text;background-position:33.33%;background-repeat:no-repeat;background-size:0;align-items:center;padding:0 4px;transition-property:left,top,padding,font-size,color,background-size,background-position,height;transition-duration:.3s;display:flex;position:absolute;top:50%;left:12px;translate:0 -50%}div:has(>.input-text) label:has(~textarea){top:0;translate:none}div:has(>.input-text) label:has(~:is(input,textarea):is(:focus,:autofill,:not(:placeholder-shown))){text-overflow:ellipsis;white-space:nowrap;background-size:100%;height:12px;font-size:12px;transition-property:left,top,padding,font-size,color,background-size,background-position;top:1px;overflow:hidden}div:has(>.input-text) label:has(~:is(input,textarea).md-icon:is(:focus,:autofill,:not(:placeholder-shown))){left:16px}div:has(>.input-text) label:has(~:is(input,textarea):not(:is(:focus,:autofill,:not(:placeholder-shown)))):has(~button){max-width:calc(100% - 64px)}div:has(>.input-text) label:has(~textarea:is(:focus,:autofill,:not(:placeholder-shown))){transition-property:left,top,padding,font-size,color,background-position,height;top:-5px}div:has(>.input-text) label:has(~:is(input,textarea):focus){color:var(--primary)}div:has(>.input-text) label:has(~.input-text:disabled){color:#49454f61}div:has(>.input-text) label:has(~.invalid){color:var(--error);animation:.25s shake}div:has(>.input-text) label:has(~.invalid:is(:focus,:autofill,:not(:placeholder-shown))){color:var(--error)}div:has(>.input-text) label:has(~.warning){color:var(--warning-color);animation:.25s shake}div:has(>.input-text) label:has(~.warning:is(:focus,:autofill,:not(:placeholder-shown))){color:var(--warning-color)}div:has(>.input-text) button~label:has(~:is(input,textarea):not(:is(:focus,:autofill,:not(:placeholder-shown)))){left:56px}div:has(>.input-text) textarea{field-sizing:content}div:has(>.input-text) .input-text{width:100%;min-height:56px;box-shadow:0px 0px 0px 1px var(--outline) inset;color:var(--on-surface);caret-color:var(--primary);background-color:#0000;border-radius:4px;padding:14px 16px;line-height:24px;transition:box-shadow .2s;display:block}div:has(>.input-text) .input-text.password{-webkit-text-security:disc}div:has(>.input-text) .input-text:not(:focus)::placeholder{color:#0000}div:has(>.input-text) .input-text:has(~button){padding-right:56px}div:has(>.input-text) .input-text:has(~.suffix:not(:empty)){padding-right:34px}div:has(>.input-text) .input-text:disabled{opacity:.38}div:has(>.input-text) .input-text:focus{box-shadow:0px 0px 0px 2px var(--primary) inset}div:has(>.input-text) .input-text:-webkit-autofill{-webkit-text-fill-color:var(--on-surface);transition:background-color 9999s}div:has(>.input-text) .input-text:-webkit-autofill:hover{-webkit-text-fill-color:var(--on-surface);transition:background-color 9999s}div:has(>.input-text) .input-text:-webkit-autofill:focus{-webkit-text-fill-color:var(--on-surface);transition:background-color 9999s}div:has(>.input-text) .input-text:-webkit-autofill:active{-webkit-text-fill-color:var(--on-surface);transition:background-color 9999s}div:has(>.input-text) .input-text.invalid~.alert-icon,div:has(>.input-text) .input-text.warning~.warning-icon{z-index:4;position:absolute;top:50%;right:16px;translate:0 -50%}div:has(>.input-text) .input-text.invalid~.alert-message,div:has(>.input-text) .input-text.warning~.warning-message{background-color:var(--surface);z-index:4;text-align:left;width:100%;font-size:12px;position:absolute;top:calc(100% + 4px);left:12px}div:has(>.input-text) .input-text.invalid{box-shadow:0px 0px 0px 1px var(--error) inset;caret-color:var(--error)}div:has(>.input-text) .input-text.invalid:focus{box-shadow:0px 0px 0px 2px var(--error) inset}div:has(>.input-text) .input-text.invalid~.alert-icon,div:has(>.input-text) .input-text.invalid~button{fill:var(--error)}div:has(>.input-text) .input-text.warning{box-shadow:0px 0px 0px 1px var(--warning-color) inset}div:has(>.input-text) .input-text.warning:focus{box-shadow:0px 0px 0px 2px var(--warning-color) inset}div:has(>.input-text) .input-text.warning~.warning-icon,div:has(>.input-text) .input-text.warning~button{fill:var(--warning-color)}div:has(>.input-text) .suffix{height:56px;color:var(--outline);z-index:3;pointer-events:none;line-height:56px;position:absolute;top:0;right:16px}div:has(>.input-text) .suffix:has(~:is(.alert-icon,.warning-icon)){visibility:hidden}div:has(>.input-text) .input-text:is(:focus,:autofill,:not(:placeholder-shown))~.suffix{display:block}div:has(>.input-text) .input-text~button{width:56px;height:100%;position:absolute;top:0;right:0}div:has(>.input-text) .alert-message{color:var(--error)}div:has(>.input-text) .warning-message{color:var(--warning-color)}div:has(>.input-text) .support-text{color:var(--on-surface-variant);font-size:12px;display:none;position:absolute;top:calc(100% + 4px);left:12px}div:has(>.input-text) .input-text:focus~.support-text{display:block}.md-icon,.md-icon-text,.md-text,.md-fab,.text-only{transition:border-radius .35s cubic-bezier(.42,1.67,.21,.9);position:relative}:is(.md-icon,.md-icon-text,.md-text,.md-fab,.text-only):after{content:"";background-color:var(--layer-color);opacity:var(--layer-opacity);pointer-events:none;border-radius:inherit;transition:opacity .2s;position:absolute;inset:0}a.md-icon{justify-content:center;align-items:center;display:flex}.md-icon{aspect-ratio:1;--target-inline:4px;--target-block:4px;border-radius:50%;flex-shrink:0;height:40px}@media (hover:hover) and (pointer:fine){.md-icon:hover{--layer-color:var(--on-surface-variant);--layer-opacity:.08}}.md-icon:is(:active,:focus-visible,:has(+.mini-menu):focus){--layer-color:var(--on-surface-variant);--layer-opacity:.1}.md-icon:disabled svg{fill:var(--on-surface);opacity:.38}.md-icon-text,.md-text{--target-inline:4px;--target-block:5px;border-radius:20px;justify-content:center;align-items:center;min-height:40px;padding:0 1rem;font-size:14px;font-weight:500;text-decoration:none;display:flex}:is(.md-icon-text,.md-text).md-icon-text{gap:8px;padding-left:16px}:is(.md-icon-text,.md-text).md-icon-text svg{flex-shrink:0;width:20px}:is(.md-icon-text,.md-text).filled{background-color:var(--primary);color:var(--on-primary);fill:var(--on-primary)}@media (hover:hover) and (pointer:fine){:is(.md-icon-text,.md-text).filled:hover{--layer-color:var(--on-primary);--layer-opacity:.08;box-shadow:var(--elevation1)}}:is(.md-icon-text,.md-text).filled:is(:active,:focus-visible){--layer-color:var(--on-primary);--layer-opacity:.1}:is(.md-icon-text,.md-text).filled:disabled{background-color:color-mix(in srgb, var(--on-surface) 12%, transparent 88%);color:color-mix(in srgb, var(--on-surface) 38%, transparent 62%);fill:color-mix(in srgb, var(--on-surface) 38%, transparent 62%)}:is(.md-icon-text,.md-text).outlined{background-color:var(--surface);color:var(--on-surface-variant);fill:var(--on-surface-variant);border:1px solid var(--outline-variant)}@media (hover:hover) and (pointer:fine){:is(.md-icon-text,.md-text).outlined:hover{--layer-color:var(--primary);--layer-opacity:.08}}:is(.md-icon-text,.md-text).outlined:is(:active,:focus-visible){border:1px solid var(--primary);--layer-color:var(--primary);--layer-opacity:.1}:is(.md-icon-text,.md-text).outlined:disabled{border:1px solid color-mix(in srgb, var(--on-surface) 12%, transparent 88%);color:color-mix(in srgb, var(--on-surface) 38%, transparent 62%);fill:color-mix(in srgb, var(--on-surface) 38%, transparent 62%);background-color:#0000}:is(.md-icon-text,.md-text).outlined[aria-selected=true]{background-color:var(--inverse-surface);color:var(--inverse-on-surface);border-radius:12px}.text-only{--target-inline:4px;--target-block:5px;background-color:var(--surface);min-width:56px;min-height:40px;color:var(--primary);fill:var(--primary);border-radius:20px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.text-only:hover{--layer-color:var(--primary);--layer-opacity:.08}}.text-only:is(:active,:focus-visible){--layer-color:var(--primary);--layer-opacity:.1}.md-fab{background-color:var(--primary);height:40px;color:var(--surface);border-radius:4px;padding:0 16px;line-height:40px;text-decoration:none;transition-property:box-shadow,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.1,.1,0,1);position:relative}@media (hover:hover) and (pointer:fine){.md-fab:hover{--layer-color:var(--primary);--layer-opacity:.08;box-shadow:0 1px 2px #423f3f4d,0 1px 3px 1px #423f3f26}}.md-fab:is(:active,:focus-visible){--layer-color:var(--primary);--layer-opacity:.1;box-shadow:0 1px 2px #423f3f4d,0 2px 6px 2px #423f3f26}label:has(~[role=listbox]){transition-delay:.15s}div:has([role=combobox]) button.clearinput{width:40px;height:40px;top:28px;right:56px}[role=combobox]~button svg{transition:rotate .3s}[role=combobox]~button:has(+[role=listbox]) svg{rotate:180deg}[role=combobox]~[role=listbox]{background-color:var(--surface);z-index:9;width:100%;min-height:48px;color:var(--on-surface);fill:var(--on-surface);box-shadow:var(--elevation2);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute}[role=combobox]~[role=listbox] ul{width:100%;overflow:auto}[role=combobox]~[role=listbox] ul li{white-space:nowrap;text-overflow:ellipsis;background-color:var(--surface);cursor:pointer;align-items:center;gap:10px;height:48px;padding:0 12px;display:flex;position:relative;overflow:hidden}[role=combobox]~[role=listbox] ul li:after{content:"";background-color:var(--layer-color);opacity:var(--layer-opacity);pointer-events:none;transition:opacity .2s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){[role=combobox]~[role=listbox] ul li:hover{--layer-color:var(--on-surface);--layer-opacity:.08}}[role=combobox]~[role=listbox] ul li img{height:32px}[role=combobox]~[role=listbox] ul li[aria-selected=true]{background-color:var(--secondary-container)}[role=combobox]~[role=listbox]:not(:has(ul)){padding:1rem}.modal-for-listbox{background:var(--surface);z-index:9;width:100vw;height:100dvh;position:fixed;inset:0}.modal-for-listbox button:first-child{position:absolute;top:16px;left:8px}.modal-for-listbox input{background-color:var(--surface);width:100%;height:72px;color:var(--on-surface);border-bottom:1px solid var(--outline);padding:0 56px}.modal-for-listbox input::placeholder{color:var(--on-surface-variant)}.modal-for-listbox .clearinput{top:16px;translate:0}.modal-for-listbox>div{box-shadow:none;height:calc(100% - 72px);top:72px}.modal-for-listbox>div ul{height:100%;max-height:100%}.modal-for-listbox>div ul li{height:64px}.input-date.active-dock{box-shadow:0px 0px 0px 2px var(--primary) inset}.input-date.active-dock.invalid{box-shadow:0px 0px 0px 2px var(--error) inset}.input-date.active-dock.warning{box-shadow:0px 0px 0px 2px var(--warning-color) inset}.input-date.active-dock~.support-text{display:block}.date-button{width:154px;height:56px;box-shadow:0px 0px 0px 1px var(--outline) inset;color:var(--on-surface);border-radius:4px;justify-content:space-between;line-height:24px;display:flex;position:relative}.date-button+div:has(.half){width:min(50% - 10px,154px)}@media (width<450px){.date-button+div:has(.half){width:calc(50% - 10px)}}.date-button:has(+div:has(>.half)){width:min(50% - 10px,154px)}@media (width<450px){.date-button:has(+div:has(>.half)){width:calc(50% - 10px)}}.date-button svg{position:absolute;top:16px;left:12px}.date-button div{max-width:calc(100% - 24px);height:56px;color:var(--on-surface-variant);background:linear-gradient(var(--surface), var(--surface));pointer-events:none;background-position:33.33%;background-repeat:no-repeat;background-size:0;align-items:center;padding-right:4px;transition-property:left,top,padding,font-size,color,background-size,background-position,height;transition-duration:.3s;display:flex;position:absolute;top:50%;left:48px;translate:0 -50%}.date-button div:has(+span:not(:empty)){text-overflow:ellipsis;white-space:nowrap;background-size:100%;height:12px;padding:0 4px;font-size:12px;transition-property:left,top,padding,font-size,color,background-size,background-position;top:1px;left:12px;overflow:hidden}.date-button span{pointer-events:none;position:absolute;top:16px;left:52px}.date-button.mirror svg{left:unset;right:12px}.date-button.mirror div{left:12px}.date-button.mirror div:has(+span:not(:empty)){left:12px;right:unset}.date-button.mirror span{left:16px}.date-button:disabled{opacity:.38}#pick-date{box-shadow:var(--elevation3);border-radius:16px;max-width:327px;padding:12px;position:relative}#pick-date.dock{visibility:visible;background-color:var(--surface);z-index:5;flex-direction:column;width:100%;height:428px;display:flex;position:absolute;top:calc(100% + 19px)}#pick-date .month-year{gap:4px;width:100%;display:flex}#pick-date .month-year button{min-width:40px;height:40px;font-size:14px;font-weight:500}#pick-date .month-year button.minus-year{margin-left:auto}:is(#pick-date .month-year .pick-month,#pick-date .month-year .pick-year) span{pointer-events:none}:is(#pick-date .month-year .pick-month,#pick-date .month-year .pick-year) svg{height:18px;margin-left:4px;transition:rotate .4s}:is(#pick-date .month-year .pick-month,#pick-date .month-year .pick-year).open svg{rotate:180deg}#pick-date .week-days{gap:3px;width:303px;padding:13px 0 8px;display:flex}#pick-date .week-days div{aspect-ratio:1;justify-content:center;align-items:center;width:40px;display:flex}#pick-date .days{width:303px;height:255px;padding-bottom:8px;position:relative;overflow:hidden}#pick-date .days ol{grid-template-columns:repeat(7,40px);gap:3px;min-width:100%;transition:left .35s ease-out,right .35s ease-out;display:grid;position:absolute;left:0}#pick-date .days ol li{aspect-ratio:1;text-align:center;cursor:pointer;border-radius:50%;height:40px;line-height:40px;transition:color .15s,background-color .15s}#pick-date .days ol li.current{border:1px solid var(--primary)}#pick-date .days ol li.active{background-color:var(--primary);color:var(--surface)}#pick-date .days ol li.disabled{color:var(--outline-variant);pointer-events:none}#pick-date .month-list,#pick-date .year-list{background-color:var(--surface);border-top:1px solid var(--outline-variant);width:100%;height:calc(100% - 65px);padding-top:20px;position:absolute;top:65px;overflow:auto}#pick-date .month-list li{cursor:pointer;align-items:center;width:max-content;min-width:100%;height:48px;padding:0 16px 0 56px;display:flex}#pick-date .month-list li.active{padding-left:16px}#pick-date .month-list li.active svg{margin-right:16px}@media (hover:hover) and (pointer:fine){#pick-date .month-list li:hover{background-color:var(--outline-variant)}}#pick-date .year-list{flex-wrap:wrap;gap:20px 5%;padding:0 16px;display:flex}#pick-date .year-list li{text-align:center;cursor:pointer;width:30%;height:40px;line-height:40px}#pick-date .year-list li.active{background-color:var(--primary);color:var(--surface);border-radius:20px}#pick-date footer{gap:12px;width:100%;margin-top:auto;padding:0;display:flex}#pick-date footer #cancel-date{margin-left:auto}.modal-container{z-index:7;overscroll-behavior:none;background-color:#0000;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:fixed;inset:0}.modal-container.open{background-color:#00000080}@media print{.modal-container.open{background-color:#0000}}.modal-container.open .modal{visibility:visible;translate:0}.modal{visibility:hidden;background-color:var(--surface);border-radius:1rem;flex-direction:column;align-items:center;width:100%;max-height:90dvh;margin:10px;display:flex;overflow:auto;translate:0;container:modal/inline-size}.left-side,.right-side{visibility:visible;border-radius:0;width:calc(100vw - 80px);max-width:400px;min-height:100%;margin:0;transition:translate .3s;position:relative;overflow:hidden}.left-side{margin-right:auto;translate:-100%}.right-side{margin-left:auto;translate:100%}@media (width<450px){.mobile-full{width:100%;height:100%;margin:0;border-radius:initial!important;max-width:100%!important;max-height:100dvh!important}.modal-container.open:has(.mobile-full){background-color:#0000}}.modal>header{justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex}.modal .closecross{width:40px;height:40px}.modal>footer{padding:24px}.modal>button{min-height:40px;margin:auto auto 24px}.md-segmented{border:1px solid var(--outline);border-radius:20px;grid-auto-columns:1fr;grid-auto-flow:column;width:max-content;min-width:280px;max-width:100%;font-size:14px;font-weight:500;display:grid;overflow:hidden}.md-segmented label{text-align:center;height:38px;color:var(--on-surface);fill:var(--on-surface);justify-content:center;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.md-segmented label:after{content:"";background-color:var(--layer-color);opacity:var(--layer-opacity);pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.md-segmented label:not(:last-of-type){border-right:1px solid #79747e}.md-segmented label:has(+input:checked){background-color:var(--secondary-container);color:var(--on-secondary-container);fill:var(--on-secondary-container)}.md-segmented label:has(+input:is(:active,:focus-visible)){--layer-color:var(--on-surface);--layer-opacity:.1}.md-segmented label:has(+input:checked:is(:active,:focus-visible)){--layer-color:var(--on-secondary-container);--layer-opacity:.1}.md-segmented label>div{aspect-ratio:1;flex-shrink:0;width:18px;position:relative}.md-segmented label>div svg{height:18px;transition:opacity .25s,clip-path .25s;position:absolute;top:0;left:0}.md-segmented label>div svg:last-child{clip-path:inset(0)}.md-segmented input{appearance:none;max-width:0;position:absolute}@media (hover:hover) and (pointer:fine){.md-segmented label:hover{--layer-color:var(--on-surface);--layer-opacity:.08}.md-segmented label:has(+input:checked):hover{--layer-color:var(--on-secondary-container);--layer-opacity:.08}}.md-segmented svg:first-child{opacity:1}.md-segmented label:has(+input:checked) svg:last-child{opacity:1}.md-segmented svg:last-child{opacity:0}.md-segmented label:has(+input:checked) svg:first-child{opacity:0}:is(.md-segmented label:has(+input:checked) svg:last-child,.md-segmented label:has(+input:not(:checked)) svg:first-child){transition-delay:.2s}.md-segmented label:has(+input:not(:checked)) svg:last-child{clip-path:inset(0 18px 0 0)}.helper{aspect-ratio:1;width:40px;fill:var(--outline)}#tooltip,.help{visibility:hidden;opacity:0;pointer-events:none;background-color:var(--inverse-surface);text-wrap:wrap;width:max-content;max-width:300px;min-height:24px;color:var(--inverse-on-surface);z-index:99;border-radius:.25rem;padding:4px 8px;font-size:13px;transition:opacity .13s;position:fixed}:is(#tooltip,.help).visible{visibility:visible;opacity:1}#tooltip .helper-text{display:none;position:fixed}.helper-text.visible{display:block}body{width:100%;max-width:450px;margin:auto}header{text-align:center;grid-template-columns:40px auto 40px;align-items:center;margin:auto;padding:20px;font-size:18px;font-weight:500;display:grid}@media (height>1000px){header{padding-top:40px}}header button{left:-8px}header h1{grid-column:2;justify-content:center;align-items:center;height:40px;display:flex}main{min-height:calc(100vh - 80px);display:grid}main>div{flex-direction:column;grid-area:1/1;gap:20px;padding:20px;display:flex}main>div+div{display:none}main>div:first-child .party-date{gap:30px 20px;display:flex}main>div:first-child .party-date>div{flex-grow:9;position:relative}main>div:first-child .party-date>div svg{position:absolute;top:16px;left:16px}main>div:first-child .party-date>div input{padding-left:56px}main>div:first-child #date{flex-grow:9}main>div:first-child .times{min-height:100px;color:var(--outline);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));justify-content:center;gap:24px 10px;display:grid}main>div:first-child .times div{grid-column:1/-1;padding:20px 0}main>div:first-child .times button{border:1px solid var(--outline-variant);height:40px;color:var(--primary);--target-inline:5px;--target-block:12px;border-radius:8px;justify-content:center;align-items:center;font-weight:500;display:flex}main>div:first-child .times button:hover{background-color:#80008014}main>div:first-child .times button:disabled{color:var(--on-surface);opacity:.38}main>div:first-child .times .no-seats{width:max-content;color:var(--error)}main>div:first-child .md-segmented{width:100%;margin-top:20px}main>div:nth-child(2){z-index:2;background-color:#fff;flex-direction:column;gap:30px;display:flex}main>div:nth-child(2)>div{width:100%}main>div:nth-child(2)>div:first-child,main>div:nth-child(2)>div:nth-child(2){gap:1.5rem;font-weight:500;display:flex}:is(main>div:nth-child(2)>div:first-child,main>div:nth-child(2)>div:nth-child(2)) div div{color:var(--outline);margin-top:4px;font-size:14px;font-weight:400}main>div:nth-child(2)>div:has(#name){margin-top:20px}main>div:nth-child(2) textarea{field-sizing:unset;margin-bottom:20px}main>div:nth-child(2)>button{margin-top:auto}.full,.no-reserve{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:40px;font-weight:500;line-height:24px;display:flex}:is(.full,.no-reserve) svg{height:120px;fill:var(--outline-variant)}.result{text-align:center;flex-direction:column;flex-grow:9;justify-content:center;align-items:center;gap:40px;width:100%;margin-bottom:60px;padding:24px;display:flex;position:relative}.result>svg{height:140px}.result.success,.result.pending{gap:0}:is(.result.success,.result.pending)>p:nth-child(2){padding:20px 0;font-size:18px;font-weight:500}:is(.result.success,.result.pending)>p:nth-child(3){color:var(--outline);font-size:14px}:is(.result.success,.result.pending)>p:nth-child(4){margin-top:4px;font-size:14px}:is(.result.success,.result.pending)>div:first-of-type{border-block:1px solid var(--outline-variant);width:max-content;min-width:150px;color:var(--outline);flex-direction:column;align-items:center;gap:4px;margin:40px 0;padding:20px 0;display:flex}:is(.result.success,.result.pending)>div:first-of-type p:first-child{color:#000;font-weight:500}:is(.result.success,.result.pending)>div:last-of-type{justify-content:center;gap:50px;display:flex}:is(.result.success,.result.pending)>div:last-of-type a{fill:var(--primary);color:var(--primary);flex-direction:column;align-items:center;gap:10px;font-weight:500;text-decoration:none;display:flex}:is(.result.success,.result.pending)>div:last-of-type div{aspect-ratio:1;border:1px solid var(--outline-variant);border-radius:50%;justify-content:center;align-items:center;height:50px;display:flex}:is(.result.success,.result.pending)>div:last-of-type svg{height:30px}.result.cancel p{font-weight:500}.result.success>svg,.result.cancel>svg{fill:green}.result.pending>svg{fill:#ff8c00}.result.error>svg{fill:var(--error)}.result svg.loading{fill:var(--primary)}