:root{--scroll-media-width: 1000px;--filter_width: 250px;--font: "Open Sans", sans-serif;--gold: #ffd139;--dark: #161616;--red: #ff4141;--light: #ffffff;--gray: #f9f9f9;--green: #44d564;--blue: #2763fe;--dark-blue: #4564b3;--border-color: #d9d9d9;--head-bg-color: #edf3f1;--input-bg-color: #f1f1ec;--border-form-color: #e1eff5;--submit-color: #b5e2f5;--submit-hover-color: #67bee3;--submit-active-color: #23a9e3;--active-pagination-link-color: #23a7a2;--tumbs-color: #7e8b90;--pink: #ff4e8d;--orange: #ff7337;--violet: #bf56ff;--pampas: #f4f0ec}@media (max-width:1000px){:root{--filter_width: 50px}}@font-face{font-weight:700;font-family:"Open Sans";font-style:normal;font-display:swap;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff")}@font-face{font-weight:400;font-family:"Open Sans";font-style:normal;font-display:swap;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff")}@font-face{font-weight:400;font-family:"Open Sans";font-style:italic;font-display:swap;src:url(../fonts/OpenSans-Italic.woff) format("woff")}@font-face{font-weight:600;font-family:"Open Sans";font-style:normal;font-display:swap;src:url(../fonts/OpenSans-SemiBold.woff) format("woff")}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
body,html{height:100%}html{line-height:1.15;-webkit-text-size-adjust:100%}body,sub,sup{position:relative}body{margin:0;padding:0;font-weight:400;font-family:var(--font);color:var(--dark);font-size:16px}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:inherit;text-decoration:none;cursor:pointer}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;display:block;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],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{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}body::before{content:"";position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0;background-image:url(../img/bg.jpg);background-position:center;background-size:contain;opacity:.3}.visually-hidden:not(:focus):not(:active),input[type=checkbox].visually-hidden,input[type=radio].visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip:rect(0 0 0 0);overflow:hidden}.container,.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.container{max-width:1920px;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.header{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:50px;margin-bottom:25px;padding:10px 32px;background-color:rgba(255,255,255,.7)}.header__user{margin:0;color:var(--orange)}.header__out-link{display:block;margin-left:25px;text-decoration:underline}.button{min-width:200px;margin-top:25px;padding:16px;font-weight:600;text-transform:uppercase;background-color:var(--submit-color);border:0;border-radius:12px;outline:0;cursor:pointer;-webkit-transition:background-color .3s ease,color .2s ease;transition:background-color .3s ease,color .2s ease}.button:focus,.button:hover{color:var(--light);background-color:var(--submit-hover-color)}.button:active{color:var(--light);background-color:var(--submit-active-color)}.link{color:var(--dark-blue);-webkit-transition:color .3s ease,opacity .15s ease;transition:color .3s ease,opacity .15s ease}.link:focus,.link:hover{color:var(--blue)}.link:active{opacity:.8}.table-head{position:relative;display:grid;width:100%;max-width:1200px;font-weight:700;background-color:var(--head-bg-color);border:1px solid var(--border-color);border-bottom:none;grid-template-columns:1fr var(--filter_width)}.table-head__content{display:grid;min-width:calc(var(--scroll-media-width) - var(--filter_width));padding:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;grid-template-columns:50px repeat(6,1fr);justify-items:center}@media (max-width:1000px){.table-head__content{min-width:auto}}.table-head__name{grid-column:2/span 2;justify-self:start}.table-head__link{position:relative;margin:16px 0;cursor:pointer;-webkit-transition:color .3s ease,-webkit-filter .3s ease;transition:color .3s ease,filter .3s ease;transition:color .3s ease,filter .3s ease,-webkit-filter .3s ease}.table-head__link:focus,.table-head__link:hover{color:var(--orange)}.table-head__link:active{-webkit-filter:hue-rotate(-147deg);filter:hue-rotate(-147deg)}.table-head__link::before{position:absolute;top:50%;right:-15px;margin-top:1px;color:currentColor;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.table-head__link[data-direction=up]::before{content:">"}.table-head__link[data-direction=down]::before{content:"<"}.content{width:100%;max-width:1200px;display:grid;position:relative;margin-bottom:40px;grid-template-columns:1fr var(--filter_width)}.stat-list{margin:0;padding:0;list-style:none;background-color:var(--light);border:1px solid var(--border-color);border-bottom:none;border-top:none}@media (max-width:1000px){.stat-list{overflow:scroll}}.stat-item{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:calc(var(--scroll-media-width) - var(--filter_width));min-height:50px;padding:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;border-bottom:1px solid var(--border-color);grid-template-columns:50px repeat(6,1fr);justify-items:center}@media (max-width:1000px){.stat-item{min-width:auto}}.stat-item__image-inner{width:50px;height:50px;overflow:hidden}.stat-item__name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;grid-column:span 2;justify-self:start}.stat-item__growth{color:var(--green)}.stat-item__growth-percent{font-size:.75em}.stat-item__coverage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-item__coverage--lock{position:relative;pointer-events:none}.stat-item__coverage--lock::before,.stat-item__visitors--lock::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background-image:url(../img/svg/lock.svg);background-repeat:no-repeat;background-position:center;background-size:15px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stat-item__visitors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-item__visitors--lock{position:relative;pointer-events:none}.add-form-container{min-width:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-form-container--close .add-form-container__wrap{height:0;overflow:hidden}@media (max-width:1000px){.add-form-container{min-width:auto}}.add-form-container__wrap{overflow:visible;-webkit-transform-origin:50% 0;transform-origin:50% 0;height:600px;-webkit-transition:height .3s ease,overflow 0s linear .3s;transition:height .3s ease,overflow 0s linear .3s}.add-form-container__button{-ms-flex-item-align:end;align-self:flex-end;min-width:200px;padding:10px 16px;margin-bottom:25px;background-color:var(--orange)}.add-form-container__button:focus,.add-form-container__button:hover{color:var(--light);background-color:var(--pink)}.add-form-container__button:active{color:var(--light);background-color:var(--violet)}.form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:25px;background-color:var(--light);border:2px solid var(--border-color);border-radius:20px}.form__legend{margin-bottom:15px;font-weight:600;font-size:18px}.form__area{margin-bottom:15px;padding:16px 20px;background-color:var(--input-bg-color);border:3px solid var(--input-bg-color);border-radius:12px;outline:0;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;resize:none}.form__area:focus,.form__date:focus,.form__input:focus{border-color:var(--border-form-color)}.form__date,.form__input{width:100%;margin-bottom:15px;padding:4px 20px;background-color:var(--input-bg-color);border:3px solid var(--input-bg-color);border-radius:12px;outline:0;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.label{-ms-flex-item-align:start;align-self:flex-start;margin-top:0;margin-bottom:12px;font-size:14px;font-style:italic}.login-form{margin:auto}.pagination,.pagination__list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.pagination{position:sticky;top:0;z-index:1;max-width:1200px}.pagination__list{margin:0;list-style:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:40px;padding:10px 15px;background-color:var(--light);border:1px solid var(--border-color)}.pagination__item{padding:0 10px}.pagination__link{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;color:var(--pink);-webkit-transition:color .3s ease;transition:color .3s ease}.pagination__link--active{font-weight:700;color:var(--active-pagination-link-color)}.pagination__link:focus,.pagination__link:hover{color:var(--submit-hover-color)}.pagination__link:active{color:var(--submit-active-color)}.pagination__start-link{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.search{position:absolute;bottom:-6px;left:10px;width:40%;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:2}.search__input{border:0;-webkit-box-shadow:0 0 0 1px var(--border-color);box-shadow:0 0 0 1px var(--border-color);width:100%;padding:4px 10px;outline:0;-webkit-transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.search__input:active,.search__input:focus{-webkit-box-shadow:0 0 0 2px var(--border-color);box-shadow:0 0 0 2px var(--border-color)}.filter{position:sticky;top:38px;right:0;max-height:calc(100vh - 40px);overflow-y:scroll;background-color:var(--light)}.filter::-webkit-scrollbar-track{width:3px;background:0 0;border-radius:6px}.filter::-webkit-scrollbar{width:3px;background:0 0}.filter::-webkit-scrollbar-thumb{width:3px;background:#d9d9d9;border-radius:6px}.filter input[type=range]{position:absolute;top:0;left:0;width:100%;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter input[type=range]::-webkit-slider-thumb{position:relative;z-index:1;width:10px;height:10px;background-color:var(--tumbs-color);border:100%;border-radius:100%;-webkit-box-shadow:.5px .5px 2px var(--pink);box-shadow:.5px .5px 2px var(--pink);cursor:pointer;-webkit-appearance:none;appearance:none}.filter input[type=range]::-ms-thumb{position:relative;z-index:1;width:10px;height:10px;background-color:var(--tumbs-color);border:100%;border-radius:100%;box-shadow:.5px .5px 2px var(--pink);cursor:pointer}.filter input[type=range]:focus{outline:0}.filter input[type=range]::-ms-track{height:0;width:100%;color:transparent;background:0 0;border-color:transparent;cursor:pointer}.filter input[type=range]::-webkit-slider-runnable-track{width:100%;height:0;background:0 0;cursor:pointer}.filter input[type=range]:focus::-webkit-slider-runnable-track{background-color:transparent}.filter input[type=range]::-moz-range-track{width:100%;height:0;background:0 0;cursor:pointer}.filter input[type=range]::-ms-fill-lower{height:0;background:0 0}.filter input[type=range]:focus::-ms-fill-lower{background:0 0}.filter input[type=range]::-ms-fill-upper{height:0;background:0 0}.filter input[type=range]:focus::-ms-fill-upper{background:0 0}@media (max-width:1000px){.filter{width:50px}.filter--open .filter__form{-webkit-transform:scaleX(1);transform:scaleX(1)}.filter--open .filter__toggle-button{left:-298px;min-height:100px;-webkit-transform:none;transform:none}}.filter__total{margin:0;padding:10px 24px;font-style:italic}.filter__total-value{color:var(--dark-blue)}.filter__form{position:relative;width:100%;padding:10px;background-color:var(--light);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media (max-width:1000px){.filter__form{position:absolute;top:0;right:0;z-index:20;width:300px;min-height:100px;overflow-y:scroll;border:2px solid var(--border-color);-webkit-transform:scaleX(0);transform:scaleX(0)}}.filter__fieldset,.filter__output-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%}.filter__fieldset{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:0;margin-bottom:25px}.filter__output-wrap{margin-bottom:8px;font-size:14px}.filter__range-wrap{position:relative;height:10px}.filter__range-line,.filter__range-wrap::before{position:absolute;top:50%;left:0;height:2px;border-radius:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.filter__range-wrap::before{content:"";width:100%;background-color:var(--border-form-color)}.filter__range-line{right:0;background-color:var(--orange)}.filter__output{width:45%;text-align:center;border:0}.filter__label{margin-bottom:6px}.filter__reset-button{padding:0;background:0 0;border:0;outline:0;cursor:pointer;position:absolute;top:18px;left:115px;width:12px;height:12px;color:var(--tumbs-color);-webkit-transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease;will-change:transform}.filter__reset-button::after,.filter__reset-button::before{content:"";position:absolute;top:50%;left:50%;width:15px;height:2px;background-color:currentColor;border-radius:2px}.filter__reset-button::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.filter__reset-button::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.filter__reset-button:focus,.filter__reset-button:hover{color:var(--pink);-webkit-transform:scale(1.1);transform:scale(1.1)}.filter__reset-button:active{-webkit-transform:scale(.8);transform:scale(.8)}.filter__toggle-button{padding:0;background:0 0;border:0;outline:0;cursor:pointer;position:absolute;top:0;left:0;z-index:4;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-weight:700;font-size:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:left .3s ease;transition:left .3s ease}@media (max-width:1000px){.filter__toggle-button{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--pampas);border:2px solid var(--border-color)}}.filter__categories-list{margin:0;padding:0;list-style:none;font-size:14px;font-style:italic}.filter__categories-link{margin-bottom:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:color .3s ease;transition:color .3s ease}.filter__categories-link--active{font-weight:600;color:var(--dark-blue)}.filter__categories-link:focus,.filter__categories-link:hover{color:var(--submit-hover-color)}.filter__categories-link:active{color:var(--submit-active-color)}
.posts-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    border: 1px solid black;
    padding: 20px;
}

.posts-list li {
    outline: 1px solid black;
    display: grid;
    grid-template-columns: 100px 500px 150px 150px 100px 100px 100px 350px 100px 50px 50px;
    gap: 10px;
    justify-items: center;
    align-items: center;
}