.gu-satc{--satc-fg: rgb(var(--color-foreground, 18 18 18));--satc-bg: rgb(var(--color-background, 255 255 255));--satc-accent: #4b5320;--satc-muted: rgba(var(--color-foreground, 18 18 18), .55);--satc-line: rgba(var(--color-foreground, 18 18 18), .18);position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--satc-bg);border-top:1px solid var(--satc-fg);box-shadow:0 -6px 18px #00000014;transform:translateY(105%);transition:transform .25s ease,visibility .25s;padding-bottom:env(safe-area-inset-bottom,0);visibility:hidden}.gu-satc.is-visible{transform:translateY(0);visibility:visible}.gu-satc__inner{padding-top:1rem;padding-bottom:1rem}.gu-satc__row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:stretch}.gu-satc__opts{display:flex;gap:.8rem;flex:1 1 100%;min-width:0}.gu-satc__field{flex:1 1 0;min-width:0}.gu-satc__field[data-satc-color]{flex-grow:1.6}.gu-satc__field[hidden]{display:none}.gu-satc__trigger{display:flex;align-items:center;gap:1rem;width:100%;height:100%;min-height:4.8rem;margin:0;padding:.6rem 1.2rem;border:1px solid var(--satc-fg);border-radius:0;background:var(--satc-bg);color:var(--satc-fg);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.gu-satc__trigger:hover{background:rgba(var(--color-foreground, 18 18 18),.04)}.gu-satc__trigger:focus-visible{outline:2px solid var(--satc-fg);outline-offset:2px}.gu-satc__trigger[aria-expanded=true]{background:var(--satc-fg);color:var(--satc-bg)}.gu-satc__trigger[aria-expanded=true] .gu-satc__trig-name{color:inherit;opacity:.7}.gu-satc__trig-swatch{flex:0 0 auto;width:2.2rem;height:2.2rem;border:1px solid var(--satc-line);overflow:hidden}.gu-satc__trig-swatch:empty{display:none}.gu-satc__trig-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.15}.gu-satc__trig-name{font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--satc-muted)}.gu-satc__trig-value{font-size:1.3rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gu-satc__caret{flex:0 0 auto;transition:transform .2s ease}.gu-satc__trigger[aria-expanded=true] .gu-satc__caret{transform:rotate(180deg)}.gu-satc__panel{position:absolute;left:0;right:0;bottom:100%;background:var(--satc-bg);border-top:1px solid var(--satc-fg);box-shadow:0 -10px 24px #0000001f;max-height:min(60vh,46rem);overflow-y:auto;overscroll-behavior:contain;animation:gu-satc-up .18s ease}.gu-satc__panel[hidden]{display:none}@keyframes gu-satc-up{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.gu-satc__panel{animation:none}}.gu-satc__panel-inner{padding-top:1.4rem;padding-bottom:1.6rem}.gu-satc__panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.gu-satc__panel-title{font-size:1.2rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gu-satc__close{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:-.8rem -.8rem -.8rem 0;padding:0;border:0;background:none;color:var(--satc-fg);cursor:pointer}.gu-satc__close:focus-visible{outline:2px solid var(--satc-fg);outline-offset:-2px}.gu-satc__choices{display:grid;gap:.8rem}.gu-satc__choices--color{grid-template-columns:repeat(2,minmax(0,1fr))}.gu-satc__choices--pill{grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr))}.gu-satc__chip{position:relative;display:flex;align-items:center;gap:1rem;min-height:4.8rem;margin:0;padding:.6rem 1rem;border:1px solid var(--satc-line);border-radius:0;background:var(--satc-bg);color:var(--satc-fg);font:inherit;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.gu-satc__chip:hover{border-color:var(--satc-fg)}.gu-satc__chip:focus-visible{outline:2px solid var(--satc-fg);outline-offset:2px}.gu-satc__choices--color .gu-satc__chip[aria-pressed=true]{border-color:var(--satc-accent);box-shadow:inset 0 0 0 1px var(--satc-accent)}.gu-satc__choices--pill .gu-satc__chip{justify-content:center;text-align:center;padding:.6rem}.gu-satc__choices--pill .gu-satc__chip[aria-pressed=true]{background:var(--satc-fg);border-color:var(--satc-fg);color:var(--satc-bg)}.gu-satc__chip-swatch{flex:0 0 auto;width:2.8rem;height:2.8rem;border:1px solid var(--satc-line);overflow:hidden}.gu-satc__chip-text{min-width:0;line-height:1.2;overflow-wrap:anywhere}.gu-satc__chip-out{margin-left:auto;flex:0 0 auto;font-size:.95rem;letter-spacing:.1em;color:var(--satc-muted)}.gu-satc__choices--pill .gu-satc__chip-out{display:none}.gu-satc__chip.is-out{color:var(--satc-muted)}.gu-satc__chip.is-out .gu-satc__chip-swatch{opacity:.45}.gu-satc__choices--pill .gu-satc__chip.is-out .gu-satc__chip-text{text-decoration:line-through}.gu-satc__choices--pill .gu-satc__chip.is-out[aria-pressed=true]{color:var(--satc-bg)}.gu-satc__sw{display:block!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.gu-satc__btn.button{display:flex;align-items:center;justify-content:center;gap:.8rem;flex:1 1 100%;width:100%;min-height:4.8rem;border-radius:0;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.gu-satc__sep{opacity:.6}.gu-satc__btn[disabled]{opacity:.5;cursor:not-allowed}@media screen and (min-width:750px){.gu-satc__row{flex-wrap:nowrap;max-width:96rem;margin:0 auto}.gu-satc__opts{flex:1 1 auto}.gu-satc__btn.button{flex:0 0 auto;width:auto;min-width:30rem}.gu-satc__panel-inner{max-width:96rem}.gu-satc__choices--color{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.gu-satc__choices--pill{grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));max-width:64rem}}@media screen and (min-width:990px){.gu-satc--mobile-only{display:none!important}}@media screen and (max-width:749px){.gu-satc__inner{padding-top:.8rem;padding-bottom:.8rem}.gu-satc__trigger{min-height:4.4rem;padding:.5rem 1rem;gap:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/gu-sticky-atc.css.map */