.timer-widget{background:#ececec;width:410px;height:410px;margin:20px auto;border-radius:30%;border:14px solid #333;position:relative;text-align:center;user-select:none;box-sizing:content-box !important;-webkit-box-sizing:initial;-moz-box-sizing:initial}.timer-widget .dialline-label span{position:absolute;font-size:22px;z-index:4;padding:0;margin:0;cursor:pointer;line-height:normal}.timer-widget .dialline-label{position:absolute;z-index:2;width:4px;height:24px;left:50%;top:10%;margin:-4px 0 0 -4px;transform-origin:50% 167px;padding:0}.timer-widget .dialline-label.day{color:#d44}.timer-widget .dialline-label.night{color:#000}.timer-widget .dialline-label .format-12{display:inline}.timer-widget .dialline-label .format-24{display:none}.timer-widget .diallines{border:1.2px solid white;position:absolute;z-index:2;width:4px;height:20px;border:1.2px solid white;left:50%;margin:3px 0 0 -4px;transform-origin:50% 200px;cursor:pointer;box-sizing:unset;-webkit-box-sizing:unset;-moz-box-sizing:unset}.timer-widget .diallines.night{background:#333}.timer-widget .diallines.day{background:#d44}.timer-widget .diallines.day.on{background:#844;border-bottom:6px solid #a44;border-right:2px solid #a44;border-left:2px solid #a44}.timer-widget .diallines.night.on{background:#777;border-bottom:6px solid #000;border-right:2px solid #000;border-left:2px solid #000}.timer-widget .info{position:absolute;width:130px;border-radius:7px;background:#ccc;text-align:center;line-height:20px;color:#000;font-size:16px;top:200px;left:50%;margin-left:-60px;font-weight:700;left:50%}.timer-widget .info.combined{display:none}.timer-widget .info button.btn{padding:12px 6px;line-height:20px}.timer-widget div.day-of-week{top:218px;width:155px;font-size:14px;margin-left:-73px;height:auto}.timer-widget .has-schedule{float:right}.timer-widget div.apply-to-all{top:144px;width:175px;font-size:14px;margin-left:-85px;height:auto}.timer-widget div.apply-to-all button,.timer-widget div.clear button,.timer-widget div.day-of-week button,.timer-widget div.combined button{background:#ccc;font-weight:700}.timer-widget div.clear{top:80px;height:auto;border:0}@media(min-width:420px) and (max-width:480px){.timer-widget{width:370px;height:370px;border:8px solid #333}.timer-widget .diallines{transform-origin:50% 180px}.timer-widget .dialline-label{transform-origin:50% 148px;top:10%}}@media(max-width:420px){.timer-widget{width:275px;height:398px;border:5px solid #333;border-radius:18%}.timer-widget .dialline-label{transform-origin:50% 105px;top:9%}.timer-widget .dialline-label span{font-size:15px}.timer-widget .diallines{transform-origin:50% 134px}.timer-widget .info.day-of-week{top:283px}.timer-widget .info.apply-to-all,.timer-widget .info.clear{display:none}.timer-widget .info.combined{top:340px;display:block}}.timer-widget .instruction-icon{position:absolute;width:fit-content;color:red;right:-10px;top:-20px;font-size:25px}.timer-widget .instruction-icon:hover+.instructions{opacity:1;transform:translateY(0);pointer-events:auto}.timer-widget .instructions{position:absolute;z-index:10;top:20px;background:#eee;border-radius:10px;box-shadow:0 0 5px gray;padding:17px;opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}