stories-component{display:block}.component-stories.no-margin-right{padding-left:Max(20px,calc((100% - var(--page-width)) / 2 + var(--page-width-padding)))}@media screen and (max-width: 96em){.component-stories.no-margin-right{padding-left:Max(20px,calc((100% - var(--page-width)) / 2 + var(--page-width-padding-mobile)))}}.component-stories.full-width .component-stories__heading{margin-left:20px}.component-stories .component-stories__heading{margin-bottom:20px;border-radius:var(--media-radius)}.component-stories .component-stories__heading h3 span{font-size:inherit;line-height:inherit}.component-stories .component-stories__splide{flex:1;overflow:hidden}.component-stories .component-stories__splide .splide__list{height:auto}.component-stories .component-stories__splide .preview-block{width:200px;height:300px;overflow:hidden;cursor:pointer;border-radius:var(--media-radius)}.component-stories .component-stories__splide .preview-block .preview-block__video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.component-stories .component-stories__splide .preview-block .preview-block__video::-webkit-media-controls{display:none!important}.component-stories .component-stories__splide .preview-block .preview-block__icons{position:absolute;top:0;right:0;left:0;z-index:2;padding:10px;background:#000;background:linear-gradient(180deg,#00000080,#fff0);display:flex;justify-content:space-between;align-items:center}.component-stories .component-stories__splide .preview-block .preview-block__icons .preview-block__icon-origin{border-radius:50%;overflow:hidden;width:35px;height:35px;border:2px solid #fff;z-index:2}.component-stories .component-stories__splide .preview-block .preview-block__icons .preview-block__icon-origin img{border-radius:50%;overflow:hidden}.component-stories .component-stories__splide .preview-block .preview-block__icons svg{width:20px;height:20px;fill:#fff}.component-stories .component-stories__splide .splide__arrow{transition:.3s ease all;background:var(--color-text);width:40px;height:40px}.component-stories .component-stories__splide .splide__arrow svg{fill:var(--color-background);width:15px;height:15px}.component-stories .component-stories__splide .splide__arrow:disabled{visibility:hidden;opacity:0}.component-stories--heading-block{display:flex}.component-stories--heading-block .component-stories__heading{margin-bottom:0;outline:1px solid rgba(var(--color-border-rgb),var(--buttons-border-opacity));width:200px;height:300px;padding:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease all;overflow:hidden}.component-stories--heading-block .component-stories__heading h3 .stories-heading__mobile{display:none}.component-stories--heading-block .component-stories__heading h3 .stories-heading__desktop{display:block}@media screen and (max-width: 40em){.component-stories--heading-block .component-stories__heading{width:70px}.component-stories--heading-block .component-stories__heading h3{text-align:center;white-space:nowrap;font-size:var(--heading-size-mobile);transform:rotate(-90deg)}.component-stories--heading-block .component-stories__heading h3 .stories-heading__mobile{display:block}.component-stories--heading-block .component-stories__heading h3 .stories-heading__desktop{display:none}}.component-stories--preview-circles{align-items:stretch}.component-stories--preview-circles .component-stories__heading{width:auto;height:auto}.component-stories--preview-circles.component-stories--heading-block .component-stories__heading{max-width:300px}@media screen and (max-width: 40em){.component-stories--preview-circles.component-stories--heading-block .component-stories__heading{width:70px!important}}.component-stories--preview-circles .component-stories__splide{display:flex;align-items:center}.component-stories--preview-circles .component-stories__splide .preview-block{width:100px;height:100px;overflow:hidden}.component-stories--preview-circles .component-stories__splide .preview-block .preview-block__image-main{width:100px;height:100px;border-radius:50%;overflow:hidden}.component-stories--preview-circles .component-stories__splide .preview-block .preview-block__image-main picture{border-radius:50%;overflow:hidden}.component-stories--preview-circles .component-stories__splide .preview-block .preview-block__image-main img,.component-stories--preview-circles .component-stories__splide .preview-block .lazy-image{border-radius:50%;overflow:hidden}.component-stories--preview-circles .component-stories__splide .preview-block .lazy-image:after,.component-stories--preview-circles .component-stories__splide .preview-block .lazy-image:before{border-radius:50%;overflow:hidden}.component-stories--preview-circles .component-stories__splide .preview-block--circles-bordered .preview-block__image-main{border:1px solid var(--color-text)}.component-stories--preview-circles .component-stories__splide .preview-block--circles-shadowed{display:flex;justify-content:center}.component-stories--preview-circles .component-stories__splide .preview-block--circles-shadowed .preview-block__image-main{width:95px;height:95px;top:2px;box-shadow:1px 1px 3px 1px #0000004d}.component-stories .component-stories__splide .preview-block{position:relative}.component-stories .component-stories__splide .preview-block .story-slides-markup{display:none!important;width:0!important;height:0!important}.component-stories .component-stories__splide .preview-block--default .preview-block__image-main{transition:.3s ease all}.component-stories .component-stories__splide .preview-block--default:hover .preview-block__image-main{transform:scale(1.1)}.component-stories .component-stories__splide .preview-block--default .preview-block__title{padding:5px 10px;position:absolute;left:0;right:0;bottom:0;height:35px;z-index:2;background-color:rgba(var(--color-text-rgb),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;display:flex;justify-content:center;align-items:center}.component-stories .component-stories__splide .preview-block--default .preview-block__title span{display:block;font-size:calc(var(--font-body-scale) * 1.4rem);color:var(--color-background);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-stories .component-stories__splide .preview-block--default .preview-block__title--color-reversed{background-color:rgba(var(--color-background-rgb),.3)}.component-stories .component-stories__splide .preview-block--default .preview-block__title--color-reversed span{color:var(--color-text)}.component-stories .component-stories__splide .preview-block--circles{height:125px}.component-stories .component-stories__splide .preview-block--circles .preview-block__title{position:absolute;left:0;right:0;bottom:0;height:25px;z-index:2;text-align:center;display:flex;justify-content:center;align-items:flex-end}.component-stories .component-stories__splide .preview-block--circles .preview-block__title span{display:block;font-size:calc(var(--font-body-scale) * 1.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-stories .component-stories__splide .preview-block--circles.preview-block--title-visibility-hidden{height:100px}.component-stories .component-stories__splide .preview-block--title-visibility-hidden .preview-block__title{display:none!important}.component-stories__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:.3s ease all;-webkit-user-select:none;-moz-user-select:none;user-select:none}.component-stories__modal--visible{visibility:visible;opacity:1}.component-stories__modal .stories-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#000000e6}.component-stories__modal .stories-modal__content{width:60vh;height:calc(100% - 80px);background:#00000080;z-index:2;position:relative}@media screen and (max-width: 40em){.component-stories__modal .stories-modal__content{height:100%}}.component-stories__modal .stories-modal__controller{position:absolute;top:50%;left:-25px;transform:translate3d(0,-50%,0);width:50px;height:200px;background:var(--color-text);opacity:.3;transition:.3s ease all;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2}.component-stories__modal .stories-modal__controller svg{fill:var(--color-background);width:30px;height:30px}.component-stories__modal .stories-modal__controller:hover,.component-stories__modal .stories-modal__controller:focus{opacity:1}.component-stories__modal .stories-modal__controller:focus{outline:1px solid var(--color-border)}.component-stories__modal .stories-modal__controller--next{left:auto;right:-25px}.component-stories__modal .stories-modal__controller--paused{left:-50px}.component-stories__modal .stories-modal__controller--paused--next{left:auto;right:-50px}.component-stories__modal .stories-modal__controller--disabled{opacity:.3;pointer-events:none}.component-stories__modal .stories-modal__controller--reversed-colors{background:var(--color-background)}.component-stories__modal .stories-modal__controller--reversed-colors svg{fill:var(--color-text)}@media screen and (max-width: 48em){.component-stories__modal .stories-modal__controller{transform:none;top:auto;left:0;bottom:110px;width:100px;height:50px;opacity:.7}.component-stories__modal .stories-modal__controller--next{left:auto;right:0}.component-stories__modal .stories-modal__controller--paused{left:-100px}.component-stories__modal .stories-modal__controller--paused--next{left:auto;right:-100px}}.component-stories__modal .stories-modal__story,.component-stories__modal .story__slide{visibility:hidden;opacity:0;transition:.3s ease all;position:absolute;top:0;left:0;width:100%;height:100%}.component-stories__modal .stories-modal__story--visible,.component-stories__modal .story__slide--visible{visibility:visible;opacity:1}.component-stories__modal .stories-modal__story--visible .story__actions,.component-stories__modal .story__slide--visible .story__actions{top:0!important}.component-stories__modal .stories-modal__story{display:flex;flex-direction:column;overflow:hidden;z-index:1;border-radius:var(--media-radius)}.component-stories__modal .stories-modal__story .story__actions{display:flex;align-items:center;padding:10px;background:#000;background:linear-gradient(180deg,#00000080,#fff0);position:absolute;transition:.3s ease all;top:-150px;left:0;width:100%;z-index:2}.component-stories__modal .stories-modal__story .story__actions .story-actions__icon{position:absolute;top:calc(100% + 10px);width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border);background-size:cover;background-repeat:no-repeat}.component-stories__modal .stories-modal__story .story__actions .story-actions__progress-bars{flex:1;margin:0 30px;display:flex;justify-content:center;align-items:center;gap:10px}.component-stories__modal .stories-modal__story .story__actions .story-actions__progress-bars .progress-bars__bar{display:block;height:4px;flex:1;background:#555;border-radius:5px;position:relative}.component-stories__modal .stories-modal__story .story__actions .story-actions__progress-bars .progress-bars__bar:after{content:"";display:block;position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:5px;width:0;z-index:1}.component-stories__modal .stories-modal__story .story__actions .story-actions__progress-bars .progress-bars__bar--active:after{animation:width-animation var(--slide-timer) linear;animation-fill-mode:forwards}.component-stories__modal .stories-modal__story .story__actions .story-actions__progress-bars .progress-bars__bar--filled:after{width:100%}.component-stories__modal .stories-modal__story .story__actions .story-actions__progress-bars .progress-bars__bar--paused:after{animation-play-state:paused}.component-stories__modal .stories-modal__story .story__actions .story-actions__button{display:flex;width:30px;height:30px;justify-content:center;align-items:center;cursor:pointer}.component-stories__modal .stories-modal__story .story__actions .story-actions__button svg{fill:#fff;width:30px;height:30px}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--volume svg.story-icon-mute{display:none}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--volume-muted svg.story-icon-volume{display:none}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--volume-muted svg.story-icon-mute{display:block}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--play svg.story-icon-play{display:none}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--play-paused svg.story-icon-pause{display:none}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--play-paused svg.story-icon-play{display:block}.component-stories__modal .stories-modal__story .story__actions .story-actions__button--close svg{width:30px;height:30px}.component-stories__modal .stories-modal__story .story__slides{position:relative;flex:1;z-index:1}.component-stories__modal .stories-modal__story--paused{-webkit-touch-callout:none!important}.component-stories__modal .stories-modal__story--paused .story__actions{top:-150px!important}.component-stories__modal .stories-modal__story--paused .story__slide .story-slide__info{margin-top:-110px}.component-stories__modal .story__slide{display:flex;flex-direction:column}.component-stories__modal .story__slide .story-slide__media{flex:1;position:relative;overflow:hidden;pointer-events:none}.component-stories__modal .story__slide .story-slide__media:before{content:"";display:block;position:absolute;opacity:.9;left:50%;top:50%;transform:translate(-50%,-50%);height:7px;width:7px;font-size:4px;border-radius:50%;text-indent:-9999em;animation:story-media-loader .6s infinite ease;transform:translateZ(0);z-index:1}.component-stories__modal .story__slide .story-slide__media .slide-media__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;position:relative;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.component-stories__modal .story__slide .story-slide__info{height:110px;padding:10px 20px;background:var(--color-background);display:flex;justify-content:space-between;align-items:center;transition:.3s margin-top ease}.component-stories__modal .story__slide .story-slide__info .story-slide__recipient{padding-right:1rem}.component-stories__modal .story__slide .story-slide__info .story-slide__recipient .recipient__title{font-weight:700;overflow:hidden;margin-bottom:5px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;color:var(--color-text);word-break:break-word}.component-stories__modal .story__slide .story-slide__info .story-slide__recipient .recipient__title:hover{text-decoration:underline;text-underline-position:under}@media screen and (max-width: 40em){.component-stories__modal .story__slide .story-slide__info .story-slide__recipient .recipient__title{font-size:calc(var(--font-body-scale) * 1.4rem)}}.component-stories__modal .story__slide .story-slide__info .story-slide__recipient .price{display:flex;flex-direction:column;color:var(--color-text);align-items:flex-start}.component-stories__modal .story__slide .story-slide__info .story-slide__recipient .price .on-sale{position:relative;font-size:calc(var(--font-body-scale) * 1.4rem);opacity:.5}.component-stories__modal .story__slide .story-slide__info .story-slide__recipient .price .on-sale:before{border-top:1px solid;content:"";left:0;position:absolute;right:0;top:50%}.component-stories__modal .story__slide .story-slide__info .story-slide__cta{font-size:calc(var(--font-body-scale) * 1.6rem);padding:15px 30px;line-height:calc(var(--font-body-scale) * 1.8rem);white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center}.component-stories__modal .story__slide .story-slide__info .story-slide__cta--alert-visible:after{content:attr(data-alert-text);position:absolute;top:calc(100% + 5px);left:0;width:100%;color:var(--color-text);font-size:calc(var(--font-body-scale) * 1.4rem)}@media screen and (max-width: 40em){.component-stories__modal .story__slide .story-slide__info .story-slide__cta{padding:10px 15px;font-size:calc(var(--font-body-scale) * 1.4rem)}}.component-stories__modal .story__slide .story-slide__info--reversed-colors{background:var(--color-text)}.component-stories__modal .story__slide .story-slide__info--reversed-colors .story-slide__recipient .price .on-sale,.component-stories__modal .story__slide .story-slide__info--reversed-colors .story-slide__recipient .story-slide__cta--alert-visible:after,.component-stories__modal .story__slide .story-slide__info--reversed-colors .story-slide__recipient .recipient__title{color:var(--color-background)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-stories.css.map */