.afb-swatches-wrap{position:relative;z-index:5;margin:12px 0 2px;max-width:100%;min-width:0}.afb-swatches{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:20px;width:100%;min-width:0;position:relative;z-index:2;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.afb-swatches::-webkit-scrollbar{display:none}.afb-swatch{flex:0 0 41px;aspect-ratio:1;display:block;overflow:hidden;background:#fff;border:1px solid #e6e6e6;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.afb-swatch img{width:100%;height:100%;object-fit:cover;display:block}.afb-swatch:hover{border-color:#b5b5b5}.afb-swatch.is-active{border-color:#111;box-shadow:inset 0 0 0 1px #111}.afb-swatches-wrap:before,.afb-swatches-wrap:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s ease}.afb-swatches-wrap:before{left:0;background:linear-gradient(to left,#fff0,#fff 80%)}.afb-swatches-wrap:after{right:0;background:linear-gradient(to right,#fff0,#fff 80%)}.afb-swatches-wrap.afb-has-prev:before{opacity:1}.afb-swatches-wrap.afb-has-next:after{opacity:1}.afb-swatches-nav{position:absolute;top:50%;transform:translateY(-50%);width:21px;height:21px;padding:0;border:0;border-radius:50%;background-color:#ffffffa5;background-repeat:no-repeat;background-position:center;background-size:7px 12px;color:transparent;font-size:0;line-height:0;cursor:pointer;z-index:4;transition:background-color .15s ease,box-shadow .15s ease}.afb-swatches-nav:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.afb-swatches-nav--next{right:2px;box-shadow:-1px 0 6px #0003;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M1 1l5 5-5 5' stroke='%23606060' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.afb-swatches-nav--prev{left:2px;box-shadow:1px 0 6px #0003;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M6 1L1 6l5 5' stroke='%23606060' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.afb-swatches-nav:hover{background-color:#fffffffa}.afb-swatches-nav[hidden]{display:none}@media screen and (max-width:749px){.afb-swatch{flex-basis:40px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/afb-card-swatch.css.map */