insta-stories{font-size:.625rem}insta-stories svg{display:block}.insta-stories-block .insta-stories__open-buttons{margin:0}insta-stories{display:block;--pfp-size: 8em;--ring-width: .3em;--ring-offset: .3em}.content-rte+insta-stories{margin-top:2em}.insta-stories__open-buttons-and-arrows-container{position:relative;z-index:0}.insta-stories__open-buttons-container{overflow:hidden}.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-stories__open-buttons{display:flex;column-gap:1em;align-items:flex-start;width:fit-content;margin:0 auto}.insta-story-open-btn{width:var(--pfp-size);padding:0}.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:var(--insta-stories-block-ring-background);background-color:var(--insta-stories-block-ring-background-color, #B81AF7)}.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:rgb(var(--background))}.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 .material-icon{font-size:calc(var(--pfp-size) * .9);color:#fff;transform:translateY(18%)}.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:normal;display:block;overflow:hidden;text-align:center;margin-top:.7em;font-size:1.5em;line-height:1}.insta-stories__modal{position:fixed;top:0;left:0;z-index:130;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 - 4em) ;--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{display:grid;place-items:center;position:absolute;padding:.5rem;top:1rem;right:2rem;z-index:2}.insta-stories__modal__close .material-icon{font-size:1.5rem;padding:.5rem;color:#ececec}.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:.3em .3em 1em #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:2em;z-index:2;width:100%}.insta-story__progress{display:flex;justify-content:space-between;column-gap:.3em}.insta-story__progress-item{display:block;height:.3em;border-radius:1em;flex:1 1 auto;background:#ffffff59;position:relative}.insta-story__progress-bar{content:"";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:1em;--pfp-size: 4em}.insta-story__pfp{width:var(--pfp-size);height:var(--pfp-size)}.insta-story__info__text,.insta-story__info__text .material-icon{font-size:1.6em;line-height:normal;margin:0}.insta-story__info__text{color:#ffffffe6;margin-right:auto;margin-left:.6em}.insta-story__info__text{display:inline-flex;align-items:center;gap:.25rem;line-height:normal}.insta-story__time-posted{margin-left:.25em;opacity:.8}.insta-story__info__btn{color:#ececec;padding:.5em}.insta-story__info__volume-btn{display:flex;justify-content:center;align-items:center}.insta-story__info__volume-btn[data-muted=true] svg:first-child{display:none}.insta-story__info__volume-btn[data-muted=false] svg:last-child{display:none}.insta-story__pause-resume-btn[data-paused=true] .material-icon:first-child{display:none}.insta-story__pause-resume-btn[data-paused=false] .material-icon:last-child{display:none}.insta-story__info__close-btn{padding:0;margin-left:.4em;display:none}.insta-story__info__close-btn .material-icon{font-size:2.8em}.insta-story__invisible-btn{position:absolute;top:0;left:0;height:100%;width:30%;background:none;border:none;outline:none;opacity:0;z-index:1}.insta-story__invisible-btn--next{left:auto;right:0}.insta-story__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:var(--background);display:none;border-radius:.5em;overflow:hidden}.insta-story__media img,.insta-story__media video{width:100%;height:100%;object-fit:var(--object-fit);object-position:center center;pointer-events:none}.active-content,.inactive-content{visibility:visible;opacity:1;transition:opacity .15s}.insta-story:not(.insta-story--active) .active-content,.insta-story--active .inactive-content{visibility:hidden;opacity:0}.insta-story__inactive-overlay{--pfp-size: calc(var(--story-width) * .3);position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf}.insta-story__inactive-overlay .insta-story-open-btn__pfp-ring{margin-bottom:calc(var(--pfp-size) / 10)}.insta-story__inactive-overlay .insta-story__username{color:#fff;font-size:calc(var(--story-width) * .06)}.insta-story__arrow{width:3em;height:3em;display:grid;place-items:center;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);padding:0;box-shadow:1px 1px 4px #0000004d}.insta-story .insta-story__arrow{opacity:.8}.insta-story__arrow .material-icon{font-size:2.6em;color:#000}.insta-story__arrow[disabled]{opacity:.2}.insta-story .insta-story__arrow--next{left:calc(100% + 3em)}.insta-story__arrow--next .material-icon{transform:translate(3%)}.insta-story .insta-story__arrow--prev{right:calc(100% + 3rem);transform:translate(50%,-50%)}.insta-story__arrow--prev .material-icon{transform:translate(-3%)}@media screen and (max-width: 999px){.insta-stories__slider-container{width:calc(var(--story-width) + 9rem);padding:0 4.5rem}.insta-stories__slider{left:0}}@media screen and (max-width: 749px){.insta-stories__open-buttons-container{margin:0 -1.5rem}.insta-stories__open-buttons{padding:0 1.5rem}.insta-stories__slider-container{width:var(--story-width);padding:0}.insta-stories__modal{--story-height: 100vh;--story-width: 100vw}.insta-story{transform:scale(1)}.insta-story__inactive-overlay{pointer-events:none}.insta-story__info__close-btn{display:block}.insta-stories__open-buttons-and-arrows-container .insta-stories__open-btns-prev{left:-1rem}.insta-stories__open-buttons-and-arrows-container .insta-stories__open-btns-next{right:-1rem}}.insta-stories__slider--paused .insta-story__top{opacity:0}.insta-story__info__btn{background-color:transparent;outline:none;border:none}.insta-stories__modal__close{background-color:transparent;outline:none;border:none;background:#000;border-radius:50%}.insta-story-open-btn{background-color:transparent;outline:none;border:none}.insta-stories__modal button,insta-stories button:not([disabled]){cursor:pointer}@media screen and (max-width: 749px){.mobile-hidden{display:none!important}}@media screen and (min-width: 750px){.desktop-hidden{display:none!important}}.insta-story-open-btn__pfp span{display:flex;width:100%;height:100%;margin:auto;transform:none}.insta-story-open-btn__pfp span.material-icon{transform:none}.insta-story-open-btn__pfp span svg{width:100%;height:auto;object-fit:cover}.insta-story .insta-story__arrow--next svg{transform:translate(1px)}.pos-relative-z-10{position:relative;z-index:10}.section-id-btn{display:flex;width:fit-content;margin:0 auto;cursor:pointer}.section-id-btn[data-success=false] .copy-success,.section-id-btn[data-success=true] .copy-text{display:none}
/*# sourceMappingURL=/cdn/shop/t/261/assets/ns-insta-stories.css.map */