*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:400;margin:0}body{margin:0;min-height:100vh;font-family:Roboto,system-ui;display:grid;place-items:center;background-color:#4a4b72}.slider{display:flex;flex-direction:column;row-gap:33px}.slider__nav{display:flex;column-gap:2px}.slider__button{width:88px;height:72px;display:flex;align-items:center;justify-content:center;color:#ffffff80;background-color:#21212180;border:none;transition-property:color,background-color,scale;transition-duration:.3s;transition-timing-function:ease;padding:0}@media (hover: hover){.slider__button{cursor:pointer}.slider__button:hover{color:#ffffffb3;background-color:#212121b3}}.slider__button svg{display:block;width:30px;aspect-ratio:1}.slider__button--active{scale:1.3;color:#fff;background-color:#212121;pointer-events:none;box-shadow:0 0 10px #0006}.slider__wrap{max-width:364px;width:100%;margin-inline:auto;border-radius:4px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 10px 10px #0003}.slider__image{min-height:180px;background-image:linear-gradient(#00000059,#00000059),url(./food-Czh54Tci.avif);background-repeat:no-repeat;background-size:100%;background-position:center;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;row-gap:6px;border-top-left-radius:inherit;border-top-right-radius:inherit}.slider__title{font-size:30px;font-weight:700;color:#fff}.slider__location{display:flex;align-items:center;column-gap:4px;color:#fff}.slider__location svg{width:20px;aspect-ratio:1}.slider__section{display:flex;align-items:center;justify-content:space-between;padding:25px;color:#999;text-decoration:none}.slider__section:not(:last-child){border-bottom:2px solid #dddddd}@media (hover: hover){.slider__section:hover .slider__count{color:#000;scale:1.3}}.slider__name{font-weight:500;font-size:20px}.slider__count{font-weight:500;font-size:18px;transition-property:color,scale;transition-duration:.3s;transition-timing-function:ease}
