.follow-x-section{padding:80px 0;background:#141414;position:relative;overflow:clip;border-top:1px solid #444444;border-bottom:1px solid #444444}.follow-x-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:40px 40px;background-position:0 0;background-repeat:repeat;pointer-events:none;z-index:0}.follow-x-section>*{position:relative;z-index:1}.follow-x-container{max-width:1200px;margin:0 auto;padding:0 10px}.follow-x-header{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center}.follow-x-title{margin:0 0 12px;font-size:34px;font-weight:600!important;line-height:1!important;letter-spacing:-.3px!important;font-family:Inter,sans-serif!important}@media screen and (min-width:768px){.follow-x-title{font-size:54px}}.follow-x-title-text{background:linear-gradient(0deg,#fff 29.8001%,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:600!important;letter-spacing:-.3px!important}.follow-x-title-accent{background:linear-gradient(0deg,#a4caeb 18.9682%,#6ab7ff 39.7663%,#00d0ff 58.6501%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:.2px rgb(92,182,255);text-shadow:0 0 1px #0000,0 0 10px #00aeff1c,0 4px 2px #00000040!important;display:inline;font-weight:600!important;letter-spacing:-.3px!important}.follow-x-subheading{font-size:15px;font-weight:300!important;color:#ffffff80!important;line-height:1.6;letter-spacing:-.3px!important;max-width:520px;margin:0 auto}@media screen and (min-width:768px){.follow-x-subheading{font-size:17px}}.follow-x-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media screen and (min-width:768px){.follow-x-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:980px){.follow-x-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.follow-x-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(180deg,#343434,#272727);border:none;border-radius:14px;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;position:relative;box-shadow:0 2px 4px #0009,0 8px 16px #000000b3,0 20px 40px #000c,0 40px 60px #00000080}.follow-x-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1px;background:linear-gradient(180deg,#aeaeae,#363636 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.follow-x-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #000000b3,0 12px 24px #000c,0 28px 50px #000000d9,0 50px 70px #0009}.follow-x-card-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.15);transition:border-color .25s ease}.follow-x-card:hover .follow-x-card-avatar{border-color:#6ab7ff66}.follow-x-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.follow-x-card-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e1e1e99}.follow-x-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.follow-x-card-name{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:500!important;color:#fff!important;letter-spacing:-.2px!important;line-height:1.3;font-family:Inter,sans-serif!important;-webkit-text-fill-color:#ffffff}.follow-x-verified-icon{width:16px;height:16px;flex-shrink:0}.follow-x-blue-icon path{fill:#1da1f2}.follow-x-card-handle{font-size:14px;font-weight:300!important;color:#ffffff73!important;letter-spacing:-.2px!important;line-height:1.3;-webkit-text-fill-color:rgba(255,255,255,.45)}.follow-x-card-role{font-size:12px;font-weight:400!important;color:#6ab7ffb3!important;letter-spacing:-.1px!important;line-height:1.3;margin-top:2px;-webkit-text-fill-color:rgba(106,183,255,.7)}.follow-x-card-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;color:#ffffff80;transition:background .25s ease,color .25s ease,transform .25s ease}.follow-x-card:hover .follow-x-card-icon{background:#ffffff1f;color:#fff;transform:scale(1.1)}.follow-x-main-profile-wrapper{margin-top:24px;display:flex;justify-content:center;width:100%}@media screen and (min-width:768px){.follow-x-main-profile-wrapper{margin-top:32px}}.follow-x-main-card{max-width:480px;width:100%}.follow-x-main-card .follow-x-card-avatar{width:64px;height:64px}.follow-x-main-card .follow-x-card-name{font-size:18px}.follow-x-main-card .follow-x-card-handle{font-size:15px}@media(prefers-reduced-motion:no-preference){.follow-x-header,.follow-x-card{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out,border-color .25s ease,background .25s ease}.follow-x-section.follow-x--visible .follow-x-header,.follow-x-section.follow-x--visible .follow-x-card{opacity:1;transform:translateY(0)}.follow-x-card:nth-child(1){transition-delay:.15s}.follow-x-card:nth-child(2){transition-delay:.25s}.follow-x-card:nth-child(3){transition-delay:.35s}.follow-x-card:nth-child(4){transition-delay:.45s}.follow-x-card:nth-child(5){transition-delay:.55s}.follow-x-card:nth-child(6){transition-delay:.65s}}@media screen and (max-width:768px){.follow-x-section{padding:60px 0}.follow-x-header{margin-bottom:32px}.follow-x-title{font-size:34px}.follow-x-subheading{font-size:15px}.follow-x-card{padding:12px 14px;gap:10px;flex-direction:row;text-align:center}.follow-x-card-avatar{width:56px;height:56px}.follow-x-card-info{align-items:flex-start}.follow-x-card-name{font-size:14px}.follow-x-card-handle{font-size:12px}.follow-x-card-role{font-size:11px}.follow-x-card-icon{position:absolute;top:10px;right:10px;width:24px;height:24px}.follow-x-card-icon svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-follow-x.css.map */
