.g-marquee{--g-mq-scale: 1;--g-mq-gap: 1.6rem;position:relative;color:rgb(var(--color-accent))}.g-marquee--sm{--g-mq-scale: .85}.g-marquee--lg{--g-mq-scale: 1.3}.g-marquee__viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.g-marquee__viewport::-webkit-scrollbar{display:none}.g-marquee__track{display:flex;align-items:center;min-height:5.6rem}.g-marquee__list{display:flex;flex:none;flex-wrap:nowrap;align-items:center;justify-content:center;width:max-content;min-width:100%;margin:0;padding:1.6rem 2.4rem;list-style:none}.g-marquee__list--clone{display:none}.g-marquee__item{display:flex;flex:none;align-items:center;column-gap:var(--g-mq-gap);margin:0;padding-inline-end:var(--g-mq-gap);font-family:var(--font-heading-family);font-variation-settings:"SOFT" 100,"WONK" 0;font-weight:800;font-size:calc(2rem * var(--g-mq-scale));line-height:1;letter-spacing:-.01em;white-space:nowrap;color:rgb(var(--color-accent))}.g-marquee__item:last-child{padding-inline-end:0}.g-marquee__item:last-child .g-marquee__sep{display:none}.g-marquee__sep{display:inline-flex;flex:none;align-items:center}.g-marquee__dot{display:block;width:.7rem;height:.7rem;border-radius:50%;background:currentColor}.g-marquee{--g-mq-btn-end: .6rem}.g-marquee .g-marquee__toggle{display:none}.g-marquee__toggle.visually-hidden{top:50%;left:auto;inset-inline-end:var(--g-mq-btn-end);width:4.4rem;height:4.4rem;margin:0;translate:0 -50%;scroll-margin-block:3.2rem}.g-marquee__pause{position:absolute;z-index:2;top:50%;inset-inline-end:var(--g-mq-btn-end);display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;translate:0 -50%;background:rgb(var(--color-background));box-shadow:inset 0 0 0 .15rem rgb(var(--color-accent));color:rgb(var(--color-accent));cursor:pointer}.g-marquee__pause svg{width:1.6rem;height:1.6rem}.g-marquee__play-icon,.g-marquee__toggle:checked+.g-marquee__pause .g-marquee__pause-icon{display:none}.g-marquee__toggle:checked+.g-marquee__pause .g-marquee__play-icon{display:block}.g-marquee__toggle:focus-visible+.g-marquee__pause{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (min-width:750px){.g-marquee__track{min-height:7.6rem}.g-marquee__list{padding:2.2rem 4.8rem}.g-marquee__item{font-size:calc(2.2rem * var(--g-mq-scale))}.g-marquee__dot{width:.9rem;height:.9rem}.g-marquee{--g-mq-btn-end: 1.6rem}}@media screen and (min-width:990px){.g-marquee__item{font-size:calc(clamp(1.8rem,1.95vw,2.8rem) * var(--g-mq-scale))}.g-marquee--classic .g-marquee__list{justify-content:space-between}.g-marquee--classic .g-marquee__item:not(:last-child){flex:1 0 auto}.g-marquee--classic .g-marquee__sep{margin-inline:auto}}@media screen and (min-width:1200px){.g-marquee{--g-mq-gap: 2.4rem}}.g-marquee-section--belt{overflow:hidden}@supports (overflow: clip){.g-marquee-section--belt{overflow-x:clip;overflow-y:visible}}.g-marquee--belt{--g-mq-gap: .42em;--g-mq-bleed: 0px;overflow:hidden;font-size:clamp(3.2rem,4.2vw,6.4rem)}.g-marquee--belt.g-marquee--sm{font-size:clamp(2.4rem,3vw,4.4rem)}.g-marquee--belt.g-marquee--lg{font-size:clamp(4rem,5.4vw,8.8rem)}@media screen and (max-width:749px){.g-marquee.g-marquee--belt:not(.g-marquee--animate){font-size:2.4rem}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.g-marquee.g-marquee--belt{font-size:2.4rem}}.g-marquee--tilt{--g-mq-bleed: calc(100% * 3 / 106);width:106%;margin-inline:-3%}.g-marquee__stage--tilt{padding-block:2.4rem}.g-marquee--belt .g-marquee__track{min-height:0}.g-marquee--belt .g-marquee__list{flex:1 1 100%;flex-wrap:wrap;row-gap:.3em;width:100%;min-width:0;padding:max(1.6rem,.44em) calc(var(--g-mq-bleed) + 1.5rem)}.g-marquee--belt .g-marquee__item{font-size:inherit;font-style:italic;font-weight:900;letter-spacing:-.02em}.g-marquee--belt .g-marquee__mark{width:.78em;height:.78em}.g-marquee--belt .g-marquee__dot{width:.2em;height:.2em}.g-marquee--belt{--g-mq-btn-end: calc(var(--g-mq-bleed) + 1.2rem)}@media screen and (min-width:750px){.g-marquee--belt .g-marquee__list{padding-inline:calc(var(--g-mq-bleed) + 5rem)}.g-marquee--belt{--g-mq-btn-end: calc(var(--g-mq-bleed) + 2.4rem)}}@media(prefers-reduced-motion:no-preference){.g-marquee--animate .g-marquee__toggle{display:block}.g-marquee__pause{display:inline-flex}.g-marquee--animate.g-marquee--classic{border-radius:var(--g-pill)}.g-marquee--animate .g-marquee__viewport{overflow:hidden}.g-marquee--animate .g-marquee__viewport{--g-mq-clear: calc(var(--g-mq-btn-end) + 5.2rem);-webkit-mask-image:linear-gradient(to left,transparent 0,transparent var(--g-mq-clear),#000 calc(var(--g-mq-clear) + 4rem));mask-image:linear-gradient(to left,transparent 0,transparent var(--g-mq-clear),#000 calc(var(--g-mq-clear) + 4rem))}.g-marquee--animate.g-marquee--classic .g-marquee__viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.2rem,#000 calc(100% - var(--g-mq-clear) - 4rem),transparent calc(100% - var(--g-mq-clear)));mask-image:linear-gradient(90deg,transparent 0,#000 3.2rem,#000 calc(100% - var(--g-mq-clear) - 4rem),transparent calc(100% - var(--g-mq-clear)))}.g-marquee--animate .g-marquee__track{width:max-content;animation:g-marquee var(--g-marquee-speed, 36s) linear infinite;will-change:transform}.g-marquee__toggle:checked~.g-marquee__viewport .g-marquee__track{animation-play-state:paused}@media(hover:hover){.g-marquee--animate .g-marquee__viewport:hover .g-marquee__track{animation-play-state:paused}}.g-marquee--animate .g-marquee__list,.g-marquee--animate .g-marquee__list--clone{flex:none;display:flex;flex-wrap:nowrap;justify-content:flex-start;width:max-content;min-width:0;padding-inline:0}.g-marquee--animate.g-marquee--classic{--g-mq-gap: 2rem}.g-marquee--animate .g-marquee__list>.g-marquee__item{flex:none;padding-inline-end:var(--g-mq-gap)}.g-marquee--animate .g-marquee__item:last-child .g-marquee__sep{display:inline-flex}.g-marquee--animate .g-marquee__sep{margin-inline:0}@media screen and (min-width:750px){.g-marquee--animate.g-marquee--classic{--g-mq-gap: 3.2rem}}}@keyframes g-marquee{to{transform:translate(-25%)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/glooty-marquee.css.map */