.quote-gallery{border-top:1px solid #090909;padding-top:40px;padding-bottom:32px;position:relative}
.quote-gallery__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px}
.magazine-page .quote-gallery h2{font-size:40px;margin:0 0 16px;line-height:1.12}
.quote-gallery__header p{font:18px/1.4 Note,cursive;margin:0}
.quote-gallery__controls{display:flex;gap:12px;flex-shrink:0;padding-bottom:5px}
.quote-gallery__controls button{font:600 14px/1.4 Arial,sans-serif;min-height:44px;padding:10px 18px;background:#93cbf8;border:1.5px solid #090909;border-radius:26px;box-shadow:0 4px 0 #090909;color:#090909}
.quote-gallery__controls button:disabled{opacity:.45;box-shadow:none;cursor:default}
.quote-gallery__controls button:not(:disabled):hover{background:#fff}
.quote-gallery__hint,.quote-gallery__position{font:13px/1.5 Arial,sans-serif;color:#444;margin:0 0 16px}
.quote-gallery__position{margin:12px 0 0}
.quote-gallery__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;list-style:none;padding:4px 0 20px;margin:0;scrollbar-color:#174e73 #e8eef2;scroll-padding:0}
.quote-gallery__track li{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0;margin:0}
.quote-gallery__track img{display:block;width:100%;height:auto}
.quote-gallery button:focus-visible,.quote-gallery__track:focus-visible{outline:3px solid #2457a3;outline-offset:5px}
@media(max-width:1000px){.quote-gallery__track li{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.quote-gallery{padding-top:28px}.quote-gallery__header{display:block}.magazine-page .quote-gallery h2{font-size:34px}.quote-gallery__controls{margin-top:20px}.quote-gallery__track{gap:16px}.quote-gallery__track li{flex-basis:88%}}
.quote-gallery__track img{border:1px solid #d5d9dc}