.shop-by-color-facet-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.shop-by-color{width:100%;max-width:100%;margin:0 0 2rem;padding:0;box-sizing:border-box}.shop-by-color__title{font-family:inherit;font-size:1.25rem;letter-spacing:.02em;color:#06038d;margin:0 0 1.25rem;text-align:center}.shop-by-color__toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgb(var(--border-color));padding-inline:20px}.shop-by-color__toolbar-title{margin:0;display:flex;align-items:center;flex-wrap:wrap;min-width:0;font-size:var(--heading-h6-font-size, 16px)}.shop-by-color__toolbar-actions{flex:0 0 auto;display:flex;align-items:center}.shop-by-color__toolbar-clear{flex-shrink:0;line-height:normal}.shop-by-color__carousel{--shop-by-color-fade-width: 40px;display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;overflow:hidden;position:relative}.shop-by-color__arrow{position:absolute;flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid #06038d;background:#fff;color:#06038d;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:4;scale:1;transition:opacity .2s,background .2s,color .2s,scale .15s ease-in-out}.shop-by-color__arrow--prev{left:0}.shop-by-color__arrow--next{right:0}.shop-by-color__arrow--prev svg{margin-right:2px}.shop-by-color__arrow--next svg{margin-left:2px}.shop-by-color__arrow:hover:not(:disabled){background:#06038d;color:#fff}.shop-by-color__arrow:active:not(:disabled){scale:.85}.shop-by-color__arrow:disabled{opacity:.35;cursor:default}.shop-by-color__track-wrap{position:relative;flex:1 1 0%;min-width:0;max-width:100%;overflow:hidden}.shop-by-color__fade{position:absolute;top:0;bottom:0;width:var(--shop-by-color-fade-width);z-index:3;pointer-events:none;opacity:0;transition:opacity .2s ease}.shop-by-color__fade--start{left:0;background:linear-gradient(to right,rgb(var(--background)) 0%,transparent 100%)}.shop-by-color__fade--end{right:0;background:linear-gradient(to left,rgb(var(--background)) 0%,transparent 100%)}.shop-by-color--can-scroll-left .shop-by-color__fade--start,.shop-by-color--can-scroll-right .shop-by-color__fade--end{opacity:1}.shop-by-color__track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--shop-by-color-fade-width);-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overscroll-behavior-x:contain}.shop-by-color__track::-webkit-scrollbar{display:none}.shop-by-color__list{list-style:none;display:flex;flex-wrap:nowrap;gap:16px;margin:0;padding:8px var(--shop-by-color-fade-width)}.shop-by-color__item{flex:0 0 auto;scroll-snap-align:start}.shop-by-color__item:last-child{padding-right:20px}.shop-by-color__card{display:flex;flex-direction:column;align-items:center;width:167px;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:center}.shop-by-color__card-surface{position:relative;display:flex;align-items:center;justify-content:center;width:167px;height:167px;flex-shrink:0;border-radius:16px;background-color:color-mix(in srgb,var(--shop-by-color-hex) 60%,#ffffff);overflow:hidden;box-sizing:border-box;outline:0 solid transparent;outline-offset:0;transition:outline .15s ease}.shop-by-color__card-surface--gradient{background-color:transparent;background-image:var(--shop-by-color-gradient)}.shop-by-color__img{position:relative;z-index:1;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;pointer-events:none;filter:drop-shadow(2px 4px 6px rgb(0 0 0 / .15));transition:all .3s ease}.shop-by-color__item:hover .shop-by-color__img,.shop-by-color__card.is-active .shop-by-color__img{--scale-percentage: 115%;width:var(--scale-percentage);height:var(--scale-percentage)}.shop-by-color__check{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;border-radius:50%;background:#06038d;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}.shop-by-color__check svg{width:10px;height:8px}.shop-by-color__card.is-active .shop-by-color__check{opacity:1;transform:scale(1)}.shop-by-color__card.is-active .shop-by-color__card-surface{outline:3px solid #06038d;outline-offset:0}.shop-by-color__label{font-family:GothamRounded,sans-serif;margin-top:16px;font-size:16px;font-weight:400;line-height:1.2;color:#626262;text-transform:capitalize}.shop-by-color__card.is-active .shop-by-color__label{font-weight:700;color:#06038d}.shop-by-color__card.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.shop-by-color__card:focus-visible{outline:2px solid #06038d;outline-offset:4px;border-radius:4px}.shop-by-color.shop-by-color--loading .shop-by-color__track-wrap{position:relative}.shop-by-color.shop-by-color--loading .shop-by-color__track-wrap:after{content:"";position:absolute;bottom:0;left:0;width:33%;height:3px;border-radius:2px;background:#06038d8c;animation:shop-by-color-loading-sweep 1.2s ease-in-out infinite alternate;pointer-events:none;z-index:2}.shop-by-color.shop-by-color--loading [data-shop-by-color-trigger]{pointer-events:none;cursor:wait}.shop-by-color.shop-by-color--loading .shop-by-color__arrow{pointer-events:none;opacity:.5;cursor:wait}@media screen and (max-width:740px){.shop-by-color{margin-top:16px;margin-bottom:0}.shop-by-color__arrow{display:none!important}.shop-by-color__list{padding-inline:0;gap:8px}.shop-by-color__item:first-child{padding-left:16px}.shop-by-color__item:last-child{padding-right:16px}.shop-by-color__carousel{gap:0}.shop-by-color__card{width:82px}.shop-by-color__card-surface{width:82px;height:82px}.shop-by-color__label{margin-top:8px;font-size:12px}.shop-by-color__toolbar{margin-bottom:8px}.shop-by-color__toolbar-title{font-size:var(--heading-small-font-size, 12px)}.shop-by-color__fade{display:none}}@keyframes shop-by-color-loading-sweep{0%{left:0}to{left:67%}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/shop-by-color.css.map */