.swatch.kj-color-swatch{background:var(--kj-swatch-background, repeating-linear-gradient(135deg, #f7f7f5 0 4px, #c9cdd1 4px 8px));border:1px solid rgba(var(--color-foreground),.38);box-shadow:inset 0 0 0 1px rgba(var(--color-background),.55)}.product-form__input--swatch .swatch-input__label{align-items:center;display:inline-flex;height:4.4rem;justify-content:center;margin:0 .2rem .4rem 0;width:4.4rem}.product-form__input--swatch .swatch-input__label .swatch{--swatch-input--size: 1.8rem;--swatch--size: 1.8rem}.product-form__input--kj-color.product-form__input--swatch .swatch-input__input:checked+.swatch-input__label,.product-form__input--kj-color.product-form__input--swatch .swatch-input__input:focus-visible+.swatch-input__label{box-shadow:none;outline:none}.product-form__input--kj-color .swatch-input__input:checked+.swatch-input__label .swatch{box-shadow:inset 0 0 0 1px rgba(var(--color-background),.55),0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.product-form__input--kj-color .swatch-input__input:focus-visible+.swatch-input__label .swatch{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.kj-card-swatches{display:block;margin-top:.7rem;max-width:100%;position:relative;width:100%;z-index:2}.card__content:has(.kj-card-swatches)>.card__information{min-width:0}.kj-card-swatches__row{align-items:center;display:grid;grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0;width:100%}.kj-card-swatches--overflowing .kj-card-swatches__row{grid-template-columns:3.2rem minmax(0,1fr) 3.2rem}.kj-card-swatches__options{display:flex;flex-wrap:nowrap;gap:.1rem;max-width:100%;min-width:0;-ms-overflow-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;width:100%}.kj-card-swatches__options::-webkit-scrollbar{display:none;height:0;width:0}.kj-card-swatches__arrow{align-items:center;-webkit-appearance:none;appearance:none;background:#181818db;border:1px solid rgba(255,255,255,.48);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font:inherit;height:3.2rem;justify-content:center;margin:0;padding:0;position:relative;width:3.2rem;z-index:3}.kj-card-swatches__arrow[hidden]{display:none!important}.kj-card-swatches__arrow[data-kj-direction-unavailable=true]{pointer-events:none;visibility:hidden}.kj-card-swatches__arrow:hover,.kj-card-swatches__arrow:focus-visible{background:#0c0c0cf0;border-color:#fff;outline:2px solid rgba(0,0,0,.58);outline-offset:2px}.kj-card-swatches__arrow>span{border-bottom:.9rem solid transparent;border-top:.9rem solid transparent;display:inline-block;font-size:0;height:0;line-height:0;width:0}.kj-card-swatches__arrow--previous>span{border-right:1.2rem solid #fff}.kj-card-swatches__arrow--next>span{border-left:1.2rem solid #fff}.kj-card-swatches__button{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;cursor:pointer;display:inline-flex;flex:0 0 3.2rem;height:3.2rem;justify-content:center;margin:0;padding:0;width:3.2rem}.kj-card-swatches__button:hover,.kj-card-swatches__button:focus-visible{outline:2px solid rgba(var(--color-foreground),.45);outline-offset:-5px}.kj-card-swatches__button[aria-pressed=true]{box-shadow:inset 0 0 0 2px rgb(var(--color-background)),inset 0 0 0 4px rgb(var(--color-foreground))}.kj-card-swatches__button:disabled{cursor:not-allowed;opacity:.38}.kj-card-swatches__dot{align-items:center;display:inline-flex;height:1.8rem;justify-content:center;width:1.8rem}.kj-card-swatches__dot .swatch{--swatch--size: 1.8rem}.kj-card-color-selected .media--hover-effect>img+img{display:none}@media(pointer:coarse){.kj-card-swatches--overflowing .kj-card-swatches__row{grid-template-columns:4.4rem minmax(0,1fr) 4.4rem}.kj-card-swatches__arrow{height:4.4rem;width:4.4rem}.kj-card-swatches__button{flex-basis:4.4rem;height:4.4rem;width:4.4rem}}@media(forced-colors:active){.kj-color-swatch{forced-color-adjust:none;outline:1px solid CanvasText}}.kj-color--aqua{--kj-swatch-background: #63c7d2}.kj-color--ash{--kj-swatch-background: #d9d8d2}.kj-color--athletic-heather{--kj-swatch-background: linear-gradient(135deg,#b9b9b6 0 44%,#d0d0cd 44% 56%,#a9aaa7 56%)}.kj-color--beige{--kj-swatch-background: #e4d2b8}.kj-color--berry{--kj-swatch-background: #8d3d63}.kj-color--black{--kj-swatch-background: #111111}.kj-color--black-heather{--kj-swatch-background: linear-gradient(135deg,#292a2d 0 44%,#4a4b4f 44% 56%,#242529 56%)}.kj-color--black-zipper{--kj-swatch-background: #111111}.kj-color--brown{--kj-swatch-background: #6d4938}.kj-color--burnt-orange{--kj-swatch-background: #b75732}.kj-color--canvas-red{--kj-swatch-background: #a83f42}.kj-color--carolina-blue{--kj-swatch-background: #78add8}.kj-color--dark-chocolate{--kj-swatch-background: #3b261f}.kj-color--dark-heather{--kj-swatch-background: linear-gradient(135deg,#4d5054 0 44%,#696c70 44% 56%,#45484c 56%)}.kj-color--deep-heather{--kj-swatch-background: linear-gradient(135deg,#686b6f 0 44%,#85888c 44% 56%,#5c5f63 56%)}.kj-color--evergreen{--kj-swatch-background: #174b3a}.kj-color--forest{--kj-swatch-background: #244f3b}.kj-color--forest-green{--kj-swatch-background: #17472e}.kj-color--fuchsia{--kj-swatch-background: #d72d7b}.kj-color--gold{--kj-swatch-background: #d4a820}.kj-color--heather{--kj-swatch-background: linear-gradient(135deg,#8d8e90 0 44%,#aaaaaa 44% 56%,#7f8082 56%)}.kj-color--heather-bubble-gum{--kj-swatch-background: linear-gradient(135deg,#dda0b7 0 44%,#efbfd0 44% 56%,#d18ba5 56%)}.kj-color--heather-columbia-blue{--kj-swatch-background: linear-gradient(135deg,#6fa4cd 0 44%,#94bfdf 44% 56%,#5d91bc 56%)}.kj-color--heather-cool-grey{--kj-swatch-background: linear-gradient(135deg,#a1a5a8 0 44%,#c1c4c6 44% 56%,#909498 56%)}.kj-color--heather-dust{--kj-swatch-background: linear-gradient(135deg,#c4b9ab 0 44%,#ddd4c9 44% 56%,#b3a697 56%)}.kj-color--heather-forest{--kj-swatch-background: linear-gradient(135deg,#426b57 0 44%,#628673 44% 56%,#355b48 56%)}.kj-color--heather-indigo{--kj-swatch-background: linear-gradient(135deg,#506481 0 44%,#7185a0 44% 56%,#40536f 56%)}.kj-color--heather-mauve{--kj-swatch-background: linear-gradient(135deg,#b37a84 0 44%,#cb9ba4 44% 56%,#a26772 56%)}.kj-color--heather-mustard{--kj-swatch-background: linear-gradient(135deg,#bd942d 0 44%,#d4b253 44% 56%,#a77e1f 56%)}.kj-color--heather-navy{--kj-swatch-background: linear-gradient(135deg,#46536a 0 44%,#66738a 44% 56%,#37445c 56%)}.kj-color--heather-orange{--kj-swatch-background: linear-gradient(135deg,#cf7544 0 44%,#e49568 44% 56%,#ba6131 56%)}.kj-color--heather-peach{--kj-swatch-background: linear-gradient(135deg,#e4aa8f 0 44%,#f2c3ad 44% 56%,#d39174 56%)}.kj-color--heather-prism-peach{--kj-swatch-background: linear-gradient(135deg,#edb8a4 0 44%,#f7d2c3 44% 56%,#dfa18b 56%)}.kj-color--heather-purple{--kj-swatch-background: linear-gradient(135deg,#73557c 0 44%,#92749b 44% 56%,#62456c 56%)}.kj-color--heather-red{--kj-swatch-background: linear-gradient(135deg,#b95b5f 0 44%,#d17b7e 44% 56%,#a4474b 56%)}.kj-color--heather-sand-dune{--kj-swatch-background: linear-gradient(135deg,#c2b096 0 44%,#d8cbb9 44% 56%,#ad9b80 56%)}.kj-color--heather-storm{--kj-swatch-background: linear-gradient(135deg,#7c868f 0 44%,#9ba4ab 44% 56%,#69747e 56%)}.kj-color--heather-sunset{--kj-swatch-background: linear-gradient(135deg,#cb7064 0 44%,#df9188 44% 56%,#b85c50 56%)}.kj-color--heather-team-purple{--kj-swatch-background: linear-gradient(135deg,#705b8d 0 44%,#8f79a8 44% 56%,#5d497a 56%)}.kj-color--heather-true-royal{--kj-swatch-background: linear-gradient(135deg,#456fb3 0 44%,#668dca 44% 56%,#345da1 56%)}.kj-color--heliconia{--kj-swatch-background: #d72b70}.kj-color--irish-green{--kj-swatch-background: #16975e}.kj-color--kelly{--kj-swatch-background: #2b9858}.kj-color--light-blue{--kj-swatch-background: #aed7e8}.kj-color--light-pink{--kj-swatch-background: #f1c1cf}.kj-color--lilac{--kj-swatch-background: #c4a8d4}.kj-color--maize-yellow{--kj-swatch-background: #e6cd6e}.kj-color--maroon{--kj-swatch-background: #6b283b}.kj-color--military-green{--kj-swatch-background: #5e6e50}.kj-color--mint{--kj-swatch-background: #a9d8c7}.kj-color--natural{--kj-swatch-background: #e8dec7}.kj-color--navy{--kj-swatch-background: #1f2d4c}.kj-color--orange{--kj-swatch-background: #e36b2d}.kj-color--peach{--kj-swatch-background: #f1b49d}.kj-color--pink{--kj-swatch-background: #ee91b1}.kj-color--purple{--kj-swatch-background: #6d4b8c}.kj-color--red{--kj-swatch-background: #c5333e}.kj-color--royal{--kj-swatch-background: #225fbb}.kj-color--sage{--kj-swatch-background: #9bad90}.kj-color--sand{--kj-swatch-background: #d0bb98}.kj-color--silver{--kj-swatch-background: #c4c7ca}.kj-color--soft-pink{--kj-swatch-background: #efc8d4}.kj-color--solid-athletic-grey{--kj-swatch-background: #a4a6a8}.kj-color--sport-grey{--kj-swatch-background: #b6b6b2}.kj-color--sunset{--kj-swatch-background: #d76f59}.kj-color--tan{--kj-swatch-background: #c59a6b}.kj-color--teal{--kj-swatch-background: #177b78}.kj-color--team-purple{--kj-swatch-background: #6e4ca0}.kj-color--tropical-blue{--kj-swatch-background: #20a8c6}.kj-color--true-royal{--kj-swatch-background: #1f5bb8}.kj-color--turquoise{--kj-swatch-background: #22b5b4}.kj-color--vintage-black{--kj-swatch-background: #39383a}.kj-color--white,.kj-color--white-zipper{--kj-swatch-background: #ffffff}
/*# sourceMappingURL=/cdn/shop/t/24/assets/kj-compact-swatches.css.map */