:root{--max-width-content: 1200px;--white: rgb(255, 255, 255);--black: rgb(0, 0, 0);--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-850: #282828;--gray-900: #212529;--gray-950: #121212;--primary-color: rgba(255, 255, 255, 1);--secondary-color: rgba(255, 255, 255, .7);--disabled-color: rgba(255, 255, 255, .5);--action-active-color: rgba(255, 255, 255, 1);--action-hover-color: rgb(60, 60, 60);--action-selected-color: rgba(255, 255, 255, .16);--action-disabled-color: rgba(255, 255, 255, .3);--action-disabled-background-color: rgba(255, 255, 255, .12);--background-color: var(--gray-900);--background-secondary-color: var(--gray-850);--divider-color: rgba(255, 255, 255, .12);--primary-light-color: #e3f2fd;--primary-main-color: #90caf9;--primary-dark-color: #42a5f5;--primary-dark-05-color: rgba(66, 165, 245, .5);--secondary-light-color: #f3e5f5;--secondary-main-color: #ce93d8;--secondary-dark-color: #ab47bc;--secondary-dark-03-color: rgba(171, 71, 188, .3);--success-light-color: #81c784;--success-main-color: #66bb6a;--success-dark-color: #388e3c;--success-dark-03-color: rgba(56, 142, 60, .3);--error-light-color: #e57373;--error-main-color: #f44336;--error-dark-color: #d32f2f;--error-dark-03-color: rgba(211, 47, 47, .3);--warning-light-color: #ffb74d;--warning-main-color: #ffa726;--warning-dark-color: #f57c00;--warning-dark-03-color: rgba(245, 124, 0, .3);--info-light-color: #4fc3f7;--info-main-color: #29b6f6;--info-dark-color: #0288d1;--info-dark-03-color: rgba(2, 136, 209, .3);--border: 1px solid var(--action-hover-color);--border-medium: 2px solid var(--action-hover-color);--border-bold: 3px solid var(--action-hover-color);--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 12px;--border-radius-small: 8px;--gap-large: 18px;--gap: 12px;--gap-small: 6px;--button-icon-size: 16px}*,*:focus,*:focus-inset{outline:none}*,*:before,*:after{padding:0;box-shadow:unset;margin:0;box-sizing:border-box;outline:0;overflow-anchor:none;-webkit-tap-highlight-color:transparent}body{background-color:var(--gray-950);font-family:Open Sans,sans-serif;font-size:16px;color:var(--gray-100)}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}input,textarea,select{display:block;width:100%;resize:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}small{font-size:14px}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{display:block;max-width:100%;height:auto;border:0}img[src*=no-image]{opacity:0!important}button[disabled],html input[disabled],[aria-disabled=true]{cursor:default;pointer-events:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button{display:inline-block;background:transparent;border:none;text-align:center;text-decoration:none;cursor:pointer}table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0}td,th{padding:12px 13px}th{text-align:left}ul,ol{list-style:none}.hidden{display:none}.easy-recipes{padding:var(--gap)}.easy-recipes-content{display:flex;align-items:flex-start;gap:var(--gap);max-width:var(--max-width-content);margin:0 auto}.text-warning{color:var(--warning-light-color)}.text-error{color:var(--error-light-color)}.text-success{color:var(--success-light-color)}.text-info{color:var(--info-light-color)}.button{position:relative;z-index:1;opacity:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:var(--width, 200px);height:var(--height, 40px);background-color:var(--background-color, var(--gray-800));padding:var(--padding, 10px);border:var(--border-width, 0) solid var(--border-color, transparent);border-radius:var(--border-radius, 10px);overflow:hidden;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.button,.button *{text-align:center;font-family:var(--primary-font);font-weight:var(--font-weight, 400);font-size:var(--font-size, 14px);line-height:var(--line-height, 18px);letter-spacing:var(--letter-spacing, normal);color:var(--text-color, var(--white));white-space:nowrap;transition:background-color .2s,border .2s,color .2s}.button:active{background-color:var(--background-color-hover, var(--background-color));border:var(--border-width, 0) solid var(--border-color-hover, var(--border-color))}.button:active,.button:active *{color:var(--text-color-hover, var(--text-color))}.button.button-center{margin:0 auto}.button.button-disabled{opacity:.3;pointer-events:none}.button.button-full{--width: 100%}.button svg{width:var(--button-icon-size);min-width:var(--button-icon-size);max-width:100%;height:auto}.button-text{--height: auto;--border-radius: var(--border-radius-small);--background-color: var(--gray-600);--background-color-hover: var(--gray-700);--text-color: var(--gray-100);--padding: var(--gap-small) var(--gap)}.button-icon{--width: 34px;--height: 34px;--border-radius: 100px;--background-color: var(--gray-600);--background-color-hover: var(--gray-700);--text-color: var(--gray-100);--padding: 0;min-width:var(--width, 200px)}.button-info{--background-color: var(--info-dark-color);--background-color-hover: var(--info-dark-color)}.button-success{--background-color: var(--success-dark-color);--background-color-hover: var(--success-dark-color)}.button-error{--background-color: var(--error-dark-color);--background-color-hover: var(--error-dark-color)}.button-warning{--background-color: var(--warning-dark-color);--background-color-hover: var(--warning-dark-color)}.image-ratio-padding{--object-fit: cover;--object-position: center;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.image-ratio-padding iframe,.image-ratio-padding video,.image-ratio-padding svg,.image-ratio-padding img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--object-fit);object-position:var(--object-position);transition:opacity .3s}.image-ratio{--aspect-ratio: 1;position:relative;aspect-ratio:var(--aspect-ratio);overflow:hidden}.image-ratio,.image-ratio picture{display:flex;align-items:center;justify-content:center;width:100%}.image-ratio svg,.image-ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.form{display:flex;flex-direction:column;gap:var(--gap-large)}.fields-wrapper{display:flex;gap:var(--gap)}.fields-wrapper .field-wrapper{width:100%;margin:0}.field-wrapper label{display:block;margin-bottom:var(--gap-small)}.field-wrapper input,.field-wrapper select,.field-wrapper textarea{width:100%;background-color:var(--gray-800);padding:var(--gap);border:0;border-radius:var(--border-radius);color:var(--gray-100);-webkit-appearance:none;-moz-appearance:none;appearance:none}[disabled]:is(.field-wrapper input,.field-wrapper select,.field-wrapper textarea){opacity:.3;cursor:not-allowed;pointer-events:none}:is(.field-wrapper input,.field-wrapper select,.field-wrapper textarea)+.field-checkbox,:is(.field-wrapper input,.field-wrapper select,.field-wrapper textarea)+.field-help{margin-top:var(--gap-small)}.field-wrapper select{background-image:url(/icon-select.svg);background-size:20px;background-position:right var(--gap) center;background-repeat:no-repeat}.field-checkbox{display:flex;align-items:center;gap:var(--gap-small)}.field-checkbox+.field-help{margin-top:var(--gap-small)}.field-checkbox label{margin:0}.field-checkbox input{width:20px;height:20px;background-color:transparent;padding:0;border-radius:2px;border:1px solid var(--gray-800);color:var(--gray-100);-webkit-appearance:none;-moz-appearance:none;appearance:none}:is(.field-checkbox input):checked{background-color:var(--gray-800);background-image:url(/icon-check.svg);background-size:contain;background-position:center;background-repeat:no-repeat}.form-image-controls{display:flex;align-items:center;gap:var(--gap)}.form-image-preview{width:150px}.form-image-preview:empty{display:none}.form-image-buttons{display:flex;flex-direction:column;gap:var(--gap-small)}.form-buttons-wrapper{display:flex;align-items:center;gap:var(--gap)}.form-message{display:flex;align-items:center;justify-content:flex-start}.form-message-error{color:var(--error-main-color)}.form-message-success{color:var(--success-main-color)}.grid-flex{--grid-flex-columns: 4;--grid-flex-horizontal-gap: 20px;--grid-flex-vertical-gap: 20px;--grid-flex-item-max-width: 200px;--grid-flex-item-total-percent-width: calc(100% - var(--grid-flex-horizontal-gap) * (var(--grid-flex-columns) - 1));display:flex;flex-wrap:wrap;gap:var(--grid-flex-vertical-gap) var(--grid-flex-horizontal-gap);justify-content:center;width:100%;max-width:calc(var(--grid-flex-item-max-width) * var(--grid-flex-columns) + var(--grid-flex-horizontal-gap) * (var(--grid-flex-columns) - 1));margin:0 auto}.grid-flex-item{width:calc(var(--grid-flex-item-total-percent-width) / var(--grid-flex-columns));max-width:var(--grid-flex-item-max-width)}.easy-recipes-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap);margin-bottom:var(--gap-large)}.easy-recipes-header-title{display:flex;align-items:center;gap:var(--gap-small);font-size:20px}.easy-recipes-header-logo{width:70px;height:auto;color:var(--gray-100)}.clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-small);background-color:var(--gray-900);padding:var(--gap);border-radius:var(--border-radius);margin-left:auto}.clock-time{font-size:20px}.badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--gray-800);padding:var(--gap-small) var(--gap);border-radius:var(--border-radius-small)}.badge-success{background-color:var(--success-dark-color)}.badge-error{background-color:var(--error-dark-color)}.badge-warning{background-color:var(--warning-dark-color)}.badge-info{background-color:var(--info-dark-color)}.badge-indefinite{background-color:var(--secondary-dark-color)}.modal-form{--popup-content-max-width: 650px;--popup-content-padding: var(--gap-large);--popup-content-background-color: var(--gray-900);--popup-content-border-radius: var(--border-radius);position:fixed;top:0;bottom:0;left:0;right:0;z-index:999999999999999;display:flex;width:100vw;height:100vh;background-color:#0009;padding:30px 20px;overflow:hidden auto;box-sizing:border-box}.modal-form-header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.modal-form-content{position:relative;width:100%;max-width:var(--popup-content-max-width);background-color:var(--popup-content-background-color);padding:var(--popup-content-padding);border-radius:var(--popup-content-border-radius);box-shadow:0 0 10px #00000080;margin:auto}.banner{--background-color: var(--gray-900);--text-color: var(--gray-100);--padding: var(--gap-large);--border-radius: var(--border-radius-small);display:flex;flex-direction:column;gap:var(--gap-small);max-width:var(--max-width-content);background-color:var(--background-color);padding:var(--padding);border-radius:var(--border-radius);margin:var(--gap) auto;color:var(--text-color)}.banner-error{--background-color: var(--error-dark-color)}.banner-success{--background-color: var(--success-dark-color)}.banner-warning{--background-color: var(--warning-dark-color)}.banner-info{--background-color: var(--info-dark-color)}.recipe-controls{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--gap);max-width:var(--max-width-content);margin:0 auto;margin-block:var(--gap-large)}.recipe-controls-select{width:auto}.recipe-controls-select select{padding-right:36px}.recipe-controls-actions{display:flex;align-items:center;gap:var(--gap-small)}.next-dose-banner{display:flex;flex-direction:column;gap:var(--gap-small);background-color:var(--gray-800);padding:var(--gap);border-radius:var(--border-radius);color:var(--gray-500)}.next-dose-banner strong{color:var(--gray-100)}.next-dose-banner.next-dose-banner-success{background-color:var(--success-dark-03-color);color:var(--gray-100)}.next-dose-banner.next-dose-banner-success strong{color:var(--success-main-color)}.next-dose-banner.next-dose-banner-warning{background-color:var(--warning-dark-03-color);color:var(--gray-100)}.next-dose-banner.next-dose-banner-warning strong{color:var(--warning-main-color)}.next-dose-banner.next-dose-banner-error{background-color:var(--error-dark-03-color);color:var(--gray-100)}.next-dose-banner.next-dose-banner-error strong{color:var(--error-main-color)}.next-dose-banner.next-dose-banner-info{background-color:var(--info-dark-03-color);color:var(--gray-100)}.next-dose-banner.next-dose-banner-info strong{color:var(--info-main-color)}.medications-list{display:flex;flex-direction:column;gap:var(--gap);width:100%}.medications-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gap)}.medications-list-block{display:flex;flex-direction:column;gap:var(--gap);background-color:var(--gray-900);padding:var(--gap);border-radius:var(--border-radius)}.medications-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--gap)}.medications-items{display:flex;flex-direction:column;gap:var(--gap-large)}.medication-item{display:flex;flex-direction:column;gap:var(--gap);background-color:var(--gray-900);padding:var(--gap);border-radius:var(--border-radius)}.medication-item-header{display:flex;gap:var(--gap)}.medication-item-image-wrapper{width:100px;min-width:100px;border-radius:var(--border-radius);border:var(--border)}.medication-item-image-wrapper:empty{background-image:url(/icon-pills.svg);background-size:50%;background-position:center;background-repeat:no-repeat}.medication-item-header-info{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-small)}.medication-item-header-title-wrapper{display:flex;align-items:center;gap:var(--gap-small)}.medication-item-title{font-size:20px}.medication-item-description{font-size:14px;color:var(--gray-500)}.medication-item-actions{display:flex;align-items:center;gap:var(--gap-small)}.medication-item-info{display:flex;flex-direction:column;gap:var(--gap-small);color:var(--gray-500)}.medication-item-info strong{color:var(--gray-100)}.medication-item-progress-bar{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:8px;background-color:var(--gray-800);border-radius:100px}.medication-item-progress-bar-fill{position:absolute;top:0;left:0;max-width:100%;height:100%;background-color:var(--info-dark-color);border-radius:100px}.medication-item-progress-bar-fill.medication-item-progress-bar-fill-finished{background-color:var(--success-dark-color)}.next-doses-list{position:sticky;top:20px;display:flex;flex-direction:column;gap:var(--gap);width:100%}.next-doses-list-header{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--gap)}.next-doses-list-block{display:flex;flex-direction:column;gap:var(--gap);background-color:var(--gray-900);padding:var(--gap);border-radius:var(--border-radius)}.next-doses-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--gap)}.next-doses-list-items{display:flex;flex-direction:column;gap:var(--gap-large)}.next-dose-item{display:flex;flex-direction:column;gap:var(--gap);background-color:var(--gray-900);padding:var(--gap);border-radius:var(--border-radius)}.next-dose-item-header{display:flex;flex-direction:row;gap:var(--gap)}.next-dose-item-image-wrapper{width:100px;border-radius:var(--border-radius);border:var(--border)}.next-dose-item-image-wrapper:empty{background-image:url(/icon-pills.svg);background-size:50%;background-position:center;background-repeat:no-repeat}.next-dose-item-header-info{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-small)}.next-dose-item-header-title-wrapper{display:flex;align-items:center;gap:var(--gap-small)}.next-dose-item-title{font-size:20px}.next-dose-item-actions{display:flex;align-items:center;gap:var(--gap-small)}.next-dose-item-info{display:flex;flex-direction:column;gap:var(--gap-small);color:var(--gray-500)}.next-dose-item-info strong{color:var(--gray-100)}.next-dose-item-progress-bar{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:8px;background-color:var(--gray-800);border-radius:100px}.next-dose-item-progress-bar-fill{position:absolute;top:0;left:0;max-width:100%;height:100%;background-color:var(--info-dark-color);border-radius:100px}.next-dose-item-progress-bar-fill.next-dose-item-progress-bar-fill-finished{background-color:var(--success-dark-color)}.notifications{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:var(--gap);width:calc(100% - 40px);max-width:250px}.notification{background-color:var(--gray-900);padding:var(--gap);border-radius:var(--border-radius-small);box-shadow:var(--box-shadow);text-align:center;font-size:14px;color:var(--gray-100);transition:opacity .3s,scale .3s;animation:notification 3s forwards}.notification+.notification{z-index:-1;opacity:.8;scale:.9;translate:0 -110%}.notification+.notification+.notification{z-index:-2;opacity:.6;scale:.8;translate:0 -220%}.notification+.notification+.notification+.notification{z-index:-3;opacity:.4;scale:.7;translate:0 -330%}.notification+.notification+.notification~.notification{display:none}.notification.notification-success{background-color:var(--success-dark-color)}.notification.notification-warning{background-color:var(--warning-dark-color)}.notification.notification-error{background-color:var(--error-dark-color)}.notification.notification-info{background-color:var(--info-dark-color)}@keyframes notification{0%{transform:translate(100%);opacity:0}20%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (width <= 899px){.easy-recipes-content{flex-direction:column-reverse}.medication-item-header{flex-wrap:wrap}.next-doses-list{position:static;top:0}}@media (hover: hover){.button:hover{background-color:var(--background-color-hover, var(--background-color));border:var(--border-width, 0) solid var(--border-color-hover, var(--border-color))}.button:hover,.button:hover *{color:var(--text-color-hover, var(--text-color))}}