/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			bordspelmania
	Based on style:     prosilver (this is the default phpBB3 style)
	Original author:	Matthijs Huijzer ( https://matthijshuijzer.nl )
	Modified by:		
    --------------------------------------------------------------
*/

@import url("bsm_base.css");

/*Nullifying css styles*/
html ndwrapper,
ndwrapper div,
ndwrapper span,
ndwrapper a,
ndwrapper h1,
ndwrapper h2,
ndwrapper h3,
ndwrapper h4,
ndwrapper h5,
ndwrapper h6,
ndwrapper p,
ndwrapper blockquote,
ndwrapper img,
ndwrapper ol,
ndwrapper ul,
ndwrapper li,
ndwrapper input,
ndwrapper label,
ndwrapper select,
ndwrapper table,
ndwrapper tbody,
ndwrapper tfoot,
ndwrapper thead,
ndwrapper tr,
ndwrapper th,
ndwrapper td,
ndwrapper footer,
ndwrapper header,
ndwrapper .action-bar,
ndwrapper menu,
ndwrapper nav,
ndwrapper section,
ndwrapper video ndwrapper dt,
ndwrapper dl,
ndwrapper .topiclist dd,
.reactionlist dd,
ndwrapper .bg1,
ndwrapper .bg2,
ndwrapper .bg3,
ndwrapper .button,
ndwrapper .button:hover,
ndwrapper .button:focus,
ndwrapper .content {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: unset;
    background-size: unset;
    font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica !important;
}

@media all and (min-width: 978px){
    .wrap,
    body {
        padding: var(--basemargin);
        border-width: 0px;
    }
}
ndwrapper .topic-poster .icon {
    display: none;
}

ndwrapper .medium {
    width: unset;
}

ndwrapper .topiclist dt .list-inner,
ndwrapper .reactionlist dt .list-inner {
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
    border: none;
    background: none;
    color: unset;
    background-size: unset;
    display: flex;
    flex-direction: column;
    gap: calc(var(--basemargin)/2);
}

ndwrapper .row:hover {
    background: none;
}

ndwrapper button,
ndwrapper button.button {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: unset;
    background-size: unset;
    text-shadow: unset;
}

ndwrapper button:hover,
ndwrapper button.button:hover,
ndwrapper button:focus,
ndwrapper button.button:focus  {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: unset;
    background-size: unset;
    text-shadow: unset;
}

/*----------------------------*/
ndwrapper.new-design .responsive-hide{
    display: flex !important;
}
ndwrapper.new-design .responsive-show{
    display: none !important;
}
body ndwrapper.new-design {
    font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: var(--bsm-text);
    background-color: var(--background);
}

ndwrapper.new-design .skiplink {
    position: absolute;
    left: -999px;
    width: 990px;
}

ndwrapper.new-design .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

ndwrapper.new-design a {
    text-decoration: none;
}

ndwrapper.new-design button {
    cursor: pointer;
    padding: calc(var(--basemargin)/2) var(--basemargin);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--basemargin)/2);
    border-radius: var(--border-radius-inner);
    background-color: var(--buttoncolor-dark);
    color: var(--buttoncolor-dark-text);
    cursor: pointer;
}
ndwrapper.new-design button .icon {
    color: var(--buttoncolor-dark-text);
}

ndwrapper.new-design button label {
    cursor: pointer;
}

ndwrapper.new-design button:hover,
ndwrapper.new-design button:focus {
    padding: calc(var(--basemargin)/2) var(--basemargin);
    background-color: var(--buttoncolor-dark-hover) !important;
    border-radius: var(--border-radius-inner);
    color: var(--buttoncolor-dark-text);
}
ndwrapper.new-design button:hover .icon,
ndwrapper.new-design button:focus .icon {
    color: var(--buttoncolor-dark-text);
}

ndwrapper.new-design #page-header {
    background-color: var(--primary-color);
    padding: var(--basemargin);
    position: sticky;
    top: 0;
    z-index: 10;
}

ndwrapper.new-design #page-header .headerbar .inner {
    display: flex;
    justify-content: space-between;
    gap: var(--basemargin);
    align-items: center;
}

ndwrapper.new-design .search-box {
    margin-left: auto;
}

ndwrapper.new-design .site-description a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

ndwrapper.new-design .site-description p.mobile {
    display: none;
}

ndwrapper.new-design .site-description p {
    font-size: calc(var(--basefontsize)*2);
    color: var(--black);
    font-weight: 700;
    font-family: "Poppins", sans-serif
}

@media all and (max-width: 767px) {
    ndwrapper.new-design #page-header .headerbar .inner {
        justify-content: stretch;
    }

    ndwrapper.new-design #page-header .headerbar .inner>div:not(.site-description):not(.search-box) {
        display: none;
    }

    ndwrapper.new-design .site-description,
    ndwrapper.new-design .spellenstapel {
        flex-grow: 1;
    }

    ndwrapper.new-design .site-description p {
        display: none;
        ;
    }

    ndwrapper.new-design .site-description p.mobile {
        display: inline-block;
    }
}

ndwrapper.new-design .site-description p span {
    color: var(--white);
}

ndwrapper.new-design .site-description .spellenstapel {
    height: calc(var(--basegrid)*3);
    margin-bottom: calc(var(--basemargin)*-2);
}

ndwrapper.new-design .search-box fieldset {
    display: flex;
}

ndwrapper.new-design .search-box input {
    border-radius: calc(var(--border-radius)/2) 0 0 calc(var(--border-radius)/2);
    height: calc(var(--basegrid)*3);
    padding: calc(var(--basemargin)/2) calc(var(--basemargin)/2*1.5);
}

ndwrapper.new-design .search-box button {
    border-radius: 0 calc(var(--border-radius)/2) calc(var(--border-radius)/2) 0;
    height: calc(var(--basegrid)*3);
    width: calc(var(--basegrid)*3);
    background-color: var(--buttoncolor-dark);
    color: var(--buttoncolor-dark-text);
}

@media all and (max-width: 767px) {
    ndwrapper.new-design .search-box input {
        display: none;
    }

    ndwrapper.new-design .search-box button {
        border-radius: calc(var(--border-radius)/2);
    }
}

ndwrapper.new-design .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

ndwrapper.new-design .icon.layered {
    position: relative;
}
ndwrapper.new-design .icon.layered svg+svg {
    position: absolute;
    right: calc(var(--basegrid)*0.25);
    bottom: calc(var(--basegrid)*0.25);
    background-color: var(--bsm-card-background);
    border-radius: 50%;
}
ndwrapper.new-design a:hover .icon.layered svg + svg {
    background-color: var(--background);
}
ndwrapper.new-design .icon.small svg {
    height: calc(var(--basegrid)*2);
    width: calc(var(--basegrid)*2);
}
ndwrapper.new-design .icon.xs svg {
    height: calc(var(--basegrid) * 1.5);
    width: calc(var(--basegrid) * 1.5);
}
ndwrapper.new-design .icon.small.layered svg + svg {
    width: calc(var(--basegrid)*1.5);
    height: calc(var(--basegrid)*1.5);
}
ndwrapper.new-design .icon.medium svg {
    height: calc(var(--basegrid)*3);
    width: calc(var(--basegrid)*3);
}

ndwrapper.new-design .icon.large svg {
    height: calc(var(--basegrid)*4);
    width: calc(var(--basegrid)*4);
}

ndwrapper.new-design .icon.filled svg .filled-path {
    fill: transparent;
}

ndwrapper.new-design [class*="_unread"] .icon.filled svg .filled-path {
    fill: var(--primary-color);
}

ndwrapper.new-design [class*="_subforum"] .icon.forum {
    display: none;
}

ndwrapper.new-design .icon.subforum {
    display: none;
}

ndwrapper.new-design [class*="_subforum"] .icon.subforum {
    display: flex;
}

