.story-circles{padding-top:2rem;padding-bottom:2rem}.story-circles__heading{margin:0 0 2rem}.story-circles__list{gap:1.6rem}.story-circles__item{display:flex;flex-direction:column;align-items:center;text-align:center;width:8rem}.story-circles__circle{-webkit-appearance:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;display:block}.story-circles__ring{display:block;width:7rem;height:7rem;border-radius:50%;padding:.3rem;background:var(--story-ring-color, #4fb6e8)}.story-circles__thumb{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:.3rem solid rgb(var(--color-background));background:rgb(var(--color-background))}.story-circles__thumb img,.story-circles__thumb svg.placeholder-svg{width:100%;height:100%;object-fit:cover}.story-circles__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.6rem;height:2.6rem;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center}.story-circles__play .icon{width:.9rem;height:.9rem;color:#222}.story-circles__label{margin:.6rem 0 0;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.story-modal[open]{display:block}.story-modal{display:none;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:#000000e6}.story-modal__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.story-modal__stage{position:relative;width:min(40rem,92vw);height:min(71rem,88vh)}.story-modal__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center}.story-modal__slide.is-active{display:flex}.story-modal__media{position:relative;width:100%;height:100%;border-radius:1.2rem;overflow:hidden;background:#000}.story-modal__media video,.story-modal__media iframe{width:100%;height:100%;object-fit:contain;border:none}.story-modal__poster{-webkit-appearance:none;appearance:none;border:none;padding:0;width:100%;height:100%;cursor:pointer;position:relative}.story-modal__poster img,.story-modal__poster svg.placeholder-svg{width:100%;height:100%;object-fit:cover}.story-modal__poster .story-circles__play{width:6rem;height:6rem}.story-modal__poster .story-circles__play .icon{width:2rem;height:2rem}.story-modal__label{color:#fff;margin-top:1.2rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.story-modal__close{position:absolute;top:2rem;right:2rem;z-index:2;-webkit-appearance:none;appearance:none;border:none;background:#ffffff26;color:#fff;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-modal__close .icon{width:1.4rem;height:1.4rem}.story-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;-webkit-appearance:none;appearance:none;border:none;background:#ffffff26;color:#fff;width:4.4rem;height:4.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-modal__nav .icon{width:1.2rem;height:1.2rem;fill:#fff}.story-modal__nav--prev{left:1.5rem;transform:translateY(-50%) rotate(90deg)}.story-modal__nav--next{right:1.5rem;transform:translateY(-50%) rotate(-90deg)}@media screen and (max-width:749px){.story-circles__item{width:6.5rem}.story-circles__ring{width:5.6rem;height:5.6rem}.story-modal__nav--prev{left:.5rem}.story-modal__nav--next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/story-circles.css.map */