.ssg-ribbon{--ssg-ribbon-ink: currentColor;--ssg-ribbon-gap: 24px;--ssg-ribbon-fade: 56px;padding-top:var(--ssg-ribbon-pt, 44px);padding-bottom:var(--ssg-ribbon-pb, 44px);overflow:hidden}.ssg-ribbon__inner{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,18px)}.ssg-ribbon__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:clamp(16px,3vw,48px)}.ssg-ribbon__head:before{content:""}.ssg-ribbon__head-text{grid-column:2;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 14px;min-width:0;text-align:center}.ssg-ribbon__head .ssg-ribbon__link{grid-column:3;justify-self:end}.ssg-ribbon__heading{margin:0;letter-spacing:.01em}.ssg-ribbon__subheading{margin:0;font-size:1.4rem;line-height:1.45;opacity:.72}.ssg-ribbon__viewport{position:relative;width:100vw;margin-left:50%;transform:translate(-50%);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--ssg-ribbon-fade),#000 calc(100% - var(--ssg-ribbon-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--ssg-ribbon-fade),#000 calc(100% - var(--ssg-ribbon-fade)),transparent)}.ssg-ribbon__track{display:flex;width:max-content;animation:ssg-ribbon-scroll var(--ssg-ribbon-duration, 70s) linear infinite}.ssg-ribbon__viewport:hover .ssg-ribbon__track,.ssg-ribbon__viewport:focus-within .ssg-ribbon__track{animation-play-state:paused}@keyframes ssg-ribbon-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ssg-ribbon__list{display:flex;align-items:center;min-height:calc(var(--ssg-ribbon-logo-h, 40px) * 1.5);gap:var(--ssg-ribbon-gap);margin:0;padding:0 calc(var(--ssg-ribbon-gap) / 2);list-style:none;flex:0 0 auto}.ssg-ribbon__list--grid{flex-wrap:wrap;justify-content:center;row-gap:clamp(22px,4vw,40px);padding:0}.ssg-ribbon__item{flex:0 0 auto;display:flex;align-items:center;list-style:none}.ssg-ribbon__logo-link{display:block;line-height:0;border-radius:2px;text-decoration:none;color:inherit}.ssg-ribbon__logo-link:focus-visible{outline:2px solid currentColor;outline-offset:6px}.ssg-ribbon__logo{display:block;height:calc(var(--ssg-ribbon-logo-h, 40px) * var(--hs, 1));width:min(calc(var(--ssg-ribbon-logo-h, 40px) * var(--hs, 1) * var(--ar, 4)),var(--ssg-ribbon-logo-max-w, 210px));flex:0 0 auto;background-color:var(--ssg-ribbon-ink);-webkit-mask-image:var(--m);mask-image:var(--m);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:.62;transition:opacity .25s ease,transform .25s ease}.ssg-ribbon__item:hover .ssg-ribbon__logo,.ssg-ribbon__logo-link:focus-visible .ssg-ribbon__logo,.ssg-ribbon__logo:focus-visible{opacity:1;transform:translateY(-2px)}.ssg-ribbon__logo--text{width:auto;background:none;-webkit-mask-image:none;mask-image:none;font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;color:inherit}.ssg-ribbon__link{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:1.5rem;font-weight:600;color:inherit;text-underline-offset:4px}.ssg-ribbon__link-arrow{transition:transform .2s ease}.ssg-ribbon__link:hover .ssg-ribbon__link-arrow{transform:translate(3px)}@media screen and (max-width:989px){.ssg-ribbon__head{grid-template-columns:1fr;justify-items:center;gap:10px}.ssg-ribbon__head:before{display:none}.ssg-ribbon__head-text{grid-column:1}.ssg-ribbon__head .ssg-ribbon__link{grid-column:1;justify-self:center}}@media screen and (max-width:749px){.ssg-ribbon{--ssg-ribbon-gap: 22px;--ssg-ribbon-fade: 28px}.ssg-ribbon__subheading{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.ssg-ribbon__track{animation:none;width:100%;flex-wrap:wrap;justify-content:center}.ssg-ribbon__track>.ssg-ribbon__list[aria-hidden=true]{display:none}.ssg-ribbon__track>.ssg-ribbon__list{flex:1 1 100%;width:100%;min-width:0;flex-wrap:wrap;justify-content:center;row-gap:28px;padding:0}.ssg-ribbon__viewport{-webkit-mask-image:none;mask-image:none;width:auto;margin-left:0;transform:none}.ssg-ribbon__logo{opacity:.85;transition:none}.ssg-ribbon__item:hover .ssg-ribbon__logo{transform:none}}@media(forced-colors:active){.ssg-ribbon__logo{background-color:CanvasText;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-brand-ribbon.css.map */