.smooth-marquee-track-icon-box-marquee{--mq-duration:25s;--mq-gap:24px;--mq-card-bg:#27272a;--mq-card-radius:16px;--mq-card-padding:32px;--mq-card-width:240px;--mq-icon-size:48px;--mq-icon-color:#a1a1aa;--mq-title-color:#ffffff;--mq-desc-color:#71717a;--mq-fade-width:10%;position:relative;display:flex;gap:var(--mq-gap);overflow:hidden;user-select:none;width:100%;background:#fff0;padding:10px 0;mask-image:linear-gradient(to right,transparent 0%,#000 var(--mq-fade-width),#000 calc(100% - var(--mq-fade-width)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 var(--mq-fade-width),#000 calc(100% - var(--mq-fade-width)),transparent 100%)}.smooth-marquee-content-icon-box-marquee{flex-shrink:0;display:flex;justify-content:space-around;align-items:center;gap:var(--mq-gap);min-width:100%;animation:smooth-marquee-slide-icon-box-marquee var(--mq-duration) linear infinite;will-change:transform}.smooth-marquee-track-icon-box-marquee:hover .smooth-marquee-content-icon-box-marquee{animation-play-state:paused}@keyframes smooth-marquee-slide-icon-box-marquee{0%{transform:translateX(0%)}100%{transform:translateX(calc(-100% - var(--mq-gap)))}}.marquee-card-icon-box-marquee{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:var(--mq-card-width);flex-shrink:0;background:var(--mq-card-bg);border-radius:var(--mq-card-radius);padding:var(--mq-card-padding);transition:transform 0.3s cubic-bezier(.25,1,.5,1),box-shadow 0.3s ease;border:1px solid rgb(255 255 255 / .08);box-shadow:0 10px 25px -5px rgb(0 0 0 / .3),0 8px 10px -6px rgb(0 0 0 / .3)}.marquee-card-icon-box-marquee:hover{transform:translateY(-4px);border-color:rgb(255 255 255 / .15);box-shadow:0 20px 25px -5px rgb(0 0 0 / .5),0 10px 10px -5px rgb(0 0 0 / .4)}.marquee-card-icon-icon-box-marquee{display:flex;align-items:center;justify-content:center;margin-bottom:16px;width:var(--mq-icon-size);height:var(--mq-icon-size);font-size:var(--mq-icon-size);color:var(--mq-icon-color)}.marquee-card-icon-icon-box-marquee svg{width:var(--mq-icon-size);height:var(--mq-icon-size);fill:var(--mq-icon-color);transition:fill 0.3s ease,stroke 0.3s ease}h4.marquee-card-title-icon-box-marquee{margin:0 0 8px 0;font-size:1.15rem;font-weight:700;line-height:1.3}.marquee-card-desc-icon-box-marquee{margin:0;font-size:.9rem;font-weight:400;line-height:1.4}