.error{height:100%;display:flex;justify-content:center;align-items:center}.error__container{padding:10px;background-color:var(--primary-color);box-shadow:var(--shadow-light);animation:scaleIn .3s}.error__icon{display:block;margin:0 auto;color:var(--color-red)}.error__title{font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;font-weight:500;text-align:center;margin:0;color:#444}.error__text{font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;font-size:1.3em;font-weight:400;margin:0;text-align:center}.error__button{display:block;margin:20px auto 0;width:120px;height:30px;cursor:pointer}
.home__wrapper{display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:2em;font-weight:600}.home__link{color:#444;font-size:1.5em}.home__icon{width:1em;height:1em;position:relative;top:7px;margin-right:5px}
header{display:flex;position:relative;overflow:hidden}.sb__toggler{width:60px;height:60px;padding:15px;color:var(--secondary-color);border-right:1px solid #eee;cursor:pointer}.sb__toggler:hover{background-color:rgba(52,50,78,.1);transition:background-color .3s}.sb__toggler-icon{width:100%;height:100%}.user__wrapper{position:absolute;right:0;height:60px}.user__avatar{height:30px;max-width:30px;margin:15px 0;border-radius:50%}.user__name{display:inline-block;line-height:60px;vertical-align:top;padding:0 12px}
aside{position:relative}.sb__logo{width:100%;height:60px;line-height:60px;text-align:center;font-size:2em;font-weight:600;color:#eee}@media screen and (max-width:1280px){.sb__logo{display:none}}.sb__section{width:100%;border-top:2px solid #252535}.sb__section-title{width:100%;text-indent:15px;line-height:40px;color:#8d8a98;font-weight:500}.sb__section-list{margin:0;padding:0 0 10px;list-style:none;text-indent:35px}@media screen and (max-width:1280px){.sb__section-list{text-indent:0;text-align:center}}.sb__section-icon{width:1em;height:1em;margin-right:5px;position:relative;top:2px}@media screen and (max-width:1280px){.sb__section-icon{margin:0}}@media screen and (max-width:1280px){.sb__section-title{display:none}}.sb__section-item_link{position:relative;display:block;height:40px;line-height:40px;color:#d7d4e2;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.sb__section-item_link:hover{background-color:hsla(0,0%,100%,.05);transition:background-color .3s}.sb__section-item_link--active{border-left:3px solid var(--primary-color);background-color:hsla(0,0%,100%,.05)}
.grid__item{background-color:var(--primary-color);box-shadow:var(--shadow-light);animation:scaleIn .3s}
.db__layout{width:100%;display:grid;grid-template-rows:90px 1fr;grid-template-columns:50% 50%;grid-gap:10px}@media screen and (max-width:1024px){.db__layout{grid-template-rows:90px 1fr 1fr;grid-template-columns:100%}}.db__currencies{grid-column:1/3;padding:10px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;overflow:auto hidden}@media screen and (max-width:1024px){.db__currencies{grid-column:1/1}}.currencies__container{display:inline-block;border-radius:10px;padding:10px;margin-right:5px;transition:width .3s}.currencies__container:last-child{margin-right:0}.currencies__pair,.currencies__rate{color:#fff;font-weight:600;font-size:1.4em}@media screen and (max-width:1280px){.currencies__pair,.currencies__rate{font-size:1em}}.currencies__rate{font-size:1.2em}@media screen and (max-width:1280px){.currencies__rate{font-size:.9em}}.db__chart-title{margin:10px 0;text-align:center;color:#444;font-size:1.2em;font-weight:500;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps}
.calendar__layout{background-color:var(--primary-color);box-shadow:var(--shadow-light);animation:scaleIn .3s}.calendar__control{width:100%;height:50px;color:#252535;position:relative;border-bottom:2px solid #252535}.calendar__current-month{text-align:center;line-height:50px;font-weight:500;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;font-size:1.3em}.calendar__arrow-left,.calendar__arrow-right{position:absolute;top:0;height:100%;padding:10px 5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.calendar__arrow-left:hover,.calendar__arrow-right:hover{background-color:rgba(52,50,78,.1);transition:background-color .3s}.calendar__arrow-left{border-right:1px solid #252535;left:0}.calendar__arrow-right{border-left:1px solid #252535;right:0}.calendar__wrapper{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:30px repeat(6,70px);grid-gap:1px;background-color:#252535}.calendar__cell{background-color:#fff;text-align:center;line-height:30px;font-weight:500;font-feature-settings:"c2sc";font-variant:small-caps;font-size:1.3em}.calendar__cell:nth-child(7n),.calendar__cell:nth-child(7n-1){color:red}.calendar__day{line-height:70px;font-weight:300}
.mailing_layout{background-color:var(--primary-color);box-shadow:var(--shadow-light);animation:scaleIn .3s;overflow-x:auto}.mailing__no-mails{text-align:center;padding:15px 0;font-size:1.3em;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps}.mailing_table{border:1px solid #dedede;width:100%;min-width:1200px}.mailing_table thead tr{background-color:#f6f6f6}.mailing_table thead tr th{font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;font-size:1.25em;line-height:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.mailing_table thead tr th svg{width:15px;height:12px;opacity:.5}.mailing_table tbody tr{height:30px;line-height:30px;text-align:center}.mailing_table tbody tr:nth-child(2n){background-color:#f6f6f6}.mailing_table tbody tr td{padding:5px 0}[class^=mailing__act-btn]{margin-right:3px;border:1px solid;border-radius:2px;background-color:var(--primary-color);color:#444;cursor:pointer;vertical-align:middle}[class^=mailing__act-btn]:last-child{margin-right:0}[class^=mailing__act-btn]:hover{background-color:var(--bg-color)}.mailing__act-btn--delete{color:var(--color-red)}
:root{--shadow-light:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--bg-color:#eee;--primary-color:#fff;--secondary-color:#34324e;--color-red:#c15c5c}*,:after,:before{outline:none;box-sizing:border-box}body,html{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;direction:ltr;background-color:#eee;background-color:var(--bg-color);overflow:hidden}::-webkit-scrollbar{width:5px;height:3px}::-webkit-scrollbar-thumb{background-color:#444}#root{height:100vh;display:grid;grid-template-columns:250px 1fr;grid-template-rows:60px 1fr;grid-gap:10px}@media screen and (max-width:1280px){#root{grid-template-columns:70px 1fr}}aside{background-color:#34324e;background-color:var(--secondary-color);grid-row:1/3;overflow-y:auto}aside,header{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:var(--shadow-light)}header{background-color:#fff;background-color:var(--primary-color)}main{overflow-x:hidden;overflow-y:auto}header,main{grid-column:2/2;width:calc(100% - 10px)}body.sidebar__hidden #root{grid-template-columns:1fr}body.sidebar__hidden header,body.sidebar__hidden main{grid-column:unset;margin:0 auto}.loading__container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading__spinner{animation:loadingSpinner 1.5s infinite}@keyframes loadingSpinner{0%{transform:rotateX(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}