.gn-color-ribbon{--ribbon-pad-y: 18px;--ribbon-fs: var(--gn-fs-ribbon);--ribbon-dot-gap: 35px;--ribbon-dot: 14px;--ribbon-speed: 42s;border-block:1px solid color-mix(in srgb,var(--gn-color-ink) 7%,transparent);overflow:hidden}.gn-color-ribbon__app{position:relative;display:block}.gn-color-ribbon__window{padding:var(--ribbon-pad-y) var(--gn-gutter)}.gn-color-ribbon__track,.gn-color-ribbon__group{display:block}.gn-color-ribbon__group[aria-hidden=true],.gn-color-ribbon__seq[aria-hidden=true]{display:none}.gn-color-ribbon__seq{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gn-sp-3) 0;font:600 var(--ribbon-fs) / 1.1 var(--gn-font-display);letter-spacing:-.02em;white-space:nowrap}.gn-color-ribbon__dot{flex:none;width:var(--ribbon-dot);height:var(--ribbon-dot);margin-inline:var(--ribbon-dot-gap);border-radius:var(--gn-radius-round);background:var(--dot, var(--gn-color-mauve-600));box-shadow:var(--gn-shadow-swatch)}.gn-color-ribbon__name{margin-inline-start:calc(-1 * var(--ribbon-dot-gap) + var(--gn-sp-4));margin-inline-end:var(--ribbon-dot-gap);font:600 var(--gn-fs-xs) / 1.4 var(--gn-font-body);letter-spacing:var(--gn-ls-caps);text-transform:uppercase;color:var(--gn-scheme-muted-foreground)}.gn-color-ribbon__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--gn-gutter);display:none;place-items:center;width:var(--gn-tap-min);height:var(--gn-tap-min);margin-top:calc(-.5 * var(--gn-tap-min));padding:0;border:0;border-radius:var(--gn-radius-round);background:var(--gn-scheme-accent);box-shadow:var(--gn-shadow-ring);color:var(--gn-scheme-foreground);cursor:pointer}.gn-color-ribbon__ico{display:grid;grid-area:1 / 1}.gn-color-ribbon__ico .gn-ico{width:14px;height:14px}.gn-color-ribbon__ico-play,.gn-color-ribbon__toggle[aria-pressed=true] .gn-color-ribbon__ico-pause{display:none}.gn-color-ribbon__toggle[aria-pressed=true] .gn-color-ribbon__ico-play{display:grid}@media(hover:hover){.gn-color-ribbon__toggle:hover{background:var(--gn-color-ink);color:var(--gn-color-on-ink)}}@media(prefers-reduced-motion:no-preference){.gn-color-ribbon__app[data-ready] .gn-color-ribbon__window{padding-inline:0}.gn-color-ribbon__app[data-ready] .gn-color-ribbon__toggle{display:grid}.gn-color-ribbon__app[data-ready] .gn-color-ribbon__track{display:flex;width:max-content;animation:gn-color-ribbon var(--ribbon-speed) linear infinite}.gn-color-ribbon__app[data-paused] .gn-color-ribbon__track,.gn-color-ribbon__app[data-ready]:hover .gn-color-ribbon__track,.gn-color-ribbon__app[data-ready]:focus-within .gn-color-ribbon__track{animation-play-state:paused}.gn-color-ribbon__app[data-ready] .gn-color-ribbon__group,.gn-color-ribbon__app[data-ready] .gn-color-ribbon__group[aria-hidden=true]{display:flex;flex:none}.gn-color-ribbon__app[data-ready] .gn-color-ribbon__seq,.gn-color-ribbon__app[data-ready] .gn-color-ribbon__seq[aria-hidden=true]{display:flex;flex-wrap:nowrap}@keyframes gn-color-ribbon{to{transform:translate(-50%)}}}@media(max-width:900px){.gn-color-ribbon{--ribbon-pad-y: 15px;--ribbon-fs: 19px;--ribbon-dot-gap: 23px;--ribbon-dot: 12px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/gn-color-ribbon.css.map */