.drop-social{position:relative;background:var(--ds-bg);color:var(--ds-text)}.drop-social--top-fade:before,.drop-social--bottom-fade:after{content:"";position:absolute;inset-inline:0;pointer-events:none}.drop-social--top-fade:before{inset-block-start:0;height:var(--ds-top-fade-height);background:linear-gradient(180deg,var(--ds-top-fade-from) 0%,var(--ds-bg) 100%)}.drop-social--bottom-fade:after{inset-block-end:0;height:var(--ds-bottom-fade-height);background:linear-gradient(180deg,var(--ds-bg) 0%,var(--ds-bottom-fade-to) 100%)}.drop-social,.drop-social *{box-sizing:border-box}.drop-social__inner{position:relative;z-index:1;width:min(100%,var(--ds-max-width));margin:0 auto;padding-top:var(--ds-section-pt);padding-bottom:var(--ds-section-pb);padding-inline:clamp(16px,3vw,32px)}.drop-social__header{display:grid;gap:18px;margin-bottom:26px;align-items:end}.drop-social__copy{max-width:min(100%,980px);min-width:0}.drop-social__eyebrow{margin:0 0 14px;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 12px;border:1px solid var(--ds-line);border-radius:999px;background:var(--ds-badge-bg);color:var(--ds-badge-text);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1}.drop-social__heading{margin:0;max-width:min(100%,24ch);font-size:clamp(30px,5vw,58px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal}.drop-social__description{margin-top:14px;max-width:760px;color:var(--ds-muted);font-size:15px;line-height:1.6}.drop-social__description p{margin:0}.drop-social__controls{display:flex;align-items:center;justify-content:flex-start}.drop-social__platforms{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,420px);padding:6px;border-radius:999px;background:var(--ds-pill-bg);border:1px solid var(--ds-pill-border)}.drop-social__platform{-webkit-appearance:none;appearance:none;border:0;margin:0;min-height:52px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:transparent;color:var(--ds-pill-text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}.drop-social__platform[disabled]{opacity:.45;cursor:not-allowed}.drop-social__platform.is-active{background:var(--ds-pill-active-bg);color:var(--ds-pill-active-text);box-shadow:0 8px 20px #00000014}.drop-social__platform:focus-visible,.drop-social__creator-link:focus-visible,.drop-social__load-more:focus-visible,.drop-social__video-control:focus-visible,.drop-social__video-stage:focus-visible{outline:2px solid var(--ds-pill-active-bg);outline-offset:2px}.drop-social__platform-icon{width:var(--ds-platform-icon-size);height:var(--ds-platform-icon-size);flex:0 0 var(--ds-platform-icon-size);display:inline-flex;align-items:center;justify-content:center}.drop-social__platform-icon svg{width:100%;height:100%;display:block;transition:filter .22s ease,opacity .22s ease,transform .22s ease;transform:translateZ(0)}.drop-social__platform-icon--tiktok{border-radius:22%;overflow:hidden}.drop-social__platform-icon--instagram{border-radius:24%}.drop-social__platform:not(.is-active) .drop-social__platform-icon svg{filter:grayscale(1) saturate(.2);opacity:.78}.drop-social__platform.is-active .drop-social__platform-icon svg{filter:none;opacity:1}.drop-social__platform.is-active .drop-social__platform-icon--tiktok svg{filter:drop-shadow(-.5px -.5px 0 rgba(37,244,238,.55)) drop-shadow(.5px .5px 0 rgba(254,44,85,.45))}.drop-social__panel{position:relative}.drop-social__panel.is-switching .drop-social__grid{opacity:.62;transform:translateY(4px)}.drop-social__grid{display:grid;grid-template-columns:repeat(var(--ds-mobile-columns),minmax(0,1fr));gap:var(--ds-gap);align-items:start;transition:opacity .22s ease,transform .22s ease}.drop-social__card{min-width:0;display:flex;flex-direction:column;gap:14px;padding:var(--ds-card-padding);border:1px solid var(--ds-line);border-radius:var(--ds-card-radius);background:var(--ds-card-bg);box-shadow:var(--ds-shadow);transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .18s ease}.drop-social__card[hidden]{display:none!important}.drop-social__creator{display:flex;align-items:center;gap:12px;min-width:0}.drop-social__avatar-wrap{flex:0 0 auto}.drop-social__avatar{width:var(--ds-avatar-size);height:var(--ds-avatar-size);border-radius:50%;display:block;object-fit:cover;background:#0000000a;border:1px solid var(--ds-line)}.drop-social__avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--ds-avatar-size) * .42);font-weight:600;color:var(--ds-text);background:var(--ds-pill-bg)}.drop-social__creator-text{min-width:0;display:grid;gap:3px}.drop-social__creator-name,.drop-social__followers{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-social__creator-name{margin:0;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.drop-social__followers{margin:0;color:var(--ds-soft-text);font-size:13px;line-height:1.35}.drop-social__media-wrap{min-width:0}.drop-social__media-shell,.drop-social__media-link{display:block;color:inherit;text-decoration:none}.drop-social__media-link:focus-visible{outline:none}.drop-social__media-shell--video{position:relative}.drop-social__media{position:relative;overflow:hidden;border-radius:var(--ds-media-radius);aspect-ratio:var(--ds-media-ratio);background:var(--ds-pill-bg);isolation:isolate;transition:box-shadow .18s ease,transform .18s ease}.drop-social__media--video{background:#000}.drop-social__video-stage{cursor:pointer}.drop-social__media-link:focus-visible .drop-social__media,.drop-social__media-shell--video:focus-within .drop-social__media{box-shadow:var(--ds-focus-ring)}.drop-social__thumbnail,.drop-social__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.drop-social__thumbnail{object-fit:cover;transition:transform .32s ease,filter .22s ease}.drop-social__video{object-fit:cover;background:#000;pointer-events:none}.drop-social__thumbnail--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ds-muted);font-size:14px;font-weight:500;letter-spacing:-.01em;text-align:center;padding:16px}.drop-social__media:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,#00000024,#0000);pointer-events:none;z-index:1}.drop-social__media--video:after{display:none}.drop-social__play{position:absolute;left:14px;bottom:14px;z-index:2;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ds-play-bg);color:var(--ds-play-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #00000029}.drop-social__play svg{width:16px;height:16px;margin-left:1px;display:block}.drop-social__video-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s linear 0s}.drop-social__media-shell--video.is-playing .drop-social__video-ui{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}.drop-social__media-shell--video:hover .drop-social__video-ui,.drop-social__media-shell--video:focus-within .drop-social__video-ui,.drop-social__media-shell--video.is-paused .drop-social__video-ui,.drop-social__media-shell--video.is-fallback-fullscreen .drop-social__video-ui{opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s linear 0s}.drop-social__video-control{position:absolute;z-index:11;border:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ds-play-color);background:var(--ds-play-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #00000029;pointer-events:auto;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,background-color .18s ease,opacity .18s ease}.drop-social__video-control--toggle{left:14px;bottom:14px;width:44px;height:44px;border-radius:999px}.drop-social__video-control--fullscreen{top:12px;right:12px;width:34px;height:34px;border-radius:999px}.drop-social__video-control svg{width:17px;height:17px;display:block;pointer-events:none}.drop-social__video-control-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .16s ease,transform .16s ease;pointer-events:none}.drop-social__video-control-icon--pause,.drop-social__media-shell--video.is-playing .drop-social__video-control-icon--play{opacity:0;transform:scale(.92)}.drop-social__media-shell--video.is-playing .drop-social__video-control-icon--pause{opacity:1;transform:scale(1)}.drop-social__video-stage{cursor:pointer;touch-action:manipulation}.drop-social__card-foot{margin-top:auto}.drop-social__creator-link{display:inline-flex;align-items:center;gap:8px;color:var(--ds-link-color);text-decoration:none;font-size:14px;font-weight:600;line-height:1.2;transition:color .18s ease,transform .18s ease}.drop-social__creator-link svg{width:16px;height:16px;display:block}.drop-social__empty{margin-top:18px;padding:16px 18px;border:1px dashed var(--ds-line);border-radius:calc(var(--ds-card-radius) - 8px);background:#ffffff52;color:var(--ds-muted)}.drop-social__empty p{margin:0;font-size:14px;line-height:1.5}.drop-social__load-more-wrap{margin-top:22px;display:flex;justify-content:center}.drop-social__load-more{-webkit-appearance:none;appearance:none;border:1px solid var(--ds-line);background:#ffffffb8;color:var(--ds-text);min-height:48px;padding:12px 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.drop-social__load-more svg{width:16px;height:16px;display:block}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}html.drop-social-lock,body.drop-social-lock{overflow:hidden!important;overscroll-behavior:none;touch-action:none}.drop-social__fullscreen-placeholder{display:block;width:100%;max-width:100%;pointer-events:none}.drop-social__media-shell--video.is-fallback-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:block;background:#000}.drop-social__media-shell--video.is-fallback-fullscreen .drop-social__media{width:100%;height:100vh;height:var(--ds-fullscreen-vh, 100dvh);max-width:100%;max-height:100vh;max-height:var(--ds-fullscreen-vh, 100dvh);aspect-ratio:auto;border-radius:0;background:#000}.drop-social__media-shell--video.is-fallback-fullscreen .drop-social__video{object-fit:contain}.drop-social__media-shell--video.is-fallback-fullscreen .drop-social__video-ui{opacity:1;visibility:visible;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box}.drop-social__media-shell--video.is-fullscreen,.drop-social__media-shell--video.is-fullscreen .drop-social__media{background:#000}.drop-social__media-shell--video.is-buffering .drop-social__video-control--toggle{animation:ds-pulse-opacity 1s infinite ease-in-out}.drop-social__video-control--fullscreen[data-state=enter] .drop-social__video-control-icon--fullscreen-exit,.drop-social__video-control--fullscreen:not([data-state=exit]) .drop-social__video-control-icon--fullscreen-exit{opacity:0;transform:scale(.9)}.drop-social__video-control--fullscreen[data-state=exit] .drop-social__video-control-icon--fullscreen-enter{opacity:0;transform:scale(.9)}.drop-social__video-control--fullscreen[data-state=exit] .drop-social__video-control-icon--fullscreen-exit{opacity:1;transform:scale(1)}.drop-social__video-control--fullscreen[data-state=enter] .drop-social__video-control-icon--fullscreen-enter,.drop-social__video-control--fullscreen:not([data-state=exit]) .drop-social__video-control-icon--fullscreen-enter{opacity:1;transform:scale(1)}@media(hover:hover)and (pointer:fine){.drop-social__card--hover:hover{position:relative;z-index:2;background:var(--ds-card-hover-bg);border-color:var(--ds-line);box-shadow:var(--ds-shadow-hover);transform:translateY(-3px)}.drop-social__platform:not([disabled]):hover{transform:translateY(-1px)}.drop-social__media-link:hover .drop-social__thumbnail,.drop-social__media-link:focus-visible .drop-social__thumbnail{transform:scale(1.03);filter:saturate(1.03)}.drop-social__creator-link:hover{color:var(--ds-link-hover)}.drop-social__video-control:hover,.drop-social__load-more:hover{transform:translateY(-1px)}.drop-social__load-more:hover{background:var(--ds-card-bg);border-color:var(--ds-pill-border);box-shadow:0 10px 26px #0000000f}}@media screen and (min-width:750px){.drop-social__grid{grid-template-columns:repeat(var(--ds-tablet-columns),minmax(0,1fr))}.drop-social__heading{max-width:min(100%,22ch)}}@media screen and (min-width:1100px){.drop-social__header{grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start}.drop-social__controls{justify-content:flex-end;padding-top:6px}.drop-social__heading{max-width:min(100%,24ch);text-wrap:balance;overflow-wrap:normal}}@media screen and (min-width:1400px){.drop-social__grid{grid-template-columns:repeat(var(--ds-desktop-columns),minmax(0,1fr))}}@media screen and (max-width:1099px){.drop-social__controls{justify-content:flex-start}}@media screen and (max-width:749px){.drop-social__inner{padding-inline:16px}.drop-social__header{gap:16px;margin-bottom:20px}.drop-social__heading{max-width:none;font-size:clamp(28px,10vw,46px);line-height:1.04;letter-spacing:-.042em}.drop-social__platforms{width:100%;max-width:100%}.drop-social__video-control--toggle{left:12px;bottom:12px;width:42px;height:42px}.drop-social__video-control--fullscreen{top:10px;right:10px;width:30px;height:30px}.drop-social[data-mobile-columns="2"] .drop-social__card{gap:10px;padding:10px}.drop-social[data-mobile-columns="2"] .drop-social__creator{gap:8px}.drop-social[data-mobile-columns="2"] .drop-social__avatar{width:34px;height:34px}.drop-social[data-mobile-columns="2"] .drop-social__creator-name{font-size:13px}.drop-social[data-mobile-columns="2"] .drop-social__followers{font-size:11px}.drop-social[data-mobile-columns="2"] .drop-social__video-control--toggle{width:34px;height:34px}.drop-social[data-mobile-columns="2"] .drop-social__video-control--fullscreen{width:26px;height:26px}}@media screen and (max-width:359px){.drop-social__grid{grid-template-columns:1fr!important}}@media(hover:none)and (pointer:coarse){.drop-social__media-shell--video.is-playing .drop-social__video-ui{opacity:1}.drop-social__video-control{opacity:.96}}.drop-social__card.is-entering{animation:ds-card-enter .42s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--ds-enter-delay, 0ms)}.drop-social__card.is-editor-selected{box-shadow:0 0 0 2px var(--ds-pill-active-bg),var(--ds-shadow-hover);transform:translateY(-4px)}@keyframes ds-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-pulse-opacity{0%,to{opacity:1}50%{opacity:.45}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-drop-social-creators-v43.css.map */