ndwrapper.new-design .title-area,
ndwrapper.new-design .forabg,
ndwrapper.new-design .forumbg {
    background: none !important;
    background-color: var(--bsm-card-background) !important;
    border-radius: var(--border-radius);
    padding: var(--basemargin);
}
.title-wrapper em {
    color: var(--pinegreen);
}
ndwrapper.new-design #pagecontent,
ndwrapper.new-design .forabg,
ndwrapper.new-design .forumbg {
    margin: var(--basemargin) 0;
}

ndwrapper.new-design .title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ndwrapper.new-design .title-area:has(+ .action-bar.bar-top) {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

ndwrapper.new-design #body-wrap {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--basemargin);
    min-height: 1200px;
    padding: var(--basemargin);
    box-sizing: border-box;
}

ndwrapper.new-design #left-wrap,
ndwrapper.new-design #right-wrap {
    display: none;
}

ndwrapper.new-design #center-wrap {
    grid-column: 1/7;
}

@media all and (min-width: 1500px) {
    ndwrapper.new-design #right-wrap {
        display: none;
    }

    ndwrapper.new-design #center-wrap {
        grid-column: 2/7;
        margin-right: var(--basemargin);
    }
}

@media all and (max-width: 767px) {
    ndwrapper.new-design #center-wrap {
        margin-bottom: calc(var(--basemargin)*5);
    }
}

@media all and (min-width: 1800px) {
    ndwrapper.new-design #left-wrap {
        grid-column: 1 / 2;
        grid-row: 1;
    }

    ndwrapper.new-design #right-wrap {
        grid-column: 6 / 7;
        grid-row: 1;
    }

    ndwrapper.new-design #center-wrap {
        grid-column: 2/6;
        grid-row: 1;
    }
}

ndwrapper.new-design .phpbb-ads-center {
    margin: 0 0 var(--basemargin) 0 !important;
}

ndwrapper.new-design .phpbb-ads-center img {
    border-radius: var(--border-radius);
    max-width: 100% !important;
}

ndwrapper.new-design button.small {
    border-radius: calc(var(--border-radius)/2);
    height: calc(var(--basegrid)*3);
    width: calc(var(--basegrid)*3);
}

ndwrapper.new-design button.transparent {
    background-color: unset;
}

ndwrapper.new-design button.transparent:hover,
ndwrapper.new-design button.transparent:focus {
    background-color: rgba(0, 0, 0, 0.25);
}

ndwrapper.new-design #mobile-headerbar {
    display: none;
    color: white;
    justify-content: center;
    align-items: stretch;
}

@media all and (max-width: 767px) {
    ndwrapper.new-design #mobile-headerbar {
        display: flex;
    }
}

ndwrapper.new-design #mobile-headerbar a {
    padding: calc(var(--basemargin));
    flex-grow: 1;
    background-color: var(--blackbean);
    color: var(--white);
}

ndwrapper.new-design #mobile-headerbar .icon.filled svg .filled-path {
    fill: var(--blackbean-light);
}

ndwrapper.new-design #mobile-headerbar a.active {
    border-bottom: 3px solid var(--white);
}

ndwrapper.new-design #mobile-headerbar a .icon.filled {
    display: none;
}

ndwrapper.new-design #mobile-headerbar a.active .icon {
    display: none;
}

ndwrapper.new-design #mobile-headerbar a.active .icon.filled {
    display: flex;
}

ndwrapper.new-design .forabg {}

ndwrapper.new-design .forumbg dfn,
ndwrapper.new-design .forabg dfn {
    display: none;
}

ndwrapper.new-design .forumbg ul.topiclist,
ndwrapper.new-design .forabg ul.topiclist,
ndwrapper.new-design .forumbg ul.reactionlist,
ndwrapper.new-design .forabg ul.reactionlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

ndwrapper.new-design .topiclist .header,
ndwrapper.new-design .reactionlist .header {
    color: var(--secundary-color);
    border-bottom: 1px solid var(--secundary-color);
}

ndwrapper.new-design .topiclist .header .row-item,
ndwrapper.new-design .reactionlist .header .row-item {
    margin-bottom: calc(var(--basemargin)/2);
    margin-top: 0;
}

ndwrapper.new-design .topiclist .header dt a,
ndwrapper.new-design .reactionlist .header dt a {
    font-size: calc(var(--basefontsize)*1.5);
    font-weight: 700;
    color: var(--secundary-color);
}

ndwrapper.new-design .forabg ul.topiclist:not(.forums),
ndwrapper.new-design .forabg ul.reactionlist:not(.forums) {}

ndwrapper.new-design .forabg ul.topiclist.forums,
ndwrapper.new-design .forabg ul.reactionlist.forums {}

ndwrapper.new-design .row .row-item {
    display: flex;
    align-items: center;
    padding: var(--basemargin);
    gap: var(--basemargin);
    margin: 0;
}

ndwrapper.new-design .row {
    border-bottom: 1px solid var(--background);
    color: var(--richblack-light) !important;
}

ndwrapper.new-design .row a,
ndwrapper.new-design .row span a {
    color: var(--richblack-light) !important;
}

ndwrapper.new-design .row:nth-last-of-type(1) {
    border: none;
}

ndwrapper.new-design ul.topiclist a,
ndwrapper.new-design ul.reactionlist a {
    text-decoration: none;
    color: var(--bsm-text)
}

ndwrapper.new-design .row .row-item dt {
    margin-right: auto;
}

ndwrapper.new-design .row .row-item dd {
    display: flex;
    min-width: 70px;
    justify-content: start;
    align-items: center;
    gap: var(--basemargin)
}

ndwrapper.new-design .row-item dt .forumtitle,
ndwrapper.new-design .row-item dt .topictitle {
    font-size: calc(var(--basefontsize)*1.25);
    font-weight: 700;
    line-height: calc(var(--basefontsize)*1.25);
}

ndwrapper.new-design .row .row-item dd.lastpost {
    width: 200px;
    flex-shrink: 0;
    justify-content: start;
}

ndwrapper.new-design .row .row-item dd.lastpost span {
    display: flex;
    flex-direction: column;
}

ndwrapper.new-design .row .list-inner .pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: calc(var(--basemargin)/2);
    justify-content: start;
    align-items: center;
    margin-top: calc(var(--basemargin)/2);
}

ndwrapper.new-design .row .list-inner .pagination button p {
    color: var(--buttoncolor-dark-hover);
    margin: 0;
    padding: 0;
}

ndwrapper.new-design .row .list-inner .pagination button:hover p,
ndwrapper.new-design .row .list-inner .pagination button:focus p {
    color: var(--buttoncolor-dark-text);
}

