a50-colorway-gallery{display:block}.a50-cg{--a50-cg-gap: var(--grid-gutter, 1.25rem);--a50-cg-across: 1;--a50-cg-peek: .15;--a50-cg-ratio: 1 / 1;--a50-cg-glyph-ratio: .32;--a50-cg-image-ratio: .5;display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--spacing-4, 1rem)}@media screen and (min-width:700px){.a50-cg{--a50-cg-across: min(var(--a50-cg-per-view, 3), 2);--a50-cg-peek: .25}}@media screen and (min-width:1000px){.a50-cg{--a50-cg-across: var(--a50-cg-per-view, 3)}}.a50-cg__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-2) var(--spacing-4);min-width:0}@media screen and (max-width:699.98px){.a50-cg:not(.a50-cg--mobile-header[data-scrollable]) .a50-cg__bar:not(:has(.a50-cg__shown-in:not([hidden]),.a50-cg__chips:not([hidden]))){display:none}}@media screen and (min-width:700px){.a50-cg:not(.a50-cg--desktop-header[data-scrollable]) .a50-cg__bar:not(:has(.a50-cg__shown-in:not([hidden]),.a50-cg__chips:not([hidden]))){display:none}}.a50-cg__lead{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1) var(--spacing-4);min-width:0}.a50-cg--lead-center .a50-cg__bar{display:grid;grid-template-columns:1fr auto 1fr;column-gap:0}.a50-cg--lead-center .a50-cg__lead{grid-column:2;justify-content:center;text-align:center}.a50-cg--lead-center .a50-cg__controls--top{grid-column:3;padding-inline-start:var(--spacing-4, 1rem)}.a50-cg__shown-in{margin:0;font-size:var(--text-sm, .875rem);color:rgb(var(--text-color) / .75)}.a50-cg__shown-in[hidden]{display:none}.a50-cg__shown-in-name{font-weight:bolder;color:rgb(var(--text-color))}.a50-cg__chips{--a50-cg-chip: var(--a50-cg-chip-size, 36px);--a50-cg-chip-pad: max(0px, (44px - var(--a50-cg-chip)) / 2);--a50-cg-chip-radius: 0px;--a50-cg-chip-ring-radius: 0px;min-width:0;margin:0;padding:0;border:0}.a50-cg__chips[hidden],.a50-cg__chip-item[hidden]{display:none}.a50-cg__chips--rounded{--a50-cg-chip-radius: calc(var(--a50-cg-chip) * .2);--a50-cg-chip-ring-radius: calc(var(--a50-cg-chip) * .2 + 3px)}.a50-cg__chips--circle{--a50-cg-chip-radius: calc(var(--a50-cg-chip) / 2);--a50-cg-chip-ring-radius: calc(var(--a50-cg-chip) / 2 + 3px)}.a50-cg__chip-list{display:flex;flex-wrap:wrap;gap:calc(20px - 2 * var(--a50-cg-chip-pad));margin-inline:calc(-1 * var(--a50-cg-chip-pad))}.a50-cg__chip-item{position:relative;display:flex}.a50-cg__chip{position:relative;display:grid;place-items:center;padding:var(--a50-cg-chip-pad);cursor:pointer;-webkit-tap-highlight-color:transparent}.a50-cg__chip-swatch{position:relative;display:block;width:var(--a50-cg-chip);height:var(--a50-cg-chip);border-radius:var(--a50-cg-chip-radius);background:var(--a50-cg-chip-color, rgb(var(--text-color) / .08))}.a50-cg__chip-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.a50-cg__chip-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .12);pointer-events:none}.a50-cg__chip-swatch:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--a50-cg-chip-ring-radius);box-shadow:0 0 0 2px rgb(var(--text-color));opacity:0;transform:scale(.75);transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none}.a50-cg__chip-input:checked+.a50-cg__chip .a50-cg__chip-swatch:before{opacity:1;transform:none}.a50-cg__chip-input:focus-visible+.a50-cg__chip .a50-cg__chip-swatch{outline:2px solid rgb(var(--text-color));outline-offset:8px}.a50-cg__chip--text .a50-cg__chip-swatch{display:grid;place-items:center;width:auto;min-width:var(--a50-cg-chip);padding-inline:var(--spacing-2-5, .625rem);background:none;font-size:var(--text-xs, .75rem);line-height:1;white-space:nowrap}.a50-cg__chip-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.a50-cg__chip:hover .a50-cg__chip-name,.a50-cg__chip-input:focus-visible+.a50-cg__chip .a50-cg__chip-name{bottom:calc(100% + var(--spacing-1, .25rem));left:50%;z-index:3;width:max-content;height:auto;margin:0;padding:2px 10px;clip:auto;border-radius:min(24px,var(--rounded-button, 0px));background:rgb(var(--text-color));color:rgb(var(--background, 255 255 255));font-size:12px;font-weight:700;line-height:1.6;transform:translate(-50%);pointer-events:none}.a50-cg__chip-item:first-child .a50-cg__chip:hover .a50-cg__chip-name,.a50-cg__chip-item:first-child .a50-cg__chip-input:focus-visible+.a50-cg__chip .a50-cg__chip-name{left:0;transform:none}}.a50-cg__viewport{position:relative;container-type:inline-size;min-width:0}.a50-cg__track{display:grid;grid-auto-flow:column;grid-auto-columns:80%;grid-auto-columns:calc((100cqi - var(--a50-cg-gap) * var(--a50-cg-across)) / (var(--a50-cg-across) + var(--a50-cg-peek)));align-items:start;gap:var(--a50-cg-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.a50-cg__track::-webkit-scrollbar{display:none}.a50-cg--bleed .a50-cg__track{margin-inline:calc(-1 * var(--container-outer-width, 0px));padding-inline:var(--container-outer-width, 0px);scroll-padding-inline:var(--container-outer-width, 0px)}.a50-cg__track:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:-2px}@supports selector(:has(*)){.a50-cg__track:focus-visible{outline:none}.a50-cg__viewport:has(>.a50-cg__track:focus-visible):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;outline:2px solid #fff;outline-offset:-2px;box-shadow:inset 0 0 0 4px #000000d9}}.a50-cg__slide{min-width:0;scroll-snap-align:start}.a50-cg__media{position:relative;overflow:hidden;aspect-ratio:var(--a50-cg-ratio);border-radius:var(--rounded, 0px);background:rgb(var(--text-color) / .04)}.a50-cg__image{display:block;width:100%;height:100%;object-fit:cover}.a50-cg--ratio-portrait{--a50-cg-ratio: 4 / 5}.a50-cg--ratio-landscape{--a50-cg-ratio: 3 / 2}.a50-cg--ratio-wide{--a50-cg-ratio: 16 / 9}.a50-cg--ratio-original .a50-cg__media{aspect-ratio:var(--a50-cg-natural, 1 / 1)}@media screen and (max-width:699.98px){.a50-cg--mobile-ratio-square .a50-cg__media{aspect-ratio:1 / 1}.a50-cg--mobile-ratio-portrait .a50-cg__media{aspect-ratio:4 / 5}.a50-cg--mobile-ratio-landscape .a50-cg__media{aspect-ratio:3 / 2}}@media screen and (min-width:700px){.a50-cg--fixed-height .a50-cg__track{grid-auto-columns:max-content}.a50-cg--fixed-height .a50-cg__media{height:var(--a50-cg-height);max-width:100cqi}}.a50-cg__controls{display:none;align-items:center;gap:var(--spacing-2, .5rem)}.a50-cg__controls--top{margin-inline-start:auto}.a50-cg__controls--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;justify-content:space-between;padding-inline:var(--spacing-3, .75rem);pointer-events:none}.a50-cg__controls--overlay .a50-cg__arrow{pointer-events:auto}@media screen and (max-width:699.98px){.a50-cg--mobile-header[data-scrollable] .a50-cg__controls--top,.a50-cg--mobile-sides[data-scrollable] .a50-cg__controls--overlay,.a50-cg--mobile-below_center[data-scrollable] .a50-cg__controls--bottom,.a50-cg--mobile-below_end[data-scrollable] .a50-cg__controls--bottom{display:flex}.a50-cg--mobile-below_center .a50-cg__controls--bottom{justify-content:center}.a50-cg--mobile-below_end .a50-cg__controls--bottom{justify-content:flex-end}}@media screen and (min-width:700px){.a50-cg--desktop-header[data-scrollable] .a50-cg__controls--top,.a50-cg--desktop-sides[data-scrollable] .a50-cg__controls--overlay,.a50-cg--desktop-sides_hover[data-scrollable] .a50-cg__controls--overlay,.a50-cg--desktop-below_center[data-scrollable] .a50-cg__controls--bottom,.a50-cg--desktop-below_end[data-scrollable] .a50-cg__controls--bottom{display:flex}.a50-cg--desktop-below_center .a50-cg__controls--bottom{justify-content:center}.a50-cg--desktop-below_end .a50-cg__controls--bottom{justify-content:flex-end}}.a50-cg__controls--overlay .a50-cg__arrow[aria-disabled=true]:not(:focus-visible){opacity:0;pointer-events:none}@media screen and (min-width:700px)and (hover:hover)and (pointer:fine)and (not (any-pointer:coarse)){.a50-cg--desktop-sides_hover .a50-cg__controls--overlay .a50-cg__arrow{opacity:0;transform:scale(.8)}.a50-cg--desktop-sides_hover .a50-cg__viewport:is(:hover,:focus-within) .a50-cg__arrow:not([aria-disabled=true]),.a50-cg--desktop-sides_hover .a50-cg__controls--overlay .a50-cg__arrow:focus-visible{opacity:1;transform:none}}.a50-cg__arrow{--a50-cg-glyph: calc(var(--a50-cg-arrow-size, 3.5rem) * var(--a50-cg-glyph-ratio));position:relative;display:grid;place-items:center;flex:none;width:var(--a50-cg-arrow-size, 3.5rem);height:var(--a50-cg-arrow-size, 3.5rem);margin:0;padding:0;border:0;border-radius:0;background:var(--a50-cg-arrow-bg, transparent);color:var(--a50-cg-arrow-color, rgb(var(--text-color)));font:inherit;cursor:pointer;transition:opacity .15s ease-in,transform .15s ease-in;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.a50-cg--arrows-circle_filled .a50-cg__arrow,.a50-cg--arrows-circle_outline .a50-cg__arrow{border-radius:50%}.a50-cg--arrows-square_filled .a50-cg__arrow,.a50-cg--arrows-square_outline .a50-cg__arrow{border-radius:var(--rounded-button, 0px)}.a50-cg--arrows-circle_filled .a50-cg__arrow,.a50-cg--arrows-square_filled .a50-cg__arrow{background:var(--a50-cg-arrow-bg, rgb(var(--background-primary)));color:var(--a50-cg-arrow-color, rgb(var(--text-primary)));box-shadow:0 0 0 1px rgb(var(--text-primary) / .12)}.a50-cg--arrows-circle_outline .a50-cg__arrow,.a50-cg--arrows-square_outline .a50-cg__arrow{box-shadow:inset 0 0 0 2px currentcolor}.a50-cg--arrows-plain{--a50-cg-glyph-ratio: .45;--a50-cg-image-ratio: 1}.a50-cg--arrows-plain .a50-cg__arrow{background:transparent}.a50-cg--arrows-circle_outline .a50-cg__controls--overlay .a50-cg__arrow,.a50-cg--arrows-square_outline .a50-cg__controls--overlay .a50-cg__arrow,.a50-cg--arrows-plain .a50-cg__controls--overlay .a50-cg__arrow{filter:drop-shadow(0 0 1px rgb(255 255 255 / .9)) drop-shadow(0 0 3px rgb(0 0 0 / .55))}.a50-cg__arrow[aria-disabled=true]{opacity:.5;cursor:default}.a50-cg__arrow:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.a50-cg__controls--overlay .a50-cg__arrow:focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px #000000d9}.a50-cg__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.a50-cg__glyph{display:grid;place-items:center;pointer-events:none}.a50-cg__glyph--flip{transform:scaleX(-1)}.a50-cg__glyph:dir(rtl){transform:scaleX(-1)}.a50-cg__glyph--flip:dir(rtl){transform:none}.a50-cg__glyph--arrow{width:var(--a50-cg-glyph);height:var(--a50-cg-glyph)}.a50-cg__glyph--arrow:before,.a50-cg__glyph--arrow:after{content:"";grid-area:1 / 1;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.a50-cg__glyph--arrow:before{width:calc(var(--a50-cg-glyph) * .45);height:calc(var(--a50-cg-glyph) * .45);border-top:2px solid currentcolor;border-right:2px solid currentcolor;transform:translate(-1px) rotate(45deg)}.a50-cg__glyph--arrow:after{width:calc(var(--a50-cg-glyph) * .56);height:2px;background:currentcolor;opacity:0;transform:scaleX(.5)}@media(hover:hover)and (pointer:fine){.a50-cg__arrow:not([aria-disabled=true]):hover .a50-cg__glyph--arrow:before{transform:translate(2px) rotate(45deg)}.a50-cg__arrow:not([aria-disabled=true]):hover .a50-cg__glyph--arrow:after{opacity:1;transform:scaleX(1)}}.a50-cg__svg{display:block;width:auto;overflow:visible}.a50-cg__svg--chevron{height:calc(var(--a50-cg-glyph) * .7)}.a50-cg__svg--long{width:calc(var(--a50-cg-glyph) * 1.2);height:auto}.a50-cg__glyph-image{display:block;width:calc(var(--a50-cg-arrow-size, 3.5rem) * var(--a50-cg-image-ratio));height:calc(var(--a50-cg-arrow-size, 3.5rem) * var(--a50-cg-image-ratio));object-fit:contain}.a50-cg__notice{padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border:1px dashed rgb(var(--text-color) / .5);border-radius:var(--rounded-sm, 0px);font-size:var(--text-sm, .875rem)}.a50-cg__notice p{margin:0}.a50-cg__notice-title{font-weight:bolder}.a50-cg__notice-list{margin:var(--spacing-2, .5rem) 0 0;padding-inline-start:1.25em;list-style:disc}.a50-cg__notice-list>li+li{margin-block-start:var(--spacing-1, .25rem)}.a50-cg__empty-notice{display:none}.a50-cg[data-empty] .a50-cg__empty-notice{display:block}@media(forced-colors:active){.a50-cg__arrow{border:2px solid ButtonText}.a50-cg__arrow[aria-disabled=true]{border-color:GrayText}.a50-cg__chip:not(.a50-cg__chip--text) .a50-cg__chip-swatch{forced-color-adjust:none}.a50-cg__chip-swatch:before{top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid Highlight;box-shadow:none}.a50-cg__chip-input:focus-visible+.a50-cg__chip .a50-cg__chip-swatch{outline-color:CanvasText}}@media(prefers-reduced-motion:reduce){.a50-cg__arrow,.a50-cg__glyph--arrow:before,.a50-cg__glyph--arrow:after,.a50-cg__chip-swatch:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/398/assets/a50-colorway-gallery.css.map */