.website-interface{width:100%;display:grid;row-gap:12px}.website-interface__slider{display:flex;column-gap:20px;overflow-x:hidden;border-radius:var(--border-radius-large)}.website-interface__track{display:flex;column-gap:20px;transform:translateX(-990px);transition:transform var(--transition-duration) linear}.website-interface__slide{width:310px;border-radius:var(--border-radius-large);border:5px solid var(--website-interface-slide-border-color);background-color:var(--main-color);overflow:hidden}.website-interface__dots{display:flex;justify-content:center;align-items:center;column-gap:10px}@media (min-width:769px){.website-interface{grid-template-columns:repeat(2,1fr)}.website-interface__title{grid-column:1/2;grid-row:1/2}.website-interface__slider{grid-column:1/-1;grid-row:2/3;margin-bottom:8px}.website-interface__dots{display:none;grid-column:1/-1;grid-row:3/4}}.website-interface__dot{width:8px;height:8px;background-color:var(--body-text-color);border-radius:var(--border-radius-small);transform:scale(1);transition:transform var(--transition-duration) linear,background-color var(--transition-duration) linear}.website-interface__dot--active{transform:scale(1.5);background-color:var(--main-color);transition:transform var(--transition-duration) linear,background-color var(--transition-duration) linear}.website-interface__buttons{display:flex;justify-content:center;align-items:center;column-gap:10px}@media (min-width:769px){.website-interface__buttons{display:none;justify-content:end;grid-column:2/-1;grid-row:1/2}}.website-interface__button{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50px;background-color:var(--website-interface-button-color);color:var(--website-interface-button-icon-color);transition:background-color var(--transition-duration),color var(--transition-duration)}@media (hover:hover){.website-interface__track:hover{cursor:grab}.website-interface__track:hover:active{cursor:grabbing}.website-interface__slide:hover{cursor:pointer}.website-interface__slide:hover:active{cursor:grabbing}.website-interface__dot:hover{cursor:pointer;transform:scale(1.5);background-color:var(--main-color);transition:transform var(--transition-duration) linear,background-color var(--transition-duration) linear}.website-interface__button:hover{cursor:pointer;background-color:var(--website-interface-button-color-hover);color:var(--website-interface-button-icon-color-hover)}}@media (hover:none){.website-interface__button:active{cursor:pointer;background-color:var(--website-interface-button-color-hover);color:var(--website-interface-button-icon-color-hover)}}.website-interface__button:first-child>.website-interface__button-icon{margin-right:5px}.website-interface__button:last-child>.website-interface__button-icon{margin-right:-5px}.website-interface__button-icon{width:100%;height:100%;padding:15px}.website-interface__button-icon>svg{width:100%;height:100%}.website-interface__button-icon>svg>*{stroke:currentColor}.website-interface__overlay{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.7);padding:10px;position:fixed;top:0;left:0;z-index:1000}.website-interface__overlay>img{height:100%;object-fit:contain}