ndwrapper.new-design .row .list-inner .pagination button,
ndwrapper.new-design .row .row-item dd.lastpost button {
    width: calc(var(--basegrid)*2);
    height: calc(var(--basegrid)*2);
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

ndwrapper.new-design .row .list-inner .pagination button:hover,
ndwrapper.new-design .row .row-item dd.lastpost button:hover,
ndwrapper.new-design .row .list-inner .pagination button:focus,
ndwrapper.new-design .row .row-item dd.lastpost button:focus {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

ndwrapper.new-design .row .row-item[class*="_unread"] dd.lastpost button {
    background-color: var(--orangepeel-light);
}

ndwrapper.new-design .row .row-item[class*="_unread"] dd.lastpost button:hover,
ndwrapper.new-design .row .row-item[class*="_unread"] dd.lastpost button:focus {
    background-color: var(--orangepeel) !important;
}

ndwrapper.new-design .row .row-item dd.lastpost button svg {
    width: var(--basegrid);
    height: var(--basegrid);
}

ndwrapper.new-design .row .row-item dd.lastpost span a.username-coloured {
    color: var(--bsm-text) !important;
}

ndwrapper.new-design .row .row-item dd.lastpost span .last_poster a {
    color: var(--richblack-light) !important;
}

@media all and (max-width: 767px) {
    ndwrapper.new-design .row .row-item {
        flex-wrap: wrap;
        justify-content: start;
        row-gap: calc(var(--basemargin)/2);
    }

    ndwrapper.new-design .row .row-item .icon {}

    ndwrapper.new-design .row .row-item dt {
        flex-shrink: 1;
        flex-grow: 1;
        width: 80%;
    }

    ndwrapper.new-design .row .row-item dd {
        margin-inline-start: 0px;
    }
    ndwrapper.new-design .action-bar.sort button span,
    ndwrapper.new-design .action-bar.compact button span {
        display: none;
    }

    ndwrapper.new-design .row .row-item dt+.posts,
    ndwrapper.new-design .row .row-item dt+.topics {
        margin-left: calc(var(--basemargin)* 4);
    }
    ndwrapper.new-design .pagination {
        display: none;
    }
    ndwrapper.new-design .bar-top .pagination {
        position: fixed;
        display: flex;
        bottom: var(--basemargin);
        right: var(--basemargin);
        background-color: var(--secundary-color);
        padding: var(--basemargin) calc(var(--basemargin)/2);
        border-radius: var(--border-radius);
    }
    ndwrapper.new-design .bar-top p.no-result {
        display: none;
    }
/*
    ndwrapper.new-design .title-area .action-bar.compact {
        position: fixed;
        bottom: var(--basemargin);
        right: var(--basemargin);
        padding: var(--basemargin);
        background-color: var(--secundary-color);
        border-radius: var(--border-radius) var(--border-radius);
        z-index: 999;
    }
    ndwrapper.new-design .title-area .action-bar.compact::after {
        display: none;
    }
    ndwrapper.new-design .action-bar.compact .game-buttons {
        margin: 0;
    }*/
    ndwrapper.new-design #center-wrap {
        margin-bottom: calc(var(--basemargin)*5);
    }

    ndwrapper.new-design .row .row-item dd.lastpost {
        width: 100%;
        flex-grow: 1;
        flex-shrink: 1;
        margin-left: calc(var(--basemargin)*4);
    }
    
    ndwrapper.new-design .row .row-item dd.lastpost:has(.responsive-hide){
        margin-left: 0;
        min-width: 24px;
        width: 24px;
    }
}
ndwrapper.new-design .topiclist.attachments .row {
    list-style: none;
    border-top: unset;
}
ndwrapper.new-design .topiclist.attachments .row {
    list-style: none;
    border-top: unset;
}
ndwrapper.new-design .topiclist.attachments .row .row-item,
ndwrapper.new-design .topiclist.attachments .row .row-item a {
    display: flex;
    gap: calc(var(--basemargin)/2)
}
ndwrapper.new-design .topiclist.attachments .row .topictitle,
ndwrapper.new-design .topiclist.attachments .row .filename{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    display: inline-block;
}
@media all and (max-width: 767px){
    ndwrapper.new-design .topiclist.attachments .row .topictitle,
    ndwrapper.new-design .topiclist.attachments .row .filename{
        width: 100%;
    }    
}
ndwrapper.new-design .action-bar.sort,
ndwrapper.new-design .action-bar.compact {
    display: flex;
    gap: calc(var(--basemargin)/2)
}

ndwrapper.new-design .action-bar.bar-top {
    background-color: var(--secundary-color);
    padding: var(--basemargin);
    display: flex;
    align-items: center;
    justify-content: end;
    border-radius: var(--border-radius);
    gap: 0;
    color: var(--buttoncolor-dark-text);
}
ndwrapper.new-design .title-area + .action-bar.bar-top {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

ndwrapper.new-design .action-bar.bar-top form {
    margin-right: auto;
    position: relative;
}
@media all and (max-width: 767px) {
    ndwrapper.new-design .action-bar.bar-top {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: var(--basemargin);
    }
    ndwrapper.new-design .action-bar.bar-top form {
        margin-left: 0 !important;
        width: 100%;
    }
}
ndwrapper.new-design .action-bar.sort .button input,
ndwrapper.new-design .action-bar.sort .button input+label,
ndwrapper.new-design .action-bar.bar-top .button input,
ndwrapper.new-design .action-bar.bar-top .button input+label {
    display: none;
}
ndwrapper.new-design .action-bar.sort .button input[type="radio"]:checked+label,
ndwrapper.new-design .action-bar.bar-top .button input[type="radio"]:checked+label {
    display: block;
}

ndwrapper.new-design .action-bar.bar-top .search-box {
    margin: unset;
}

@media all and (max-width: 767px) {
    ndwrapper.new-design .action-bar.bar-top .search-box {
        display: none;
    }
}

ndwrapper.new-design .action-bar.bar-top .search-box input {
    background-color: transparent;
    border: 1px solid var(--buttoncolor-light);
    border-right: none;
    color: var(--buttoncolor-light);
}

ndwrapper.new-design .action-bar.bar-top .search-box input::placeholder {
    color: var(--buttoncolor-light);
}

ndwrapper.new-design .action-bar.bar-top .search-box button {
    border-radius: 0 var(--border-radius-inner) var(--border-radius-inner) 0;
}

ndwrapper.new-design .pagination {
    display: flex;
    gap: calc(var(--basemargin)/2);
    align-items: center;
}

ndwrapper.new-design .pagination button {
    padding: calc(var(--basemargin)/2);
}
ndwrapper.new-design .action-bar.bar-top .pagination button,
ndwrapper.new-design .pagination-top .pagination button {
    color: var(--buttoncolor-light);
    background-color: transparent;
}

ndwrapper.new-design .pagination button.disabled,
ndwrapper.new-design .pagination button.disabled:hover,
ndwrapper.new-design .pagination button.disabled:focus {
    opacity: 0.5;
    cursor: not-allowed;
}
ndwrapper.new-design .pagination-top .pagination button.disabled,
ndwrapper.new-design .action-bar.bar-top .pagination button.disabled,
ndwrapper.new-design .pagination-top .pagination button.disabled:hover,
ndwrapper.new-design .action-bar.bar-top .pagination button.disabled:hover,
ndwrapper.new-design .pagination-top .pagination button.disabled:focus,
ndwrapper.new-design .action-bar.bar-top .pagination button.disabled:focus {
    color: var(--buttoncolor-light);
    background-color: unset;
}

ndwrapper.new-design .pagination button.disabled:has(+ a.pagination-prev),
ndwrapper.new-design .pagination a.pagination-next+button.disabled {
    display: none;
}
ndwrapper.new-design .pagination-top .pagination,
ndwrapper.new-design .action-bar.bar-top .pagination {
    color: var(--buttoncolor-light);
}

ndwrapper.new-design .action-bar.sort input,
ndwrapper.new-design .pagination input {
    padding: calc(var(--basemargin)/2);
    border-radius: var(--border-radius-inner);
    width: calc(var(--basemargin)*3);
    height: calc(var(--basemargin)*3);
    box-sizing: border-box;
    text-align: center;
}
ndwrapper.new-design .action-bar.sort input,
ndwrapper.new-design .pagination-top .pagination input,
ndwrapper.new-design .action-bar.bar-top .pagination input {
    background-color: transparent;
    color: var(--buttoncolor-light);
    border: 1px solid var(--buttoncolor-light);
}
ndwrapper.new-design .pagination-top .pagination {
    position: fixed;
    display: flex;
    right: calc(((100 * var(--vw)) - 978px ) / 2);
    bottom: calc( var(--basemargin) * 2);
    background-color: var(--secundary-color);
    padding: var(--basemargin) calc(var(--basemargin)/2);
    border-radius: var(--border-radius);
    z-index: 999;
}
@media all and (max-width: 978px){
    ndwrapper.new-design .pagination-top .pagination {
        right: var(--basemargin);
        bottom: var(--basemargin);
    }
}
ndwrapper.new-design .action-bar.bar-top:has(+ .action-bar.compact) {
    margin-bottom: var(--basemargin);
}

ndwrapper.new-design .action-bar.bar-top+.action-bar.compact,
ndwrapper.new-design ndwrapper.new-design .action-bar.compact:has(+ .forabg),
ndwrapper.new-design ndwrapper.new-design .action-bar.compact:has(+ .forumbg) {
    justify-content: end;
    margin-bottom: calc(var(--basemargin)*-3);
    padding: 0 var(--basemargin);
}
ndwrapper.new-design .action-bar.sort:has(+ .forumbg),
ndwrapper.new-design .action-bar.compact:has(+ .forumbg) {
    justify-content: right;
    margin-top: calc(var(--basemargin));
    margin-bottom: calc(var(--basemargin)*-2.5);
    padding: 0 var(--basemargin)
}
ndwrapper.new-design .action-bar.sort form {
    background-color: var(--buttoncolor-dark-hover);
    padding: calc(var(--basemargin)/2);
    border-radius: var(--border-radius)
}
ndwrapper.new-design .action-bar.sort form .button,
ndwrapper.new-design .action-bar.sort form fieldset{
    margin: 0;
    gap: 0;
}
ndwrapper.new-design .action-bar.sort form .button {
    display: none;
    cursor: pointer;
}
ndwrapper.new-design .action-bar.sort form .button:has(input[type="radio"]:checked) {
    display: flex;
    border: 2px solid var(--buttoncolor-light);
}
ndwrapper.new-design .action-bar.sort form .button label {
    height: calc(var(--basemargin)*2.75);
    width: calc(var(--basemargin)*2.75);
    padding: 0;
    cursor: pointer;
}
ndwrapper.new-design .action-bar.sort form .button:hover label .icon {
    background-color: var(--buttoncolor-light-hover);
}
ndwrapper.new-design .action-bar.compact:has(+ .forumbg)::after {
    display: none;
}
ndwrapper.new-design .reaction.display-options {
    display: flex;
    gap: calc(var(--basemargin)/2);
}

ndwrapper.new-design .reaction.display-options label {
    position: relative;
    padding: 0;
}

ndwrapper.new-design .reaction.display-options label .icon {
    position: absolute;
    width: calc(var(--basemargin)*2.75);
    height: calc(var(--basemargin)*2.75);
    background-color: var(--buttoncolor-light);
    box-sizing: border-box;
    color: var(--buttoncolor-dark);
}

ndwrapper.new-design .reaction.display-options button label .icon {
    position: initial;
    width: calc(var(--basemargin)*3);
    height: calc(var(--basemargin)*3);
    background-color: unset;
    color: var(--buttoncolor-dark);
}

ndwrapper.new-design .reaction.display-options .sort {
    display: flex;
}

ndwrapper.new-design .reaction.display-options .sort .button {
    border-radius: 0 calc(var(--border-radius)/2) calc(var(--border-radius)/2) 0;
}

ndwrapper.new-design .reaction.display-options select {
    height: calc(var(--basemargin)*3);
    border-radius: calc(var(--border-radius)/2);
    background-color: transparent;
    border: 1px solid var(--buttoncolor-light);
    color: var(--buttoncolor-light);
    box-sizing: border-box;
}

ndwrapper.new-design .reaction.display-options .icon-left select {
    padding: 0px calc(var(--basemargin)/2) 0px calc(var(--basemargin)*2);
}

ndwrapper.new-design .reaction.display-options .icon-right select {
    padding: 0px calc(var(--basemargin)*2) 0px calc(var(--basemargin)/2);
}

ndwrapper.new-design .reaction.display-options .icon-left.icon-right select {
    padding: 0px calc(var(--basemargin)*2) 0px calc(var(--basemargin)*2.5);
}

ndwrapper.new-design .reaction.display-options .icon {
    pointer-events: none;
}

ndwrapper.new-design .reaction.display-options select:focus {
    outline: none;
}

ndwrapper.new-design .reaction.display-options select option {
    color: var(--buttoncolor-dark);
}
ndwrapper.new-design .reaction.display-options label:has(select) + .button,
ndwrapper.new-design .reaction.display-options label:has(select) + .button + .button{
    border-radius: 0 calc(var(--border-radius)/2) calc(var(--border-radius)/2) 0;
}

ndwrapper.new-design .reaction.display-options label:has(+ .button) select{
    border-radius: calc(var(--border-radius)/2) 0 0 calc(var(--border-radius)/2);
}
ndwrapper.new-design .reaction.display-options .sort select {
    height: calc(var(--basemargin)*3);
    border-radius: calc(var(--border-radius)/2) 0 0 calc(var(--border-radius)/2);
}

ndwrapper.new-design .reaction.display-options button select {
    display: none;
}

ndwrapper.new-design input:focus {
    outline: none;
}

ndwrapper.new-design .post .inner {
    border-radius: var(--border-radius-inner);
    padding: var(--basemargin);
    padding-bottom: calc(var(--basemargin)*5);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 4fr;
    position: relative;
}

ndwrapper.new-design .post .inner.read {
    border: 1px solid var(--background);
}

ndwrapper.new-design .post .inner.unread {
    border: 1px solid var(--primary-color);
}

@media all and (max-width: 767px) {
    ndwrapper.new-design .post .inner {
        grid-template-columns: 1fr;
    }
    ndwrapper.new-design .action-bar.sort form fieldset label {
        margin: 0;
    }
}

ndwrapper.new-design .action-bar.sort .reaction.display-options select {
    background-color: var(--buttoncolor-dark);
    border-color: var(--buttoncolor-dark);
}
ndwrapper.new-design .action-bar.sort .reaction.display-options select option {
    color: var(--buttoncolor-dark-text);
}
ndwrapper.new-design .action-bar.sort:has(a+a),
ndwrapper.new-design .action-bar.sort:has(a+form),
ndwrapper.new-design .action-bar.sort:has(form+a),
ndwrapper.new-design .action-bar.sort:has(form+form) {
    gap: 0;
}
ndwrapper.new-design .action-bar.sort a + form {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: calc(var(--basemargin)/4);
}
ndwrapper.new-design .action-bar.sort a + a,
ndwrapper.new-design .action-bar.sort a:has(+ a),
ndwrapper.new-design .action-bar.sort a:has(+ form){
    border-radius: var(--border-radius);
    padding: calc(var(--basemargin)/2);
    background-color: var(--richblack-light);
} 
ndwrapper.new-design .action-bar.sort a:has(+ a),
ndwrapper.new-design .action-bar.sort a:has(+ form) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: calc(var(--basemargin)/4);
}
ndwrapper.new-design .action-bar.sort a+a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: calc(var(--basemargin)/4);
}

