date-element{--element-height:35px;--element-font-size:12pt;--element-label-font-size:var(--element-font-size);--element-label-left:.25rem;--element-pre-post-width:calc(var(--element-height) + .25rem)}date-element div.element-container{background-color:var(--form-element-background-color);color:var(--form-element-color-color);width:100%;max-height:var(--element-height);height:var(--element-height);flex-direction:row;align-items:center;margin-top:2rem;transition:all .25s ease-in-out;display:flex;position:relative}date-element div.element-container:has(.pre){--element-label-left:calc(var(--element-pre-post-width) + .25rem)}date-element div.element-container .pre,date-element div.element-container .post{width:var(--element-pre-post-width);height:var(--element-height);background-color:var(--form-element-background-color);color:var(--form-element-color-color);place-items:center;font-size:18pt;display:grid}date-element div.element-container .controllers{height:var(--element-height);width:calc(var(--element-height) / 1.5);flex-direction:column;padding-right:.5rem;display:flex;position:absolute;right:0;overflow:hidden}date-element div.element-container .controllers button{background-color:var(--form-element-background-color);width:100%;color:var(--form-element-color-color);cursor:pointer;border:none;outline:none;place-items:center;display:grid}date-element div.element-container .controllers button:hover{background-color:rgba(var(--primary-rgb), .1)}date-element div.element-container input{opacity:0;z-index:-1;width:0;height:0;position:absolute;top:0;left:0}date-element div.element-container label{color:inherit;left:var(--element-label-left);font-size:var(--element-label-font-size);pointer-events:none;height:var(--element-height);box-shadow:none;background-color:#0000;flex-direction:row;justify-content:start;align-items:center;gap:.25rem;padding-left:.25rem;display:inline-flex;position:absolute;top:0}date-element div.element-container label .label{justify-content:start;align-items:center;width:100%;height:100%;display:flex;position:relative}date-element div.element-container label{transition:all .25s ease-in-out}date-element div.element-container label span.required{color:var(--error)}date-element div.element-container:has(input:where([required]):invalid){box-shadow:0px 0px 1rem .25rem rgba(var(--error-rgb), .4);--box-shadow-color:rgba(var(--error-rgb), .4)}date-element div.element-container:has(input[valued]) label{height:calc(var(--element-height) / 1.5);font-size:calc(var(--element-font-size) * .9);top:calc(0px - var(--element-height) / 1.5);background-color:var(--form-element-background-color);color:var(--form-element-color-color);box-shadow:0px -2px .2rem 0px var(--box-shadow-color);padding-left:1rem;padding-right:1rem;left:0}date-element div.element-container:has(input[valued]) label .label:after{content:"";width:calc(var(--element-height) / 1.5);height:calc(var(--element-height) / 1.5);position:absolute}date-element div.element-container>a.date-picker{text-align:left;color:#000;justify-content:start;align-items:center;width:100%;height:100%;text-decoration:none;display:flex;margin:0!important;padding:0!important}date-element div.element-container>a.date-picker span{-webkit-user-select:none;user-select:none;width:100%;margin:0;padding-left:.5rem}date-element div.element-container>a.date-picker:hover,date-element div.element-container>a.date-picker:focus,date-element div.element-container>a.date-picker:active{background-color:var(--input-hover-background);color:var(--input-hover-text);box-shadow:none!important;outline:none!important}date-element div.element-container>div.date-picker-container{box-shadow:0px 0px 1rem .25rem rgba(var(--tertiary-text-rgb), .4)}date-element div.element-container>div.date-picker-container:not(.show){display:none!important}:is(date-element div.element-container>div.date-picker-container:has(.date-picker-body:where([type=time],[type=year])) a.prev,date-element div.element-container>div.date-picker-container:has(.date-picker-body:where([type=time],[type=year])) a.next){opacity:.3;cursor:not-allowed;pointer-events:none}date-element div.element-container>div.date-picker-container:has(.date-picker-body:where([type=time],[type=year])) a.prev:after{content:"";background-color:rgba(var(--error-rgb), .2);border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}date-element div.element-container>div.date-picker-container:has(.date-picker-body:where([type=time],[type=year])) a.next:after{content:"";background-color:rgba(var(--error-rgb), .2);border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}date-element div.element-container>div.date-picker-container{--dp-br:1rem;background-color:var(--secondary);width:270px;max-width:350px;height:360px;color:var(--secondary-text);z-index:1;border-radius:var(--dp-br);border:1px solid var(--secondary-light);border-top-left-radius:0;border-top-right-radius:0;position:absolute;top:100%;left:0}date-element div.element-container>div.date-picker-container>div{width:100%}date-element div.element-container>div.date-picker-container>div:first-child{border-top-left-radius:var(--dp-br);border-top-right-radius:var(--dp-br)}date-element div.element-container>div.date-picker-container>div:last-child{border-bottom-left-radius:var(--dp-br);border-bottom-right-radius:var(--dp-br)}date-element div.element-container>div.date-picker-container div.date-picker-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;height:40px;padding-left:.5rem;padding-right:.5rem;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-header a{height:30px;color:inherit;border-radius:5px;text-decoration:none}date-element div.element-container>div.date-picker-container div.date-picker-header a:hover{background-color:var(--secondary-light);color:var(--secondary-light-text)}date-element div.element-container>div.date-picker-container div.date-picker-header .prev,date-element div.element-container>div.date-picker-container div.date-picker-header .next{justify-content:center;align-items:center;width:40px;height:30px;font-size:15pt;display:flex;position:relative}date-element div.element-container>div.date-picker-container div.date-picker-header .prev.disabled,date-element div.element-container>div.date-picker-container div.date-picker-header .next.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}date-element div.element-container>div.date-picker-container div.date-picker-header .prev.disabled:after,date-element div.element-container>div.date-picker-container div.date-picker-header .next.disabled:after{content:"";background-color:rgba(var(--error-rgb), .4);border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}date-element div.element-container>div.date-picker-container div.date-picker-header div.current-month,date-element div.element-container>div.date-picker-container div.date-picker-header div.current-year{border-radius:5px;height:30px}date-element div.element-container>div.date-picker-container div.date-picker-header div.current-month a,date-element div.element-container>div.date-picker-container div.date-picker-header div.current-year a{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;padding-left:.5rem;padding-right:.5rem;font-size:11pt;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day]{flex-direction:column;height:280px;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-header{background-color:var(--secondary);grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(7,1fr);width:100%;height:40px;display:grid}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-header>span{justify-content:center;align-items:center;width:100%;height:100%;font-size:10pt;display:flex;position:relative}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-header>span:not(:last-child):after{content:"";background-color:var(--secondary-text);width:1px;height:30px;position:absolute;top:5px;right:0}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);width:100%;height:calc(100% - 40px);display:grid}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a{width:100%;height:100%;color:inherit;text-align:center;border-radius:5px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a span{-webkit-user-select:none;user-select:none;border:1px solid rgba(var(--secondary-text-rgb), .2);border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a:not(.current)>span{opacity:.1;cursor:default}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a.today{border:2px solid var(--quaternary)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a.selected{background-color:var(--success);color:var(--success-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a.disabled:after{content:"";background-color:#f006;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}date-element div.element-container>div.date-picker-container div.date-picker-body[type=day] .dpb-body>a:hover:not(.selected){background-color:var(--secondary-hover);color:var(--secondary-hover-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(2,1fr);width:100%;height:280px;display:grid}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body>a{width:100%;height:100%;color:inherit;text-align:center;border-radius:5px;justify-content:center;align-items:center;text-decoration:none;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body>a span{-webkit-user-select:none;user-select:none;border:1px solid rgba(var(--secondary-text-rgb), .2);border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body>a:hover:not(.selected){background-color:var(--secondary-light);color:var(--secondary-light-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body>a.current{border:2px solid var(--secondary)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body>a.selected{background-color:var(--success);color:var(--success-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=month] .dpb-body>a.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body{grid-template-columns:repeat(1,1fr);width:100%;height:280px;max-height:280px;display:grid;overflow-y:auto}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body::-webkit-scrollbar{display:none}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body>a{width:100%;height:40px;color:inherit;text-align:center;border-radius:5px;justify-content:center;align-items:center;text-decoration:none;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body>a span{-webkit-user-select:none;user-select:none;border:1px solid rgba(var(--secondary-text-rgb), .2);border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body>a.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body>a:not(.selected):hover{background-color:var(--secondary-light);color:var(--secondary-light-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body>a.this-year{border:2px solid var(--secondary)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=year] .dpb-body>a.selected{background-color:var(--success);color:var(--success-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body{flex-direction:column;width:100%;height:280px;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections-header{justify-content:center;align-items:center;width:100%;height:30px;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections-header>span{justify-content:center;align-items:center;width:33.3333%;max-width:33.3333%;height:100%;font-size:10pt;display:flex;position:relative}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections{justify-content:center;width:100%;height:210px;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection{scrollbar-width:none;width:33.3333%;max-width:33.3333%;max-height:240px;overflow-y:hidden}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection::-webkit-scrollbar{display:none!important}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection{flex-direction:column;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection>a{width:100%;color:inherit;text-align:center;border-radius:5px;justify-content:center;align-items:center;text-decoration:none;display:flex;height:40px!important;min-height:40px!important}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection>a.selected{background-color:var(--success);color:var(--success-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection>a.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection>a span{-webkit-user-select:none;user-select:none;border:1px solid rgba(var(--secondary-text-rgb), .2);border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.selections div.selection>a:hover{background-color:var(--secondary-light);color:var(--secondary-light-text)}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.controllers{justify-content:space-between;align-items:center;height:40px;padding:.25rem;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-body[type=time] .dpb-body div.controllers button{justify-content:center;align-items:center;height:30px;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-footer{justify-content:space-between;align-items:center;height:40px;padding:.25rem;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-footer button{justify-content:center;align-items:center;height:30px;display:flex}date-element div.element-container>div.date-picker-container div.date-picker-footer button.today{border-bottom-left-radius:13px!important}date-element div.element-container>div.date-picker-container div.date-picker-footer button.close{border-bottom-right-radius:13px!important}@container input-container (width<=100px){label{left:0!important}.pre,.post{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}address-element{--element-height:35px;--element-font-size:12pt;--element-label-font-size:var(--element-font-size);--element-label-left:.25rem;--element-pre-post-width:calc(var(--element-height) + .25rem);height:var(--element-height)}address-element .input-container{background-color:var(--form-element-background-color);color:var(--form-element-color-color);width:100%;max-height:var(--element-height);height:var(--element-height);flex-direction:row;justify-content:start;align-items:center;margin-top:2rem;transition:all .25s ease-in-out;display:flex;position:relative}address-element .input-container:has(.pre){--element-label-left:calc(var(--element-pre-post-width) + .25rem)}address-element .input-container .pre,address-element .input-container .post{width:var(--element-pre-post-width);height:var(--element-height);background-color:var(--form-element-background-color);color:var(--form-element-color-color);place-items:center;font-size:18pt;display:grid}address-element .input-container .address-display{width:100%;height:100%}address-element .input-container .address-trigger{cursor:pointer;align-items:center;width:100%;height:100%;padding-left:.5rem;display:flex}address-element .input-container label{color:inherit;left:var(--element-label-left);font-size:var(--element-label-font-size);pointer-events:none;height:var(--element-height);box-shadow:none;background-color:#0000;flex-direction:row;justify-content:start;align-items:center;gap:.25rem;padding-left:.25rem;display:inline-flex;position:absolute;top:0}address-element .input-container label .label{justify-content:start;align-items:center;width:100%;height:100%;display:flex;position:relative}address-element .input-container label{transition:all .25s ease-in-out}address-element .input-container label span.required{color:var(--error)}address-element .input-container:has(>.address-trigger.valued) label{height:calc(var(--element-height) / 1.5);font-size:calc(var(--element-font-size) * .9);top:calc(0px - var(--element-height) / 1.5);background-color:var(--form-element-background-color);color:var(--form-element-color-color);box-shadow:0px -2px .2rem 0px var(--box-shadow-color);padding-left:1rem;padding-right:1rem;left:0}address-element .input-container:has(>.address-trigger.valued) label .label:after{content:"";width:calc(var(--element-height) / 1.5);height:calc(var(--element-height) / 1.5);position:absolute}address-element .input-container div.address-picker-container{z-index:1;background-color:var(--secondary);width:100%;height:400px;color:var(--secondary-text);border:1px solid rgba(var(--secondary-text-rgb), .2);display:none;position:absolute;top:100%;left:0}address-element .input-container div.address-picker-container.show{display:block}address-element .input-container div.address-picker-container div.map-elements{flex-direction:column;width:100%;height:100%;display:flex}address-element .input-container div.address-picker-container div.map-elements div.picker-elements{justify-content:space-between;align-items:center;width:100%;height:40px;display:flex}address-element .input-container div.address-picker-container div.map-elements div.picker-elements button{background-color:var(--primary);width:50%;height:40px;color:var(--primary-text);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;display:flex;border-radius:0!important}address-element .input-container div.address-picker-container div.map-elements div.picker-elements button i.ph{font-size:1.25rem}address-element .input-container div.address-picker-container div.map-elements div.picker-elements button.selected{background-color:var(--success);color:var(--success-text)}address-element .input-container div.address-picker-container div.map-elements div.picker-elements button:hover:not(.selected){background-color:var(--primary-light);color:var(--primary-light-text)}address-element .input-container div.address-picker-container div.map-elements div.containers{width:100%;height:calc(100% - 40px);display:flex}address-element .input-container div.address-picker-container div.map-elements div.containers div.map-container{width:100%;height:360px;display:none}address-element .input-container div.address-picker-container div.map-elements div.containers div.map-container.show{display:block}address-element .input-container div.address-picker-container div.map-elements div.containers div.fields-container{width:100%;height:300px;max-height:300px;display:none;overflow:hidden auto}address-element .input-container div.address-picker-container div.map-elements div.containers div.fields-container.show{display:block}address-element[required]:has(.address-trigger:not(.valued)) .input-container{box-shadow:0px 0px 1rem .25rem rgba(var(--error-rgb), .4);--box-shadow-color:rgba(var(--error-rgb), .4)}