.carousel-container{overflow:hidden;--gap-item:0.5rem;justify-content:center;--gap-block:0.5rem;--visible-item-count:2;position:relative;flex-direction:column;margin-block:4rem;--gap-inline:1rem;align-items:center;cursor:default;width:100%;-webkit-user-select:none;user-select:none;display:flex}.carousel-container.gallery{--carousel-height:clamp(12rem,50vh,32rem);--gap-item:0.5rem;--gap-block:0;--visible-item-count:2.4;--gap-inline:0}.carousel-container .title{border-block-end:2px solid var(--page-carousel-title-background-color);font-size:1.2rem;position:relative;padding-inline:var(--gap-inline);width:100%}.carousel-container .title span{color:var(--page-carousel-title-font-color);padding-inline:var(--gap-inline);background-color:var(--page-carousel-title-background-color);padding-block:var(--gap-block);display:inline-block}.carousel-container .item-container{overflow:hidden;flex-wrap:nowrap;position:relative;gap:var(--gap-item);padding-inline:var(--gap-inline);padding-block:var(--gap-block);align-items:flex-start;width:100%;display:flex}.carousel-container .item-container .item{translate:calc(-100% - var(--gap-item));flex-grow:0;height:auto;overflow:hidden;flex-shrink:0;color:inherit;transition:opacity .3s ease-in-out;position:relative;text-align:center;width:calc((100% - var(--gap-item)*(var(--visible-item-count) - 1))/var(--visible-item-count));display:block}.carousel-container .item-container .item:hover{opacity:1}.carousel-container .item-container:has(.item:hover) .item:not(:hover){opacity:.4}.carousel-container .item-container.file .item img{height:auto;width:25%}.carousel-container .item-container.file .item p{position:relative;padding-block-start:calc(var(--gap-inline)*2);padding-inline:var(--gap-inline);width:100%;display:block}.carousel-container .item-container.file .item p:before{height:2px;inset-inline:25%;content:"";position:absolute;inset-block-start:var(--gap-inline);background:var(--body-font-color);display:block}.carousel-container .item-container.image .item{color:var(--page-carousel-image-item-font-color);border-radius:10px}.carousel-container .item-container.image .item:after{height:100%;content:"";position:absolute;inset:0;background:var(--page-carousel-image-item-background-color);background:radial-gradient(circle,var(--page-carousel-image-item-background-gradient-color) 0,var(--page-carousel-image-item-background-color) 50%,transparent 100%);width:100%;display:block;z-index:1}.carousel-container .item-container.image .item img{height:auto;width:100%}.carousel-container .item-container.image .item .inner{justify-content:center;font-size:1.2rem;position:absolute;flex-direction:column;inset:0;padding-inline:var(--gap-inline);align-items:center;width:100%;display:flex;z-index:2}.carousel-container .item-container.image .item .inner img{height:auto;width:25%}.carousel-container .item-container.image .item .inner span{font-size:1rem;font-weight:300;position:relative;padding-block-start:calc(var(--gap-inline)*2);width:100%;display:block}.carousel-container .item-container.image .item .inner span:before{height:2px;inset-inline:25%;content:"";position:absolute;inset-block-start:var(--gap-inline);background:var(--page-carousel-image-item-font-color);display:block}.carousel-container.gallery .item-container{margin-inline-start:-50%;width:200%}.carousel-container.gallery .item-container .item img{height:var(--carousel-height);object-fit:cover;width:100%}.carousel-container .button-container{grid-template-columns:3rem 3rem auto;padding-inline:var(--gap-inline);padding-block:var(--gap-block);align-items:center;width:100%;display:grid}.carousel-container .button-container button{padding:0;border:none;background:none}.carousel-container .button-container button svg{height:auto;fill:var(--page-carousel-button-color);width:1.5rem}.carousel-container .button-container .progress-bar-container{height:.2rem;position:relative;background-color:var(--page-carousel-progress-bar-background-color);border-radius:.2rem;width:100%}.carousel-container .button-container .progress-bar-container .progress-bar{height:100%;position:absolute;background-color:var(--page-carousel-progress-bar-active-background-color);transform-origin:left;border-radius:.2rem;width:100%}.carousel-container.gallery .button-container{position:absolute;inset-block-start:0;display:block}.carousel-container.gallery .button-container button{height:var(--carousel-height);position:absolute;width:15%}.carousel-container.gallery .button-container button.prev{inset-inline-start:0}.carousel-container.gallery .button-container button.next{inset-inline-end:0}@media (max-width:767.98px){.carousel-container .item-container.image .item .inner img{display:none}.carousel-container .item-container.image .item .inner span{padding-block-start:0}.carousel-container .item-container.image .item .inner span:before{display:none}}@media (min-width:576px) and (max-width:767.98px){.carousel-container{--visible-item-count:3}}@media (min-width:768px) and (max-width:991.98px){.carousel-container{--visible-item-count:4}}@media (min-width:992px) and (max-width:1199.98px){.carousel-container{--visible-item-count:5}}@media (min-width:1200px) and (max-width:1399.98px){.carousel-container{--visible-item-count:6}}@media (min-width:1400px){.carousel-container{--visible-item-count:7}}@media (min-width:576px){.carousel-container.gallery{--visible-item-count:2.8}.carousel-container.gallery .item-container{margin-inline-start:-15%}}