.section-creator-video-showcase .creator-video-showcase{border-radius:var(--cvs-radius, 16px);background:var(--cvs-bg, #0a0a0a);color:var(--cvs-text, #ffffff);padding:clamp(1.5rem,4vw,2.75rem);overflow:hidden}.creator-video-showcase__shell{display:flex;flex-direction:column;gap:var(--cvs-layout-gap-mobile, 1.25rem)}.creator-video-showcase__intro--mobile{display:block;text-align:center}.creator-video-showcase__intro--desktop{display:none}.creator-video-showcase__heading{margin:0 0 .75rem;font-weight:var(--font-body-bold-weight, 600);line-height:1.15;letter-spacing:-.02em;color:inherit}.creator-video-showcase__heading--s{font-size:clamp(1.35rem,4vw,1.75rem)}.creator-video-showcase__heading--m{font-size:clamp(1.5rem,4.5vw,2rem)}.creator-video-showcase__heading--l{font-size:clamp(1.75rem,5vw,2.35rem)}.creator-video-showcase__description{margin:0 0 1.25rem;opacity:.82;line-height:1.55;font-size:.9375rem}.creator-video-showcase__description p{margin:0}.creator-video-showcase__section-button{margin-top:.25rem}.creator-video-showcase__section-button .button{border-color:#ffffffd9;background:transparent;color:inherit}.creator-video-showcase__section-button .button:hover{background:#ffffff14}.creator-video-showcase__carousel-shell{position:relative;min-width:0}.section-creator-video-showcase .creator-video-showcase__carousel.products.carousel{min-width:0}.section-creator-video-showcase .creator-video-showcase__carousel .carousel__slide{margin-bottom:0;height:auto}.section-creator-video-showcase .creator-video-showcase__carousel .carousel__slide>.columns{height:auto}.section-creator-video-showcase .creator-video-showcase__carousel .creator-video-showcase__card{width:100%;padding-right:var(--cvs-card-gap, 12px)}.section-creator-video-showcase .creator-video-showcase__carousel .flickity-nav.flickity-prev{left:-21px}.section-creator-video-showcase .creator-video-showcase__carousel .flickity-nav.flickity-next{right:-21px}.creator-video-showcase__media{position:relative;border-radius:var(--cvs-card-radius, 12px);overflow:hidden;background:#111;aspect-ratio:var(--cvs-aspect-ratio, 3 / 4)}.creator-video-showcase__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.creator-video-showcase__poster img,.creator-video-showcase__poster .placeholder_svg_tag{width:100%;height:100%;object-fit:cover;display:block}.creator-video-showcase__opener{position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%)}.creator-video-showcase__play-button{position:relative;top:auto;left:auto;z-index:auto;transform:none;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;padding:0;border:none;border-radius:50%;background:#fffffff2;color:#111;cursor:pointer;box-shadow:0 4px 14px #00000038;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.creator-video-showcase__play-button svg{width:1.25rem;height:auto;margin-left:.15rem}.creator-video-showcase__play-button:hover{transform:scale(1.08);background:#fff;box-shadow:0 6px 18px #00000047}.creator-video-showcase__overlay{position:absolute;inset:auto 0 0;z-index:3;width:100%;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;pointer-events:none}.creator-video-showcase__explore{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem;padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.85);color:#fff;text-decoration:none;font-size:.8125rem;font-weight:var(--font-body-bold-weight, 600);line-height:1.2;transition:background .2s ease;pointer-events:auto}.creator-video-showcase__explore:hover{background:#ffffff1f;color:inherit}.creator-video-showcase__empty{opacity:.7;text-align:center;padding:2rem 1rem}@media screen and (max-width:47.99em){.section-creator-video-showcase .creator-video-showcase__carousel .carousel__slide{width:calc(100vw - var(--cvs-peek-leg, 18vw) - var(--cvs-card-gap, 12px) - 30px)}.creator-video-showcase__play-button{width:3rem;height:3rem}.creator-video-showcase__play-button svg{width:1rem}}@media screen and (min-width:48em){.creator-video-showcase__intro--mobile{display:none}.creator-video-showcase__intro--desktop{display:flex;flex-direction:column;justify-content:center;flex:0 0 var(--cvs-copy-width, 34%);max-width:var(--cvs-copy-width, 34%);padding-right:clamp(1rem,2vw,2rem)}.creator-video-showcase__shell{flex-direction:row;align-items:stretch;gap:var(--cvs-layout-gap, 1.5rem)}.creator-video-showcase__carousel-shell{flex:1 1 auto}}modal-dialog.creator-video-showcase__video-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease}modal-dialog.creator-video-showcase__video-modal[open]{opacity:1;visibility:visible;z-index:1000}.creator-video-showcase__video-modal .product-media-modal__dialog{position:relative;width:100%;max-width:95vw;max-height:95vh;margin:0;padding:0;display:block;overflow:visible}@media screen and (min-width:750px){.creator-video-showcase__video-modal .product-media-modal__dialog{max-width:1400px;max-height:90vh;width:auto}}.creator-video-showcase__video-modal .product-media-modal__content,.creator-video-showcase__video-modal .portfolio-modal-content{width:100%;max-width:1400px;max-height:95vh;overflow:hidden;margin:0 auto;padding:0;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;position:relative;display:flex;flex-direction:column}@media screen and (min-width:750px){.creator-video-showcase__video-modal .product-media-modal__content,.creator-video-showcase__video-modal .portfolio-modal-content{flex-direction:row;align-items:flex-start;gap:3rem;padding:2rem;border-radius:12px;height:auto}}.creator-video-showcase__video-modal .product-media-modal__toggle{position:absolute!important;top:1rem!important;right:1rem!important;left:auto!important;z-index:100;background:#ffffffe6;border:none;border-radius:50%;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.creator-video-showcase__video-modal .product-media-modal__toggle:hover{background:#fff}.creator-video-showcase__video-modal .product-media-modal__toggle svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important}.creator-video-showcase__video-modal .product-media-modal__toggle:before,.creator-video-showcase__video-modal .product-media-modal__toggle:after{content:none!important;display:none!important}.creator-video-showcase__video-modal .portfolio-modal-media{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000;min-height:250px;overflow:hidden}@media screen and (min-width:750px){.creator-video-showcase__video-modal .portfolio-modal-media{flex:1.2;min-height:500px;min-width:0}}.creator-video-showcase__video-modal .portfolio-modal-video{background:#000}.creator-video-showcase__video-modal .portfolio-video-player-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:250px;cursor:pointer}@media screen and (min-width:750px){.creator-video-showcase__video-modal .portfolio-video-player-container{min-height:500px}}.creator-video-showcase__video-modal .portfolio-modal-video-element,.creator-video-showcase__video-modal .portfolio-video-player-container video{width:100%;height:auto;min-height:250px;max-height:70vh;border:none;object-fit:contain;display:block;background:#000}@media screen and (min-width:750px){.creator-video-showcase__video-modal .portfolio-modal-video-element,.creator-video-showcase__video-modal .portfolio-video-player-container video{min-height:500px;max-height:80vh}}.creator-video-showcase__video-modal .portfolio-modal-video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:1;transition:opacity .3s ease;pointer-events:none;z-index:10}.creator-video-showcase__video-modal .portfolio-video-player-container.playing .portfolio-modal-video-play-overlay{opacity:0;pointer-events:none}.creator-video-showcase__video-modal .portfolio-video-player-container.ended .portfolio-modal-video-play-overlay{opacity:1;pointer-events:auto}.creator-video-showcase__video-modal .portfolio-modal-video-play-button{width:5rem;height:5rem;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 16px #0000004d;pointer-events:auto;z-index:11;padding:0;color:#111}.creator-video-showcase__video-modal .portfolio-modal-video-play-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #0006}.creator-video-showcase__video-modal .portfolio-modal-video-play-button svg{width:1.5rem;height:auto;margin-left:.15rem}.creator-video-showcase__video-modal .portfolio-modal-info{flex:1;width:100%;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;overflow-y:auto;background:#fff;cursor:default}@media screen and (min-width:750px){.creator-video-showcase__video-modal .portfolio-modal-info{flex:0 0 320px;padding:0;max-width:320px;min-width:280px;align-self:flex-start}}.creator-video-showcase__video-modal .creator-video-showcase__modal-button{margin:0 0 1rem}.creator-video-showcase__video-modal .creator-video-showcase__modal-button .button{display:inline-flex}@media screen and (min-width:750px){.creator-video-showcase__video-modal .creator-video-showcase__modal-button{margin-bottom:1.25rem}}.creator-video-showcase__video-modal .portfolio-modal-title{margin:0 0 1rem;font-size:1.6rem;font-weight:600;line-height:1.4;color:#1a1c1d;word-wrap:break-word;overflow-wrap:break-word}@media screen and (min-width:750px){.creator-video-showcase__video-modal .portfolio-modal-title{font-size:1.8rem;margin-bottom:1.5rem}}.creator-video-showcase__video-modal .portfolio-modal-caption{margin:0;font-size:1.2rem;line-height:1.6;color:#1a1c1dcc;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}@media screen and (min-width:750px){.creator-video-showcase__video-modal .portfolio-modal-caption{font-size:1.4rem}}.creator-video-showcase__video-modal.media-modal,.creator-video-showcase__video-modal .portfolio-modal-content,.creator-video-showcase__video-modal .portfolio-modal-info{cursor:default}.creator-video-showcase__video-modal .portfolio-modal-info *{cursor:inherit}.creator-video-showcase__video-modal .creator-video-showcase__modal-link{color:inherit;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.creator-video-showcase__video-modal .creator-video-showcase__modal-link:hover{opacity:.72;text-decoration:underline}@media screen and (max-width:749px){.creator-video-showcase__video-modal .portfolio-modal-video-play-button{width:3.75rem;height:3.75rem}.creator-video-showcase__video-modal .portfolio-modal-video-play-button svg{width:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/creator-video-showcase.css.map */