.leather-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;list-style:none;margin:0 0 .8rem;padding:0;position:relative;z-index:3}.leather-swatches--center{justify-content:center}.leather-swatches--right{justify-content:flex-end}.leather-swatches__item{position:relative;cursor:pointer;outline:none}.leather-swatches__more{font-size:1.1rem;line-height:2rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.7)}.leather-swatches__dot{display:block;width:2rem;height:2rem;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--color-foreground),.12);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.leather-swatches__dot img{display:block;width:100%;height:100%;object-fit:cover}.leather-swatches__item:hover .leather-swatches__dot,.leather-swatches__item:focus-visible .leather-swatches__dot,.leather-option:hover .leather-swatches__dot{transform:scale(1.12);box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgba(var(--color-foreground),.7)}.leather-swatches__zoom{position:absolute;bottom:calc(100% + 1rem);left:50%;width:16rem;background:rgb(var(--color-background));box-shadow:0 8px 24px #00000024;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:10}.leather-swatches__zoom img{display:block;width:100%;height:16rem;object-fit:cover}.leather-swatches__label{display:block;position:relative;padding:.7rem 1rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem;line-height:1.4;letter-spacing:.06rem;text-align:center;text-decoration:none}.leather-swatches__label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:rgb(var(--color-foreground))}.leather-swatches__item:hover .leather-swatches__zoom,.leather-swatches__item:focus .leather-swatches__zoom,.leather-option:hover .leather-swatches__zoom{opacity:1;visibility:visible;transform:translate(-50%)}.leather-swatches--left .leather-swatches__item:first-child .leather-swatches__zoom,.leather-picker .leather-option:first-of-type .leather-swatches__zoom{left:-.4rem;transform:translateY(6px)}.leather-swatches--left .leather-swatches__item:first-child:hover .leather-swatches__zoom,.leather-swatches--left .leather-swatches__item:first-child:focus .leather-swatches__zoom,.leather-picker .leather-option:first-of-type:hover .leather-swatches__zoom{transform:translate(0)}.leather-swatches--left .leather-swatches__item:first-child .leather-swatches__label:after{left:1.4rem}.leather-picker .leather-option:first-of-type .leather-swatches__label:after{left:2.4rem}.leather-picker input[type=radio]+label.leather-option{position:relative;display:inline-block;padding:0;margin:.4rem 1.4rem 1rem .2rem;border:none;border-radius:50%;background:none;color:inherit;line-height:0;text-decoration:none;overflow:visible}.leather-picker input[type=radio]+label.leather-option:before,.leather-picker input[type=radio]+label.leather-option:after{display:none}.leather-picker .leather-option .leather-swatches__dot{width:4.2rem;height:4.2rem}.leather-picker input[type=radio]:checked+label.leather-option{background:none;color:inherit}.leather-picker input[type=radio]:checked+label.leather-option .leather-swatches__dot{box-shadow:0 0 0 3px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.leather-picker input[type=radio]:focus-visible+label.leather-option .leather-swatches__dot{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:5px}.leather-picker input[type=radio]:focus-visible+label.leather-option .leather-swatches__zoom{opacity:1;visibility:visible;transform:translate(-50%)}.leather-picker input.disabled+label.leather-option .leather-swatches__dot{opacity:.4}.leather-picker .leather-swatches__zoom{width:20rem}.leather-picker .leather-swatches__zoom img{height:20rem}.leather-picker .leather-swatches__label{font-size:1.3rem}@media screen and (max-width:749px){.leather-swatches{gap:.6rem}.leather-swatches__dot{width:1.8rem;height:1.8rem}.leather-swatches__more{line-height:1.8rem}.leather-swatches__zoom{width:12rem}.leather-swatches__zoom img{height:12rem}.leather-picker input[type=radio]+label.leather-option{margin:.4rem 1rem .8rem .2rem}.leather-picker .leather-option .leather-swatches__dot{width:3.8rem;height:3.8rem}.leather-picker .leather-swatches__zoom{width:15rem}.leather-picker .leather-swatches__zoom img{height:15rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/leather-swatches.css.map */