.shop-by-container{background-color:var(--shop-by-background,var(--color-white));-webkit-transition:background-color var(--duration-default) ease;transition:background-color var(--duration-default) ease}.shop-by-container .container-content{margin-top:0}.shop-by{display:block;width:100%}.shop-by__inner,.shop-by__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.875rem;width:100%}.shop-by__menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:1.875rem 0;text-align:center;z-index:1}.shop-by__heading{margin-bottom:0}.shop-by__links{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;width:100%}.shop-by__link{font-family:var(--font-medium-family);font-weight:var(--font-medium-weight);font-style:var(--font-medium-style);color:var(--color-medium-gray);display:block;font-size:2.5rem;line-height:1.2;word-wrap:break-word;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color var(--duration-default) ease;transition:color var(--duration-default) ease;width:100%}.shop-by__link.is-active{color:var(--color-black)}@media (hover:hover){.shop-by__link:focus,.shop-by__link:hover{color:var(--color-black)}}.shop-by__media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative;width:100%}@media screen and (max-width:767px){.shop-by__media{margin-left:calc(var(--site-side-spacing)*-1);position:-webkit-sticky;position:sticky;top:0;width:calc(100% + var(--site-side-spacing)*2);z-index:2}}.shop-by__large-images{aspect-ratio:1/1;overflow:hidden;position:relative;width:100%;background-color:var(--color-brand-background)}@media screen and (max-width:767px){.shop-by__large-images{margin-bottom:1.875rem}}.shop-by__large-image,.shop-by__small-image{opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity var(--duration-default) ease;transition:opacity var(--duration-default) ease}.shop-by__large-image{top:0;right:0;bottom:0;left:0}.shop-by__large-image.is-active{opacity:1;z-index:1}.shop-by__large-image-desktop,.shop-by__small-image-desktop{display:none}.shop-by__large-image-mobile,.shop-by__small-image-mobile{display:block;height:100%;width:100%}.shop-by__image{height:100%;margin-bottom:0;padding-bottom:0;width:100%}.shop-by__image img,.shop-by__image picture{display:block;height:100%;width:100%}.shop-by__small-images{bottom:-1.875rem;height:9.5625rem;left:50%;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:9.5625rem;z-index:2}.shop-by__small-image,.shop-by__small-images{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shop-by__small-image{top:0;right:0;bottom:0;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(var(--shop-by-rotate-from,0deg));-ms-transform:rotate(var(--shop-by-rotate-from,0deg));transform:rotate(var(--shop-by-rotate-from,0deg))}.shop-by__small-image.is-active{-webkit-animation:shop-by-cutout-in var(--duration-default) ease both;animation:shop-by-cutout-in var(--duration-default) ease both;opacity:1;z-index:1}.shop-by__small-image.is-exiting{-webkit-animation:shop-by-cutout-out var(--duration-default) ease both;animation:shop-by-cutout-out var(--duration-default) ease both;opacity:0}.shop-by__small-image-mobile{height:7.8125rem;width:7.8125rem}@media screen and (min-width:768px){.shop-by__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0}.shop-by__menu{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:3.75rem 1.875rem 3.75rem 0;text-align:left}.shop-by__links,.shop-by__menu{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.shop-by__link{font-size:3.75rem}.shop-by__media{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.shop-by__large-images{aspect-ratio:1/1}.shop-by__large-image-desktop,.shop-by__small-image-desktop{display:block;height:100%;width:100%}.shop-by__large-image-mobile,.shop-by__small-image-mobile{display:none}.shop-by__small-images{bottom:auto;height:19.125rem;left:-6.75rem;top:-6.75rem;-webkit-transform:none;-ms-transform:none;transform:none;width:19.125rem}.shop-by__small-image-desktop{height:15.625rem;width:15.625rem}}@-webkit-keyframes shop-by-cutout-in{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(var(--shop-by-rotate-from,0deg));transform:rotate(var(--shop-by-rotate-from,0deg))}to{opacity:1;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform:rotate(var(--shop-by-rotate-to,15deg));transform:rotate(var(--shop-by-rotate-to,15deg))}}@keyframes shop-by-cutout-in{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(var(--shop-by-rotate-from,0deg));transform:rotate(var(--shop-by-rotate-from,0deg))}to{opacity:1;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform:rotate(var(--shop-by-rotate-to,15deg));transform:rotate(var(--shop-by-rotate-to,15deg))}}@-webkit-keyframes shop-by-cutout-out{0%{opacity:1;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform:rotate(var(--shop-by-rotate-to,15deg));transform:rotate(var(--shop-by-rotate-to,15deg))}to{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(var(--shop-by-rotate-from,0deg));transform:rotate(var(--shop-by-rotate-from,0deg))}}@keyframes shop-by-cutout-out{0%{opacity:1;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform:rotate(var(--shop-by-rotate-to,15deg));transform:rotate(var(--shop-by-rotate-to,15deg))}to{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(var(--shop-by-rotate-from,0deg));transform:rotate(var(--shop-by-rotate-from,0deg))}}@media (prefers-reduced-motion:reduce){.shop-by-container,.shop-by__large-image,.shop-by__link,.shop-by__small-image{-webkit-animation:none;animation:none;-webkit-transition:none;transition:none}.shop-by__small-image.is-active{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);-webkit-transform:rotate(var(--shop-by-rotate-to,15deg));-ms-transform:rotate(var(--shop-by-rotate-to,15deg));transform:rotate(var(--shop-by-rotate-to,15deg))}}