ndwrapper.new-design .action-bar.compact .game-buttons {
    padding: 0;
    list-style: none;
    display: flex;
    gap: var(--basemargin);
}

ndwrapper.new-design .post .post_actions .post-buttons,
ndwrapper.new-design .post .inner .post-buttons {
    position: absolute;
    bottom: var(--basemargin);
    right: var(--basemargin);
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
    gap: calc(var(--basemargin)/2);
}

ndwrapper.new-design .action-bar.compact .game-buttons a,
ndwrapper.new-design .post .post_actions .post-buttons a,
ndwrapper.new-design .post .inner .post-buttons a {
    width: calc(var(--basemargin)*3);
    height: calc(var(--basemargin)*3);
    border-radius: var(--border-radius-inner);
    border: 1px solid var(--background);
    display: block;
    color: var(--background);
}

ndwrapper.new-design .post .inner .postprofile dd {
    margin: 0
}

ndwrapper.new-design .action-bar.compact .game-buttons a:hover,
ndwrapper.new-design .post .post_actions .post-buttons a:hover,
ndwrapper.new-design .post .inner .post-buttons a:hover {
    background: var(--background);
    color: var(--bsm-text);
}

ndwrapper.new-design .post .postbody img {
    max-width: 100%;
}

ndwrapper.new-design .post .postbody>div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

