.ProductSwatches{display:grid;gap:22px;overflow:hidden;transition:all .3s ease-out}.ProductSwatches-category{position:relative}.ProductSwatches-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,26px));gap:8px;max-width:270px}.main-product-container .ProductSwatches-container{max-width:unset}.ProductSwatches-item{display:flex;justify-content:center;align-items:center;padding:2px;border:2px solid transparent;border-radius:100%}.ProductSwatches-item.is-selected{border-color:#32495c}.ProductSwatches-link{display:block;width:22px;height:22px;border-radius:100%;background-color:#eee}.ProductSwatches-label{margin-bottom:8px;padding-left:3px;font-family:var(--font-body);font-size:var(--fs-16);line-height:24px;letter-spacing:1px}@media (min-width: 992px){.ProductSwatches-label{margin-bottom:8px}}.ProductSwatches-label span{font-family:var(--font-body);text-transform:capitalize;font-weight:600}.ProductSwatches-newcolor{cursor:pointer;text-transform:uppercase;font-family:var(--font-body);font-weight:600;font-size:10px;padding:0 0 1px;border-bottom:1px solid currentColor;position:relative;top:-4px}@media (max-width: 991px){.ProductSwatches-newcolor:after{content:"";display:block;margin-bottom:14px}}.colour-swatch-links--no-swatches{height:26px}.product-card__swatch-slider:not(.swiper-initialized) .colour-swatch-links{justify-content:flex-start}.colour-swatch-links{display:flex;width:100%}.product-card__swatch-slider:not(.swiper-initialized) .colour-swatch-links.colour-swatch-links--mobile,.colour-swatch-links--mobile:has(.additional-swatches){flex-direction:column;align-items:baseline}#ProductGridContainer .colour-swatch-links{padding:2px 0}.swatch{position:relative;display:inline-block;width:24px;height:24px;padding-right:0;vertical-align:middle}@media (min-width: 992px){.product-card__swatch-slider:not(.swiper-initialized) .colour-swatch-links{gap:8px}}@media (min-width: 992px){.swatch{display:flex;align-items:center;width:26px;height:26px}.swatch:first-child{margin-left:2px}}.colour-swatch-links .swatch{max-width:30px}.ProductsCarousel-container .swatch{margin-right:3px}.swatch-wrapper{align-items:center}.initial-swatches,.additional-swatches{display:flex;align-items:flex-start;justify-content:flex-start;gap:4px}.additional-swatches{flex-grow:2;flex-wrap:wrap;text-align:left;color:inherit;top:-7.5px}.additional-swatches.expanded{padding-block:2px}.additional-swatches-trigger{display:block;position:relative;left:2px;top:1px;border-radius:100%;color:inherit;border:1px solid currentColor;width:19px;height:19px;font-size:9px;font-weight:600}.additional-swatches-trigger[aria-expanded=true]{border:0}.additional-swatches-trigger[aria-expanded=true] .additional-swatches-count{opacity:0}.additional-swatches-trigger[aria-expanded=true]:after{content:"";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:100%;background:url(/cdn/shop/files/swatches.png?v=1659552522);background-size:contain;background-repeat:no-repeat}.additional-swatches-count{padding-right:1px}.swatch-link{display:inline-flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;border:1px solid #fff;border-radius:50%;width:22px;height:22px;transition:.25s all ease;border:.125rem solid transparent;position:relative;color:var(--c-white);padding:0;margin:0;background:transparent}.product-carousel-tabbed .swatch-link:hover{cursor:pointer;width:24px;height:24px;max-width:24px;border:2px solid var(--cs-slate)}.product-carousel-tabbed .swatch-link.is-selected{border:2px solid var(--c-harper-dark);height:26px;width:26px;max-width:26px}.swatch-link.swatch-link--oos,.swatch-link.swatch-link--oos:hover{color:var(--c-white)}.swatch-link.swatch-link--oos.swatch-link--light,.swatch-link.swatch-link--oos.swatch-link--light:hover{color:var(--c-harper-dark)}.swatch-link.swatch-link--oos:after{content:"";position:absolute;top:50%;left:50%;height:5%;width:57%;background:currentColor;transform:translate(-50%,-50%) rotate(-45deg)}.swatch-inner{min-width:16px;height:16px;border-radius:100%;background-size:cover!important;background-position:center center!important}@media (min-width: 992px){.swatch-inner{min-width:22px;height:22px}}.swatch-link:not(input[disabled]+*):hover .swatch-inner,.swatch-link:not(input[disabled]+*).is-selected .swatch-inner,label input:not([disabled])+.swatch-link>.swatch-inner{border:1px solid #fff}@media (min-width: 992px){.swatch-link:not(input[disabled]+*):hover .swatch-inner,.swatch-link:not(input[disabled]+*).is-selected .swatch-inner,label input:not([disabled])+.swatch-link>.swatch-inner{border:2px solid #fff}}@media (max-width: 40em){.is-selected .swatch-inner{min-width:16px;height:16px}}.swatch-slider .slick-list{width:100%}@media (min-width: 992px){.swatch-slider .slick-slide{width:30px;height:26px!important}}.swatch-slider-next,.swatch-slider-prev{display:block;cursor:pointer;position:relative;bottom:2px;border:1px solid #e6e6e6;border-radius:100%;min-width:31px;height:31px;z-index:9}.colour-swatch-links--desktop{display:none}@media (min-width: 992px){.colour-swatch-links--desktop{display:flex}.colour-swatch-links--mobile{display:none}.swatch-slider-next,.swatch-slider-prev{min-width:22px;height:22px}}.swatch-slider-next.slick-disabled,.swatch-slider-prev.slick-disabled{opacity:0}.swatch-slider-next{margin-left:8px}@media (min-width: 992px){.swatch-slider-next{margin-left:0;left:4px}}.swatch-slider-prev{margin-right:8px}@media (min-width: 992px){.swatch-slider-prev{margin-right:0;right:4px}.swatch-slider-prev-arrow,.swatch-slider-next-arrow{transform:translate(-50%,-50%) scale(.8)}}.swatch-slider-prev-arrow{background:#464855;height:2px;width:13px;margin:0 auto;cursor:pointer;position:absolute;z-index:1000;left:51%;top:50%;transform:translate(-50%,-50%);outline:none}.swatch-slider-prev-arrow:before,.swatch-slider-prev-arrow:after{content:"";background:#464855;position:absolute;height:2px;width:8px}.swatch-slider-prev-arrow:before{left:-3px;bottom:-2px;transform:rotate(-135deg)}.swatch-slider-prev-arrow:after{left:-3px;top:-2px;transform:rotate(135deg)}.swatch-slider-next-arrow{background:#464855;height:2px;width:13px;margin:0 auto;cursor:pointer;position:absolute;z-index:1000;left:49%;top:50%;transform:translate(-50%,-50%);outline:none}.swatch-slider-next-arrow:before,.swatch-slider-next-arrow:after{content:"";background:#464855;position:absolute;height:2px;width:8px}.swatch-slider-next-arrow:before{right:-3px;bottom:-2px;transform:rotate(-45deg)}.swatch-slider-next-arrow:after{right:-3px;top:-2px;transform:rotate(45deg)}.ProductSwatches-label-price{display:inline-block}.ProductSwatches-label-price .product-price{margin:0}.ProductSwatches-label-price .product-price .Product-info-current_price{font-size:var(--fs-16);line-height:1}.ProductSwatches-label-price .sale-price,.ProductSwatches-label-price .global-discounted-price{color:var(--ct-red)}.colour-swatch-links.hide{display:none}del.compare-price,s,del.GridItem-titlePrice,.GridItem-titlePrice del,.Product-info-current_price.on-sale del{color:#687782}.custom-swatches-btn{margin-top:28px}.bundle-number-input{position:relative;display:none}.bundle-number-input-increment,.bundle-number-input-decrement{font-weight:600;font-size:var(--fs-16);line-height:24px;font-family:var(--font-header);display:flex;justify-content:center;align-items:center;color:var(--c-harper-dark);width:20px}.bundle-number-input-decrement{position:absolute;z-index:1;top:50%;left:2px;transform:translateY(-50%)}.selected-colors{font-weight:400}.bundle-number-input-increment{position:absolute;z-index:1;top:50%;right:2px;transform:translateY(-50%)}.bundle-swatch-container{display:flex;flex-direction:column;gap:8px;position:relative}.swatch-elements-container{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:12px}.all-swatches-container{flex-direction:column;height:0px;overflow:hidden;transition:all .3s ease-out;display:flex!important}@media (max-width: 991px){.custom-swatches-btn,.swiper.product-card__swatch-slider.swiper-initialized{display:none}.colour-swatch-links--mobile.swatch-wrapper .initial-swatches{width:100%}.additional-swatches-trigger{width:19px;height:19px}#the-bliss-triangle-additional-swatches.additional-swatches.expanded{overflow:visible}#ProductGridContainer .colour-swatch-links{gap:4px;align-items:baseline}}.custom-swatches-label{margin-bottom:10px;font-family:var(--font-header);font-weight:300;color:var(--c-harper-dark);font-size:var(--fs-16);line-height:24px}.bundle-swatch{height:40px;width:70px}.bundle-selected-quantity{position:absolute;border-radius:50%;padding:4px 10px;top:-8px;right:-8px;color:#fff;font-weight:600;font-family:var(--font-header);font-size:var(--fs-14);line-height:21px;z-index:1;background-color:var(--c-harper-dark);display:none}.bundle-selected-quantity.has-quantity{display:block}.bundle-swatch.selected .bundle-swatch-inner{border:2px solid var(--c-harper-dark)}.bundle-swatch.selected+.bundle-number-input{display:inline-block}.bundle-swatch-container:has(.bundle-swatch.bundle-swatch-oos){display:none}.bundle-swatch:hover{cursor:pointer}.bundle-swatch-inner{height:100%;width:100%}.visually-hidden-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bundle-swatch-container input[type=number]::-webkit-outer-spin-button,.bundle-swatch-container input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bundle-swatch-container input[type=number]{height:40px;width:70px;border-radius:6px;text-align:center;-moz-appearance:textfield;position:relative}@media (max-width: 991px){.product-carousel-tabbed .swatch-link.is-selected,.product-carousel-tabbed .swatch-link:hover{height:22px;width:22px;max-width:22px}product-card .swatches-navigation-arrows-wrapper .swatch-inner{min-width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/806/assets/component-product-swatches.css.map */