/*!
 * timerrr
 *
 * Made with ❤ by Steve Ottoz <so@dev.so>
 *
 * Copyright (c) 2020 Steve Ottoz
 */
:root{--linear:cubic-bezier(0.25,0.25,0.75,0.75);--ease:cubic-bezier(0.25,0.1,0.25,1);--ease-in:cubic-bezier(0.42,0,1,1);--ease-out:cubic-bezier(0,0,0.58,1);--ease-in-out:cubic-bezier(0.42,0,0.58,1);--easeInQuad:cubic-bezier(0.55,0.085,0.68,0.53);--easeInCubic:cubic-bezier(0.55,0.055,0.675,0.19);--easeInQuart:cubic-bezier(0.895,0.03,0.685,0.22);--easeInQuint:cubic-bezier(0.755,0.05,0.855,0.06);--easeInSine:cubic-bezier(0.47,0,0.745,0.715);--easeInExpo:cubic-bezier(0.95,0.05,0.795,0.035);--easeInCirc:cubic-bezier(0.6,0.04,0.98,0.335);--easeInBack:cubic-bezier(0.6,-0.28,0.735,0.045);--easeOutQuad:cubic-bezier(0.25,0.46,0.45,0.94);--easeOutCubic:cubic-bezier(0.215,0.61,0.355,1);--easeOutQuart:cubic-bezier(0.165,0.84,0.44,1);--easeOutQuint:cubic-bezier(0.23,1,0.32,1);--easeOutSine:cubic-bezier(0.39,0.575,0.565,1);--easeOutExpo:cubic-bezier(0.19,1,0.22,1);--easeOutCirc:cubic-bezier(0.075,0.82,0.165,1);--easeOutBack:cubic-bezier(0.175,0.885,0.32,1.275);--easeInOutQuad:cubic-bezier(0.455,0.03,0.515,0.955);--easeInOutCubic:cubic-bezier(0.645,0.045,0.355,1);--easeInOutQuart:cubic-bezier(0.77,0,0.175,1);--easeInOutQuint:cubic-bezier(0.86,0,0.07,1);--easeInOutSine:cubic-bezier(0.445,0.05,0.55,0.95);--easeInOutExpo:cubic-bezier(1,0,0,1);--easeInOutCirc:cubic-bezier(0.785,0.135,0.15,0.86);--easeInOutBack:cubic-bezier(0.68,-0.55,0.265,1.55);--easeCustom:cubic-bezier(.3,0,0,1.3);--color-accent:#9013fe;--color-white:#fff;--color-white-transparent:hsla(0,0%,100%,.5);--color-off-white:#f0f0f0;--color-black:#000;--zindex1:100;--zindex2:200;--zindex3:300;--zindex4:400;--zindex5:500;--zindex6:600;--zindex7:700;--zindex8:800;--zindex9:900;--zindex10:1000;--font-family-sans-serif:system,-apple-system,BlinkMacSystemFont,".SFNSText-Regular","San Francisco","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,Oxygen-Sans,Ubuntu,Cantarell,"Lucida Grande",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-serif:Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,Cambria,"Hoefler Text",Utopia,"Liberation Serif","Nimbus Roman No9 L Regular","Times New Roman",Times,serif;--font-family-monospace:"SFMono-Regular",Menlo,Monaco,Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L","Courier New",Courier,monospace;--font-family-base:var(--font-family-monospace);--font-size-root:16px;--font-size-base:1rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-lg:1.25rem;--line-height-base:1.3;--body-bg:#fff;--text-color:#333;--link-color:#0447da;--link-decoration:underline;--link-hover-color:#033ca3;--link-hover-decoration:none;--ratio-16-9:56.25%;--ratio-16-10:62.5%;--ratio-4-3:75%;--ratio-3-4:133.33333%;--ratio-1-1:100%;--ratio-portrait:var(--ratio-3-4);--ratio-landscape:var(--ratio-16-9);--ratio-square:var(--ratio-1-1);--xxs-min:20;--xs-min:30;--sm-min:48;--md-min:62;--lg-min:75;--xl-min:90;--xxl-min:120;--xxxl-min:140;--screen-xxs-min:var(--xxs-min)em;--screen-xs-min:var(--xs-min)em;--screen-sm-min:var(--sm-min)em;--screen-md-min:var(--md-min)em;--screen-lg-min:var(--lg-min)em;--screen-xl-min:var(--xl-min)em;--screen-xxl-min:var(--xxl-min)em;--screen-xxxl-min:var(--xxxl-min)em;--link-transition:0.3s var(--easeInOutQuad)}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@-ms-viewport{width:device-width}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:16px;font-size:var(--font-size-root);-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%}body{background-color:#fff;background-color:var(--body-bg);color:#333;color:var(--text-color);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);line-height:1.3;line-height:var(--line-height-base);overflow:auto;overflow:overlay;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;word-break:break-all}p{-moz-column-break-inside:avoid;break-inside:avoid;margin-top:0;margin-bottom:1.5rem}.link,a{color:#0447da;color:var(--link-color);text-decoration:underline;-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration);transition:.3s cubic-bezier(.455,.03,.515,.955);transition:var(--link-transition);word-break:break-all}@media (any-hover:hover){.link:hover,a:hover{color:#033ca3;color:var(--link-hover-color);text-decoration:none;-webkit-text-decoration:var(--link-hover-decoration);text-decoration:var(--link-hover-decoration)}}.link:focus,a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}hr{border:0;border-bottom:1px solid #ccc;margin:1.5rem 0}img{max-width:100%;height:auto}dl,ol,ul{margin-top:0;margin-bottom:1.5rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}blockquote{margin:0 0 1.5rem}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}[hidden]{display:none!important}body{display:flex;flex-flow:column;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.timerrr{display:flex;flex-direction:column;align-content:flex-end;align-items:flex-end;margin:auto;padding:1rem;max-width:100%}.timerrr-audio{background:hsla(0,0%,100%,.5);background:var(--color-white-transparent);display:flex;align-content:center;justify-content:center;place-content:center;align-items:center;font-size:4vw;opacity:1;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;z-index:999999}.timerrr-audio,.timerrr-item{cursor:pointer;padding:.25em;transition:.3s cubic-bezier(.25,.46,.45,.94);transition:.3s var(--easeOutQuad)}.timerrr-item{border-radius:0 .25em .25em 0;font-size:6vw;opacity:.25;position:relative;text-align:right;transition-property:background,opacity}@media (any-hover:hover){.timerrr-item:hover{background:#f0f0f0;background:var(--color-off-white);opacity:1}.timerrr-item:hover:before{opacity:1}.timerrr-item:hover:after{opacity:1;transform:translateY(-50%) scale(1)}}.timerrr-item:before{background:#f0f0f0;background:var(--color-off-white);border-radius:.25em 0 0 .25em;top:0;bottom:0;width:12vw}.timerrr-item:after,.timerrr-item:before{content:"";opacity:0;position:absolute;right:100%;transition:inherit;transition-property:all}.timerrr-item:after{-webkit-clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);background:red;margin-right:2vw;top:50%;transform:translateY(-50%) scale(.8);width:6vw;height:6vw}.timerrr-item--active{opacity:1}.timerrr-item--running:after{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.timerrr-item--done{animation-name:a;animation-duration:.4s;animation-timing-function:cubic-bezier(.455,.03,.515,.955);animation-timing-function:var(--easeInOutQuad);animation-iteration-count:infinite}.timerrr-item__time{display:block;font-size:2em;font-weight:100;line-height:1}.timerrr-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.2}@keyframes a{2%{transform:translate(-.047em,.047em) rotate(-2.5deg)}4%{transform:translate(-.047em,-.031em) rotate(-1.5deg)}6%{transform:translate(-.141em,.063em) rotate(-1.5deg)}8%{transform:translate(.141em,.125em) rotate(2.5deg)}10%{transform:translate(.031em,.109em) rotate(.5deg)}12%{transform:translate(.047em,-.078em) rotate(.5deg)}14%{transform:translate(.078em,.125em) rotate(1.5deg)}16%{transform:translate(.125em,-.031em) rotate(-2.5deg)}18%{transform:translate(-.031em,.016em) rotate(-.5deg)}20%{transform:translate(-.063em,.156em) rotate(-.5deg)}22%{transform:translate(.109em,.031em) rotate(2.5deg)}24%{transform:translate(.125em) rotate(3.5deg)}26%{transform:translate(-.109em,-.125em) rotate(3.5deg)}28%{transform:translate(-.078em,.156em) rotate(1.5deg)}30%{transform:translate(.016em,.031em) rotate(-.5deg)}32%{transform:translate(.063em,.063em) rotate(-1.5deg)}34%{transform:translate(.125em,-.047em) rotate(-1.5deg)}36%{transform:translate(.125em,.141em) rotate(-2.5deg)}38%{transform:translate(-.063em,.156em) rotate(2.5deg)}40%{transform:translate(.078em,.031em) rotate(.5deg)}42%{transform:translate(.031em,.109em) rotate(2.5deg)}44%{transform:translate(.109em,.078em) rotate(.5deg)}46%{transform:translate(-.078em) rotate(3.5deg)}48%{transform:translate(-.031em,-.109em) rotate(-.5deg)}50%{transform:translate(-.016em,-.078em) rotate(.5deg)}52%{transform:translate(-.063em,.125em) rotate(-.5deg)}54%{transform:translate(.125em,-.047em) rotate(3.5deg)}56%{transform:translate(-.016em,-.125em) rotate(2.5deg)}58%{transform:translate(.094em,.094em) rotate(3.5deg)}60%{transform:translateY(.063em) rotate(-.5deg)}62%{transform:translate(.031em,-.109em) rotate(.5deg)}64%{transform:translateY(.094em) rotate(2.5deg)}66%{transform:translate(.078em) rotate(-.5deg)}68%{transform:translateY(.047em) rotate(3.5deg)}70%{transform:translate(.109em,-.078em) rotate(-1.5deg)}72%{transform:translate(.094em,-.109em) rotate(3.5deg)}74%{transform:translate(.016em,-.078em) rotate(-2.5deg)}76%{transform:translate(-.109em,.031em) rotate(-.5deg)}78%{transform:translate(-.125em,.016em) rotate(1.5deg)}80%{transform:translate(.016em,.078em) rotate(1.5deg)}82%{transform:translate(-.063em,-.078em) rotate(-1.5deg)}84%{transform:translate(.047em,-.031em) rotate(3.5deg)}86%{transform:translate(-.094em,-.078em) rotate(1.5deg)}88%{transform:translate(-.109em,-.016em) rotate(-2.5deg)}90%{transform:translate(.156em,.031em) rotate(-2.5deg)}92%{transform:translate(.156em,-.047em) rotate(1.5deg)}94%{transform:translate(.063em,-.094em) rotate(3.5deg)}96%{transform:translate(.141em,.109em) rotate(-1.5deg)}98%{transform:translate(.031em,.016em) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}