html,body{height:100vh;width:100vw;margin:0;padding:0}#app{height:100vh;width:100vw}.clock[data-v-f4eced65]{--_clock_size: 100%;position:relative;background:#2f2f2f;border-radius:50%;container-type:inline-size;inline-size:var(--_clock_size);writing-mode:vertical-lr;aspect-ratio:1 / 1;box-shadow:inset 0 1px 3px #00000040}.minute[data-v-f4eced65]{--_arm_background: #EEE;--_arm_height: 48cqi;--_arm_width: 6cqi;--_minute_deg: var(--v634e9c42);transform:rotate(var(--_minute_deg))}.hour[data-v-f4eced65]{--_arm_background: #EEE;--_arm_height: 45cqi;--_arm_width: 6cqi;--_hour_deg: var(--v7136740f);transform:rotate(var(--_hour_deg))}.arm[data-v-f4eced65]{--_transition_duration: var(--v8f7cc5b4);--_transition_delay: var(--c071fed2);position:absolute;height:var(--_arm_height);width:var(--_arm_width);top:calc((var(--_clock_size) / 2) - var(--_arm_height));left:calc((var(--_clock_size) - var(--_arm_width)) / 2);margin-top:calc(var(--_arm_width) / 2);transform-origin:50% calc((var(--_arm_height)) - (var(--_arm_width) / 2));border-radius:10000px;background-color:var(--_arm_background);border:1px solid #2F2F2F;transition:transform var(--_transition_duration) cubic-bezier(.09,-.01,.61,.99);transition-delay:var(--_transition_delay)}.clock-hive[data-v-44646b01]{--clock-color: #232323;border:1px solid var(--clock-color);border-radius:4px;display:grid;grid-auto-flow:column;overflow:hidden;padding:1cqi;margin:1cqi;background-color:var(--clock-color);box-shadow:10px 10px 20px #232323}.grid-digits[data-v-44646b01]{display:grid;grid-auto-flow:column}.grid-clock[data-v-44646b01]{--_digit-row: var(--v0fd6d21b);--_digit-column: var(--v0fd6d23a);display:grid;grid-template-columns:repeat(var(--_digit-column),minmax(0,1fr));grid-template-rows:repeat(var(--_digit-row),minmax(0,max-content))}.segmented-buttons[data-v-f494b8e9]{display:flex;border:1px solid black;border-radius:8px;flex-grow:1;background:#f0f0f0}.btn[data-v-f494b8e9]{display:flex;place-items:center;place-content:center;width:100%;border-radius:8px;border:0;height:1.5rem;padding:0 16px;min-width:fit-content;cursor:pointer}.btn__active[data-v-f494b8e9]{background-color:#2196f3;color:#fff}.clock-hive-selector[data-v-5108acb9]{height:100%;width:100%;display:grid;grid-template-rows:max-content minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.clock-hive-container[data-v-5108acb9]{height:100%;width:100%;display:grid;grid-auto-flow:column;grid-auto-rows:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);align-items:center}.clock-hive-segmented-btn[data-v-5108acb9]{margin:auto}.wrapper[data-v-520a964c]{display:grid;height:100vh;width:100vw;place-items:center;grid-template-rows:minmax(0,min-content) minmax(0,1fr) minmax(0,min-content)}.header[data-v-520a964c]{width:100%;display:grid;grid-auto-flow:column;place-items:center;grid-template-columns:repeat(3,minmax(0,1fr))}.title[data-v-520a964c]{padding:unset;margin:unset}.footer[data-v-520a964c]{width:100%;display:grid;place-items:center;place-content:center;text-align:center;margin-bottom:4px}p[data-v-520a964c]{padding:unset;margin:unset}