ndwrapper.new-design .post .postbody .signature {
    margin-top: auto;
}

ndwrapper.new-design .post .inner h3 {
    display: none;
}

ndwrapper.new-design .post .inner .content {
    margin: var(--basemargin) 0;
}

ndwrapper.new-design .bs-detail {
    display: grid;
    background: var(--bsm-card-background);
    border-radius: var(--border-radius);
    padding: var(--basemargin);
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: 52px auto;
}

ndwrapper.new-design .bs-detail .bs-image {
    position: relative;
    width: 100%;
    height: fit-content;
    border-radius: var(--border-radius-inner);
    display: flex;    
    grid-row: 1/ span 2;
}
@media all and (max-width: 767px) {
    ndwrapper.new-design .bs-detail .bs-image {
        background: var(--richblack-light);
    }
}
ndwrapper.new-design .bs-detail .bs-image img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

ndwrapper.new-design .bs-detail .bs-rating p,
ndwrapper.new-design .reactionlist.topics .post .bs_personal_rating p {
    font-size: calc(var(--basefontsize)*2);
    line-height: calc(var(--basefontsize)*2);
    transform: skewX(20deg);
}

ndwrapper.new-design .bs-detail .bs-rating {
    background-color: var(--blackbean);
    color: var(--primary-color);
    width: fit-content;
    padding: var(--basemargin);
    transform: skewX(-20deg);
    position: absolute;
    bottom: 0;
    right: 0;
}
ndwrapper.new-design .bs-detail-extensions {
    display: flex;
    flex-direction: column;
    gap: calc(var(--basemargin)/3);
}
ndwrapper.new-design .bs-detail-extensions .bs-detail-title strong span {
    display: none;
}
@media all and (max-width: 767px){
    ndwrapper.new-design .bs-detail-extensions .bs-detail-title strong span:has(+ span),
    ndwrapper.new-design .bs-detail-extensions.closed .bs-detail-title strong span + span,
    ndwrapper.new-design .bs-detail-extensions.closed a {
        display: none;
    }
    ndwrapper.new-design .bs-detail-extensions.closed .bs-detail-title strong span:has(+ span),
    ndwrapper.new-design .bs-detail-extensions .bs-detail-title strong span + span {
        display: inline-block;
    }
    ndwrapper.new-design .bs-detail-extensions:not(.closed) {
        position: fixed;
        top: 60%;
        left: 0;
        margin: -50% calc(var(--basemargin)*2);
        padding: var(--basemargin);
        z-index: 999;
        border-radius: var(--border-radius);
        background-color: var(--bsm-card-background);
        color: var(--bsm-text);
        box-shadow: 0 0 calc(var(--basemargin)*3) calc(var(--basemargin)*2) var(--richblack);
    }
    ndwrapper.new-design .bs-detail-extensions:not(.closed) .bs-detail-title {
        padding: 0 0 var(--basemargin) 0;
        
    }
}
ndwrapper.new-design .reactionlist.topics .post .bs_personal_rating {
    background-color: var(--blackbean);
    color: var(--primary-color);
    width: fit-content;
    height: fit-content;
    padding: var(--basemargin);
    transform: skewX(-20deg);
    margin-left: calc(var(--basemargin)*2);
}

ndwrapper.new-design .bs-detail-list {
    padding: 0 var(--basemargin);
    grid-row: 2;
}

ndwrapper.new-design .bs-quick {
    display: flex;
    border: 2px solid rgba(var(--pinegreen), 0.25);
    border-radius: var(--border-radius-inner);
    justify-content: space-between;
    grid-row: 1;
}

ndwrapper.new-design .bs-quick a>div,
ndwrapper.new-design .bs-quick>div {
    display: flex;
    align-items: center;
    padding: calc(var(--basemargin)/2);
}

ndwrapper.new-design .bs-quick .icon {
    color: var(--pinegreen);
    width: 40px;
}
ndwrapper.new-design .bs-quick .quick-score .scale {
    font-size: 75%;
}
ndwrapper.new-design .bs-detail-list .bs-detail-title {
    margin-right: 5px;
}

ndwrapper.new-design .avatar-container a {
    height: 100px;
    width: 100px;
}

ndwrapper.new-design .avatar-container img {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%;
    height: 100%
}

ndwrapper.new-design .reactionlist.topics .post .post_wrapper {
    display: flex;
    gap: var(--basemargin);
    padding: var(--basemargin);
}

ndwrapper.new-design .reactionlist.topics .post .content {
    font-size: calc(var(--basefontsize)*1.2);
}

ndwrapper.new-design .reactionlist.topics .post .postprofile dt {
    display: flex;
    flex-direction: column;
}

ndwrapper.new-design .reactionlist.topics .post .bs_personal_rating {
    font-size: calc(var(--basefontsize)*1.8);
}

ndwrapper.new-design .reactionlist .post {
    display: flex;
    flex-direction: column;
    padding: calc(var(--basemargin)/2);
    border: 1px solid var(--background);
    border-radius: var(--border-radius-inner);
    margin: var(--basemargin) 0;
}

