.slider{--padding:0;--dot-color:#E6E6E6;--active-dot-color:#8C8C8C;--column:33.875rem;display:grid;align-items:center}@media all and (min-width:1025px){.slider{--d-slider:3;--d-gap:1rem}.slider:has(.slider__arrow){grid-template-columns:1fr var(--column) 1fr}.slider__overflow{--s-x1:var(--d-gap);--s-x2:calc((var(--d-slider) - 1) * var(--s-x1));gap:var(--s-x1);grid-auto-columns:calc((100% - var(--s-x2))/var(--d-slider))}}@media all and (max-width:1024px){.slider{grid-template-columns:100%;--padding:calc(var(--container-padding) + var(--inner-padding));--m-slider:1;--m-gap:var(--padding)}.slider__overflow{--s-x1:var(--m-gap);--s-x2:calc((var(--m-slider) - 1) * var(--s-x1));gap:var(--s-x1);grid-auto-columns:calc((100% - var(--s-x2))/var(--m-slider))}}.slider__arrow{grid-row:1;place-self:center;cursor:pointer;display:block;width:1.5rem;aspect-ratio:1/1;outline:0}@media all and (max-width:1024px){.slider__arrow{display:none}}.slider__arrow:active,.slider__arrow:focus,.slider__arrow:hover{scale:1.1}.slider__arrow_right{scale:-1}.slider__arrow_right:active,.slider__arrow_right:focus,.slider__arrow_right:hover{scale:-1.1}.slider__overflow{grid-row:1;display:grid;grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;margin-left:calc(var(--padding)*-1);margin-right:calc(var(--padding)*-1);padding-left:var(--padding);padding-right:var(--padding)}.slider__overflow::-webkit-scrollbar{display:none}.slider__slide{scroll-snap-align:start;scroll-margin-left:var(--padding);scroll-margin-right:var(--padding);display:grid}.slider__slide .thumbnail{display:block;border-radius:.75rem}.slider ul.slider__dots{margin:.625rem 0 0;padding:0;list-style:none;display:flex;flex-direction:row;justify-content:center;gap:.5rem;height:.5rem}@media all and (min-width:1025px){.slider ul.slider__dots{display:none}}.slider ul.slider__dots li{background:var(--dot-color);border-radius:100%;flex-shrink:0;width:.5rem;height:.5rem;cursor:pointer;transition:background-color .2s linear}.slider ul.slider__dots li.active{background:var(--active-dot-color)}