@import url(https://fonts.googleapis.com/css?family=Mukta+Malar:400,700);html{--danger-color:hsl(0, 100%, 50%);--graceful-blue:hsl(207, 90%, 54%);--white-color:hsl(0, 0%, 100%, 1)}html[data-theme=white]{--background:white;--main-color:black;--eye-touched-color:hsla(0, 0%, 0%, 0.30);--list-item-box-shadow:hsla(0, 0%, 0%, 0.15);--navigation-box-shadow:hsla(0, 0%, 0%, 0.20);--soft-background-color:hsla(0, 0%, 0%, 0.10);--drop-shadow:hsla(0, 0%, 0%, 0.70)}html[data-theme=black]{--background:black;--main-color:white;--eye-touched-color:hsla(0, 0%, 100%, 0.40);--list-item-box-shadow:hsla(0, 0%, 100%, 0.40);--navigation-box-shadow:hsla(0, 0%, 100%, 0.40);--soft-background-color:hsla(0, 0%, 100%, 0.20);--drop-shadow:hsla(0, 0%, 0%, 0.80)}body,html{background-color:var(--background);color:var(--main-color);display:flex;flex-direction:column;font-family:'Mukta Malar',sans-serif;font-size:16px;height:100%;margin:0;transition:color 250ms ease-in-out;width:100%}svg{cursor:pointer;fill:transparent;stroke-linecap:round;stroke-linejoin:round;stroke-width:5;stroke:currentColor;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{background:var(--background);border-radius:5px;border:1px solid var(--eye-touched-color);color:var(--main-color);cursor:pointer;min-width:75px;padding:5px 20px}.btn.btn-apply{background:var(--graceful-blue);border:1px solid var(--graceful-blue);color:var(--white-color)}.btn.btn-delete{background:var(--danger-color);border:1px solid var(--danger-color);color:var(--white-color)}.btn:disabled{background-color:var(--soft-background-color);border:none;color:var(--eye-touched-color);cursor:not-allowed}.btn:focus{border:1px solid var(--graceful-blue);box-shadow:0 0 1px var(--graceful-blue);outline:0}