.shelf{--w-slider-loading:24.7%;--mr-slider-loading:0.6em;--navButtonsHeight:3.2em;--navButtonsMarginBottom:2.825625em;--mask-gap:1.5em;z-index:1;position:relative}
.shelf .shelf__carousel[data-per-view]{--mr-slider-loading:1.6em}
.shelf .shelf__carousel[data-per-view="3"]{--w-slider-loading:calc(33.3% - var(--mr-slider-loading) * 0.7)}
.shelf .shelf__carousel[data-per-view="4"]{--w-slider-loading:calc(25% - var(--mr-slider-loading) * 0.7)}
.shelf .shelf__carousel[data-per-view="5"]{--w-slider-loading:calc(20% - var(--mr-slider-loading) * 0.8)}
.shelf .shelf__carousel[data-per-view="6"]{--w-slider-loading:calc(16.6% - var(--mr-slider-loading) * 0.8)}
.shelf__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1}
.shelf__header-media{--size:7.2em;-ms-flex-preferred-size:var(--size);flex-basis:var(--size);min-width:var(--size);max-width:var(--size);width:var(--size);min-height:var(--size);max-height:var(--size);height:var(--size);border-radius:var(--size);margin-right:1.2em}
.shelf__header-pic{display:block;width:100%;height:100%;border-radius:inherit}
.shelf__header-img{display:block;width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}
.shelf__header-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:3.2em;max-width:80%}
.shelf__header-desc{margin-bottom:1.5em}
@media(min-width:801px){
.shelf__header-desc{max-width:70%}
}
.shelf__header>*{position:relative;z-index:2}
.shelf__title{display:inline-block;padding-right:.5em}
.shelf__carousel{background-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:unset;overflow:hidden;width:auto;-webkit-mask:var(--mask-scoll-container);mask:var(--mask-scoll-container);padding-left:var(--mask-gap);padding-right:var(--mask-gap);margin-left:calc(0px - var(--mask-gap));margin-right:calc(0px - var(--mask-gap));max-width:calc(100% + var(--mask-gap)*2);padding-top:calc(var(--navButtonsHeight) + var(--navButtonsMarginBottom));margin-top:calc(0px - var(--navButtonsHeight) - var(--navButtonsMarginBottom))}
@media(max-width:800px){
.shelf__scroller{padding-top:calc(var(--navButtonsHeight) + var(--navButtonsMarginBottom));margin-top:calc(0px - var(--navButtonsHeight) - var(--navButtonsMarginBottom))}
}
.shelf__carousel-navigation,.shelf__navigation{position:absolute;top:0;right:var(--mask-gap);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:2}
@media(max-width:800px){
.shelf__carousel-navigation,.shelf__navigation{top:.8em}
}
.shelf .shelf__button-next,.shelf .shelf__button-prev,.shelf__carousel-navigation .swiper-button-next,.shelf__carousel-navigation .swiper-button-prev{position:relative;margin:unset;top:unset;left:unset;right:unset;bottom:unset}
.shelf .shelf__button-prev,.shelf__carousel-navigation .swiper-button-prev{margin-right:.5em}
.shelf__carousel-swiper{width:100%;overflow:visible}
.shelf__carousel-swiper:not(.swiper-initialized) .swiper-wrapper>.shelf__slide{max-width:var(--w-slider-loading);margin-right:var(--mr-slider-loading)}
.shelf__slide{-webkit-box-sizing:inherit;box-sizing:inherit;position:relative;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;height:auto}
.shelf__body:not(:last-child){margin-bottom:2.4em}
.shelf__footer-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.shelf__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.4em}
.shelf__filters-list>*{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:.7em;margin-bottom:.7em;z-index:2;position:relative}
.shelf__filters-button.shelf__filters-button--active{--bg:var(--fg-regular-light);--fg:var(--fg-on)}
@media(any-hover:hover){
.shelf__filters-button.shelf__filters-button--active:hover{--bg:var(--fg-regular);--fg:var(--fg-on)}
}
@media(any-hover:none){
.shelf__filters-button.shelf__filters-button--active:active{--bg:var(--fg-regular);--fg:var(--fg-on)}
}
@media(any-hover:hover){
.shelf__filters-button.shelf__filters-button--active:active{--bg:var(--fg-regular);--fg:var(--fg-on)}
}
.shelf__filters+.shelf__carousel{--navButtonsHeight:9em}