/***************************************
* Container & side paddings
****************************************/
.px-galleries {
    --gap:24px;
    --width:20%;
}
.px-galleries__container {}

/* Sticky */
.px-galleries__nav {
    backdrop-filter:blur(16px); background:rgba(255, 255, 255, .7); padding:0 var(--px-gap-side);
    transition:top .3s ease;
}
body.scroll-up .px-galleries__nav,
body.scroll-bottom .px-galleries__nav {top:calc(var(--px-header-height-sticky));}

/* item size */
.px-galleries__item {padding:1px; width:var(--width);}

/* image ratio */
.px-galleries__item a {overflow:hidden;}
.px-galleries__item.is-vertical a {}

/* video icon */
.px-galleries__item i.icon {
    max-width:48px; width:20%;
    border:1px solid #fff;
    background:var(--px-color-white); color:var(--px-color-black); font-size:1em;
}
.px-galleries__item i.icon:before {transform:translate(.1em, .05em);}
.px-galleries__item.video:hover i.icon {background:#fff; color:var(--px-color-primary);}

/* button load more */
[data-load-more-trigger] {
    width:72px; font-size:23px;
    background:#201f1d; color:#fff;
}
[data-load-more-trigger]:hover {background:var(--px-color-primary); color:#000;}
[data-load-more-trigger].loading:before {border-radius:50%;}

/* responsive */
@media only screen and (max-width:1024px) {
    .px-galleries {--gap:var(--px-gap-container);}
    .px-nav--dropdown.show-tablet-h {display:flex; justify-content:center;}
    .px-nav--dropdown .easy-select {width:300px;}
}
@media only screen and (max-width:768px) {
    .px-nav--dropdown.show-tablet-v {display:flex;}
    .px-galleries {--width:50%;}

    /* video icon */
    .px-galleries__item i.icon {font-size:1em;}

    /* button load more */
    [data-load-more-trigger] {width:50px; font-size:18px;}
}
@media only screen and (max-width:480px) {
    .px-nav--dropdown .easy-select {width:100%;}
    .px-galleries {--gap:10px;}
    .px-galleries__nav {padding-top:6px; padding-bottom:6px; margin-top:8px;}
}