.quick-add{order:-1;margin-top:-75px;max-width:100%;display:none;margin-bottom:0}.quick-add button{height:75px;font-size:14px;letter-spacing:.1em;color:#fff;font-family:var(--font-heading-family);font-weight:300;letter-spacing:.025em}.quick-add button:hover{border-color:none;background-color:var(--color--brand-green);color:#fff}.card-wrapper:hover .quick-add{display:block}.card__content{display:flex;flex-direction:column}.card--standard>.card__content .card__information{order:1}.quick-add .quick-add__submit:before,.quick-add .quick-add__submit:after{display:none}.quick-add button{height:75px;background:#006f3d;color:#fff}.quick-add button:hover{background:#b2b3b6}.options-box{margin-top:10px}.options-selector.swatches{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;padding:0;margin:0}.options-selector__option.swatch{width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;border:1px solid #ddd;cursor:pointer;display:block;padding:0;appearance:none;-webkit-appearance:none;background-color:transparent}.options-selector__option.swatch:hover{transform:scale(1.1);outline:none}.options-selector__option.swatch.is-active{border:2px solid #000;box-shadow:0 0 0 1px #fff,0 0 0 3px #000}.options-selector__option.swatch:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media screen and (max-width: 749px){.hidden-mobile{display:none}.show-all .hidden-mobile{display:block}.show-more-swatches{background-color:#f4f4f4!important;background-image:none!important;color:#000;font-size:14px;font-weight:500;display:flex!important;align-items:center;justify-content:center}.show-all .swatch-more-button{display:none}.options-selector__option.swatch{width:25px;height:25px}}.swatch-more-button .options-selector__option.swatch{padding:7px;font-size:11px}@media screen and (min-width: 750px){.hidden-mobile{display:block}.hidden-desktop,.mobile-only{display:none}.show-all .hidden-desktop{display:block}.show-all .desktop-only{display:none}}@media screen and (max-width: 749px){.hidden-mobile,.desktop-only{display:none}.show-all .hidden-mobile{display:block}.show-all .mobile-only{display:none}}a.card__media-link{width:100%;height:100%;position:absolute;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/347/assets/component-swatches.css.map */