*,:after,:before{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}:where(blockquote,figure,fieldset):where([class]),body{margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){border:none;padding:0}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom:24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}html{height:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{line-height:1.5;min-height:100%}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.d52fab6cf9f1e0594aae.ttf) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/static/media/Roboto-Bold.acc817399c005142cbfa.ttf) format("woff2")}:root{--color-out-bg:#f1ebe7;--color-column-bg:#e0d7d199;--color-text:#4e342e;--color-shadow:#4e342e2d;--color-btn-bg:#4e342ebb;--color-btn-text:#e0d7d1}.dark-style{--color-out-bg:#292727;--color-column-bg:#5f5f5f;--color-text:#dad4cf;--color-shadow:#9b99964d;--color-btn-bg:#3635347e;--color-btn-text:#999694}body{background-color:#f1ebe7;background-color:var(--color-out-bg);color:#4e342e;color:var(--color-text);display:flex;font-family:Roboto,sans-serif;justify-content:center;transition:background-color .5s ease,color .5s ease}img{border-radius:15px}.container{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"header   header" "column-main  column-selected";grid-template-columns:minmax(590px,1fr) minmax(590px,1fr);max-width:1200px}.header h3{margin-block:0}.header{font-size:20px;grid-area:header;justify-self:center;margin-bottom:20px;margin-top:50px;text-align:center;width:100%}.header input+button{border-radius:0 8px 8px 0;margin-right:20px;padding-inline:8px}.header input,.header input+button{background-color:#4e342ebb;background-color:var(--color-btn-bg);border:none;color:#e0d7d1;color:var(--color-btn-text);padding-block:2px;transition:background-color .5s ease,color .5s ease}.header input{border-radius:8px 0 0 8px;padding-inline:10px;width:60%}.header input:focus{outline:none}.header input::placeholder{background-color:initial;color:#e0d7d1;color:var(--color-btn-text)}.column-main{grid-area:column-main}.column-selected{grid-area:column-selected}.item{grid-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:minmax(100px,260px) 1fr 40px;margin-top:20px;padding:10px}.head-item,.item{background-color:#e0d7d199;background-color:var(--color-column-bg);border-radius:15px;box-shadow:6px 6px 6px 0 #4e342e2d;box-shadow:6px 6px 6px 0 var(--color-shadow);transition:background-color .5s ease,color .5s ease}.head-item{align-items:start;display:flex;flex-direction:column;height:170px;padding:15px}.description,.head-item p{font-size:1.1vw}.description{margin-left:15px}.item h2{font-size:1.3vw}.filter-item{height:55px;margin-top:20px}.head-item button{background-color:#4e342ebb;background-color:var(--color-btn-bg);border:none;border-radius:8px;color:#e0d7d1;color:var(--color-btn-text);padding-block:2px;padding-inline:8px;transition:background-color .5s ease,color .5s ease}.head-main-btn-block,.head-select-btn-block{display:flex;justify-content:space-between;margin-top:auto;width:100%}.head-select-btn-block button{width:100%}.head-main-btn-block button{width:45%}.head-item button:disabled{cursor:not-allowed;opacity:.5}.head-item input+button{border-radius:0 8px 8px 0}.head-item input{background-color:#4e342ebb;background-color:var(--color-btn-bg);border:none;border-radius:8px 0 0 8px;color:#e0d7d1;color:var(--color-btn-text);padding-block:2px;padding-inline:10px;transition:background-color .5s ease,color .5s ease}.head-item input:focus{outline:none}.head-item input::placeholder{background-color:initial;color:#e0d7d1;color:var(--color-btn-text)}.item-buttons{display:flex;flex-direction:column;justify-content:space-between;padding-block:10px}.item-buttons button{background-color:initial;border:none;color:#4e342e;color:var(--color-text)}.scroll-to-top{bottom:30px}.refresh-button,.scroll-to-top{background-color:initial;border:none;border-radius:50%;color:#4e342e;color:var(--color-text);left:30px;position:fixed}.refresh-button{top:30px}.theme-button{background-color:initial;border:none;border-radius:50%;color:#4e342e;color:var(--color-text);position:fixed;right:30px;top:30px}.head-item button:hover,.header button:hover{filter:brightness(1.15);transition:.3s}.head-item button:active,.header button:active{filter:brightness(.85);transition:.3s}.filter-block{display:flex;width:100%}.filter-block input{flex-grow:1;width:100%}.filter-block .button-x{flex-shrink:0;width:40px}@media (max-width:1400px){.container{grid-template-columns:minmax(490px,1fr) minmax(490px,1fr);max-width:1000px}}@media (max-width:1200px){.container{grid-template-columns:minmax(390px,1fr) minmax(390px,1fr);max-width:800px}.item{display:grid;grid-template-columns:minmax(100px,200px) 1fr 40px}a,img{max-width:200px}.description{padding-left:0;width:30%}}
/*# sourceMappingURL=main.b32409fd.css.map*/