.digit-container{display:flex;box-sizing:border-box;height:100%;width:100%;border:4px transparent solid;position:relative}.d-shape{position:absolute;background-color:#000}.d-shape.passive{opacity:.08}.d1-shape{width:100%;height:11%;clip-path:polygon(3% 0,97% 0,75% 100%,25% 100%)}.d2-shape{position:absolute;width:65%;height:50%;clip-path:polygon(0 0,0 100%,40% 70%,40% 30%);top:0}.d3-shape{position:absolute;width:25%;height:50%;clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);top:0;right:0}.d4-shape{width:100%;height:20%;clip-path:polygon(25% 10%,75% 10%,95% 40%,75% 70%,25% 70%,5% 40%);top:42%}.d5-shape{position:absolute;width:65%;height:50%;clip-path:polygon(0 0,0 100%,40% 70%,40% 30%);bottom:0}.d6-shape{position:absolute;width:25%;height:50%;clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);bottom:0;right:0}.d7-shape{width:100%;height:11%;clip-path:polygon(25% 0,75% 0,97% 100%,3% 100%);bottom:0}.numbers-container{position:relative;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-end;height:100%;width:100%}.two-digits{display:flex;width:100%;height:100%;position:relative}.two-digits:first-child{margin-right:.3rem}.two-digits:first-child:after{content:":";font-size:2.5rem;margin:auto;position:absolute;top:41%;right:-10px;transform:translateY(-50%)}.two-digits:last-child{width:75%;height:75%}.text-style{font-size:15px;font-weight:700;color:#000;-webkit-user-select:none;user-select:none}.text-style.passive{opacity:.3}.clock-component-container{border-radius:10px 10px 0 0;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;overflow:hidden}.days-container{display:flex;align-items:center;gap:8px;box-sizing:border-box;flex-wrap:wrap}.component-container{padding:5px 0 0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;box-sizing:border-box;background-color:#f3f3f3;border:5px rgb(243,243,243) solid;height:100%;width:100%;gap:5px}.small .component-container{padding:2px 0 0}.small .text-style{font-size:12px;font-weight:700}.small .bottom-container{font-size:12px}.small .two-digits:after{font-size:2em;right:-8px}.small .days-container{padding-bottom:1px;gap:6px}.small .component-container{gap:0px}.bottom-container{display:flex;box-sizing:border-box;width:100%;justify-content:flex-end;gap:5px}.bottom-container:hover{cursor:pointer}.digits-container{height:55%;width:80%}