insta-stories{display:block;--pfp-size: 7rem;--ring-width: .3rem;--ring-offset: .3rem}.content-rte+insta-stories{margin-top:2rem}.insta-stories__heading{text-align:center}.insta-stories__title{line-height:1.15}.insta-stories__description{margin:0;line-height:1.5}.insta-stories__description p{margin:0}.insta-stories__open-buttons-and-arrows-container{position:relative;z-index:0}.insta-stories__open-buttons-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.insta-stories__open-buttons-container::-webkit-scrollbar{display:none}.insta-stories__open-buttons{display:flex;column-gap:1rem;align-items:flex-start;width:fit-content;margin:0 auto}@media screen and (max-width:768px){.insta-stories__open-buttons-container{touch-action:pan-x}.insta-story-open-btn{flex:0 0 auto}}.insta-stories__open-buttons-container{cursor:grab}.insta-stories__open-buttons-container.is-dragging{cursor:grabbing}.insta-stories__open-buttons-and-arrows-container .insta-stories__open-btns-prev{left:0;transform:translateY(-50%);display:none}.insta-stories__open-buttons-and-arrows-container .insta-stories__open-btns-next{right:0;transform:translateY(-50%);display:none}.insta-story-open-btn{width:var(--pfp-size);padding:0;background:none;border:none;cursor:pointer}.insta-story-open-btn:focus-visible{outline:none;box-shadow:none}.insta-story-open-btn__pfp-ring{width:var(--pfp-size);height:var(--pfp-size);border-radius:50%;padding:var(--ring-width);background:purple;background:linear-gradient(45deg,#ffc800 15%,#ff1558,#d300c5 85%)}.insta-story-open-btn__pfp-ring--close-friends{background:#44bd72;background:linear-gradient(45deg,#44bd72,#57c27c,#4ac571)}.insta-story-open-btn__pfp-ring-offset{width:100%;height:100%;border-radius:50%;padding:var(--ring-offset);background:#fff}.insta-story-open-btn__pfp{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#c2c2c2;display:flex;align-items:flex-end;justify-content:center}.insta-story-open-btn__pfp img{width:100%;height:100%;object-fit:cover;object-position:center center}.insta-story-open-btn__username{max-width:100%;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;text-align:center;margin-top:.4em;font-size:calc(var(--pfp-size) / 6);color:#111}.insta-stories__modal{position:fixed;top:0;left:0;z-index:1000;height:100vh;width:100%;overflow:hidden;display:none;place-items:center;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);--story-height: calc(100vh - 4rem) ;--story-width: min(calc(var(--story-height) * 9 / 16), 100vw);--slide-transition-duration: .3s}.insta-stories__modal[data-open=true]{display:grid}.insta-stories__modal__close{position:absolute;top:2rem;right:2rem;z-index:30;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:none;cursor:pointer;font-size:3.2rem;line-height:1;padding:0}.insta-stories__slider-container{width:calc(var(--story-width) * 3);overflow:hidden}.insta-stories__slider{display:flex;width:fit-content;transition:transform var(--slide-transition-duration);position:relative;left:var(--story-width)}.insta-story{height:var(--story-height);width:var(--story-width);position:relative;z-index:0;box-shadow:.3rem .3rem 1rem #0000004d;transition:transform var(--slide-transition-duration);transform:scale(.6)}.insta-story--active{transform:scale(1);z-index:1}.insta-story__top{position:absolute;top:0;left:0;padding:2rem;z-index:20;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);pointer-events:none}.insta-story__progress,.insta-story__info,.insta-story__info__btn,.insta-story__pfp,.insta-story__info__text{pointer-events:auto}.insta-story__progress{display:flex;justify-content:space-between;column-gap:.3rem}.insta-story__progress-item{display:block;height:.3rem;border-radius:1rem;flex:1 1 auto;background:#ffffff59;position:relative}.insta-story__progress-bar{display:block;position:absolute;top:0;left:0;width:0;height:100%;background:#fff}.insta-story__progress-item--completed .insta-story__progress-bar{width:100%}.insta-story__progress-item--active .insta-story__progress-bar{animation:fillProgress var(--duration) linear forwards}@keyframes fillProgress{0%{width:0}to{width:100%}}.insta-story__info{display:flex;align-items:center;padding-top:1rem;--pfp-size: 4rem}.insta-story__pfp{width:var(--pfp-size);height:var(--pfp-size)}.insta-story__info__text{font-size:1.4rem;color:#fff;margin-left:.8rem;margin-right:auto}.insta-story__username{font-weight:700}.insta-story__time-posted{margin-left:.5rem;opacity:.8}.insta-story__info__btn{color:#fff;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center}.insta-story__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#000;display:none;border-radius:.8rem;overflow:hidden}.insta-story__media img,.insta-story__media video{width:100%;height:100%;object-fit:contain}.insta-story__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#fff3;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.insta-story__arrow--prev{left:-6rem}.insta-story__arrow--next{right:-6rem}.insta-story__invisible-btn{position:absolute;top:0;height:100%;width:24%;z-index:8;background:transparent;border:none;cursor:pointer}.insta-story__invisible-btn--prev{left:0}.insta-story__invisible-btn--next{right:0}.insta-story__inactive-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:768px){.insta-story__arrow{display:none}.insta-stories__modal{--story-height: 100vh;--story-width: 100vw}.insta-story{border-radius:0}}.insta-story__pause-icon,.insta-story__play-icon{font-size:1.8rem;line-height:1;color:#fff}.insta-story__mobile-close{display:none;font-size:2.2rem;line-height:1}.insta-stories__modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:12;width:3.1rem;height:3.1rem;border:none;border-radius:50%;background:#fffffff5;color:#111;font-size:0;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 10px #0000002e}.insta-stories__modal-arrow:before{display:block;font-size:2.5rem;line-height:1;font-weight:600}.insta-stories__modal-arrow--prev:before{content:"\2039";transform:translate(-.03rem) translateY(-.2rem)}.insta-stories__modal-arrow--next:before{content:"\203a";transform:translate(.03rem) translateY(-.2rem)}.insta-stories__modal-arrow--prev{left:calc(50% - (var(--story-width) / 2) - 4rem)}.insta-stories__modal-arrow--next{right:calc(50% - (var(--story-width) / 2) - 4rem)}.insta-story__invisible-btn{z-index:8}.insta-story:not(.insta-story--active) .insta-story__top{opacity:.85}.insta-story:not(.insta-story--active) .insta-story__progress-item--active .insta-story__progress-bar{animation:none!important;width:0!important}.insta-story__volume-btn.is-disabled{opacity:.45;pointer-events:auto;cursor:default}.insta-story__info__btn,.insta-stories__modal-arrow,.insta-stories__modal__close{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.insta-story__info__btn:focus,.insta-story__info__btn:active,.insta-stories__modal-arrow:focus,.insta-stories__modal-arrow:active,.insta-stories__modal__close:focus,.insta-stories__modal__close:active{outline:none;box-shadow:none}@media screen and (min-width:769px){.insta-stories__modal__close{display:grid}.insta-story__mobile-close{display:none}}@media screen and (max-width:768px){.insta-stories__modal{--story-height: 100vh;--story-width: 100vw;height:100dvh;width:100vw;background:#000000eb}.insta-story{transform:none!important;width:100vw;height:100dvh;border-radius:0;box-shadow:none}.insta-stories__slider-container{width:100vw;height:100dvh;overflow:hidden}.insta-stories__slider{left:0;height:100dvh}.insta-story__media{width:100%;height:100%;border-radius:0;background:#000}.insta-story__media img,.insta-story__media video{width:100%;height:100%;object-fit:contain;background:#000}.insta-stories__modal-arrow,.insta-stories__modal__close{display:none}.insta-story__mobile-close{display:flex;align-items:center;justify-content:center;color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/insta-stories.css.map */