.hero-wrapper .tiktok-banner{padding:40px 16px}.hide-mobile{display:none!important}.hide-desktop{display:flex!important}.tiktok-banner .hero__button--alt{font-size:11px;padding:8px 24px}.hero-wrapper .tiktok-banner .banner-container{align-items:flex-start;display:flex;flex-direction:column}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button{display:flex;gap:12px;text-align:left;margin-bottom:40px}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle{display:flex;flex-direction:column;gap:12px}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .subtitle{font-family:var(--font-base);font-style:normal;font-weight:500;letter-spacing:1.12px;text-transform:uppercase}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .subtitle.white-text{color:var(--Text-text-primary, #fff)}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .name{font-family:SeriouslyNostalgic;font-style:normal;font-weight:400;text-align:left;text-transform:capitalize}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .name.white-text{color:var(--Text-text-primary, #fff)}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button{align-items:center;border-radius:var(--Spacing-XXXS, 4px);display:flex;font-family:var(--font-base);font-style:normal;font-weight:500;gap:var(--Spacing-XXXS, 4px);justify-content:flex-end;padding:var(--Spacing-XXS, 8px) var(--Spacing-M, 24px);text-align:center}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button.black-text{border:1px solid var(--Border-primary, #2a2a2a);color:var(--Text-text-primary, #2a2a2a)}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button.black-text:hover{border:1px solid var(--Border-secondary, #717171);color:var(--Text-text-secondary, #717171)!important}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button.white-text{border:1px solid var(--Border-primary, #fff);color:var(--Text-text-primary, #fff)}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button.white-text:hover{border:1px solid var(--Text-text-invert, #fff);color:var(--Text-text-secondary, #fff)!important;opacity:.7}.hero-wrapper .tiktok-banner .banner-container .banner-video{display:flex;gap:20px;justify-content:center;overflow:hidden;width:100%}.video-wrapper{position:relative;border-radius:16px}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.center .tag{align-items:center;background:var(--Surface-primary, #fff);border-radius:2px;border-top:.2px solid #fff;color:var(--Surface-primary, #000);display:flex;font-family:var(--font-base);font-size:11px;font-style:normal;font-weight:400;gap:var(--Spacing-XXS, 8px);justify-content:center;left:50%;line-height:16px;margin:60px auto;padding:var(--Spacing-XXXS, 4px) var(--Spacing-S, 16px);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:fit-content;text-transform:initial}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.center .flecha{bottom:23.5px;height:13.5px;left:50%;position:absolute;transform:translate(-50%);width:18px;fill:var(--Surface-primary, #fff)}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper .video{border-radius:var(--Spacing-S, 16px);border:1px solid transparent}@media(max-width:767px){.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.side{display:none}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper .video{width:100%}}@media(max-width:1023px){.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .subtitle{font-size:12px;line-height:16px}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .name{font-size:48px;line-height:normal}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button{font-size:11px;line-height:16px}}@media(max-width:1439px){.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button{align-items:flex-start;flex-direction:column}}@media(min-width:768px){.hide-mobile{display:flex!important}.hide-desktop{display:none!important}.hero-wrapper .tiktok-banner{padding:16px 0}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.side.right{border-top-right-radius:0;border-bottom-right-radius:0;justify-content:flex-start}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.side.left{border-top-left-radius:0;border-bottom-left-radius:0;justify-content:flex-end}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .name .only-mobile{display:none}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.side{width:calc(50vw - 304.5px)}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button{padding-left:16px}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper .video{aspect-ratio:569/320;-webkit-clip-path:inset(0 1px 0 0)!important;clip-path:inset(0 1px 0 0)!important;width:569px}.tiktok-banner .hero__button--alt{min-width:152px}}@media(min-width:1024px){.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button{margin-bottom:36px;padding-left:56px}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.center .tag{font-size:13px;line-height:20px}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .subtitle{font-size:14px;line-height:21px}.tiktok-banner .hero__button--alt{font-size:13px;line-height:20px;min-width:120px}.hero-wrapper .tiktok-banner{padding:96px 0 48px}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle .name{font-size:64px;line-height:110%}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .div-button .button{font-size:13px;line-height:20px}}@media(min-width:1440px){.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button .name-subtitle{flex-direction:column-reverse}.hero-wrapper .tiktok-banner .banner-container .name-subtitle-button{align-items:flex-end;align-self:stretch;justify-content:space-between;padding-right:48px}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.side{width:calc(50vw - 304.5px)}}@media(min-width:1920px){.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper .video{aspect-ratio:926 / 521;height:521px;width:926px;min-width:926px}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.center{width:926px;min-width:926px}.hero-wrapper .tiktok-banner .banner-container .banner-video .video-wrapper.side{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/tiktok-banner.css.map */