#page.viewing { --margin-top-from-page-header:15px; --height-article-border-radius:6px; --height-article-navigation:63px; --height-article-header:49px; --height-article-footer:58px; --max-width-main-article:970px; --max-width-main-side-gallery:380px; } #page.viewing #wrapper {margin-bottom:50px; min-height:100vh;} #page.viewing .container {max-width:calc(var(--max-width-main-article) + 5px + var(--max-width-main-side-gallery) + 10px); padding-left:10px;} #page.viewing #hero {margin-top:var(--global-offset-from-page-header);} #page.viewing[data-device="mobile"] #hero {display:flex; flex-flow:column;} #page.viewing[data-device="desktop"] #hero {display:grid; grid-template-columns:minmax(728px, var(--max-width-main-article)) minmax(364px, var(--max-width-main-side-gallery)); grid-column-gap:5px;} /* --- banners --- */ /* over-article */ #page.viewing .vlDxyyFUTdjDdXmIBPxWDa {display:flex; justify-content:center; margin-bottom:10px; min-height:90px;} #page.viewing .vlDxyyFUTdjDdXmIBPxWDa #adfox_16772186461413212 {width:100%; max-height:110px; min-height:90px;} /* side-gallery bottom sticky */ #page.viewing .hfOwJQCgxWugmLrgpQVLGz {background-color:#FFF; margin:0 10px; max-height:calc(var(--height-article-border-radius) + var(--height-article-navigation) + var(--height-article-header)); border-radius:6px;} /* side-gallery top */ #page.viewing .ismGuWRZGUvfxAHlWyfrLZ {background-color:#FFF; margin:0 10px 10px; max-height:calc(var(--height-article-border-radius) + var(--height-article-navigation) + var(--height-article-header)); border-radius:6px;} /* fade-box */ #page.viewing .caramel-fadeInBox {bottom:0px; right:15px;} #page.viewing .caramel-fadeInBox__close--tl {left:unset; right:0;} /* --- banners --- */ #minicover {position:relative; height:80px;} #minicover .heading {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; display:flex; align-items:center; /*text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);*/ margin:0 auto; max-width:1326px; color:#FFF;} #minicover .heading .title {font-size:30px; font-weight:400; /*font-family:Oswald; letter-spacing:1px;*/ color:#FFF;} #minicover .heading .subtitle {margin-top:5px; font-size:16px; line-height:26px; font-weight:400;} #minicover .media {position:absolute; top:0; bottom:0; left:0; right:0; background-position:center center; background-size:cover; background-repeat:no-repeat;} #minicover .media img {width:100%; height:100%; object-fit:cover;} #minicover .media:after {content:""; position:absolute; top:0; left:0; background-image:linear-gradient(to right, #5F4781, #EC4E91); background-size:350%; width:100%; height:100%; opacity:0.9;} #article .article-border-radius {background-color:#FFF; height:var(--height-article-border-radius); padding:5px 15px 0px; border-top:1px solid rgba(0,0,0,0.09); border-radius:5px 5px 0 0;} #article .article-navigation {background-color:#FFF; display:flex; justify-content:space-between; align-items:center; min-height:var(--height-article-navigation); padding:10px 15px 10px; border-bottom:1px solid rgba(0, 0, 0, 0.03);} #article .article-navigation.sticky {position:sticky; top:var(--height-page-header); z-index:4;} #article .article-navigation .left-side {display:flex; align-items:center;} #article .article-navigation .left-side .global__avatar {width:42px; height:42px;} #article .article-navigation .left-side .global__avatar--empty {font-size:16px;} #article .article-navigation .left-side .global__avatar--anonymous {background-size:38px;} #article .article-navigation .left-side .stats {display:flex; flex-flow:column; padding-left:10px; row-gap:2px;} #article .article-navigation .left-side .top-row {display:flex; align-items:center; /*margin-bottom:1px;*/ flex-wrap:wrap; height:20px; font-size:13px; color:#666;} #article .article-navigation .left-side .top-row .pro-user {background-color:#4B4B4B; display:flex; align-items:center; margin-left:5px; height:14px; padding:0px 5px; border-radius:5px; font-size:10px; line-height:1.5; color:#FFF;} #article .article-navigation .left-side .top-row .time-ago {cursor:default;} #article .article-navigation .left-side .top-row .action-menu {margin-left:10px;} #article .article-navigation .left-side .top-row .source {margin-left:5px; color:var(--color-blue-primary);} #article .article-navigation .left-side .top-row .global__nickname {font-size:15px; line-height:20px;} #article .article-navigation .left-side .top-row .global__nickname--anonymous {color:#444;} #article .article-navigation .left-side .top-row .global__user-icon {margin-right:2px; width:18px; height:18px;} #article .article-navigation .left-side .top-row .global__user-icon--moderator {background-size:14px;} #article .article-navigation .left-side .top-row .global__user-icon--administrator {background-size:18px;} #article .article-navigation .left-side .bottom-row {display:flex; align-items:center; flex-wrap:wrap; font-size:13px; line-height:15px; color:#666; column-gap:10px; row-gap:5px;} #article .article-navigation .left-side .bottom-row .left {display:flex; align-items:center; column-gap:10px;} #article .article-navigation .left-side .bottom-row .right {display:flex; align-items:center; column-gap:10px;} #article .article-navigation .left-side .bottom-row .details {display:flex; align-items:center; height:22px; padding:0px 5px; border-radius:3px;} #article .article-navigation .left-side .bottom-row .details:not(.htmlbbcode, .countdown) {background-color:rgba(0, 0, 0, 0.05);} #article .article-navigation .left-side .bottom-row .details.htmlbbcode {border:1px solid rgba(0, 0, 0, 0.07);} #article .article-navigation .left-side .bottom-row .details.countdown.grey {background-color:rgba(0, 0, 0, 0.05); color:#555; fill:#888;} #article .article-navigation .left-side .bottom-row .details.countdown.orange {border:1px solid #F57F17; color:#F57F17; fill:#F57F17;} #article .article-navigation .left-side .bottom-row .details.countdown.dark-red {background-color:#FEE2E2; color:rgba(180, 0, 0, 0.9); fill:rgba(180, 0, 0, 0.9);} #article .article-navigation .left-side .bottom-row .details.countdown.red {border:1px solid var(--color-red-primary); color:var(--color-red-primary); fill:var(--color-red-primary);} #article .article-navigation .left-side .bottom-row .details.countdown.pulsate {animation:pulsate 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;} #article .article-navigation .left-side .bottom-row .details.countdown.shaking {animation:shaking 0.5s ease-in-out infinite;} #article .article-navigation .left-side .bottom-row .details:not(.countdown) span {color:#555;} #article .article-navigation .left-side .bottom-row .details.img-count .icon {width:16px; height:16px;} #article .article-navigation .left-side .bottom-row .details.comments-count .icon {width:14px; height:14px;} #article .article-navigation .left-side .bottom-row .details.countdown .icon {width:15px; height:15px;} #article .article-navigation .left-side .bottom-row .details.htmlbbcode .icon {width:14px; height:14px;} #article .article-navigation .left-side .bottom-row .details.htmlbbcode:hover {background-color:var(--color-blue-light); border:1px solid var(--color-blue-light);} #article .article-navigation .left-side .bottom-row .details:not(.countdown) .icon svg {fill:#888;} #article .article-navigation .left-side .bottom-row .details.htmlbbcode:hover .icon svg {fill:var(--color-blue-highlight);} #article .article-navigation .right-side {display:flex; align-items:center;} #article .article-navigation .right-side .post-navigation {display:flex;} #article .article-navigation .right-side .navbutton {position:relative; height:40px; transition:all 300ms ease-in-out; cursor:pointer; text-align:center;} #article .article-navigation .right-side .navbutton--next {background-image:linear-gradient(to right, #5F4781,#EC4E91); background-size:300%; display:flex; justify-content:center; align-items:center; margin-left:5px; width:120px; border-radius:3px 30px 30px 3px; font-size:14px; color:#FFF;} #article .article-navigation .right-side .navbutton--next:hover {background-size:200%;} #article .article-navigation .right-side .navbutton--previous {background-color:#5F4781; width:40px; border-radius:30px 3px 3px 30px; line-height:40px;} #article .article-navigation .right-side .navbutton--previous:hover {background-color:#543E72;} #article .article-navigation .right-side .navbutton--previous span {background-image:url(/assets/img/sprite/global.svg#icon__go-back); background-position:50% 50%; background-size:14px; background-repeat:no-repeat; padding-left:10px;} #article .article-navigation .right-side .navbutton.disabled {opacity:0.7;} #article .article-navigation .action-menu {position:relative;} #article .article-navigation .action-menu .dialog-btn {background-color:transparent; display:flex; justify-content:center; align-items:center; height:22px; padding:0 5px; border:1px solid rgba(0, 0, 0, 0.07); border-radius:3px;} #article .article-navigation .action-menu .dialog-btn:hover {background-color:rgba(0, 0, 0, 0.1);} #article .article-navigation .action-menu .dialog-btn svg {width:20px; height:20px; transition:fill 300ms ease-out; fill:#888;} #article .article-navigation .action-menu .dialog-btn:hover svg {fill:#666;} #article .article-navigation .action-menu .dialog {position:absolute; top:25px; right:0px; z-index:10; background-color:#FFF; padding:4px 0; border-radius:4px; white-space:nowrap; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);} #article .article-navigation .action-menu .dialog .btn {background-color:transparent; display:flex; align-items:center; width:100%; height:36px; padding:0 12px; font-size:14px; color:#333; cursor:pointer;} #article .article-navigation .action-menu .dialog .btn:hover {background-color:rgba(0,0,0,0.05); color:#222;} #article .article-navigation .action-menu .dialog .btn svg {margin-right:10px; width:19px; height:19px; fill:#666;} #article .article-navigation .action-menu .dialog .btn:hover svg {fill:#1E1F21;} #article .article-navigation .action-menu .dialog .btn .icon {display:flex;} #article .article-navigation .action-menu .dialog .ban-menu {position:relative;} #article .article-navigation .action-menu .dialog .ban-menu .dropdown-list {position:absolute; top:-150px; right:-5px; z-index:3; background-color:#FFF; border-radius:5px; font-size:12px; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);} #article .article-navigation .action-menu .dialog .ban-menu .dropdown-list .option {padding:10px 20px; color:#555; cursor:pointer;} #article .article-navigation .action-menu .dialog .ban-menu .dropdown-list .option:hover {background-color:rgba(0,0,0,0.1); color:#333;} #article .article__header {margin:0px 15px; min-height:var(--height-article-header); padding:15px 0px 10px;/*border-top:1px solid rgba(0, 0, 0, 0.03);*/} #article .article__header .right-side {display:flex; margin-left:10px;} #article .article__header .left-side h1 {min-height:20px; font-size:24px; line-height:32px; font-weight:500; color:#333; word-wrap:break-word;} #article .article__header .left-side--404 .title {font-size:18px; line-height:28px; font-weight:500;} #article .article__header .left-side--404 .description {font-size:14px; line-height:20px; color:#666;} #article .article__body {overflow:hidden;} #article .article__body h2 {margin-bottom:10px; min-height:20px; font-size:22px; line-height:30px; font-weight:500; color:#333; word-wrap:break-word; hyphens:auto;} #article .article__body h3 {margin-bottom:10px; min-height:20px; font-size:20px; line-height:30px; font-weight:500; color:#333; word-wrap:break-word; hyphens:auto;} #article .article__body ul {margin-left:30px; list-style:square;} #article .article__body ol {margin-left:30px; list-style:decimal;} #article .article__body li {margin:10px 0;} #article .article__body .media {position:relative; background-size:24px 24px; background-repeat:repeat; display:flex; justify-content:center; align-items:center; overflow:hidden; transition:background 300ms ease-out;} #page:not(.post) #article .article__body .media.png::before {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:url("data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIzNiIKICBoZWlnaHQ9IjM2IgogIHZpZXdCb3g9IjAgMCAzNiAzNiIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NjY1XzIzMzApIj4KICAgIDxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0id2hpdGUiIC8+CiAgICA8cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IiMxRTFFMUUiIC8+CiAgICA8cmVjdCB4PSIxOCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJibGFjayIgLz4KICAgIDxyZWN0IHg9IjE4IiB5PSIxOCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMUUxRTFFIiAvPgogICAgPHJlY3QgeT0iMTgiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0iYmxhY2siIC8+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwMF80NjY1XzIzMzAiPgogICAgICA8cmVjdCB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIiAvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPgo="); background-size:24px 24px; background-repeat:repeat; pointer-events:none; opacity:0;} #page:not(.post) #article .article__body .media.png:not(.skeleton-bg):hover::before {opacity:1;} #article .article__body .media.first-height {min-height:400px;} #article .article__body .media.min-height {min-height:240px;} #article .article__body .media.skeleton-bg {background-color:var(--color-grey-skeleton); pointer-events:none; animation:var(--animation-shimmer); animation-delay:0.3s; -webkit-mask:var(--linear-gradient-shimmer);} #article .article__body .media__item {z-index:3; display:flex; align-items:center; max-width:100%;} /*#article .article__body .media__item .height-regulator {max-height:calc(100vh - var(--height-page-header) - var(--height-article-border-radius) - var(--height-article-navigation) - var(--height-article-header) - var(--height-article-footer));}*/ #article .article__body .media__item img {max-width:100%; height:auto; cursor:zoom-in;} #article .article__body .media__item video {max-width:100%; height:100%; cursor:zoom-in;} #article .article__body .media__item .lazy {transition:opacity 200ms; opacity:0;} #article .article__body .media__item .lazy.lazy--loaded {opacity:1;} #article .article__body .media__item[data-lg="enabled"] video {cursor:zoom-in;} #article .article__body .media__bg {position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%, -50%); padding:20px; border:2px solid rgba(86, 86, 86, 0.1); border-radius:5px;} #article .article__body .media__bg span {background-color:#565656; -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; text-shadow:0px 2px 3px rgba(255,255,255,0.3); font-size:34px; color:rgba(255,255,255,0.3); opacity:0.8;} #article .article__body .media.loaded .media__bg {display:none;} #article .article__body .media__blurred-bg {position:absolute; top:50%; left:50%; -webkit-transform:scale(11); -moz-transform:scale(11); -ms-transform:scale(11); transform:scale(11); background:center no-repeat; background-image:none; background-size:auto; -webkit-background-size:cover; background-size:cover; width:10%; height:10%; -webkit-filter:blur(6px); filter:blur(6px); opacity:0.3;} #article .article__body .media-description {min-height:100px; font-size:17px; line-height:26px; color:#333;} #article .article__body .media-description a {border-bottom:1px dotted var(--color-blue-highlight); color:var(--color-blue-highlight);} #article .article__body .media-description blockquote {position:relative; margin:20px 40px; padding:15px 20px; color:#666;} #article .article__body .media-description blockquote:before {content:"«"; position:absolute; bottom:50%; left:-30px; transform:translateY(50%); padding-bottom:5px; font-size:70px; color:var(--color-purple-primary); opacity:0.2;} #article .article__body .media-description blockquote:after {content:"»"; position:absolute; top:50%; right:-30px; transform:translateY(-50%); padding-bottom:5px; font-size:70px; color:var(--color-purple-primary); opacity:0.2;} #article .article__body .media-separator {height:10px;} #article .article__body .media-separator:last-of-type {height:0px;} #article .article__body-404 {background-color:#F8F6F9; display:flex; justify-content:center; margin-top:-1px;} #article .article__body-404 img {max-width:100%; min-height:373px; height:auto;} #article .article__body .btn--show-more {display:flex; justify-content:center; align-items:center; min-height:46px; padding:12px 15px; border-radius:30px; font-size:16px; transition:all 300ms ease; cursor:pointer; text-align:center;} #article .article__body .btn--show-more a {color:var(--color-blue-highlight);} #article .article__body .btn--show-more a .animation__loading-dots {display:none;} #article .article__body .btn--show-more[data-state="loading"] a span {display:none;} #article .article__body .btn--show-more[data-state="loading"] a .animation__loading-dots {display:flex;} #article .article__footer {display:flex; justify-content:space-between; align-items:center; max-height:var(--height-article-footer);} #article .article__footer-404 {padding:15px; font-size:14px; line-height:20px;} #article .article__footer svg {fill:#777;} #article .article__footer .left-side {display:flex; align-items:center;} #article .article__footer .left-side .views-count {display:flex; align-items:center;} #article .article__footer .left-side .views-count .icon {margin-right:5px; width:20px; height:20px;} #article .article__footer .left-side .views-count .counter {display:flex; font-size:15px; color:#444;} #article .article__footer .left-side .views-count .counter .text {margin-left:5px;} #article .article__footer .left-side .live-count {display:flex; align-items:center; margin-left:10px;} #article .article__footer .left-side .live-count .icon {width:20px; height:20px; margtin-right:5px;} #article .article__footer .left-side .live-count .icon svg {filL:var(--color-red-primary);} #article .article__footer .left-side .live-count span {font-size:15px; color:var(--color-red-primary);} #article .article__footer .right-side {position:relative; display:flex;} #article .article__footer .right-side .respond {display:flex; justify-content:center; align-items:center; margin-left:7px; min-width:42px; height:38px; padding:5px; border-radius:3px;} #article .article__footer .right-side .total-points {cursor:default;} #article .article__footer .right-side .total-points.neutral {background-color:rgba(0, 0, 0, 0.07); color:#666;} #article .article__footer .right-side .total-points.positive {background-color:var(--color-green-light); color:var(--color-green-primary);} #article .article__footer .right-side .total-points.negative {background-color:rgba(255, 0, 0, 0.10); color:var(--color-red-primary);} #article .article__footer .right-side button.active {border:none;} #article .article__footer .right-side button.vote-up:hover {background-color:var(--color-green-light);} #article .article__footer .right-side button.vote-up.active {background-color:var(--color-green-light);} #article .article__footer .right-side button.vote-down:hover {background-color:rgba(255, 0, 0, 0.10);} #article .article__footer .right-side button.vote-down.active {background-color:rgba(255, 0, 0, 0.10);} #article .article__footer .right-side button.favorite:hover {background-color:var(--color-yellow-soft);} #article .article__footer .right-side button.favorite.active {background-color:var(--color-yellow-soft);} #article .article__footer .right-side button.share:hover {background-color:var(--color-purple-light); cursor:pointer;} #article .article__footer .right-side button.share.active {background-color:var(--color-purple-light); cursor:pointer;} #article .article__footer .right-side button .icon {display:flex; justify-content:center; align-items:center; width:100%; height:100%;} #article .article__footer .right-side button svg {opacity:0.9;} #article .article__footer .right-side button:not(.share) svg {width:22px; height:22px;} #article .article__footer .right-side button.share svg {width:24px; height:24px;} #article .article__footer .right-side button.vote-up:hover svg {fill:var(--color-green-highlight);} #article .article__footer .right-side button.vote-up.active svg {fill:var(--color-green-highlight);} #article .article__footer .right-side button.vote-down:hover svg {fill:var(--color-red-primary);} #article .article__footer .right-side button.vote-down.active svg {fill:var(--color-red-primary);} #article .article__footer .right-side button.favorite:hover svg {fill:var(--color-yellow-primary);} #article .article__footer .right-side button.favorite.active svg {fill:var(--color-yellow-primary);} #article .article__footer .right-side button.share:hover svg {fill:#5F4781;} #article .article__footer .right-side button.share.active svg {fill:#5F4781;} #article .article__footer .right-side .share-dialog {position:absolute; top:-130px; right:0; z-index:4; background-color:#FFF; width:360px; padding:15px; border-radius:5px; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);} #article .article__footer .right-side .share-dialog .copy-link {background-color:#FCFCFC; display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; overflow:hidden; padding:10px; border-radius:3px; box-shadow:inset 0 0px 15px rgba(0,0,0,0.08);} #article .article__footer .right-side .share-dialog .copy-link input {background:transparent; width:100%; overflow:hidden; padding-right:15px; font-family:inherit; font-size:15px; font-weight:500; color:var(--color-green-highlight); text-overflow:ellipsis; letter-spacing:0.5px;} #article .article__footer .right-side .share-dialog .copy-link a {border-left:none; font-size:12px; color:var(--color-blue-primary); text-transform:uppercase; cursor:pointer; text-align:center;} /* правая сторона */ #page.viewing #hero aside {display:flex; flex-flow:column;} #page.viewing #hero aside .shadow-padding {padding:0 10px;} #page.viewing #hero aside .article-navigation {display:flex; justify-content:space-between; margin-bottom:15px;} #page.viewing #hero aside .article-navigation .navbutton {height:40px; transition:all 300ms ease-in-out; cursor:pointer; text-align:center;} #page.viewing #hero aside .article-navigation .navbutton span {color:#FFF;} #page.viewing #hero aside .article-navigation .navbutton.disabled {opacity:0.7;} #page.viewing #hero aside .article-navigation .navbutton--previous {background-color:#5F4781; width:40px; border-radius:30px 3px 3px 30px; line-height:40px;} #page.viewing #hero aside .article-navigation .navbutton--previous {background-color:#543E72;} #page.viewing #hero aside .article-navigation .navbutton--previous span {background-image:url(/assets/img/sprite/global.svg#icon__go-back); background-position:50% 50%; background-size:14px; background-repeat:no-repeat; padding-left:10px;} #page.viewing #hero aside .article-navigation .navbutton--next {background:linear-gradient(to right, #5F4781, #EC4E91); background-size:300%; display:flex; flex:1; justify-content:center; align-items:center; margin-left:5px; width:120px; border-radius:3px 30px 30px 3px; font-size:14px; color:#FFF;} #page.viewing #hero aside .article-navigation .navbutton--next:hover {background-size:200%;} /* --- side-gallery --- */ #side-gallery {position:relative; flex-basis:0; flex-grow:1; overflow:hidden;} #side-gallery .side-gallery__header {display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#444;} #side-gallery .side-gallery__header .left-side .global__avatar {width:32px; height:32px;} #side-gallery .side-gallery__header .left-side .global__avatar--empty {font-size:14px;} #side-gallery .side-gallery__header .left-side .global__user-icon {margin-right:2px; width:16px; height:16px;} #side-gallery .side-gallery__header .left-side .global__user-icon--moderator {background-size:12px;} #side-gallery .side-gallery__header .left-side .global__user-icon--administrator {background-size:16px;} #side-gallery .side-gallery__header .left-side .global__nickname {font-size:14px;} #side-gallery .side-gallery__header .left-side .global__nickname--identified {color:var(--color-purple-primary);} #side-gallery .side-gallery__header .left-side .title {background:linear-gradient(to right, #5F4781,#EC4E91); background-size:300%; -webkit-background-clip:text; background-clip:text; display:flex; align-items:center; font-size:14px; font-weight:500; color:var(--color-purple-primary); text-transform:uppercase; -webkit-text-fill-color:transparent;} #side-gallery .side-gallery__header .left-side .title h3 {font-size:inherit; font-weight:inherit;} #side-gallery .side-gallery__header .left-side .description {font-size:12px; color:#777;} #side-gallery .side-gallery__header .right-side {display:flex;} #side-gallery .side-gallery__header .right-side .layout-button {margin-left:8px; width:19px; height:30px; transition:all 300ms ease; opacity:0.6; cursor:pointer;} #side-gallery .side-gallery__header .right-side .layout-button:hover {opacity:1;} #side-gallery .side-gallery__header .right-side .layout-button svg {width:100%; height:100%; fill:#777;} #side-gallery .side-gallery__header .right-side .layout-button.active {opacity:1;} #side-gallery .side-gallery__body {position:relative; max-height:100%; overflow-y:auto; padding:0px 10px 10px; scrollbar-width:none; -ms-overflow-style:none;} #side-gallery .side-gallery__body::-webkit-scrollbar {display:none;} #side-gallery .side-gallery__body .item {display:block; overflow:hidden; border-radius:3px;} #side-gallery .side-gallery__body .item__body {position:relative; overflow:hidden;} #side-gallery .side-gallery__body .item__body .media {display:flex; justify-content:center; align-items:center; width:100%; height:100%; transition:transform 150ms linear 0s;} #side-gallery .side-gallery__body .item__body .media img {width:100%; height:100%; object-fit:cover; object-position:center 0; color:transparent;} #side-gallery .side-gallery__body .item:hover .item__body .media {transform:scale(1.1);} #side-gallery .side-gallery__body .item--active .item__body .media {transform:scale(1.10); transition:transform 150ms linear 0s;} #side-gallery .side-gallery__body .item--active:hover .item__body .media {transform:scale(1.02); transition:transform 150ms linear 0s;} #side-gallery .side-gallery__body .item__body .media-count {position:absolute; background-color:rgba(0, 0, 0, 0.80); border-radius:2px; color:#FFF; cursor:default;} #side-gallery .side-gallery__body .item__body .media-type {position:absolute; display:flex; border-radius:2px; color:#FFF; cursor:default;} #side-gallery .side-gallery__body .item__body .media-type .nsfw {background-color:rgba(0, 0, 0, 0.80); margin-right:3px; padding:2px 6px; border-radius:2px;} #side-gallery .side-gallery__body .item__body .media-type .gif {background-color:rgba(0, 0, 0, 0.80); padding:2px 6px; border-radius:2px;} #side-gallery .side-gallery__body .item__footer .title {display:-webkit-box; overflow:hidden; font-size:14px; line-height:20px; font-weight:500; color:#444; word-break:break-word; word-wrap:break-word; text-overflow:ellipsis; hyphens:auto; -webkit-box-orient:vertical;} /*#side-gallery .side-gallery__body .item__footer .title.empty {display:none;}*/ #side-gallery .side-gallery__body .item__footer .global__nickname {font-size:14px; font-weight:500; color:#666;} #side-gallery .side-gallery__body .item__footer .bottom {display:flex; /*justify-content:space-between; */ height:20px; color:#666;} #side-gallery .side-gallery__body .item__footer .bottom .option {display:flex; align-items:center;} #side-gallery .side-gallery__body .item__footer .bottom .icon {margin-right:4px; margin-left:2px; width:15px; height:15px;} #side-gallery .side-gallery__body .item__footer .bottom .icon svg {width:100%; height:100%; fill:#777;} #side-gallery .side-gallery__body[data-layout="grid"] {display:grid; align-items:flex-start; grid-template-columns:repeat(auto-fill, minmax(122px, 1fr)); grid-column-gap:10px; grid-row-gap:20px;} /*#side-gallery .side-gallery__body[data-layout="grid"] .item__body {display:block;}*/ #side-gallery .side-gallery__body[data-layout="grid"] .item__body:before {content:""; display:block; width:100%; padding-bottom:100%;} #side-gallery .side-gallery__body[data-layout="grid"] .item__body .media {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%;} #side-gallery .side-gallery__body[data-layout="grid"] .item__body .media-count {top:5px; right:5px; padding:2px 6px; font-size:12px;} #side-gallery .side-gallery__body[data-layout="grid"] .item__body .media-type {top:5px; left:5px; font-size:12px;} #side-gallery .side-gallery__body[data-layout="grid"] .item__footer .header.empty {display:none;} #side-gallery .side-gallery__body[data-layout="grid"] .item__footer .header .title {height:40px; -webkit-line-clamp:2;} #side-gallery .side-gallery__body[data-layout="grid"] .item__footer .footer {padding-top:6px;} #side-gallery .side-gallery__body[data-layout="grid"] .item__footer .footer .bottom {align-items:center; font-size:12px; тargin-top:2px;} /*#side-gallery .side-gallery__body[data-layout="grid"] .item__footer .bottom .icon {background-size:13px 13px; width:13px; height:13px; margin-right:2px;}*/ #side-gallery .side-gallery__body[data-layout="list"] .item {display:flex;} #side-gallery .side-gallery__body[data-layout="list"] .item__body {display:flex; width:154px; height:100px;} #side-gallery .side-gallery__body[data-layout="list"] .item__body .media-count {top:5px; right:5px; padding:0px 4px; font-size:12px;} #side-gallery .side-gallery__body[data-layout="list"] .item__body .media-type {top:5px; left:5px; font-size:12px;} #side-gallery .side-gallery__body[data-layout="list"] .item__footer {display:flex; flex:1; flex-flow:column; justify-content:space-between; padding:5px;} #side-gallery .side-gallery__body[data-layout="list"] .item__footer .title {-webkit-line-clamp:2;} #side-gallery .side-gallery__body[data-layout="list"] .item__footer .bottom {font-size:12px;} #side-gallery .side-gallery__body[data-layout="list"] .item__footer .bottom .left-side {display:flex; align-items:center;} #side-gallery .side-gallery__body .dead-end {background-color:#FFF; padding:15px; border-radius:5px; font-size:13px; line-height:20px; color:#666; grid-column:1 / -1; box-shadow:0 1px 2px rgba(0,0,0,0.08); text-align:center;} #side-gallery .side-gallery__body .ghost-space {height:120px; grid-column:1 / -1;} #side-gallery .side-gallery__footer {position:absolute; bottom:0; background:linear-gradient(to bottom, transparent 0, var(--color-main-body) 100%); width:100%; height:80px; pointer-events:none;} /* --- блок комментариев [view_image, feedback ] --- */ #comments {margin-top:15px; padding:5px 0px; border-radius:5px;} #comments:target {scroll-margin-top:calc(var(--height-page-header) + 5px);} #comments .replies-block {padding-bottom:15px;} #comments .disabled-block {position:relative; display:flex; flex-flow:column; justify-content:center; align-items:center; padding:30px 5px; font-size:13px; line-height:20px; color:#666; text-align:center;} #comments .disabled-block a {border-bottom:dotted 1px var(--color-blue-primary); color:var(--color-blue-primary);} #comments .disabled-block.border-top {border-top:1px solid rgba(0, 0, 0, 0.03);} #comments .disabled-block.border-bottom {border-bottom:1px solid rgba(0, 0, 0, 0.03);} #comments .write-block {display:flex; margin-left:auto;} #comments .replies-block .write-block {padding-left:60px;} #comments .write-block .write-comment {position:relative; flex:1; font-size:14px; line-height:16px; color:#9B8EAD; transition:all 500ms ease;} #comments .write-block .write-comment.shown {background-color:#FFF; border-radius:5px;} #comments .write-block .write-comment.negative {/*background-color: #FFE3E3;border:1px solid var(--color-red-primary);*/} #comments .write-block .write-comment .rules {display:none; padding:8px 10px; line-height:18px; color:var(--color-red-dark); transition:opacity 300ms ease; opacity:0; user-select:none;} #comments .write-block .write-comment.shown .rules {display:block; opacity:1;} #comments .write-block .write-comment .rules a {border-bottom:1px dotted var(--color-red-dark); color:var(--color-red-dark);} #comments .write-block .write-comment textarea {background:transparent; width:100%; height:40px; resize:none; overflow:hidden; padding:8px 10px; font-family:inherit; font-size:inherit; line-height:24px; vertical-align:middle; transition:height 0.5s ease-in-out;} #comments .write-block .write-comment textarea:focus {color:#140C1A;} #comments .write-block .write-comment .panel {display:flex; max-height:0; overflow:hidden; padding:0 10px; transition:all 300ms ease; opacity:0;} #comments .write-block .write-comment.shown .panel {justify-content:space-between; align-items:center; max-height:90px; opacity:1;} #comments .write-block .left-side {display:flex; align-items:center;} #comments .write-block .left-side .words-count {margin-right:15px; font-size:20px; color:#B2B2B2; animation-fill-mode:forwards;} #comments .write-block .left-side .error-msg {font-size:12px; color:var(--color-red-primary);} #comments .write-block .right-side {display:flex; align-items:center; margin-left:auto;} #comments .write-block .right-side .button {height:38px; border-radius:30px;} #comments .write-block .right-side .button.send {background-image:linear-gradient(-136deg, #20624E 0%, #48B93B 100%); background-image:linear-gradient(to right, #48B93B 0%, #228D1A 51%, #48B93B 100%); background-size:300%; display:flex; justify-content:center; align-items:center; margin-left:10px; width:140px; transition:all 900ms ease-in-out;} #comments .write-block .right-side .button.send:hover {background-position:right center;} #comments .write-block .right-side .button.send .animation__loading-dots .animation-dot {background:#FFF;} #comments .write-block .right-side .button.send.animated-button--playing button {display:none;} #comments .write-block .right-side .button.send:not(.animated-button--playing) .animation__loading-dots {display:none;} #comments .write-block .right-side .button.cancel {margin-left:5px; padding:0 20px;} #comments .write-block .right-side .button.cancel:hover {background-color:#F1F0F2;} #comments .write-block .right-side .button.cancel:hover button {color:#444;} #comments .write-block .right-side .button button {background-color:transparent; font-size:14px;} #comments .write-block .right-side .button.send button {width:100%; height:100%; color:#FFF;} #comments .write-block .right-side .button.cancel {display:none;} #comments .replies-block .right-side .button.cancel {width:100%; height:100%; color:#777;} #comments .avatar {flex-shrink:0; border-radius:50%; cursor:default;} #comments .avatar--empty {background-color:#EC4E91; display:flex; justify-content:center; align-items:center; font-size:14px; color:#FFF; text-transform:uppercase; box-shadow:inset -12px -8px 30px var(--color-purple-primary);} #comments .avatar--anonymous {background-image:url(/assets/img/sprite/global.svg#icon__anonymous--white); background-color:#333; background-position:50% 50%; background-repeat:no-repeat; color:#FFF;} #comments .answers-block .avatar {width:36px; height:36px;} #comments .answers-block .avatar--anonymous {background-size:32px;} #comments .replies-block .avatar {width:32px; height:32px;} #comments .replies-block .avatar--anonymous {background-size:28px;} #comments .write-block .avatar {margin-right:10px; width:40px; height:40px;} #comments .write-block .avatar--anonymous {background-size:36px;} #comments .comment:target {scroll-margin-top:var(--height-page-header);} #comments .comment.animation__blink-change {animation-duration:1s;} #comments .replies-block .comment {margin-left:60px; border-left:1px solid rgba(0, 0, 0, 0.03);} #comments .comment.selected {background-color:var(--color-purple-light);} #comments .comment__header {display:flex; justify-content:space-between; align-items:center;} #comments .comment__header .top-row {display:flex; justify-content:space-between; color:#666; column-gap:5px;} #comments .comment__header .top-row .global__user-icon {margin-right:2px; width:18px; height:18px;} #comments .comment__header .top-row .global__user-icon--moderator {background-size:14px;} #comments .comment__header .top-row .global__user-icon--administrator {background-size:18px;} #comments .comment__header .top-row .nickname {display:flex; align-items:center; font-size:15px; line-height:20px; font-weight:500;} #comments .comment__header .top-row .nickname--identified {color:#5F4781;} #comments .comment__header .top-row .nickname--anonymous {color:#333;} #comments .comment__header .top-row .ninja-number {font-size:16px; color:#333;} #comments .comment__header .top-row .ninja-hash {font-size:12px; color:#777;} #comments .comment__header .top-row .left-side {display:flex; align-items:center; flex-wrap:wrap;} #comments .comment__header .top-row .left-side .global__dot {color:#777;} #comments .comment__header .top-row .left-side .info {display:flex; align-items:center; flex-wrap:wrap; font-size:13px; color:#777;} #comments .comment__header .top-row .left-side .answer-to {color:inherit;} #comments .comment__header .top-row .left-side .answer-to:hover {color:var(--color-blue-highlight-hover);} #comments .comment__header .right-side {display:flex; align-items:center;} #comments .comment__header .right-side .comment-id {font-size:12px; color:#777;} #comments .comment.selected .comment__header .right-side .comment-id {color:var(--color-purple-primary);} #comments .comment__body {margin-left:46px; padding-bottom:5px; font-size:17px; line-height:26px; color:#333;} #comments .comment__body a {color:var(--color-blue-primary);} #comments .comment__body span {display:flex; align-items:center;} /*#comments .comment__body mark {background:var(--color-purple-light); padding:4px; border-radius:3px; color:#5F4781;} #comments .comment.selected .comment__body mark {font-weight:500;}*/ #comments .comment__body.negative p {opacity:0.4;} #comments .comment:hover .comment__body p {opacity:1;} #comments .comment--deleted .comment__body {display:flex; align-items:center; font-style:italic; opacity:0.4;} #comments .comment__footer {display:flex; flex-flow:column; align-items:flex-start; margin-left:46px; padding-top:7px; row-gap:15px;} #comments .comment__footer .sides {display:flex; justify-content:space-between; width:100%;} #comments .comment__footer .sides .left-side {display:flex; align-items:center; column-gap:25px;} #comments .comment__footer .options {display:flex; align-items:center;} #comments .comment__footer .total-points {display:flex; justify-content:center; align-items:center; min-width:32px; height:30px; padding:5px; border-radius:3px; cursor:default;} #comments .comment__footer .total-points.positive {background-color:rgba(0, 255, 0, 0.10); background-color:#D7F5C2; color:var(--color-green-primary);} #comments .comment__footer .total-points.neutral {background-color:rgba(0, 0, 0, 0.07); color:#666;} #comments .comment__footer .total-points.negative {background-color:rgba(255, 0, 0, 0.10); color:var(--color-red-primary);} #comments .comment__footer button {background-color:transparent; display:flex; justify-content:center; align-items:center; width:32px; height:30px; border-radius:3px; color:#333; transition:background-color 300ms ease;} #comments .comment__footer .sides .options button {border:1px solid rgba(0, 0, 0, 0.07);} #comments .comment__footer button .icon {display:flex; justify-content:center; align-items:center;} #comments .comment__footer button .icon svg {width:18px; height:18px; transition:fill 300ms; opacity:0.9; fill:#777;} #comments .comment__footer button.inactive {opacity:0.8;} #comments .comment__footer button.active {border:none;} #comments .comment__footer button.vote-up.active {background-color:#D7F5C2;} #comments .comment__footer button.vote-up.active .icon svg {fill:var(--color-green-primary);} #comments .comment__footer button.vote-down.active {background-color:rgba(255, 0, 0, 0.10);} #comments .comment__footer button.vote-down.active .icon svg {fill:#ED3434;} #comments .comment__footer button:hover {opacity:1;} #comments .comment__footer button.vote-up:hover {background-color:#D7F5C2;} #comments .comment__footer button.vote-up:hover .icon svg {fill:var(--color-green-primary);} #comments .comment__footer button.vote-down:hover {background-color:rgba(255, 0, 0, 0.10);} #comments .comment__footer button.vote-down:hover .icon svg {fill:#ED3434;} #comments .comment__footer .answer {display:flex; justify-content:center; align-items:center; height:30px; padding:0 10px; border-radius:30px; font-size:13px; font-weight:500; color:#888; transition:background-color 300ms ease; cursor:pointer;} #comments .comment__footer .answer:hover {background-color:rgba(0, 0, 0, 0.07); color:var(--color-purple-primary);} #comments .comment .show-replies {background-color:#F8F6F9; display:flex; align-items:center; height:26px; padding:0 15px; border-radius:30px; font-size:14px; font-weight:500; color:#444; transition:all 300ms ease; cursor:pointer;} #comments .comment .show-replies:hover {color:var(--color-blue-highlight);} #comments .comment__footer .more-menu {position:relative;} #comments .comment__footer .more-menu .dialog-btn:hover {background-color:rgba(0, 0, 0, 0.07);} #comments .comment__footer .more-menu .dialog-btn:hover svg {fill:#1E1F21;} #comments .comment__footer .more-menu .dialog {position:absolute; top:28px; right:0px; z-index:10; background-color:#FFF; padding:4px 0; border-radius:4px; white-space:nowrap; box-shadow:0 2px 8px rgba(0,0,0,0.15);} #comments .comment__footer .more-menu .dialog .btn {background-color:transparent; display:flex; align-items:center; width:100%; height:36px; padding:0 12px; font-size:14px; color:#333; cursor:pointer;} #comments .comment__footer .more-menu .dialog .btn:hover {background-color:rgba(0,0,0,0.05); color:#222;} #comments .comment__footer .more-menu .dialog .btn:hover .svg {fill:#1E1F21;} #comments .comment__footer .more-menu .dialog .btn--delete {color:var(--color-red-dark);} #comments .comment__footer .more-menu .dialog .btn--delete:hover {color:var(--color-red-highlight);} #comments .comment__footer .more-menu .dialog .btn svg {margin-right:8px; width:16px; height:16px; fill:#666;} #comments .comment__footer .more-menu .dialog .btn--delete svg {fill:var(--color-red-dark);} #comments .comment__footer .more-menu .dialog .btn--delete:hover svg {fill:var(--color-red-highlight);} #comments .comment__footer .more-menu .dialog .ban-menu {position:relative;} #comments .comment__footer .more-menu .dialog .ban-menu .dropdown-list {position:absolute; top:-150px; right:-5px; z-index:3; background-color:#FFF; border-radius:5px; font-size:12px; box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);} #comments .comment__footer .more-menu .dialog .dropdown-list .option {padding:10px 20px; color:#555; cursor:pointer;} #comments .comment__footer .more-menu .dialog .dropdown-list .option:hover {background-color:rgba(0,0,0,0.1); color:#333;} /*#comments .comment--deleted .comment__footer button {display:none;}*/ /* --- последние комментарии пользователей --- */ #comments-feed {margin-top:50px; width:100%; padding-right:10px;} #comments-feed .grid-title {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;} #comments-feed .grid-title .left-side {display:flex; align-items:center;} #comments-feed .grid-title .left-side h3 {background:linear-gradient(to right, #5F4781,#EC4E91); background-size:300%; -webkit-background-clip:text; background-clip:text; font-size:15px; font-weight:500; color:var(--color-purple-primary); text-transform:uppercase; -webkit-text-fill-color:transparent;} #comments-feed .grid-title .left-side .global__tooltip-help {top:0px; margin-left:5px; width:12px; height:12px;} #comments-feed .grid-title .left-side .global__tooltip-help__body {bottom:20px; width:300px;} #comments-feed.albums .grid-title .left-side .global__tooltip-help__body {right:-72px;} #comments-feed.posts .grid-title .left-side .global__tooltip-help__body {right:-95px;} #comments-feed .grid-title .right-side {display:flex; align-items:center;} #comments-feed .grid-title .right-side .link {font-size:14px; font-weight:400; color:#888; text-transform:uppercase;} #comments-feed .grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(310px, 1fr)); grid-gap:15px;} #comments-feed .grid .renaissance__comment:nth-child(n+17) {display:none;} #comments-feed .grid .renaissance__comment .comment__body .heading .left-side .global__user-icon {margin-right:3px; width:16px; height:16px;} #comments-feed .grid .renaissance__comment .comment__body .heading .left-side .global__user-icon--moderator {background-size:12px;} #comments-feed .grid .renaissance__comment .comment__body .heading .left-side .global__user-icon--administrator {background-size:16px;} /* навигация для телефонов */ #page.viewing #mobile-navigation {position:fixed; bottom:60px; z-index:20; display:flex; justify-content:space-between; align-items:center; width:100%; padding:10px;} #page.viewing #mobile-navigation .navbutton {width:120px; height:40px; border-radius:30px; font-size:14px; line-height:38px; color:#FFF; transition:all 300ms ease-in-out; text-align:center;} #page.viewing #mobile-navigation .navbutton.disabled {opacity:0.7;} #page.viewing #mobile-navigation .navbutton--previous {background:linear-gradient(to right, #8E4986, #634C84);} #page.viewing #mobile-navigation .navbutton--next {background:linear-gradient(to right, #5F4781,#EC4E91); background-size:300%;} #page-footer .container {padding:0 10px;} /* --- M E D I A Q U E R I E S --- */ @media (max-width: 1304px) {#comments-feed .grid .renaissance__comment:nth-child(n+16) {display:none;}} @media (max-width: 1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */} @media (min-width:1108px) {#page.viewing #hero aside.sticky {position:sticky; top:calc(var(--height-page-header) + var(--global-offset-from-page-header)); max-height:calc(100vh - var(--height-page-header));}} @media (max-width:1108px) {#page.viewing .container {padding:0px;} #page.viewing[data-device="desktop"] #hero {display:flex; flex-flow:column; grid-column-gap:0px;} #page.viewing #hero main {padding:0 10px;} #page.viewing #hero aside {flex-flow:unset; margin-top:50px; max-height:500px !important;} #page.viewing .hfOwJQCgxWugmLrgpQVLGz {display:none;} #page.viewing .ismGuWRZGUvfxAHlWyfrLZ {display:none;} #article .article__body .media__item img {width:100%;} #side-gallery .side-gallery__body[data-layout="grid"] {grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));} #side-gallery .side-gallery__body[data-layout="grid"] .item__footer {display:none;} #comments-feed {padding:0 10px;}} @media (max-width: 1084px) {/* IMPORTANT: Must be same with as ".container" width */ /* #article .article__body .media__item {min-height:100% !important; min-height:unset !important; height:100% !important; height:unset !important;}*/ #article .article__body-404 {min-height:unset;}} @media (max-width:991px) {/* Rules for tablets and smaller viewports */ #comments-feed .grid .renaissance__comment:nth-child(n+11) {display:none;}} @media (max-width:767px) {/* Rules for smartphones only */ #page.viewing #hero {margin-top:0px;} #page.viewing #hero main {padding:0px;} #page.viewing #hero aside {max-height:400px !important;} #page.viewing .vlDxyyFUTdjDdXmIBPxWDa {display:none;} #article .article-border-radius {display:none;} #article .article-navigation {padding:20px 10px;} #article .article-navigation .right-side .post-navigation {display:none;} #article .article-navigation .left-side .stats {padding-left:5px; row-gap:5px;} #article .article-navigation .left-side .top-row {margin-left:5px; height:100%;} #article .article-navigation .left-side .bottom-row {margin-left:5px;} #article .article-navigation .left-side .bottom-row .left {flex-wrap:wrap; row-gap:5px;} #page.viewing:not(.image, .album) #article .article-navigation .left-side .bottom-row .left {display:none;} #article .article-navigation .left-side .bottom-row .right {flex-wrap:wrap; row-gap:5px;} #article .article-navigation .left-side .bottom-row .details.img-count {margin-left:0px;} #article .article-navigation .action-menu .dialog {right:-25px;} #article .article {border-top:1px solid #EDECEF; border-bottom:1px solid #EDECEF; border-radius:0px; box-shadow:none;} #article .article__header {margin:0 10px;} #article .article__header .left-side h1 {font-size:22px; line-height:28px;} #article .article__body .media.first-height {min-height:200px;} #article .article__body .media-separator {height:5px;} #article .article__body .btn--show-more {font-size:14px;} #article .article__body-404 img {min-height:unset;} #article .article__footer {padding:10px;} #article .article__footer-404 {padding:10px;} #article .article__footer .left-side .views-count .counter .text {display:none;} #article .article__footer .right-side .total-points {margin-left:5px;} #article .article__footer .right-side .respond {margin-left:5px; min-width:36px; height:36px;} #side-gallery .side-gallery__header {padding:0px 5px 10px;} #side-gallery .side-gallery__body {max-height:440px; padding:0 5px;} #side-gallery .side-gallery__body[data-layout="grid"] {grid-template-columns:1fr 1fr 1fr; grid-gap:5px;} #side-gallery .side-gallery__body[data-layout="list"] .item__body {width:100px;} #comments-feed {padding:0 5px;} #comments-feed .grid-title .right-side .link {display:none;} #comments-feed .grid {grid-gap:8px;} #comments-feed .grid .renaissance__header .right-side {display:none;} #comments {border-radius:0px;} #comments .disabled-block {padding:20px 5px;} #comments .replies-block .write-block {padding-left:10px;} #comments .write-block .avatar {display:none;} #comments .write-block .left-side {flex-flow:column; align-items:flex-start;} #comments .write-block .left-side .words-count {margin-right:0px;} #comments .write-block .write-comment.shown {border-radius:0px;} #comments .write-block .write-comment textarea {min-height:80px;} #comments .replies-block .comment {margin-left:10px;} #comments .comment__header .top-row .left-side .global__dot.hide {visibility:hidden;} #comments .comment__body {margin-top:5px; margin-left:0px;} #comments .comment__footer {flex-flow:column; align-items:flex-start; margin-left:0px;}} @media (max-width:380px) {#article .article__footer .right-side .share-dialog {width:300px; padding:15px 10px;} #social-buttons.monocolor .share-button.livejournal {display:none;}} /* --- M E D I A Q U E R I E S --- */ /* --- K E Y F R A M E S --- */ @keyframes fadeIn {from {opacity:0;} to {opacity:1;}} @keyframes shaking {0%, 100% {transform:rotate(-2deg);} 50% {transform:rotate(2deg);}} /* --- K E Y F R A M E S --- */