.drawer__sbc{border-top:1px solid var(--color-border, rgba(23, 23, 26, .12))}.drawer__sbc>summary{list-style:none;cursor:pointer}.drawer__sbc>summary::-webkit-details-marker{display:none}.drawer__sbc-summary{display:flex;align-items:center;justify-content:space-between}.drawer__sbc-summary .drawer__nav-arrow{transition:transform .2s ease}.drawer__sbc[open] .drawer__sbc-summary .drawer__nav-arrow{transform:rotate(180deg)}.drawer__sbc--top-level[open]>.drawer__sbc-summary .drawer__nav-arrow{transform:rotate(90deg)}.drawer__sbc--gender[open]>.drawer__sbc-summary .drawer__subnav-arrow{transform:rotate(180deg)}.drawer__sbc-body{padding:0 20px 24px}.drawer__sbc--top-level>.drawer__sbc-body{padding:0}.drawer__sbc--top-level,.drawer__sbc--gender{border-top:0}.drawer__sbc--gender>.drawer__sbc-body{padding:0 0 16px 4px}.drawer__sbc .sbc-menu-row{flex-direction:column;gap:0;overflow:visible;padding:0}.drawer__sbc .sbc-menu-swatch{flex:0 0 auto;min-width:0;width:100%;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 0}.drawer__sbc .sbc-menu-swatch__chip{flex:0 0 32px;width:32px;height:32px;border-radius:50%}.drawer__sbc .sbc-menu-swatch__name{flex:1 1 auto;min-width:0;max-width:none;overflow:hidden;font-size:18px;font-weight:400;line-height:1.3;text-align:left;text-overflow:ellipsis;white-space:nowrap}.drawer__sbc-gender{display:flex;gap:8px;margin:0 0 20px}.drawer__sbc-gender-btn{min-width:78px;padding:8px 14px;border:1px solid var(--color-border, rgba(23, 23, 26, .18));border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.drawer__sbc-gender-btn.is-active{border-color:var(--color-text-primary, #1d2129);background:var(--color-text-primary, #1d2129);color:var(--color-background, #fff)}.drawer__sbc-edition{margin-top:18px}.drawer__sbc-edition[hidden]{display:none}.drawer__sbc-edition h3{margin:0 0 10px;font-size:14px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.sbc-menu-row{display:flex;gap:14px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sbc-menu-row::-webkit-scrollbar{display:none}.sbc-menu-swatch{display:flex;flex:0 0 70px;flex-direction:column;align-items:center;gap:7px;color:inherit;text-align:center;text-decoration:none}.sbc-menu-swatch[hidden]{display:none}.sbc-menu-swatch__chip{display:block;width:48px;height:48px;border:1px solid rgba(23,23,26,.12);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff47}.sbc-menu-swatch__name{max-width:70px;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mega-menu__panel-grid.mega-menu__panel-grid--with-color{grid-template-columns:minmax(0,1fr);gap:32px}.mega-menu__columns.mega-menu__columns--with-color{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.mega-menu__panel-grid--with-color .mega-menu__promo{display:none}.mega-menu .mega-menu__column-link,.mega-menu__panel-grid--with-color .mega-menu__color-column .sbc-menu-swatch__name{font-size:16px;font-weight:400}.mega-menu__color-column{min-width:0}.mega-menu__color-column .mega-menu__column-title{margin-bottom:24px}.mega-menu__color-column .sbc-menu-row{display:flex;flex-direction:column;gap:16px;overflow:visible;padding:0}.mega-menu__color-column [data-sbc-menu-row=limited]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:16px}.mega-menu__color-column .sbc-menu-swatch{flex:0 0 auto;min-width:0;width:100%;flex-direction:row;justify-content:flex-start;gap:8px}.mega-menu__color-column .sbc-menu-swatch__chip{flex:0 0 32px;width:32px;height:32px;border-radius:50%}.mega-menu__color-column .sbc-menu-swatch__name{flex:1 1 auto;min-width:0;max-width:none;overflow:hidden;color:inherit;font:inherit;line-height:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px)and (min-width:750px){.mega-menu__columns.mega-menu__columns--with-color{gap:14px}.mega-menu__color-column .sbc-menu-swatch__name{font-size:var(--mega-dropdown-link-font-size, .9375rem)}}@media(min-width:750px){.drawer__mobile-only{display:none!important}}@media(prefers-reduced-motion:reduce){.drawer__sbc-summary .drawer__nav-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/shop-by-color-menu.css.map */