/* R E N A I S S A N C E   H E A D E R */
.renaissance__header {display:flex; justify-content:space-between; align-items:center; min-height:30px; grid-column:1 / -1;}
.renaissance__header .left-side {display:flex; flex-flow:wrap; align-items:center;}
.renaissance__header .right-side {display:flex; justify-content:flex-end; align-items:center;}
.renaissance__header .title--fancy {background-image:linear-gradient(to right, #5F4781,#EC4E91); background-size:300%; -webkit-background-clip:text; background-clip:text; font-size:22px; font-weight:400; color:var(--color-purple-primary); -webkit-text-fill-color:transparent;}
.renaissance__header .title--standard {font-size:14px; font-weight:500; color:#555; text-transform:uppercase;}
.renaissance__header .title--link {font-size:15px; font-weight:400; color:#444; text-transform:uppercase;}
.renaissance__header .title--small {font-size:14px; font-weight:400; color:#888;}
.renaissance__header .animation__online-indicator {top:0px; right:12px; width:8px; height:8px;}
.renaissance__header .global__tooltip-help {top:2px; width:14px; height:14px;}
.renaissance__header .left-side .global__tooltip-help {margin-left:5px;}
.renaissance__header .left-side .global__tooltip-help__body {top:20px; right:-70px; width:300px;}


/* кнопки переключение табов, например на главной, /albums, /comments и др. */
.renaissance__header .change-tab {display:flex; align-items:center;}
.renaissance__header .change-tab .option {background-color:rgba(0, 0, 0, 0.07); margin-left:5px; height:30px; padding:5px 10px; border-radius:3px; font-size:14px; color:#666; text-transform:uppercase;}
.renaissance__header .change-tab .option:hover {background-color:rgba(0, 0, 0, 0.09); color:#555;}
.renaissance__header .change-tab .option.active {background-color:var(--color-purple-primary); color:#FFF; /*background-image:linear-gradient(to right, #5F4781, #EC4E91); background-size:350%;*/}
/* кнопки переключение табов, например на главной, /albums, /comments и др. */

/* кнопка отображения настроек для .renaissance__filters и .renaissance__settings */
.renaissance__header .settings button {background-color:rgba(0, 0, 0, 0.07); display:flex; align-items:center; height:30px; padding:0 5px; border-radius:3px;}
.renaissance__header .settings:hover button {background-color:rgba(0, 0, 0, 0.09);}
.renaissance__header .right-side .settings {margin-left:5px;}
.renaissance__header .settings button .icon {/*display:flex; align-items:center; justify-content:center; */ width:24px; height:24px;}
.renaissance__header .settings button .icon svg {width:100%; height:100%; fill:#777;}
.renaissance__header .settings button.active .icon svg {fill:var(--color-purple-primary);}
.renaissance__header .settings button .description {margin-left:5px; font-size:14px; font-weight:500; color:#777; text-decoration:none;}
.renaissance__header .settings button.active .description {color:var(--color-purple-primary);}
/* кнопка отображения настроек, например на стр /comments */
/* R E N A I S S A N C E   H E A D E R */


/* R E N A I S S A N C E   F I L T E R S*/
.renaissance__filters {grid-template-columns:repeat(auto-fill, minmax(245px, 1fr)); grid-column:1 / -1; grid-column-gap:30px;}
.renaissance__filters.hidden {display:none;}
.renaissance__filters.shown {display:grid;}
.renaissance__filters .column {display:flex; flex-flow:column; margin:0 5px 20px 5px;}
.renaissance__filters .column .title {padding:15px 0 10px; border-bottom:1px solid rgba(0, 0, 0, 0.05); font-size:14px; font-weight:500; color:#333; text-transform:uppercase;}
.renaissance__filters .column .option {margin-top:15px; font-size:14px; color:#333; cursor:pointer;}
.renaissance__filters .column .option:hover {color:#222;}
.renaissance__filters .column .option.active {font-weight:500;}
/*.renaissance__filters .column .option.active:before {content: "\2714"; padding-right: 10px;}*/
.renaissance__filters .column .option.active:after {content:"\2716"; padding-left:10px; font-size:12px;}
/* R E N A I S S A N C E   F I L T E R S*/


/* R E N A I S S A N C E   S E T T I N G S*/
.renaissance__settings {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid rgba(0, 0, 0, 0.05); grid-column:1 / -1;}
.renaissance__settings.hidden {display:none;}
.renaissance__settings.shown {display:flex;}
.renaissance__settings .column {display:flex; flex-flow:column;}
.renaissance__settings .column .title {padding:15px 0 10px; border-bottom:1px solid rgba(0, 0, 0, 0.05); font-size:14px; font-weight:500; color:#333; text-transform:uppercase;}
.renaissance__settings .column label .icon {background-color:rgba(0, 0, 0, 0.05); display:flex; justify-content:center; align-items:center; width:30px; height:30px; border-radius:3px;}
.renaissance__settings .column label .icon:hover svg {fill:#666;}
.renaissance__settings .column label .icon svg {transition:all 200ms ease-in-out; fill:#777;}
.renaissance__settings .column label .icon.adults-only svg {width:22px; height:22px;}
.renaissance__settings .column label .icon.swear-words svg {width:22px; height:22px;}
.renaissance__settings .column label .icon.contain-url svg {width:20px; height:20px;}
.renaissance__settings .column input:checked ~ .icon svg {fill:var(--color-green-primary);}
.renaissance__settings .column label {display:flex; align-items:center; margin-top:15px; cursor:pointer;}
.renaissance__settings .column label .description {margin-left:10px; font-size:14px; color:#4B4B4B; opacity:0.9;}
.renaissance__settings .column label .description:before {content:"Не показывать"; margin-right:3px;}
.renaissance__settings .column label input:checked ~ .description {font-weight:500; color:var(--color-green-primary); opacity:1;}
.renaissance__settings .column label input:checked ~ .description:before {content:"Показывать"; margin-right:3px;}
.renaissance__settings .column .row {display:flex; margin-top:15px;}
.renaissance__settings .column .row .option {background-color:rgba(0, 0, 0, 0.07); margin-right:10px; padding:5px 10px; border-radius:30px;}
/* R E N A I S S A N C E   S E T T I N G S*/


/* L A Y O U T - O P T I O N S */
#layout-options {position:relative; margin-left:5px;}
#layout-options .dialog-btn {background-color:rgba(0, 0, 0, 0.07); width:30px; height:30px; border-radius:3px; cursor:pointer;}
#layout-options:hover .dialog-btn {background-color:rgba(0, 0, 0, 0.09);}
#layout-options .dialog-btn .icon {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#layout-options .dialog-btn .icon svg {width:20px; height:20px; fill:#777;}
#layout-options .dialog {position:absolute; top:0px; right:0px; z-index:10; background-color:#FFF; padding:10px; 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);}
#layout-options .dialog .action {margin-bottom:5px; font-size:12px; color:#444;}
#layout-options .dialog .top {display:flex; justify-content:space-between;}
#layout-options .dialog .top .button {background-color:rgba(0, 0, 0, 0.05); display:flex; margin:0 5px; padding:5px; border-radius:3px; cursor:pointer;}
#layout-options .dialog .top .button:hover {background-color:rgba(0, 0, 0, 0.07);}
#layout-options .dialog .top .button.active {background-color:#F3E5F5;}
#layout-options .dialog .top .button .icon {width:24px;}
#layout-options .dialog .top .button .icon svg {width:100%; height:100%; fill:#777;}
#layout-options .dialog .top .button.active .icon svg {fill:var(--color-purple-primary);}
#layout-options .dialog .bottom {background-color:rgba(0, 0, 0, 0.05); padding:10px 5px; border-radius:3px;}
#layout-options .dialog .bottom .range {background:none; width:calc(100% - 58px); padding:0; outline:none; border:none; vertical-align:middle; -webkit-appearance:none;}
#layout-options .dialog .bottom .range::-webkit-slider-runnable-track {background-color:rgba(0, 0, 0, 0.07); height:6px; border:1px solid transparent; border-radius:3px;}
#layout-options .dialog .bottom .range::-moz-range-track {background-color:rgba(0, 0, 0, 0.07); height:6px; border:none; border-radius:3px;}
#layout-options .dialog .bottom .range::-ms-track {background:none; height:6px; border:none; color:transparent;}
#layout-options .dialog .bottom .range::-ms-fill-lower {background-color:rgba(0, 0, 0, 0.07); border-radius:3px;}
#layout-options .dialog .bottom .range::-ms-fill-upper {background-color:rgba(0, 0, 0, 0.07); border-radius:3px;}
#layout-options .dialog .bottom .range::-ms-tooltip {display:none;}
#layout-options .dialog .bottom .range::-moz-range-thumb {background:none; background-color:#777; width:18px; height:18px; border:none; border-radius:20px;}
#layout-options .dialog .bottom .range:active::-moz-range-thumb {outline:none;}
#layout-options .dialog .bottom .range::-webkit-slider-thumb {background-color:#777; margin-top:-7px; width:18px; height:18px; border-radius:100%; -webkit-appearance:none;}
#layout-options .dialog .bottom .range:active::-webkit-slider-thumb {outline:none;}
#layout-options .dialog .bottom .range::-ms-thumb {background-color:#777; width:18px; height:18px; border:none; border-radius:100%;}
#layout-options .dialog .bottom .range:active::-ms-thumb {border:none;}
#layout-options .dialog .bottom output {padding:0.4em 0.6em; border:1px solid rgba(0, 0, 0, 0.07); border-radius:3px; font-size:12px; color:#333;}
#layout-options .dialog .bottom output:after {content:"px"; margin-left:3px;}
/* L A Y O U T - O P T I O N S */

/* A U T O P L A Y - T O G G L E */
#autoplay-toggle button {background-color:rgba(0, 0, 0, 0.07); display:flex; margin-left:5px; height:30px; padding:0 5px; border-radius:3px;}
#autoplay-toggle button:hover {background-color:rgba(0, 0, 0, 0.09);}
#autoplay-toggle button .icon {position:relative; top:50%; transform:translate(0,-50%); background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=); background-color:transparent; background-size:cover; width:36px; height:14.4px; border-radius:14.4px; transition:all 0.08s cubic-bezier(0.4,0,1,1); transition:all 0.08s cubic-bezier(0.6, -0.28, 0.74, 0.05); cursor:pointer;}
#autoplay-toggle button .icon:after {content:""; position:absolute; top:-3px; left:0; background-size:cover; width:20.4px; height:20.4px; border-radius:20.4px; transition:all 0.08s cubic-bezier(0.4,0,1,1);/*background-color:#FFF;*/}
#autoplay-toggle[data-state="playing"] .icon:after {transform:translateX(15.6px); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIyLjg4IDEyMi44OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIyLjg4IDEyMi44OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGZpbGw9IiM3NzciIGQ9Ik02MS40NCwwYzMzLjkzLDAsNjEuNDQsMjcuNTEsNjEuNDQsNjEuNDRjMCwzMy45My0yNy41MSw2MS40NC02MS40NCw2MS40NFMwLDk1LjM3LDAsNjEuNDQgQzAsMjcuNTEsMjcuNTEsMCw2MS40NCwwTDYxLjQ0LDB6IE02OC4xNiwzMy44OEg4NC4xVjg5bC0xNS45NCwwVjMzLjg4TDY4LjE2LDMzLjg4TDY4LjE2LDMzLjg4eiBNMzguNzgsMzMuODhoMTUuOTRWODlsLTE1Ljk0LDAgVjMzLjg4TDM4Ljc4LDMzLjg4TDM4Ljc4LDMzLjg4eiIvPjwvZz48L3N2Zz4=);}
#autoplay-toggle[data-state="paused"] .icon:after {background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+IDxzdmcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMjUiPjx0aXRsZT5WaWRlbyBQbGF5PC90aXRsZT48cGF0aCBpZD0iVmlkZW9fUGxheSIgZGF0YS1uYW1lPSJWaWRlbyBQbGF5IiBkPSJNMTIuNSwwQTEyLjUsMTIuNSwwLDEsMCwyNSwxMi41LDEyLjUyLDEyLjUyLDAsMCwwLDEyLjUsMFptNS4yNiwxMi45Mi04LDVBLjU2LjU2LDAsMCwxLDkuNSwxOGEuNS41LDAsMCwxLS4yNC0uMDZBLjUxLjUxLDAsMCwxLDksMTcuNVY3LjVhLjUxLjUxLDAsMCwxLC4yNi0uNDQuNDkuNDksMCwwLDEsLjUxLDBsOCw1YS40OS40OSwwLDAsMSwwLC44NFoiIGZpbGw9IiM3MTcxNzEiLz48L3N2Zz4=);}

/* A U T O P L A Y - T O G G L E */

/* R E N A I S S A N C E   I T E M*/
.salvador {border-radius:5px; transition:box-shadow 200ms ease-out; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.salvador:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.16);}
.picasso {border-radius:5px; transition:box-shadow 200ms ease-out; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.picasso:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.16);}
.malevich {box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.malevich:hover {outline:1px solid rgba(0,0,0,0.05);}
.davinci {border-radius:5px; transition:box-shadow 300ms ease; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.davinci:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.16);}
.monet {position:relative; background-color:#FFF; padding:5px; border-radius:5px; transition:box-shadow 300ms; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.monet:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.16);}
.yoshikazu {overflow:hidden; border-radius:5px; transition:box-shadow 200ms ease-out; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.yoshikazu:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.16);}
.renaissance__card .item__header {background-color:#FFF; display:flex; align-items:center; padding:10px 6px; border-radius:5px 5px 0 0;}
.renaissance__card .item__header .global__avatar {flex-shrink:0; width:36px; height:36px;}
.renaissance__card .item__header .global__avatar--empty {font-size:12px;}
.renaissance__card .item__header .global__avatar--anonymous {background-size:32px;}
.renaissance__card.skeleton-bg .item__header .global__avatar {background-image:unset; background-color:var(--color-grey-skeleton); font-size:0px; color:var(--color-grey-skeleton); animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer); box-shadow:unset;}
.renaissance__card .item__header .global__user-icon {margin-right:2px; width:18px; height:18px;}
.renaissance__card.skeleton-bg .item__header .global__user-icon {background-image:unset; background-color:var(--color-grey-skeleton);}
.renaissance__card .item__header .global__user-icon--moderator {background-size:14px;}
.renaissance__card .item__header .global__user-icon--administrator {background-size:18px;}
.renaissance__card .item__header .global__nickname {font-size:14px;}
.renaissance__card.skeleton-bg .item__header .global__nickname {background-color:var(--color-grey-skeleton); min-width:140px; height:20px; font-size:0px; color:var(--color-grey-skeleton); pointer-events:none; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer); user-select:none;}

.renaissance__card .item__body {position:relative; overflow:hidden;}
.picasso .item__body {border-radius:5px 5px 0 0;}
.munch .item__body {box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.munch:hover .item__body {outline:1px solid rgba(0,0,0,0.05);}
.davinci .item__body {border-radius:5px;}
.renaissance__card:not(.masonry) .item__body:before {content:""; display:block; width:100%; padding-bottom:100%;}
.renaissance__card .item__body .media {display:flex; justify-content:center; align-items:center; width:100%; height:100%; transition:transform 150ms linear 0s;}
.renaissance__card:not(.masonry) .item__body .media {position:absolute; top:0; bottom:0; left:0; right:0;}
.renaissance__card:not(.options, .skeleton-bg):hover .item__body .media {transform:scale(1.06);}
.renaissance__card.skeleton-bg .item__body .media {background-color:var(--color-grey-skeleton); pointer-events:none; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.renaissance__card.on-moderation:not(.skeleton-bg) .item__body .media:before {content:""; position:absolute; z-index:1; background-image:url(/assets/img/sprite/global.svg#icon__clock); background-color:rgba(42, 18, 57, 0.70); background-position:50% 50%; background-size:100px 100px; background-repeat:no-repeat; width:100%; height:100%;}
/*.renaissance__card .item__body .media .lazy {opacity:0; transition:opacity 100ms ease-in;}
.renaissance__card .item__body .media .lazy--loaded {opacity:1;}*/
.renaissance__card .item__body .media video {width:100%; height:100%; object-fit:cover; object-position:center 0;}
.renaissance__card.skeleton-bg .item__body .media video {opacity:0;}
.renaissance__card .item__body .media img {width:100%; height:100%; object-fit:cover; object-position:center 0;}
.renaissance__card.skeleton-bg .item__body .media img {opacity:0;}
.renaissance__card .item__body .media-options {visibility:hidden;}
[data-active-mode="delete"] .renaissance__card .item__body .media-options, [data-active-mode="privacy"] .renaissance__card .item__body .media-options {visibility:visible;}
.renaissance__card .item__body .media-options .action {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;}
.renaissance__card .item__body .media-options .action {display:none;}
[data-active-mode="delete"] .renaissance__card .item__body .media-options .action.delete, [data-active-mode="privacy"] .renaissance__card .item__body .media-options .action.privacy {display:flex;}
.renaissance__card .item__body .media-options .action.delete {background:rgba(255, 0, 0, 0.5); transition:background 200ms ease-out;}
.renaissance__card .item__body:hover .media-options .action.delete {background:rgba(255, 0, 0, 0.8);}
.renaissance__card .item__body .media-options .action.privacy {background:rgba(0, 0, 0, 0.6); flex-flow:column; justify-content:center; align-items:center;}
.renaissance__card .item__body .media-options .action.delete button {z-index:2; background-image:url(/assets/img/sprite/global.svg#icon__delete-image); background-color:transparent; background-position:50% 50%; background-size:70%; background-repeat:no-repeat; width:100%; height:100%;}
.renaissance__card .item__body .media-options .action.privacy button {background-color:#FFF; margin:10px 0; padding:6px 15px; border-radius:3px; font-size:15px; color:var(--color-purple-primary); box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.renaissance__card .item__body .media-options .action.privacy button.active {background-color:var(--color-purple-primary); color:#FFF;}
.renaissance__card .item__body .media-description {position:absolute; bottom:0px; transform:translateY(+100%); background:linear-gradient(rgba(0,0,0,0), rgba(0, 0, 0, 0.7)); display:flex; flex-flow:column; align-items:flex-end; width:100%; height:90px; text-shadow:0 0 3px rgba(0, 0, 0, 0.75); color:#FFF; transition:transform 400ms ease;}
.renaissance__card:not(.options, .skeleton-bg) .item__body:hover .media-description {transform:translateY(0%);}
.renaissance__card:not(.options, .skeleton-bg) .p-relative:hover .global__tooltip-options {visibility:visible;}
.renaissance__card .item__body .media-description .top {display:flex; align-items:flex-end; width:100%; height:100%; padding:0 5px;}
.renaissance__card .item__body .media-description .top .title {overflow:hidden; font-size:14px; line-height:22px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; letter-spacing:0.3px;}
.renaissance__card .item__body .media-description .bottom {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; padding:0px 5px 5px; font-size:12px;}
.renaissance__card .item__body .media-description .bottom .left-side {display:flex; align-items:center;}
.renaissance__card .item__body .media-description .bottom .right-side {display:flex;}
.renaissance__card .item__body .media-description .bottom .option {display:flex; align-items:center; margin-left:10px; font-size:12px; line-height:20px; letter-spacing:0.3px;}
.renaissance__card .item__body .media-description .bottom .option .icon {margin-right:4px; width:15px; height:15px;}
.renaissance__card .item__body .media-description .bottom .option .icon svg {width:100%; height:100%; fill:#FFF;}
.renaissance__card .item__body .media-count {position:absolute; top:10px; right:10px; background-color:rgba(0, 0, 0, 0.80); padding:2px 6px; border-radius:2px; font-size:12px; color:#FFF; cursor:default;}
.renaissance__card.skeleton-bg .item__body .media-count {display:none;}
.renaissance__card .item__body .media-type {position:absolute; top:10px; left:10px; z-index:1; display:flex; border-radius:2px; font-size:12px; color:#FFF; cursor:default;}
.renaissance__card.skeleton-bg .item__body .media-type {display:none;}
.renaissance__card .item__body .media-archive {position:absolute; top:30px; right:15px; z-index:1; transform:rotate(6deg); background-color:#FFF; display:flex; display:none; justify-content:center; align-items:center; width:156px; height:86px; border-radius:3px; font-family:"Noto Sans", sans-serif; visibility:visible; opacity:1; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);}
[data-active-mode="none"] .renaissance__card .item__body .media-archive {display:flex;}
.renaissance__card.skeleton-bg .item__body .media-archive {display:none;}
.renaissance__card.on-moderation .item__body .media-archive {display:none;}
.renaissance__card:hover .item__body .media-archive {visibility:hidden; opacity:0;}
.renaissance__card .item__body .media-archive.black {border:1px solid #333; color:#333;}
.renaissance__card .item__body .media-archive.green {border:1px solid var(--color-green-primary); color:var(--color-green-primary);}
.renaissance__card .item__body .media-archive.blue {border:1px solid rgba(0, 40, 100, 0.9); color:rgba(0, 40, 100, 0.9);}
.renaissance__card .item__body .media-archive.yellow {border:1px solid var(--color-yellow-primary); color:var(--color-yellow-primary);}
.renaissance__card .item__body .media-archive.orange {border:1px solid #F57F17; color:#F57F17;}
.renaissance__card .item__body .media-archive.dark-red {border:1px solid rgba(180, 0, 0, 0.9); color:rgba(180, 0, 0, 0.9);}
.renaissance__card .item__body .media-archive.red {border:1px solid var(--color-red-primary); color:var(--color-red-primary);}
.renaissance__card .item__body .media-archive.shaking {animation:shaking 0.5s ease-in-out infinite;}
/*.renaissance__card .item__body .media-archive.pulsate {animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}*/
.renaissance__card .item__body .media-archive .inner:after {content:""; position:absolute; top:7px; bottom:10px; left:6px; right:7px; transform:rotate(-1deg); pointer-events:none; box-shadow:inset 0 0 5px rgba(0,0,0,0.2);}
.renaissance__card .item__body .media-archive.black .inner:after {border:1px dashed #333;}
.renaissance__card .item__body .media-archive.green .inner:after {border:1px dashed var(--color-green-primary);}
.renaissance__card .item__body .media-archive.blue .inner:after {border:1px dashed rgba(0, 40, 100, 0.9);}
.renaissance__card .item__body .media-archive.yellow .inner:after {border:1px dashed var(--color-yellow-primary);}
.renaissance__card .item__body .media-archive.orange .inner:after {border:1px dashed #F57F17;}
.renaissance__card .item__body .media-archive.dark-red .inner:after {border:1px dashed rgba(180, 0, 0, 0.9);}
.renaissance__card .item__body .media-archive.red .inner:after {border:1.5px dashed var(--color-red-primary);}
/*.renaissance__card .item__body .media-archive .inner {padding:2px; padding:6px 8px; border:1px solid rgba(0, 0, 0, 0.4);}*/
.renaissance__card .item__body .media-archive .title {font-size:11px; font-weight:600; color:#666; text-transform:uppercase; letter-spacing:0.5px;}
.renaissance__card .item__body .media-archive .date {margin-top:1px; margin-bottom:7px; font-size:14px; font-weight:700; text-transform:uppercase;}
.renaissance__card .item__body .media-archive .account {font-size:12px; color:#6B7280;}

.renaissance__card .item__body .media-type .adult {background-color:rgba(0, 0, 0, 0.80); margin-right:5px; padding:2px 6px; border-radius:2px;}
.renaissance__card .item__body .media-type .gif {background-color:rgba(0, 0, 0, 0.80); padding:2px 6px; border-radius:2px; transition:visibility 0s linear 0s, opacity 300ms; visibility:visible; opacity:1;}
.renaissance__card[data-state="playing"] .item__body .media-type .gif {transition:visibility 0s linear 300ms, opacity 300ms; visibility:hidden; opacity:0;}
.renaissance__card .item__footer {cursor:default;}
.salvador .item__footer {position:relative; z-index:2; background-color:#FFF; border-top:1px solid rgba(0, 0, 0, 0.03); border-radius:0 0 5px 5px;}
.picasso .item__footer {position:relative; z-index:2; background-color:#FFF; border-top:1px solid rgba(0, 0, 0, 0.03); border-radius:0 0 5px 5px;}
.yoshikazu .item__footer {position:relative; z-index:2; background-color:#FFF; border-top:1px solid rgba(0, 0, 0, 0.03); border-radius:0 0 5px 5px;}
.yoshikazu .item__footer {position:relative; z-index:2; background-color:#FFF; border-top:1px solid rgba(0, 0, 0, 0.03); border-radius:0 0 5px 5px;}
.munch .item__footer {margin-bottom:10px; padding-top:5px;}
.monet .item__footer {position:absolute; bottom:0px; left:0px; right:0px; z-index:2; transform:translateY(+100%); background-color:#FFF; transition:transform 400ms ease;}
.monet:not(.options, .skeleton-bg):hover .item__footer {transform:translateY(0);}
.salvador .item__footer .header {height:45px; padding:5px 6px 0;}
.picasso .item__footer .header {height:45px; padding:5px 6px 0;}
.yoshikazu .item__footer .header {height:45px; padding:5px 6px 0;}
.monet .item__footer .header {height:45px; padding:5px 6px 0;}
.renaissance__card .item__footer .header .title {display:-webkit-box; overflow:hidden; font-size:14px; line-height:20px; font-weight:500; color:#444; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.renaissance__card.skeleton-bg .item__footer .header .title {background-color:var(--color-grey-skeleton); height:18px; font-size:0px; color:var(--color-grey-skeleton); animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.renaissance__card .item__footer .body {height:24px; padding:5px 6px 0;}
.renaissance__card .item__footer .body .global__nickname {font-size:14px; color:#555;}
.renaissance__card.skeleton-bg .item__footer .body .global__nickname {background-color:var(--color-grey-skeleton); width:50%; height:18px; color:var(--color-grey-skeleton); pointer-events:none; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer); user-select:none;}
.renaissance__card .item__footer .footer {height:25px; padding:5px 0 0;}
.renaissance__card:not(.munch).skeleton-bg .item__footer .footer {padding:3px 5px 0;}
.renaissance__card .item__footer .footer .description {display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#666;}
.salvador .item__footer .footer .description {padding:0px 5px;}
.picasso .item__footer .footer .description {padding:0 5px;}
.monet .item__footer .footer .description {padding:0 6px;}
.yoshikazu .item__footer .footer .description {padding:0 3px;}
.renaissance__card.skeleton-bg .item__footer .footer .description {background-color:var(--color-grey-skeleton); height:18px; font-size:0px; color:var(--color-grey-skeleton); animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.renaissance__card .item__footer .footer .description .left-side {display:flex; align-items:center;}
.renaissance__card .item__footer .footer .description .right-side {display:flex; align-items:center;}
.renaissance__card .item__footer .footer .description .right-side .option {display:flex;}
.renaissance__card .item__footer .footer .description .right-side .option.views-count {margin-left:10px;}
.renaissance__card .item__footer .footer .description .right-side .option .icon {margin-right:4px; width:15px; height:15px; opacity:0.8;}
.renaissance__card.skeleton-bg .item__footer .footer .description .right-side .option .icon {display:none;}
.renaissance__card .item__footer .footer .description .right-side .option .icon svg {width:100%; height:100%; fill:#797879;}
.renaissance__card .item__footer .footer .panel {display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#666; letter-spacing:0.3px;}
.salvador .item__footer .footer .panel {padding:0px 10px;}
.picasso .item__footer .footer .panel {padding:0px 10px;}
.monet .item__footer .footer .panel {padding:0px 10px;}
.yoshikazu .item__footer .footer .panel {padding:0 3px;}
.renaissance__card.skeleton-bg .item__footer .footer .panel {background-color:var(--color-grey-skeleton); height:18px; font-size:0px; color:var(--color-grey-skeleton); animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.renaissance__card .item__footer .footer .panel__option {display:flex;}
.renaissance__card .item__footer .footer .panel__option .icon {margin-right:4px; width:15px; height:15px; opacity:0.8;}
.renaissance__card .item__footer .footer .panel__option.hover:hover .icon {opacity:1;}
.renaissance__card.skeleton-bg .item__footer .footer .panel__option .icon {display:none;}
.renaissance__card .item__footer .footer .panel__option .icon svg {width:100%; height:100%; fill:#797879;}
/* R E N A I S S A N C E   I T E M*/





/* R E N A I S S A N C E   C O M M E N T*/
.renaissance__comment {background-color:#FFF; display:flex; overflow:hidden; transition:box-shadow 200ms ease-out; box-shadow:0 1px 2px rgba(0,0,0,0.08);}
.vangogh {border-radius:3px;}
.kahlo {align-items:center; margin-bottom:20px; border-radius:5px;}
.renaissance__comment:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.16);}
.renaissance__comment.appearance-animation {animation:slideIn 1s forwards;}
.renaissance__comment .comment__media {position:relative; display:flex; transition:transform 150ms linear 0s;}
.renaissance__comment:hover .comment__media {transform:scale(1.06);}
.vangogh .comment__media {width:85px; height:85px;}
.kahlo .comment__media {width:125px; height:125px;}
.renaissance__comment.skeleton-bg .comment__media {animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);/*font-size:0px;*/}
.vangogh .comment__media img {width:100%; height:100%; object-fit:cover; object-position:center 0;}
.renaissance__comment.skeleton-bg .comment__media img {opacity:0;}
.vangogh .comment__media .media-type {position:absolute; top:5px; left:5px; z-index:1; display:flex; border-radius:2px; font-size:12px; color:#FFF; cursor:default;}
.vangogh .comment__media .media-type .adult {background-color:rgba(0, 0, 0, 0.80); margin-right:5px; padding:2px 6px; border-radius:2px;}
.renaissance__comment.skeleton-bg .comment__media .media-type {display:none;}
.renaissance__comment .comment__body {flex:1;}
.vangogh .comment__body {padding:5px 8px;}
.kahlo .comment__body {padding:5px 10px;}
.renaissance__comment .comment__body .heading {display:flex; justify-content:space-between; align-items:center;}
.vangogh .comment__body .heading {margin-bottom:5px;}
.renaissance__comment .comment__body .heading .left-side {display:flex; align-items:center; line-height:16px;}
.kahlo .comment__body .heading .left-side .global__avatar {flex-shrink:0; width:36px; height:36px;}
.kahlo .comment__body .heading .left-side .global__avatar--empty {font-size:12px;}
.kahlo .comment__body .heading .left-side .global__avatar--anonymous {background-size:32px;}
.renaissance__comment.skeleton-bg .comment__body .heading .left-side .global__nickname {background-color:var(--color-grey-skeleton); width:160px; font-size:0px; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.vangogh .comment__body .heading .left-side .global__nickname {font-size:12px;}
.kahlo .comment__body .heading .left-side .global__nickname {font-size:15px;}
.vangogh .comment__body .heading .left-side .global__user-icon {margin-right:3px; width:16px; height:16px;}
.renaissance__comment.skeleton-bg .comment__body .heading .left-side  .global__user-icon {background-image:unset; background-color:var(--color-grey-skeleton);}
.vangogh .comment__body .heading .left-side .global__user-icon--moderator {background-size:12px;}
.vangogh .comment__body .heading .left-side .global__user-icon--administrator {background-size:16px;}
.renaissance__comment .comment__body .heading .left-side .time-ago {color:#666;}
.renaissance__comment.skeleton-bg .comment__body .heading .left-side .time-ago {background-color:var(--color-grey-skeleton); margin-top:3px; width:80px; height:13px; font-size:0px; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.vangogh .comment__body .heading .left-side .time-ago {font-size:11px;}
.kahlo .comment__body .heading .left-side .time-ago {font-size:13px;}
.renaissance__comment .comment__body .heading .right-side {display:flex; align-items:center;}
.renaissance__comment .comment__body .heading .right-side .filter-icon {display:flex; justify-content:center; align-items:center; margin-right:5px;}
.renaissance__comment.skeleton-bg .comment__body .heading .right-side .filter-icon {display:none;}
.renaissance__comment .comment__body .heading .right-side .filter-icon.swear-words {width:20px; height:20px;}
.renaissance__comment .comment__body .heading .right-side .filter-icon.contain-url {height:18px;}
.renaissance__comment .comment__body .heading .right-side .filter-icon svg {width:100%; height:100%; fill:#777;}
.kahlo .comment__body .heading .right-side button {background-color:rgba(0, 0, 0, 0.05); width:34px; height:30px; border-radius:3px; transition:all 300ms; opacity:1;}
.kahlo .comment__body .heading .right-side button.inactive {opacity:0.8;}
.kahlo .comment__body .heading .right-side button .icon {display:flex; justify-content:center; align-items:center;}
.kahlo .comment__body .heading .right-side button .icon svg {width:20px; height:20px; transition:all 300ms; opacity:0.8; fill:#777;}
.kahlo .comment__body .heading .right-side button.vote-up:hover, .kahlo .comment__body .heading .right-side button.vote-up.active {background-color:var(--color-green-light);}
.kahlo .comment__body .heading .right-side button.vote-up:hover .icon svg, .kahlo .comment__body .heading .right-side button.vote-up.active .icon svg {fill:var(--color-green-primary);}
.kahlo .comment__body .heading .right-side button.vote-down:hover, .kahlo .comment__body .heading .right-side button.vote-down.active {background-color:rgba(255, 0, 0, 0.10);}
.kahlo .comment__body .heading .right-side button.vote-down:hover .icon svg, .kahlo .comment__body .heading .right-side button.vote-down.active .icon svg {fill:#ED3434;}
.renaissance__comment .comment__body .heading .right-side .total-points {display:flex; justify-content:center; align-items:center; border-radius:3px; cursor:default;}
.vangogh .comment__body .heading .right-side .total-points {min-width:30px; height:27px; font-size:14px; line-height:15px;}
.kahlo .comment__body .heading .right-side .total-points {margin:0 5px; min-width:32px; height:30px; font-size:15px;}
.renaissance__comment .comment__body .heading .right-side .total-points.positive {background-color:var(--color-green-light); color:var(--color-green-primary);}
.renaissance__comment .comment__body .heading .right-side .total-points.negative {background-color:rgba(255, 0, 0, 0.10); color:var(--color-red-primary);}
.renaissance__comment .comment__body .heading .right-side .total-points.neutral {background-color:rgba(0, 0, 0, 0.07); color:#666;}
.renaissance__comment.skeleton-bg .comment__body .heading .right-side .total-points {background-color:var(--color-grey-skeleton); font-size:0px; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.renaissance__comment .comment__body .text {color:#333;}
.vangogh .comment__body .text {width:100%; height:38px; overflow:hidden; font-size:14px; line-height:20px;}
.kahlo .comment__body .text {display:-webkit-box; height:50px; overflow:hidden; padding-top:7px; font-size:15px; line-height:22px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.renaissance__comment.skeleton-bg .comment__body .text {background-color:var(--color-grey-skeleton); font-size:0px; animation:var(--animation-shimmer); -webkit-mask:var(--linear-gradient-shimmer);}
.renaissance__comment .comment__body .text.negative {transition:all 300ms ease; opacity:0.4;}
.renaissance__comment:hover .comment__body .text {opacity:1;}
.renaissance__comment .comment__body .text a {color:var(--color-blue-primary);}
.kahlo .comment--deleted .comment__body {opacity:0.4;}
.kahlo .comment:hover .comment__body.negative {opacity:1;}
.kahlo .comment__body.negative {opacity:0.4;}
.kahlo .comment__body .footer {display:flex; align-items:center; padding-top:7px; color:#777;}
.kahlo .comment__body .footer a.btn {background-color:transparent; font-size:14px; line-height:15px; color:inherit; cursor:pointer;}
.kahlo .comment__body .footer .answer-btn:hover {color:var(--color-blue-primary);}
.kahlo .comment__body .footer .edit-btn:hover {color:var(--color-green-primary);}
.kahlo .comment__body .footer .delete-btn:hover {color:var(--color-red-primary);}
/* R E N A I S S A N C E   C O M M E N T*/


@media (max-width:767px) {/* Rules for smartphones only */
    .renaissance__header .title--fancy {font-size:18px;}
    .renaissance__header .global__tooltip-help {top:1px;}
    .renaissance__card.on-moderation .item__body .media:before {background-size:50px 50px;}
    .renaissance__card .item__footer .footer .panel__option .icon {margin-right:2px;}

    .renaissance__card .item__body .media-archive {top:10px; right:5px; width:95px; height:64px;}
    .renaissance__card .item__body .media-archive .title {font-size: 7px;}
    .renaissance__card .item__body .media-archive .date {font-size:8px;}
    .renaissance__card .item__body .media-archive .account {font-size: 7px;}

}