ndwrapper.new-design .post .postprofile {
    border-right: 1px solid var(--background);
}
ndwrapper.new-design .post.unreadpost {
    border-color: var(--primary-color);
}
@media all and (max-width: 767px){
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile {
        width: 100%;
        flex-shrink: 0;
        border: none;
        border-top: 1px solid var(--background);
        margin: 0;
        padding: 0;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile dt {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile dt div:not(.avatar-container){
        display: flex;
        flex-direction: column;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile .no-avatar .avatar-container {
        height: 50px !important;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile .has-avatar .avatar-container,
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile .has-avatar .avatar-container a,
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .postprofile .has-avatar .avatar-container img {
        height: 50px !important;
        width: 50px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_wrapper .bs_personal_rating {
        margin-left: auto;
    }
    ndwrapper.new-design .reactionlist.topics .post:not(.with-text) .post_wrapper {
        flex-direction: row;
    }
    ndwrapper.new-design .reactionlist.topics .post:not(.with-text) .postprofile {
        border: none;
        flex-shrink: 1;
        flex-grow: 1;
        width: 50%;
    }
    ndwrapper.new-design .reactionlist.topics .post .post_actions {
        justify-content: left;
        padding: 0 var(--basemargin);
    }
}
ndwrapper.new-design .post .post_actions {
    display: flex;
    justify-content: right;
}

ndwrapper.new-design .post .post_actions .post-buttons {
    position: unset;
}

ndwrapper.new-design .post .post_actions .post-buttons a {
    width: calc(var(--basemargin)*2);
    height: calc(var(--basemargin)*2);
    padding: 0;
}

ndwrapper.new-design .post .post_actions .post-buttons a .icon.small svg {
    width: calc(var(--basemargin)*1.5);
    height: calc(var(--basemargin)*1.5);
}

ndwrapper.new-design .post .post_actions li {
    padding: 0;
    margin: 0;

}

ndwrapper.new-design .icon.small svg:has(#arrow_diagonal) {
    width: 18px;
}

ndwrapper.new-design .button .icon {
    font-family: inherit;
    gap: calc(var(--basemargin)/2);
}

ndwrapper.new-design .button {
    box-shadow: none;
}

ndwrapper.new-design .bs-links {
    display: flex;
    flex-direction: column;
    gap: calc(var(--basemargin)/2);
    grid-row: 1/span 2;
}
ndwrapper.new-design .empty-wrapper {
    background: var(--bsm-card-background);
    border-radius: var(--border-radius);
    padding: var(--basemargin);
    margin-top: var(--basemargin);
    display: flex;
    justify-content: center;
    align-items: center;
}
ndwrapper.new-design .empty-wrapper .empty-icon {
    color: var(--buttoncolor-dark-hover)
}
.empty-icon svg g g g rect {
    stroke: currentColor;
    stroke-width: 4px;
    rx: 1;
    ry: 1;
    fill: none;
    vector-effect: non-scaling-stroke;
    stroke-dasharray: 0 7;
    stroke-linecap: round;
}
ndwrapper.new-design .empty-wrapper .empty-text h3{
    color: var(--buttoncolor-dark-hover);
    max-width: 350px;
}
ndwrapper.new-design .bs-overview {
    background: var(--bsm-card-background);
    border-radius: var(--border-radius);
    padding: var(--basemargin);
    margin-top: var(--basemargin);
}
ndwrapper.new-design .bs-overview:has(div + div) {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: var(--basemargin);
}
ndwrapper.new-design .bs-overview-description {
    padding: var(--basemargin);
}
ndwrapper.new-design .bs-overview-description:has(+ .bs-overview-extra) {
    border-right: 1px solid var(--background);
}

ndwrapper.new-design .icon.fa-paperclip.fa-fw {
    display: none;
}
ndwrapper.new-design bsm-blocks .bs-image:not(:has(img)),
ndwrapper.new-design .bsm-blocks .bs-image:not(:has(img)) {
    background-color: var(--buttoncolor-light-hover);
    border-radius: var(--border-radius-inner);
    aspect-ratio: 1/1;
}
ndwrapper.new-design bsm-blocks .bs-image:not(:has(img)),
ndwrapper.new-design bsm-blocks .bs-image img,
ndwrapper.new-design .bsm-blocks .bs-image:not(:has(img)),
ndwrapper.new-design .bsm-blocks .bs-image img {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}
ndwrapper.new-design bsm-blocks bsm-block.spotlight block-item:first-of-type .bs-image img,
ndwrapper.new-design bsm-blocks bsm-block.slider .bs-image img {
    aspect-ratio: 21/9;
    width: 100%;
    max-width: unset;
    object-fit: cover;
}
ndwrapper.new-design bsm-blocks bsm-block.spotlight block-item:first-of-type .bs-image img {
    aspect-ratio: 16/9;
}
ndwrapper.new-design .bs-detail .bs-image .image-overlay {
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
    bottom: 0;
    border-radius: var(--border-radius-inner);
}

@media all and (max-width: 767px) {
    ndwrapper.new-design .responsive-hide{
        display: none !important;
    }
    ndwrapper.new-design .responsive-show{
        display: flex !important;
    }
    ndwrapper.new-design .bs-detail,
    ndwrapper.new-design .bs-overview,
    ndwrapper.new-design .bs-overview:has(div + div) {
        display: flex;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        flex-direction: column;
    }

    ndwrapper.new-design .bs-detail .bs-image {
        /* max-width: 80%; */
    }

    ndwrapper.new-design .bs-detail .bs-image img {
        /* max-width: 100%; */
    }
    ndwrapper.new-design .bs-detail .bs-image .image-overlay {
        background: linear-gradient(0deg, var(--richblack), transparent);
    }
    ndwrapper.new-design .bs-detail .bs-rating {
        top: calc(-1*var(--basemargin));
        bottom: unset;
    }
    ndwrapper.new-design .bs-detail-list {
        position: absolute;
        bottom: var(--basemargin);
        flex-direction: column;
        gap: calc(var(--basemargin)/2);
    }
    ndwrapper.new-design .bs-quick {
        flex-wrap: wrap;
        position: relative;
    }
    ndwrapper.new-design .bs-detail-list > p, ndwrapper.new-design .bs-detail-list .bs-overview-list {
        color: white;
    }
    ndwrapper.new-design .bs-detail-list .bs-detail-author {
    }
    ndwrapper.new-design .bs-additional-links.closed > a {
        display: none;
    }

    ndwrapper.new-design .bs-quick {
        width: 100%;
        flex-wrap: wrap;
    }

    ndwrapper.new-design .bs-quick>a,
    ndwrapper.new-design .bs-quick>div {
        width: 30%;
        flex-shrink: 1;
        flex-grow: 1;
    }

    ndwrapper.new-design .bs-quick div {
        justify-content: center;
    }

    ndwrapper.new-design .bs-links {
        flex-direction: row;
        flex-wrap: wrap;
        grid-row: 1;
        grid-column: 1;
    }
    ndwrapper.new-design .bs-overview-description:has(+ .bs-overview-extra) {
        border: none;
    }
}
ndwrapper.new-design .bs-additional-links {
    width: fit-content;
    background-color: var(--pinegreen-light);
    border-radius: var(--border-radius-inner)
}
ndwrapper.new-design .bs-additional-links > button {
    width: 100%;
    justify-content: start;
}
ndwrapper.new-design .bs-additional-links.closed > a,
ndwrapper.new-design .bs-additional-links.closed svg.up,
ndwrapper.new-design .bs-additional-links:not(.closed) svg.down {
    display: none;
}
ndwrapper.new-design .bs-additional-links > a {
    margin: 0 var(--basemargin) var(--basemargin) var(--basemargin);
}
ndwrapper.new-design .bs-additional-links > a:first-of-type {
    margin: var(--basemargin);
}
ndwrapper.new-design .bs-links div:has(.bs-additional-links) {
    width: 100%;
    position: relative;
    height: calc(var(--basemargin)*3);
}
ndwrapper.new-design .bs-additional-links {
    position: absolute;
    width: fit-content;
    z-index: 9
}
ndwrapper.new-design .bs-links button{
    background-color: var(--pinegreen);
}
ndwrapper.new-design .bs-links button span,
ndwrapper.new-design .bs-links button .icon {
    color: var(--buttoncolor-light);
}
ndwrapper.new-design .bs-links button:hover,
ndwrapper.new-design .bs-links button:focus {
    background-color: var(--pinegreen-light) !important;
}
ndwrapper.new-design button.primair {
    background-color: var(--primary-color);
}
ndwrapper.new-design button.primair:hover,
ndwrapper.new-design button.primair:focus {
    background-color: var(--orangepeel-light) !important;    
}
ndwrapper.new-design button.primair span,
ndwrapper.new-design button.primair .icon {
    color: var(--bsm-text);    
}
ndwrapper.new-design button.outline {
    background: unset;
    border: 1.2px solid var(--pinegreen);
}
ndwrapper.new-design button.outline span,
ndwrapper.new-design button.outline .icon {
    color: var(--pinegreen)
}
ndwrapper.new-design .bs-detail-list {
    flex-direction: column;
    gap: calc(var(--basemargin)/2);
    margin: var(--basemargin) 0;
}
ndwrapper.new-design .left-box {
    gap: calc(var(--basemargin) / 2);
    flex-wrap: wrap;
}
@media (max-width: 767px){
    ndwrapper.new-design .bs-detail-list {
        margin: 0;        
    }
    ndwrapper.new-design .bs-quick {
        margin: var(--basemargin)
    }
    ndwrapper.new-design li.header dt h3 {
        text-align: left;
    }
}
ndwrapper.new-design .bs-search-area {
    display: none;
}
ndwrapper.new-design bsm-blocks,
ndwrapper.new-design .bsm-blocks {
    display: flex;
    gap: var(--basemargin);
    flex-wrap: wrap;
    padding: var(--basemargin) 0;
}
ndwrapper.new-design bsm-blocks bsm-block,
ndwrapper.new-design .bsm-blocks .bsm-block {
    min-height: 50px;
    background-color: var(--white);
    flex-grow: 1;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    padding: var(--basemargin);
    box-sizing: border-box;
}
ndwrapper.new-design bsm-blocks bsm-block.w50,
ndwrapper.new-design .bsm-blocks .bsm-block.w50 {
    width: 40%;
}
ndwrapper.new-design bsm-blocks bsm-block.w50.slider,
ndwrapper.new-design .bsm-blocks .bsm-block.w50.slider,
ndwrapper.new-design bsm-blocks bsm-block.w100,
ndwrapper.new-design .bsm-blocks .bsm-block.w100 {
    width: 100%;
}
@media all and (max-width: 767px) {
    ndwrapper.new-design bsm-blocks bsm-block.w50,
    ndwrapper.new-design .bsm-blocks .bsm-block.w50 {
        width: 100%;  
    }
}
ndwrapper.new-design block-header,
ndwrapper.new-design .bsm-block-header {
    padding-bottom: calc(var(--basemargin)/2);
    margin: 0;
    margin-bottom: calc(var(--basemargin)/2);
    border-bottom: 1px solid var(--secundary-color);
}
ndwrapper.new-design block-header p {
    margin-top: calc(var(--basemargin)/4)
}
ndwrapper.new-design block-items-wrap {
    display: block;
    margin: 0;
}
ndwrapper.new-design block-item block-item-wrap {
    display: flex;
    gap: calc(var(--basemargin)/2);
    width: 100%;
    height: 100%;
}
ndwrapper.new-design block-item block-item-wrap.column-wrap {
    flex-direction: column;
    justify-content: center;
}
ndwrapper.new-design block-item block-item-wrap.row-wrap {
    flex-direction: row;
    justify-content: start;
    width: 100%;
    flex-wrap: wrap;
    
}

@media all and (max-width: 767px) {
ndwrapper.new-design block-item block-item-wrap.row-wrap {
    flex-direction: row;
    align-items: center;
    width: 100%;
}
}

ndwrapper.new-design bsm-block.spotlight block-items-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 calc(var(--basemargin) / 2);
}
ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item {
    grid-column: 2;
}
ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:first-of-type {
    grid-column: 1;
    grid-row: 1 / 5;
    border-right: 1px solid var(--background);
    padding-right: calc(var(--basemargin) / 2);
}
ndwrapper.new-design bsm-block.spotlight.w50 block-items-wrap {
    grid-template-columns: 1fr;
}
ndwrapper.new-design bsm-block.spotlight.w50 block-items-wrap block-item {
    grid-column: 1;
}
ndwrapper.new-design bsm-block.spotlight.w50 block-items-wrap block-item:first-of-type {
    grid-column: 1;
}
@media all and (max-width: 767px) {
    ndwrapper.new-design bsm-block.spotlight block-items-wrap {
        grid-template-columns: 1fr;
    }
    ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item {
        grid-column: 1;
    }
    ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:first-of-type {
        grid-column: 1;
        border-right: none;
    }
}
@media all and (min-width: 768px) {
    ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:nth-of-type(n+6) {
        display: none;
    }
}
ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:first-of-type a {
    flex-direction: column;
    gap: 0;
}
ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:first-of-type .bs-image {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:first-of-type a > block-item-wrap{
    padding: var(--basemargin);
    box-sizing: border-box;
}
ndwrapper.new-design bsm-block.spotlight.w50 block-items-wrap block-item:first-of-type a > block-item-wrap{
    border-bottom: 1px solid var(--background);
}
@media all and (max-width: 767px) {
    ndwrapper.new-design bsm-block.spotlight block-items-wrap block-item:first-of-type a > block-item-wrap{
        border-bottom: 1px solid var(--background);
    }
    
}
ndwrapper.new-design block-item block-item-content.title {
    font-size: calc(var(--basefontsize) * 1.25);
    font-weight: 700;
    line-height: calc(var(--basefontsize) * 1.25);
}
ndwrapper.new-design block-item block-item-content.views,
ndwrapper.new-design block-item block-item-content.posts,
ndwrapper.new-design block-item block-item-content.date,
ndwrapper.new-design block-item block-item-content.author {
    display: flex;
    align-items: center;
}
ndwrapper.new-design bsm-block block-footer:not(:empty()) {
    margin-top: calc(var(--basemargin)/2)
}
ndwrapper.new-design bsm-blocks bsm-block, ndwrapper.new-design .bsm-blocks .bsm-block {
    background: unset;
}
ndwrapper.new-design bsm-blocks bsm-block.slider block-item a {
    background: var(--white);
}
ndwrapper.new-design bsm-blocks bsm-block block-item a {
    border-radius: var(--border-radius);
}
ndwrapper.new-design bsm-blocks bsm-block block-item block-item-wrap {
    height: fit-content;
}
ndwrapper.new-design .bsm-block-item a:hover, ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row a:hover {
    border-radius: var(--border-radius);
    background: var(--background);
}

ndwrapper.new-design bsm-block block-item block-item-content.title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(var(--basefontsize) * 1.25);
    height: calc(var(--basefontsize) * 1.25);
}
ndwrapper.new-design bsm-block.slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
}
ndwrapper.new-design bsm-block.slider block-items-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    gap: var(--basemargin);
    padding: calc(var(--basemargin)/2) 0 var(--basemargin) 0;
    clip-path: inset(0 -1px 15px -1px);
}
ndwrapper.new-design bsm-block.slider block-item {
    width: 300px;
    flex-shrink: 0;
    flex-grow: 0;
}
ndwrapper.new-design bsm-block.slider block-item a {
    flex-direction: column;
    height: 100%;
    gap: var(--basemargin);
}
ndwrapper.new-design bsm-block.slider block-item block-item-content.bs-image {
    width: 100%;
    height: auto;
    max-width: unset;
    aspect-ratio: 21/9;
}
ndwrapper.new-design bsm-block.slider block-item block-item-content.title {
    -webkit-line-clamp: 2;
    max-height: calc(var(--basefontsize) * 1.25*2);
    height: calc(var(--basefontsize) * 1.25*2);
}

ndwrapper.new-design slider-arrow {
    position: absolute;
    background: var(--primary-color);
    padding: var(--basemargin);
    border-radius: var(--border-radius);
    top: 102px;
    z-index: 1;
    cursor: pointer;
}
ndwrapper.new-design slider-arrow:hover {
    background: var(--orangepeel-light);    
}
ndwrapper.new-design slider-arrow.disabled {
    opacity: 0.2;
    cursor: default;
}
ndwrapper.new-design slider-arrow.disabled:hover {
    background: var(--primary-color);    
}
ndwrapper.new-design slider-arrow.left {
    left: 0;
}
ndwrapper.new-design slider-arrow.right {
    right: 0;
}
ndwrapper.new-design .bs-searchresults li.header {
    border-bottom: 1px solid var(--secundary-color);
    width: 100%;
}
ndwrapper.new-design .bs-searchresults li.header dt,
ndwrapper.new-design .bs-searchresults li.header dl {
    margin: 0;
    padding: 0;
}
ndwrapper.new-design .bs-searchresults li.header h3{
    width: 100%;
    padding: 12px 0;
}
ndwrapper.new-design .bsm-block-item a,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row a {
    width: 100%;
    display: flex;
    gap: calc(var(--basemargin)*2);
    align-items: center;
    padding: var(--basemargin);
    box-sizing: border-box;
}
ndwrapper.new-design .bsm-block-item a {
    padding: calc(var(--basemargin)/2) var(--basemargin);
}
ndwrapper.new-design bsm-block.slider .bsm-block-item a {
    padding: var(--basemargin);
}
ndwrapper.new-design .bsm-block-item a:hover,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row a:hover {
    background: var(--background);
    border-radius: var(--border-radius-inner);
    color: var(--bsm-text);
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row .bs-image img,
ndwrapper.new-design .bsm-block-item .bs-image img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: var(--border-radius-inner);
}
ndwrapper.new-design .bsm-block-item.game .bs-image img {
    object-fit: contain;
}
@media all and (max-width: 767px) {
    ndwrapper.new-design .bsm-block-item .bs-image img {
        background: var(--richblack-light); 
    }
}

ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span:has(.title),
ndwrapper.new-design .bsm-block-item span:has(.title) {
    display: flex;
    flex-direction: column;
    gap: calc(var(--basemargin)/3)
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.title,
ndwrapper.new-design .bsm-block-item span.title {
    font-weight: 700;
    font-size: calc(var(--basefontsize)*1.15);
    line-height: calc(var(--basefontsize)*1.15);
}
ndwrapper.new-design .bs-list ul {
    list-style: none;
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row .title .alternate {
    font-style: italic;
    font-weight: 100;
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-overview {
    display: flex;
    flex-direction: row;
    gap: calc(var(--basemargin)*2);
    width: 100%;
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-text {
    flex-shrink: 1;
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-text .type,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-text .players {
    margin-right: calc(var(--basemargin)/2);    
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-text .type strong,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-text .players strong {
    margin-right: calc(var(--basemargin)/2);    
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-icons {
    display: flex;
    gap: var(--basemargin);
    margin-left: auto;
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-icons .views,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.bs-list-icons .reactions {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: calc(var(--basemargin)/2);
    width: 75px;
}

ndwrapper.new-design bsm-block block-footer {
    margin-top: var(--basemargin);
    display: flex;
}
ndwrapper.new-design .bsm-block-footer {
    padding: var(--basemargin);
    display: flex;
}
ndwrapper.new-design bsm-block block-footer a:last-of-type, 
ndwrapper.new-design .bsm-block-footer a:last-of-type {
    margin-left: auto;
}
ndwrapper.new-design bsm-block block-footer a .button, 
ndwrapper.new-design .bsm-block-footer a .button {
    background: none;
    border-radius: var(--border-radius-inner);
    border: 1px solid var(--background);
}
ndwrapper.new-design bsm-block block-footer a:hover .button, 
ndwrapper.new-design .bsm-block-footer a:hover .button {
    background: var(--background) !important;
}
ndwrapper.new-design bsm-block block-footer a .button, 
ndwrapper.new-design bsm-block block-footer a .button svg, 
ndwrapper.new-design .bsm-block-footer a .button,
ndwrapper.new-design .bsm-block-footer a .button svg {    
    color: var(--background);
}
ndwrapper.new-design bsm-block block-footer a:hover .button, 
ndwrapper.new-design bsm-block block-footer a:hover .button svg, 
ndwrapper.new-design .bsm-block-footer a:hover .button,
ndwrapper.new-design .bsm-block-footer a:hover .button svg {    
    color: var(--bsm-text);
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row .bs-image,
ndwrapper.new-design .bsm-block-item .bs-image {
    position: relative;
}
ndwrapper.new-design .bsm-block-item item-rating span ,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row .bs-rating span, 
ndwrapper.new-design .bsm-block-item .bs-rating span {
    font-size: calc(var(--basefontsize) * 1.25);
    line-height: calc(var(--basefontsize) * 1.25);
    transform: skewX(20deg);
    display: block;
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row .bs-rating,
ndwrapper.new-design .bsm-block-item item-rating,
ndwrapper.new-design .bsm-block-item .bs-rating {
    background-color: var(--blackbean);
    color: var(--primary-color);
    width: fit-content;
    padding: calc(var(--basemargin)/2);
    transform: skewX(-20deg);
    position: absolute;
    bottom: calc(var(--basemargin)/-2);
    right: calc(var(--basemargin)/-2);
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row .bs-rating:not(:has(span)),
ndwrapper.new-design .bsm-block-item item-rating:not(:has(span)),
ndwrapper.new-design .bsm-block-item .bs-rating:not(:has(span)) {
    display: none;
}
@media all and (max-width: 767px){
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row a {
        align-items: start;
    }
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row a .bs-list-overview {
        flex-direction: column;
    }
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row a .bs-list-overview .bs-list-icons {
        margin-left: 0;
    }
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.title,
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.type,
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.players,
    ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.description {
        line-height: calc(var(--basefontsize) * 1.25);
        
    }
}
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.title,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.type,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.players,
ndwrapper.new-design .bs-searchresults.boardgames .boardgame-row span.description {
    line-height: calc(var(--basefontsize) * 1.15);
}
ndwrapper.new-design .advanced-options .icon:nth-of-type(1),
ndwrapper.new-design .advanced-options.closed .as-row,
ndwrapper.new-design .advanced-options.closed .icon:nth-of-type(2) {
    display: none;
}
ndwrapper.new-design .advanced-options .icon:nth-of-type(2),
ndwrapper.new-design .advanced-options.closed .icon:nth-of-type(1) {
    display: flex;
}
ndwrapper.new-design .action-bar form {
    display: flex;
    margin: 0 !important;    
}
ndwrapper.new-design .action-bar form .button {
    margin: 0;
}
ndwrapper.new-design .action-bar.bar-top form {
    margin-left: auto !important;
}
ndwrapper.new-design .action-bar.bar-top .btnmain {
    padding: calc(var(--basemargin) / 2) var(--basemargin);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--basemargin) / 2);
    border-radius: var(--border-radius-inner);
    background-color: var(--buttoncolor-dark);
    color: var(--buttoncolor-dark-text);
    cursor: pointer;
    font-weight: 700;
}

ndwrapper.new-design .action-bar.bar-top .btnmain:hover,
ndwrapper.new-design .action-bar.bar-top .btnmain:focus {
    color: var(--buttoncolor-dark-text);
    background-color: var(--buttoncolor-dark-hover) !important;
    text-shadow: none;
}
ndwrapper.new-design .action-bar.bar-top .btnmain:has(+ .advanced-options) {
    border-right: 1px solid var(--bsm-background);
    border-radius: var(--border-radius-inner) 0 0 var(--border-radius-inner);
}
ndwrapper.new-design .action-bar.bar-top .btnmain + .advanced-options button {
    border-radius: 0 var(--border-radius-inner) var(--border-radius-inner) 0;
}
ndwrapper.new-design .action-bar.bar-top .btnmain + .advanced-options button {
    padding: calc(var(--basemargin)/2);
}
ndwrapper.new-design .action-bar.bar-top .searchbox {
    background-color: var(--bsm-card-background);
    padding: 0 var(--basemargin);
    border-radius: var(--border-radius-inner);
    color: var(--bsm-text);
}
ndwrapper.new-design .action-bar.bar-top .searchbox:has(+ .btnmain){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
ndwrapper.new-design .action-bar.bar-top .searchbox + .btnmain{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
ndwrapper.new-design .action-bar.bar-top .advanced-options:not(.closed) .button {
    border-bottom-right-radius: 0;
}

ndwrapper.new-design .advanced-options:not(.closed) .as-wrap {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: calc(var(--basemargin)*3);
    background-color: var(--richblack-light);
    padding: calc(var(--basemargin)/2) var(--basemargin);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    z-index: 100;
}
ndwrapper.new-design .advanced-options:not(.closed) .as-wrap .as-row:has(+ .as-row) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-bottom: 0.1px solid var(--richblack);
    padding-bottom: calc(var(--basemargin)/2);
    margin-bottom: calc(var(--basemargin)/2);
}
ndwrapper.new-design .advanced-options:not(.closed) .as-wrap .as-row div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--basemargin)/2);
    padding: calc(var(--basemargin)/2) 0;
}
ndwrapper.new-design .advanced-options:not(.closed) .as-wrap .as-row select {
    border: 0.1px dotted var(--richblack);
    border-radius: var(--border-radius-inner);
}
ndwrapper.new-design .advanced-options:not(.closed) .as-wrap .as-row select option {
    color: var(--richblack);
}
ndwrapper.new-design .advanced-options:not(.closed) .as-wrap .as-row select {
    flex-shrink: 1;
    width: 10%;
    flex-grow: 1;
}
@media all and (max-width: 767px) {
    ndwrapper.new-design .action-bar.bar-top form .searchbox {
        width: 100%;
    }
    ndwrapper.new-design .action-bar.bar-top form .as-wrap {
        z-index: 100;
    }
}
ndwrapper.new-design h2 + .breadcrumbs {
    margin-top: calc(var(--basemargin)/2);
}