.color-swatches{display:flex;gap:6px;align-items:center}.material-variants{display:flex;gap:8px;align-items:center;margin-top:4px}.material-option{cursor:pointer;position:relative}.material-radio{position:absolute;opacity:0;pointer-events:none}.color-swatches{display:flex;gap:6px}.color-circle{display:block;width:14px!important;height:14px!important;border-radius:50%;border:0px solid transparent;transition:border .25s ease}.material-option.is-active .color-circle{border-color:#000}label.material-option.is-active{cursor:pointer;position:relative;border-radius:50%;border:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.material-radio:disabled+.color-circle{opacity:.4;cursor:not-allowed}.material-name-display{font-weight:500;font-size:16px}.quick-add-mobile .csp-add-btn:before{display:none}.collection-quick-add:after,.csp-add-btn:after,.collection-quick-add:before{display:none}.cs-colllections .card__media{position:relative;min-width:100%}.cs-colllections .custom-variant-quick-add{position:absolute;bottom:12px;right:12px;z-index:5;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cs-colllections .custom-variant-quick-add .quick-add__submit{background:#fff!important;border:0px!important;line-height:0!important;padding:0;width:32px;height:32px;display:block;min-width:32px;min-height:32px}.cs-colllections .custom-variant-quick-add .quick-add__submit svg{height:16px;width:16px}.cs-colllections .custom-variant-quick-add .quick-add__submit{transition:background-color .3s ease}.cs-colllections .custom-variant-quick-add .quick-add__submit svg path{stroke:#000;transition:stroke .3s ease}.cs-colllections .custom-variant-quick-add .quick-add__submit:hover{background-color:#000!important}.cs-colllections .custom-variant-quick-add .quick-add__submit:hover svg path{stroke:#fff}@media(hover:hover){.action-btns--center button.button:not([disabled],[disabled=true],.button--tertiary):before{display:none}}.product-card:hover .custom-variant-quick-add{opacity:1;visibility:visible}.cs-colllections .card__heading a:after{display:none}.shop-collections .product-form__buttons{width:100%;display:unset}.cs-quick-add .collection-quick-add{display:flex;padding:0;justify-content:center;align-items:center;border-radius:50%!important;border:0px solid #000;background:#fff!important;width:32px!important;min-width:32px;min-height:32px;max-width:32px!important;height:auto;padding:0!important}.cs-colllections .custom-variant-quick-add .quick-add__submit,.cs-quick-add .collection-quick-add{transition:background-color .3s ease}.cs-colllections .custom-variant-quick-add .quick-add__submit svg path,.cs-quick-add .collection-quick-add svg path{stroke:#000;transition:stroke .3s ease}.cs-colllections .custom-variant-quick-add .quick-add__submit:hover,.cs-quick-add .collection-quick-add:hover{background-color:#000!important}.cs-colllections .custom-variant-quick-add .quick-add__submit:hover svg path,.cs-quick-add .collection-quick-add:hover svg path{stroke:#fff}.cs-colllections .collection-quick-add .main-atc__label__text{font-family:Brown ll!important;font-size:16px!important;font-weight:600!important;line-height:24px;letter-spacing:.4px;text-transform:capitalize}.cs-colllections .csp-add-btn .main-atc__label__text{color:#000!important;text-align:center;font-family:Brown ll!important;font-size:14px!important;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.4px;text-transform:uppercase}.quick-add-mobile .csp-add-btn{color:#fff!important;text-align:center!important;font-family:Brown ll!important;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.4px;text-transform:uppercase;display:flex;padding:8px 22px;justify-content:center;align-items:center;align-self:stretch;border-radius:60px!important;border:1px solid rgba(0,0,0,.5)!important;background:#000!important;width:100%!important;max-height:38px!important;min-height:38px}.shop-collections{transition:all .4s ease}.collection-quick-add:after,.csp-add-btn:after{display:none}@media(max-width:767px){.pdp-card .quick-add-mobile{display:block;margin:12px 0 0;width:100%}.product-card:hover .custom-variant-quick-add{opacity:0;visibility:hidden}.cs-colllections .card__media{position:unset;min-width:unset}.card__heading a{color:#000;font-size:14px!important;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.197px;min-height:35px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pdp-card .cs_card__content{padding:12px 8px!important}.price__regular{line-height:0px!important}}.quick-add-mob{display:none}@media(max-width:786px){.quick-add-mob{display:block}.quick-add-mob .cs-quick{border:1px solid #00000080;font-size:14px!important;margin-top:12px;padding:0;font-weight:400!important}.color-circle{width:12px!important;height:12px!important}.selected-material-name{color:#000;font-family:Gill Sans;font-size:11px;font-style:normal;font-weight:300;line-height:18px;letter-spacing:.4px}.cs_card__content .material-variants{display:flex;gap:8px;min-height:17px;margin-top:10px!important}.material-variants{display:flex;gap:8px;min-height:17px}.material-option.is-active .color-circle{width:16px!important;height:16px!important}}.color-circle{position:relative;border-radius:50%}.material-option.is-active .color-circle:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #000;background:#fff;z-index:-1;display:none}@media(max-width:786px){.material-option.is-active .color-circle{width:13px!important;height:13px!important;margin-left:0}.material-option.is-active .color-circle:after{display:none;content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid #000;background:#fff;z-index:-1}}.cs-colllections .card__media .card__media-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cs-colllections .card__inner>.card__content{pointer-events:none}.cs-colllections .card__inner>.card__content a,.cs-colllections .card__inner>.card__content button,.cs-colllections .card__inner>.card__content label,.cs-colllections .card__inner>.card__content input,.cs-colllections .card__inner>.card__content product-card-swatches{pointer-events:auto}.cs-colllections .custom-variant-quick-add{z-index:5}.cs-colllections .custom-variant-quick-add .quick-add__submit{position:relative;z-index:1}product-card-swatches.card-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;pointer-events:auto}.card-swatches__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.card-swatch{position:relative;display:block;cursor:pointer;border-radius:50%;line-height:0}.card-swatch__color{display:block;width:14px;height:14px;border-radius:50%;border:0 solid transparent;background:var(--swatch-bg, #cccccc);transition:box-shadow .2s ease,border-color .2s ease}.card-swatches--small .card-swatch__color{width:12px;height:12px}.card-swatch.is-selected .card-swatch__color,.material-option.is-selected .color-circle{border-color:#000}.card-swatch.is-selected,label.material-option.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.card-swatch__input:focus-visible+.card-swatch__color{outline:2px solid rgb(var(--color-foreground, 0, 0, 0));outline-offset:3px}.card-swatch__input:disabled+.card-swatch__color,.card-swatch--unavailable .card-swatch__color{opacity:.4;cursor:not-allowed}.card-swatch--unavailable{cursor:not-allowed}.card-swatches__selected-value{font-size:1.2rem;line-height:1.2}.card-swatches--empty{min-height:14px}@media(max-width:786px){.card-swatch__color{width:12px;height:12px}}.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:0}.card-wrapper .card__media:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper .card__media:hover .media.media--hover-effect>img+img{opacity:1}.card-swatches--no-hover-swap>img:first-child:not(:only-child),.card-swatches--no-hover-swap .primary-img,.card__media.card-swatches--no-hover-swap .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important}.card-swatches--no-hover-swap>img+img,.card-swatches--no-hover-swap [data-card-secondary-image],.card-swatches--no-hover-swap .hover-img{opacity:0!important}.card-wrapper .card__media:hover .card-swatches--no-hover-swap>img:first-child:not(:only-child){opacity:1!important}.card-wrapper .card__media:hover .card-swatches--no-hover-swap>img+img{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/28/assets/swatches-styling.css.map */