.up-insta-stories{--page-width: 140rem}.up-insta-slider__slide{position:relative;cursor:pointer;overflow:hidden;border-radius:2rem;padding-bottom:0!important;padding-top:0!important}.up-insta-slider__slide img,.up-insta-slider__slide video{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:9 / 16;border-radius:2rem}up-insta-story-opener{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#0000000d);border-radius:2rem}.up-insta__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer}.up-insta__play-button-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffb3;box-shadow:0 4px 4px #00000040;transition:transform .1s linear;width:var(--join-card-icon-width, 33px);height:var(--join-card-icon-height, 32px)}.up-insta__play-button-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;width:calc(var(--join-card-icon-width, 33px) * .6);height:calc(var(--join-card-icon-height, 32px) * .6)}.up-insta__icon-play{opacity:1;transition:opacity .1s linear}.up-insta__icon-play--hover{opacity:0;transform:translate(-50%,-50%) scale(.5)!important;transition:opacity 0s linear,transform 0s linear}.up-insta-slider__slide-label{position:absolute;bottom:8px;left:0;right:0;padding-bottom:4px;margin:0 15px;-webkit-user-select:none;user-select:none;max-width:100%;line-break:auto;word-break:break-word;color:#fff;pointer-events:none}@media screen and (max-width:749px){.up-insta-slider__slide.grid__item{width:calc(65% - var(--grid-mobile-horizontal-spacing) - 3rem)!important}}@media screen and (max-width:989px){.up-insta-stories.page-width{padding-inline:0}}@media screen and (min-width:990px){.up-insta-slider__slide img,.up-insta-slider__slide video{transition:transform var(--duration-long) ease}.up-insta-slider__slide:hover img,.up-insta-slider__slide:hover video{transform:scale(1.03)}.up-insta-slider__slide:hover .up-insta__icon-play{opacity:0;transition:opacity 0s linear}.up-insta-slider__slide:hover .up-insta__icon-play--hover{opacity:1;transform:translate(-50%,-50%) scale(1)!important;transition:opacity .1s linear,transform .1s linear}}.up-insta-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:hidden;width:100%;background:#000000b3;height:100%}.up-insta-popup-modal[open]{opacity:1;visibility:visible;z-index:101;font-size:var(--calc-font-size-ratio, 10px)}.up-insta-popup-modal__content{pointer-events:auto;border-radius:1em;background-color:#000000b3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37.5em;height:66.7em;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 .4em 1.7em #00000040}.up-insta-popup-modal__content>*{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-user-callout:none;-webkit-tap-highlight-color:transparent}.up-insta-popup-modal__content>video{background:#141414;object-fit:cover;pointer-events:all}.up-insta-popup-modal__content>.loading-overlay{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center;justify-content:center}.up-insta-popup-modal__content .loading-overlay__spinner{width:4em}.up-insta-player__controls{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.up-insta-player__header{display:flex;height:7.7em;flex-direction:row;justify-content:space-between;align-items:center;padding:2.2em 1.2em 1.4em 1.3em;background:linear-gradient(0deg,#0000 6.99%,#00000080 163.32%)}.up-insta-player__title{display:flex;align-items:center;gap:1em;max-width:85%}.up-insta-player__profile-image{object-fit:cover;width:3.7em;height:3.7em;min-width:3.7em;min-height:3.7em;border-radius:4.1em;background:#d3d3d3 50% / cover no-repeat;box-shadow:0 0 .47em #00000030}.up-insta-player__heading{color:#fff;font-size:1.4em;font-style:normal;font-weight:600;line-height:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:-2px;padding-bottom:2px;font-size:min(1.2em,18px)}.up-insta-player__controls button,.up-insta-navigation button{font-size:1em;border:none;outline:none;-webkit-tap-highlight-color:transparent}.up-insta-player__icon--close{width:fit-content;height:fit-content;pointer-events:all;cursor:pointer;background:transparent;transition:none;padding:1em}.up-insta-player__icon--close svg{width:1.6em;height:1.6em}.up-insta-player__icons-list{align-self:flex-end;margin-right:.9em;display:flex;flex-direction:column;width:4.2em;aspect-ratio:1}.up-insta-player__icon--action{display:flex;align-items:center;justify-content:center;width:4.2em;height:4.2em;border-radius:50%;background-color:#0000004d;cursor:pointer;transition:background-color .2s ease-in-out;margin-bottom:1em;pointer-events:all;-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px)}.up-insta-player__icon--action svg{width:2.6em;height:2.6em}.up-insta-player__icon--action .up-insta__icon-volume,.up-insta-player__icon--action:not(.up-insta-player--sound) .up-insta__icon-volume--muted{display:none}.up-insta-player--sound .up-insta__icon-volume--muted,.up-insta-player__icon--action:not(.up-insta-player--sound) .up-insta__icon-volume{display:block}.up-insta-player__icon--action .up-insta__icon-play,.up-insta-player__icon--action:not(.up-insta-player--paused) .up-insta__icon-pause{display:block}.up-insta-player--paused .up-insta__icon-pause,.up-insta-player__icon--action:not(.up-insta-player--paused) .up-insta__icon-play{display:none}@media screen and (min-width:990px){.up-insta-player__profile-image{width:min(2.96em,56px);height:min(2.96em,56px);min-width:min(2.96em,56px);min-height:min(2.96em,56px)}.up-insta-player__heading{font-size:min(1.2em,18px)}.up-insta-player__header{padding-right:min(1.32em,16px)}.up-insta-player__icon--close{padding:0;width:min(3.3em,50px)}.up-insta-player__icons-list{width:3.3em;margin-right:min(1.32em,16px)}.up-insta-player__icon--action{width:min(3.3em,50px);height:min(3.3em,50px);margin-bottom:1.8em}.up-insta-player__icon--action svg{width:min(2.08em,28px);height:min(2.08em,28px)}}.up-insta-player__bar{position:absolute;top:0;bottom:auto;left:0;right:0;display:flex;flex-direction:row;align-items:center;pointer-events:all;margin:.7em .84em}.up-insta-player__bar-wrapper{flex:1}.up-insta-player__timebar{position:relative;display:flex;flex-direction:row;align-items:center;height:.3em;min-height:1.5px;width:100%}.up-insta-player__segment{height:100%;background-color:#fff6;border-radius:.2em;margin:0 .2em;overflow:hidden;transform:translateZ(0);position:relative;flex:1;cursor:pointer}.up-insta-player__segment[open]{opacity:1}.up-insta-player__segment--progress{pointer-events:none;display:block!important;position:absolute;left:0;width:100%;height:100%;background-color:#fff;border-radius:.2em;overflow:hidden;transform-origin:left;transform:scaleX(var(--up-insta-player-segment-progress, 0));transition:none}.up-insta-player__segment[open] .up-insta-player__segment--progress{transition:transform .3s linear}.up-insta-navigation{position:absolute;top:50%;left:calc(50% + 21em);transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2.15em;overflow:visible}.up-insta-navigation--prev{left:unset;right:calc(50% + 21em);flex-direction:row-reverse}.up-insta-navigation__button{width:48px;height:48px;z-index:1;background:none;cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:center;padding:.4em}.up-insta-navigation__button--chapter{border-radius:50%;background:#fff;-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px)}.up-insta-navigation__button--next{transform:rotate(180deg)}@media screen and (min-width:990px){.up-insta-popup-modal .up-insta-popup-modal__content{opacity:0}.up-insta-popup-modal[open] .up-insta-popup-modal__content{opacity:1;transition:opacity .25s ease-in-out}}.up-insta-slider__slide--border img,.up-insta-slider__slide--border video,.up-insta-story-opener--border{border:3px solid #fff}@media screen and (min-width:990px){.up-insta-slider__slide--border img,.up-insta-slider__slide--border video,.up-insta-story-opener--border{border-width:6px}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/up-section-insta-stories.css.map */