.homepage-social-media-section{overflow-x:clip}.homepage-social-media{--sm-px: min(1.3333px, calc(100vw / 1440));--sm-card-width: calc(188.704 * var(--sm-px));position:relative;display:block;overflow-x:clip;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.homepage-social-media__inner{width:min(100%,calc(1440 * var(--sm-px)));margin-inline:auto;padding:calc(47 * var(--sm-px)) calc(60 * var(--sm-px)) 0}.homepage-social-media__header{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--sm-px));width:100%}.homepage-social-media__heading{margin:0;font-family:var(--font-heading-family);font-weight:900;font-size:calc(48 * var(--sm-px));line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:rgb(var(--color-foreground));white-space:nowrap}.homepage-social-media__button{flex-shrink:0;min-height:calc(64 * var(--sm-px));padding:.4rem 2.4rem;font-weight:800;font-size:calc(24 * var(--sm-px));line-height:.875;cursor:pointer;opacity:1}.homepage-social-media__slider-wrap{width:min(100%,calc(1440 * var(--sm-px)));margin-inline:auto;margin-top:calc(32 * var(--sm-px));padding-bottom:calc(47 * var(--sm-px));overflow:hidden}.homepage-social-media__slider{position:relative;display:flex;align-items:stretch;gap:calc(20 * var(--sm-px));width:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.homepage-social-media__slider img,.homepage-social-media__slider video{-webkit-user-drag:none}.homepage-social-media__slider::-webkit-scrollbar{display:none}.homepage-social-media__slider.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.homepage-social-media__card{flex:0 0 var(--sm-card-width);width:var(--sm-card-width);height:calc(284 * var(--sm-px));overflow:hidden;border-radius:calc(12 * var(--sm-px));background-color:rgba(var(--color-foreground),.12)}.homepage-social-media__media{position:relative;width:100%;height:100%;overflow:hidden;background-color:rgba(var(--color-foreground),.12)}.homepage-social-media__poster,.homepage-social-media__video,.homepage-social-media__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.homepage-social-media__video{opacity:0}.homepage-social-media__video::-webkit-media-controls{display:none!important}.homepage-social-media__media.is-playing .homepage-social-media__video{opacity:1}.homepage-social-media__media.is-playing .homepage-social-media__poster{opacity:0}.homepage-social-media__media-toggle{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(40 * var(--sm-px));height:calc(40 * var(--sm-px));padding:0;border:.09rem solid #fffffc;border-radius:50%;background-color:#fffffc;transform:translate(-50%,-50%);cursor:pointer;-webkit-appearance:none;appearance:none}.homepage-social-media__media.is-playing .homepage-social-media__media-toggle{right:0;bottom:0;top:0;left:0;width:100%;height:100%;border-color:transparent;border-radius:inherit;background-color:transparent;transform:none}.homepage-social-media__play,.homepage-social-media__stop{display:flex;align-items:center;justify-content:center;pointer-events:none}.homepage-social-media__stop{position:absolute;top:50%;left:50%;width:calc(40 * var(--sm-px));height:calc(40 * var(--sm-px));border:.09rem solid #fffffc;border-radius:50%;background-color:#fffffc;opacity:0;transform:translate(-50%,-50%);transition:opacity .25s ease}.homepage-social-media__play .svg-wrapper{width:calc(12 * var(--sm-px));height:calc(17 * var(--sm-px));margin-left:calc(2 * var(--sm-px));color:rgb(var(--color-foreground))}.homepage-social-media__play .svg-wrapper svg{display:block;width:100%;height:100%}.homepage-social-media__stop-icon{width:calc(12 * var(--sm-px));height:calc(12 * var(--sm-px));border-radius:calc(2 * var(--sm-px));background-color:rgb(var(--color-foreground))}.homepage-social-media__media.is-playing .homepage-social-media__play{opacity:0}.homepage-social-media__media.is-playing .homepage-social-media__stop{opacity:1}.homepage-social-media__media.is-playing.is-controls-hidden .homepage-social-media__stop{opacity:0}@media screen and (max-width:749px){.homepage-social-media{--sm-px: calc(100vw / 430);--sm-card-width: calc(137.542 * var(--sm-px));overflow-x:clip;max-width:100%}.homepage-social-media__inner{padding:calc(38 * var(--sm-px)) calc(29 * var(--sm-px)) 0;width:100%;max-width:100%}.homepage-social-media__header{flex-direction:column;align-items:center;justify-content:center;gap:calc(22 * var(--sm-px));text-align:center}.homepage-social-media__heading{max-width:calc(325 * var(--sm-px));font-size:calc(36 * var(--sm-px));white-space:normal;text-align:center}.homepage-social-media__slider-wrap{width:100%;margin-top:calc(22 * var(--sm-px));padding:0 calc(29 * var(--sm-px)) calc(38 * var(--sm-px));box-sizing:border-box}.homepage-social-media__slider{gap:calc(7.289 * var(--sm-px));width:100%}.homepage-social-media__card{height:calc(207 * var(--sm-px));border-radius:calc(8.7 * var(--sm-px))}.homepage-social-media__media-toggle,.homepage-social-media__stop{width:calc(32 * var(--sm-px));height:calc(32 * var(--sm-px))}.homepage-social-media__play .svg-wrapper{width:calc(10 * var(--sm-px));height:calc(14 * var(--sm-px))}.homepage-social-media__stop-icon{width:calc(10 * var(--sm-px));height:calc(10 * var(--sm-px))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-homepage-social-media.css.map */