.q-time{box-shadow:0 1px 5px #0000001a,0 2px 2px #00000004,0 3px 1px -2px #00000003;border-radius:4px;background:#fff;outline:0;width:290px;min-width:290px;max-width:100%}.q-time--bordered{border:1px solid rgba(0,0,0,.12)}.q-time__header{border-top-left-radius:inherit;color:#fff;background-color:var(--q-primary);padding:16px;font-weight:300}.q-time__actions{padding:0 16px 16px}.q-time__header-label{font-size:28px;line-height:1;letter-spacing:-.00833em}.q-time__header-label>div+div{margin-left:4px}.q-time__link{opacity:.56;outline:0;transition:opacity .3s ease-out}.q-time__link--active,.q-time__link:hover,.q-time__link:focus{opacity:1}.q-time__header-ampm{font-size:16px;letter-spacing:.1em}.q-time__content{padding:16px}.q-time__content:before{content:"";display:block;padding-bottom:100%}.q-time__container-parent{padding:16px}.q-time__container-child{border-radius:50%;background:#0000001f}.q-time__clock{padding:24px;width:100%;height:100%;max-width:100%;max-height:100%;font-size:14px}.q-time__clock-circle{position:relative}.q-time__clock-center{height:6px;width:6px;margin:auto;border-radius:50%;min-height:0;background:currentColor}.q-time__clock-pointer{width:2px;height:50%;transform-origin:0 0;min-height:0;position:absolute;left:50%;right:0;bottom:0;color:var(--q-primary);background:currentColor;transform:translate(-50%)}.q-time__clock-pointer:before,.q-time__clock-pointer:after{content:"";position:absolute;left:50%;border-radius:50%;background:currentColor;transform:translate(-50%)}.q-time__clock-pointer:before{bottom:-4px;width:8px;height:8px}.q-time__clock-pointer:after{top:-3px;height:6px;width:6px}.q-time__clock-position{position:absolute;min-height:32px;width:32px;height:32px;font-size:12px;line-height:32px;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:50%}.q-time__clock-position--disable{opacity:.4}.q-time__clock-position--active{background-color:var(--q-primary);color:#fff}.q-time__clock-pos-0{top:toFixed(41.1977026764%,100);left:toFixed(99.2190975316%,100)}.q-time__clock-pos-1{top:toFixed(.0122080049%,100);left:toFixed(48.8951690361%,100)}.q-time__clock-pos-2{top:toFixed(43.3809185397%,100);left:toFixed(.4400589122%,100)}.q-time__clock-pos-3{top:toFixed(97.9457861707%,100);left:toFixed(35.8154454257%,100)}.q-time__clock-pos-4{top:toFixed(71.4104955259%,100);left:toFixed(95.1839648696%,100)}.q-time__clock-pos-5{top:toFixed(8.6594137847%,100);left:toFixed(78.1239387599%,100)}.q-time__clock-pos-6{top:toFixed(15.8358137482%,100);left:toFixed(13.492351791%,100)}.q-time__clock-pos-7{top:toFixed(80.8008356882%,100);left:toFixed(10.6133459036%,100)}.q-time__clock-pos-8{top:toFixed(93.6663333771%,100);left:toFixed(74.3567512079%,100)}.q-time__clock-pos-9{top:toFixed(32.6703547812%,100);left:toFixed(96.9007824731%,100)}.q-time__clock-pos-10{top:toFixed(.9874208208%,100);left:toFixed(40.1122761868%,100)}.q-time__clock-pos-11{top:toFixed(52.2091224166%,100);left:toFixed(.0488260584%,100)}.q-time__clock-pos-12{top:toFixed(84.7858698955%,100);left:toFixed(46.1343492635%,100)}.q-time__clock-pos-13{top:toFixed(59.1851560423%,100);left:toFixed(83.7732572974%,100)}.q-time__clock-pos-14{top:toFixed(18.0477773785%,100);left:toFixed(64.2847985476%,100)}.q-time__clock-pos-15{top:toFixed(30.9574906247%,100);left:toFixed(20.6336444772%,100)}.q-time__clock-pos-16{top:toFixed(76.0775532602%,100);left:toFixed(26.6555956178%,100)}.q-time__clock-pos-17{top:toFixed(77.0875101751%,100);left:toFixed(72.1645390773%,100)}.q-time__clock-pos-18{top:toFixed(32.2790221765%,100);left:toFixed(80.1822289598%,100)}.q-time__clock-pos-19{top:toFixed(17.4455167795%,100);left:toFixed(37.1467660784%,100)}.q-time__clock-pos-20{top:toFixed(57.6778253493%,100);left:toFixed(15.8525111039%,100)}.q-time__clock-pos-21{top:toFixed(84.9231146048%,100);left:toFixed(52.3186345771%,100)}.q-time__clock-pos-22{top:toFixed(53.0960567755%,100);left:toFixed(84.8627943866%,100)}.q-time__clock-pos-23{top:toFixed(16.0320278883%,100);left:toFixed(58.4366385854%,100)}.q-time__now-button{background-color:var(--q-primary);color:#fff;top:12px;right:12px}.q-time.disabled .q-time__header-ampm,.q-time.disabled .q-time__content,.q-time--readonly .q-time__header-ampm,.q-time--readonly .q-time__content{pointer-events:none}.q-time--portrait{display:inline-flex;flex-direction:column}.q-time--portrait .q-time__header{border-top-right-radius:inherit;min-height:86px}.q-time--portrait .q-time__header-ampm{margin-left:12px}.q-time--portrait.q-time--bordered .q-time__content{margin:1px 0}.q-time--landscape{display:inline-flex;align-items:stretch;min-width:420px}.q-time--landscape>div{display:flex;flex-direction:column;justify-content:center}.q-time--landscape .q-time__header{border-bottom-left-radius:inherit;min-width:156px}.q-time--landscape .q-time__header-ampm{margin-top:12px}.q-time--dark{border-color:#ffffff47;box-shadow:0 1px 5px #fff3,0 2px 2px #ffffff24,0 3px 1px -2px #ffffff1f}