button.Button{font-size:inherit;display:flex;gap:.5em;align-items:center;background-color:var(--clr-bg);color:var(--clr-text);outline:none;border:1px solid var(--clr-border);border-radius:var(--radius,.5em);padding:.5em 1em;white-space:nowrap;line-height:inherit;text-transform:none;cursor:pointer}button.Button:hover{--clr-bg:var(--clr-primary-200);--clr-text:var(--clr-black);--clr-border:var(--clr-primary-500)}button.Button:disabled,button.Button[disabled]{cursor:unset;opacity:.5;pointer-events:none}button.Button.primary{--clr-bg:var(--clr-primary-500);--clr-text:var(--clr-white);--clr-border:var(--clr-primary-500)}button.Button.primary:hover{--clr-bg:var(--clr-primary-200);--clr-text:var(--clr-black)}button.Button.secondary{--clr-bg:var(--clr-primary-400);--clr-text:var(--clr-primary-800)}button.Button.secondary:hover{--clr-bg:var(--clr-primary-300);--clr-text:var(--clr-primary-900);--clr-border:var(--clr-primary-600)}button.Button.outline{background-color:transparent;border:1px solid var(--clr-text)}button.Button.outline:hover{--clr-text:var(--clr-text-dark)}button.Button.icon{padding:.25em;border:none}button.Button.center{justify-content:center}button.Button.small{padding:.375rem .75rem;font-size:.75em;border-radius:var(--radius-sm,.2em)}button.Button.medium{padding:.5em 1em;font-size:1.2em;height:2em;border-radius:var(--radius,.4em)}button.Button.large{padding:1em 1.5em;font-size:2em;height:3em;border-radius:var(--radius-lg,.6em)}button.Button.full{width:100%;padding:.5em 1em;justify-content:center}button.Button.rotate-icon>svg{transition:transform .3s}button.Button.rotate-icon>svg:hover{transform:rotate(90deg)}button.Button.transparent{border:none}button.Button.transparent,button.Button.transparent:hover{background-color:transparent;color:inherit}button.Button.link{background-color:transparent;border:none}button.Button.link:hover{color:var(--clr-text-dark,inherit)}.CloseButton{display:grid;place-items:center;position:absolute;top:.5em;right:.5em;border-radius:.5em;cursor:pointer}.CloseButton svg{stroke:#ccc;border-radius:.5em;height:100%;width:100%}.CloseButton:hover{background-color:#ddd}.CloseButton:hover svg{stroke:#000;background-color:#ddd}.FlexCol{display:flex;flex-direction:column;width:100%;gap:0}.FlexCol.gap-100{gap:1.6px}.FlexCol.gap-500{gap:8px}.FlexCol.gap-1000{gap:16px}.FlexCol.justify-center{justify-content:center}.FlexCol.align-center{align-items:center}.FlexCol.align-start{align-items:flex-start}.FlexCol.align-end{align-items:flex-end}.FlexCol.align-stretch{align-items:stretch}.FlexCol.align-baseline{align-items:baseline}.FlexRow{display:flex;flex-direction:row;justify-content:space-between;gap:0}.FlexRow.flex-1>*{flex:1}.FlexRow.gap-100{gap:1.6px}.FlexRow.gap-500{gap:8px}.FlexRow.gap-1000{gap:16px}.FlexRow.justify-center{justify-content:center}.FlexRow.align-center{align-items:center}.FlexRow.align-start{align-items:flex-start}.FlexRow.align-end{align-items:flex-end}.FlexRow.align-stretch{align-items:stretch}.Hr{font-size:1px;width:100%}dialog.Modal{--clr-bg:var(--clr-white);--clr-text:var(--clr-gray-700);display:flex;flex-direction:column;width:100%;max-height:100%;background-color:var(--clr-bg);border-radius:4px;overflow:hidden;position:relative;z-index:1000;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}dialog.Modal::backdrop{background:rgba(0,0,0,.5)}dialog.Modal>header{display:flex;justify-content:space-between;align-items:center;padding:1em;background-color:var(--clr-primary-100);border-bottom:1px solid var(--clr-gray-100)}dialog.Modal>main{padding:2em;overflow-y:auto}dialog.Modal>footer{display:flex;justify-content:flex-end;align-items:center;padding:1em;background-color:var(--clr-gray-100);border-top:1px solid var(--clr-gray-200)}dialog.Modal>footer button.Button+button.Button{margin-left:.5em}@media screen and (min-width:768px){dialog.Modal{width:50%;left:25%}dialog.Modal.full{width:100%;left:0}dialog.Modal.small{width:30%;left:35%}}.Avatar--Letters{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:3em;height:3em;border-radius:50%;font-size:1.5em;font-weight:500;background-color:var(--clr-gray-100);color:var(--clr-gray-500)}:has(>.ButtonBack){position:relative}.ButtonBack{position:absolute;top:1em;left:1em;display:flex;gap:.5em;padding:10px}.ButtonBack>svg{stroke-width:2}:has(>.ButtonClose){position:relative}.ButtonClose{position:absolute;top:0;right:0;padding:10px}.ButtonClose>svg{background-color:rgba(0,0,0,.063);border-radius:50%;padding:3px;transform:scale(1)}.ButtonClose>svg:hover{background-color:rgba(0,0,0,.125);transform:rotate(-90deg) scale(1.1)}.Clock__wrapper{flex-direction:column;align-items:start}.Clock__time,.Clock__wrapper{display:flex;justify-content:center;gap:var(--s-md)}.Clock__time{flex-direction:row;align-items:flex-end;margin:0;padding:0;font-size:var(--text-5xl);font-weight:700;line-height:1}.Clock__time small{font-size:.5em;font-weight:300;padding-bottom:.1em}.Clock__date{margin:0;padding:0;font-size:var(--text-2xl);font-weight:400;line-height:1}.CountdownBar{position:fixed;top:0;right:0;left:0;z-index:9999;margin:0!important;padding:0!important;overflow:hidden}.CountdownBar>div{height:5px;background:linear-gradient(to bottom,var(--clr-primary-600),var(--clr-primary-400));animation:roundtime calc(var(--duration)*1s) steps(var(--duration)) forwards;transform-origin:left center}.CountdownBar[data-style=smooth] div{animation:roundtime calc(var(--duration)*1s) linear forwards}.CountdownBar[data-style=fixed] div{width:calc(var(--duration)*5%)}@keyframes roundtime{to{transform:scaleX(0)}}.Hr{line-height:1;border:none;border-top:1px solid;border-color:var(--clr-gray-300);width:70%;margin:0}.Hr.light{border-color:var(--clr-gray-100)}.Hr.full{width:100%}.Hr.half{width:50%}.Hr.quarter{width:25%}.Hr.left{margin-right:auto}.Hr.right{margin-left:auto}.Hr.center{margin:0 auto}.Input{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--c3-clr-border);border-radius:var(--radius-none);background-color:var(--clr-gray-50)}.Input::-moz-placeholder{color:var(--clr-gray-400)}.Input::placeholder{color:var(--clr-gray-400)}.Input:focus{outline:none}.Input.center{text-align:center}.Numpad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1em;align-items:center;justify-items:center;width:-moz-min-content;width:min-content;margin:0 auto}.Numpad__button{display:flex;justify-content:center;align-items:center;background-color:var(--clr-gray-100);color:var(--clr-text);cursor:pointer;font-size:1.5em;border:1px solid var(--clr-gray-200);border-radius:50%;width:3em;height:3em;transition:background-color .2s}.Numpad__button:hover{background-color:var(--clr-gray-200);border-color:var(--clr-gray-300)}.Numpad__button:active{background-color:var(--clr-gray-300);border-color:var(--clr-gray-400)}.Numpad__button--zero{grid-column:2/3}.Numpad__button--delete{grid-column:3/span 1;display:flex;justify-content:center;align-items:center;width:3em;height:3em}.Numpad__button--delete>svg{width:1.2em;height:1.2em;stroke-width:1.4}.Numpad.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(6px,0,0)}30%,50%,70%{transform:translate3d(-12px,0,0)}40%,60%{transform:translate3d(12px,0,0)}}.PinLog{display:flex;justify-content:center;gap:1em;color:var(--clr-text);padding:1em}.PinLog,.Title{align-items:center}.Title{display:inline-flex;gap:.5em}.Title.h1{font-size:2.5rem}.Title.h1,.Title.h2{font-weight:700;line-height:1.2}.Title.h2{font-size:2rem}.Title.h3{font-size:1.75rem}.Title.h3,.Title.h4{font-weight:700;line-height:1.2}.Title.h4{font-size:1.5rem}.Title.h5{font-size:1.25rem}.Title.h5,.Title.h6{font-weight:700;line-height:1.2}.Title.h6{font-size:1rem}.skeleton-content{display:flex;flex-direction:column;gap:1rem}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.skeleton{animation:skeleton-loading 1s linear infinite alternate}.skeleton-text{height:.7rem}.skeleton-input,.skeleton-text{width:100%;border-radius:.25rem}.skeleton-input{height:2rem}.skeleton-button{width:100%;height:2.5rem;border-radius:.25rem}.Spinner--Wrapper{position:relative;width:100%;height:100%}.Spinner{position:absolute;inset:0;--bw:8px;display:flex;justify-content:center;align-items:center;overflow:hidden}.Spinner.small{--bw:3px}.Spinner--Inner{border-top:var(--bw) solid var(--clr-bg,#fff);border:var(--bw) solid var(--clr-bg,#fff);border-top-color:var(--clr-text,#000);border-radius:50%;width:calc(var(--bw)*8);height:calc(var(--bw)*8);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}