.event-snapshots-section{position:relative}.snapshots-header{text-align:center;margin-bottom:40px}.snapshots-title{font-size:32px;font-weight:700;margin:0;line-height:1.2}.snapshots-carousel{position:relative;overflow:hidden;margin:0 auto}.snapshots-wrapper{display:flex;gap:25px}.snapshot-item{flex:0 0 100%;padding:0;box-sizing:border-box}.snapshot-content{position:relative}.snapshot-image{width:100%;height:auto;display:block;border-radius:0}.snapshot-caption{position:absolute;bottom:0;left:0;right:0;width:100%;color:#fff;padding:15px;font-size:32px;line-height:1.2;font-weight:700;text-align:center;text-shadow:0 4px 4px #000;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.snapshot-prev,.snapshot-next{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#d9d9d9cc;box-shadow:0 2px 10px #0000001a;color:#333;transition:all .3s ease;z-index:10}.snapshot-prev:hover,.snapshot-next:hover{background-color:#d9d9d9;box-shadow:0 4px 15px #00000026;transform:translateY(-50%) scale(1.1)}.snapshot-prev{left:150px}.snapshot-next{right:150px}.snapshot-prev svg,.snapshot-next svg{width:25px;height:25px}@media screen and (max-width:849px){.snapshot-item{flex:0 0 498px}.snapshots-title{font-size:24px}.snapshots-wrapper{gap:0px}.snapshots-header{margin-bottom:30px}.snapshot-prev,.snapshot-next{width:36px;height:36px;top:unset;bottom:-70px}.snapshot-prev path,.snapshot-next path{stroke-width:3;stroke:#00000080}.snapshot-prev{left:calc(50% - 88px)}.snapshot-next{right:calc(50% - 88px)}.snapshot-caption{font-size:32px;padding:10px}}@media screen and (min-width:850px){.snapshot-item{flex:0 0 600px}.snapshots-title{font-size:40px}.snapshot-caption{font-size:32px;line-height:1.2}}@media screen and (min-width:2000px){.snapshots-carousel{max-width:1600px}.snapshot-prev{left:10vw}.snapshot-next{right:10vw}.snapshots-title{font-size:48px}.snapshot-caption{font-size:32px}}.event-snapshots-section *{box-sizing:border-box}@media screen and (min-width:850px)and (max-width:1200px){.snapshots-title{font-size:36px}}.snapshot-item{opacity:1;transition:opacity .3s ease}.snapshot-item:not(:first-child){opacity:1}@media screen and (max-width:750px){.snapshot-caption{font-size:clamp(16px,calc(16px + (32 - 16) * ((100vw - 360px) / (750 - 360))),32px)}}@media screen and (max-width:640px){.snapshot-item{flex:0 0 100vw}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-event-snapshots.css.map */