.spoink-events{--sevs-bg: #f3effc;--sevs-card-bg: #ffffff;--sevs-poster-bg: #e7e3f0;--sevs-heading: #14101f;--sevs-title: #14101f;--sevs-detail: #8b8398;--sevs-pill-bg: #e5dcfa;--sevs-pill-ink: #4a2fa0;--sevs-arrow-bg: #5c3fb8;--sevs-arrow-ink: #ffffff;--sevs-arrow-end-bg: #ffffff;--sevs-arrow-end-ink: #14101f;--sevs-arrow-size: 4rem;--sevs-arrow-gap: .4rem;--sevs-button-bg: #5c42ab;--sevs-button-ink: #ffffff;--sevs-button-hover-bg: #14101f;--sevs-button-hover-ink: #ffffff;--sevs-heading-size: 4rem;--sevs-radius: 1.6rem;--sevs-card-pad: 1.6rem;--sevs-gap: 2.4rem;--sevs-columns: 3;--sevs-columns-mobile: 1.5;--sevs-card-line: #e6e0f8;--sevs-dot: #d7cef0;--sevs-dot-active: #5c3fb8;position:relative;display:block;background:var(--sevs-bg)}.spoink-events *,.spoink-events *:before,.spoink-events *:after{box-sizing:border-box}.spoink-events__slider{position:relative;display:block}.spoink-events__head{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.spoink-events__heading{margin:0;color:var(--sevs-heading);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:900;font-size:calc(var(--sevs-heading-size) * .65);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;word-break:break-word}@media screen and (min-width:750px){.spoink-events__heading{font-size:var(--sevs-heading-size)}}.spoink-events__viewport{position:relative}.spoink-events__arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--sevs-arrow-size);height:var(--sevs-arrow-size);padding:0;border:none;border-radius:50%;cursor:pointer;background:var(--sevs-arrow-bg);color:var(--sevs-arrow-ink);transition:background-color var(--duration-short, .1s) ease,color var(--duration-short, .1s) ease,opacity var(--duration-short, .1s) ease}.spoink-events__arrow--prev{right:100%;margin-right:var(--sevs-arrow-gap)}.spoink-events__arrow--next{left:100%;margin-left:var(--sevs-arrow-gap)}.spoink-events__arrow[disabled]{background:var(--sevs-arrow-end-bg);color:var(--sevs-arrow-end-ink);cursor:default}.spoink-events__arrow:not([disabled]):hover{opacity:.85}.spoink-events__arrow svg{width:1.4rem;height:1.4rem}@media screen and (min-width:1400px){.spoink-events{--sevs-arrow-size: 4.4rem;--sevs-arrow-gap: 1.2rem}}.spoink-events__track{display:flex;gap:var(--sevs-gap);margin:0 -.8rem;padding:.8rem;list-style:none;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:.8rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.spoink-events__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.spoink-events__track{scroll-behavior:auto}}.spoink-events__slide{flex:0 0 calc((100% - (var(--sevs-columns-mobile) - 1) * var(--sevs-gap)) / var(--sevs-columns-mobile));scroll-snap-align:start;scroll-snap-stop:always}@media screen and (min-width:750px){.spoink-events__slide{flex-basis:calc((100% - (var(--sevs-columns) - 1) * var(--sevs-gap)) / var(--sevs-columns))}}.spoink-events__card{display:block;height:100%;padding:0 var(--sevs-card-pad) var(--sevs-card-pad);border:.1rem solid var(--sevs-card-line, #e6e0f8);border-radius:var(--sevs-radius);background:var(--sevs-card-bg);box-shadow:0 .2rem 1.2rem #14101f12;color:inherit;text-decoration:none}.spoink-events__poster{margin-right:calc(var(--sevs-card-pad) * -1);margin-left:calc(var(--sevs-card-pad) * -1);overflow:hidden;border-radius:calc(var(--sevs-radius) - .1rem) calc(var(--sevs-radius) - .1rem) 0 0;background:var(--sevs-poster-bg);aspect-ratio:3 / 4}.spoink-events__poster img,.spoink-events__poster .placeholder-svg{width:100%;height:100%;object-fit:cover}.spoink-events__poster--video,.spoink-events__poster--video .video-wrapper,.spoink-events__poster--video deferred-media{position:relative;display:block;width:100%;height:100%}.spoink-events__poster--video video{display:block;width:100%;height:100%;object-fit:cover}.spoink-events__title a{color:inherit;text-decoration:none}.spoink-events__title a:hover{text-decoration:underline}.spoink-events__date{display:inline-block;margin:1.6rem 0 0;padding:.5rem 1.2rem;border-radius:10rem;background:var(--sevs-pill-bg);color:var(--sevs-pill-ink);font-family:var(--font-body-family);font-weight:700;font-size:1.1rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.spoink-events__title{margin:1rem 0 0;color:var(--sevs-title);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:900;font-size:1.8rem;line-height:1.2;letter-spacing:.01em;text-transform:uppercase}.spoink-events__detail{margin:.8rem 0 0;color:var(--sevs-detail);font-size:1.4rem;font-weight:400;line-height:1.5}.spoink-events__button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.4rem 3.2rem;border-radius:10rem;background:var(--sevs-button-bg);color:var(--sevs-button-ink);font-family:var(--font-body-family);font-weight:700;font-size:1.3rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color var(--duration-short, .1s) ease,color var(--duration-short, .1s) ease}.spoink-events__button:not([aria-disabled=true]):hover{background:var(--sevs-button-hover-bg);color:var(--sevs-button-hover-ink)}.spoink-events__button[aria-disabled=true]{cursor:default}.spoink-events__dots{display:none;align-items:center;justify-content:center;gap:.6rem;margin-top:2rem}.spoink-events__dot{width:.7rem;height:.7rem;padding:0;border:none;border-radius:50%;background:var(--sevs-dot, #d7cef0);cursor:pointer;transition:background-color var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}.spoink-events__dot[aria-current=true]{background:var(--sevs-dot-active, #5c3fb8);transform:scale(1.25)}@media(prefers-reduced-motion:reduce){.spoink-events__dot{transition:none}.spoink-events__dot[aria-current=true]{transform:none}}@media screen and (max-width:749px){.spoink-events__track{margin-right:-1.5rem;padding-right:0}.spoink-events__arrow{display:none}.spoink-events__dots{display:flex}.spoink-events__head{flex-direction:column;align-items:stretch;gap:1.6rem}.spoink-events__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-spoink-events.css.map */