.color-compare-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.color-compare-trigger{background:none;border:none;padding:0;font:inherit;font-size:1em;font-weight:500;text-decoration:underline;cursor:pointer;color:inherit;white-space:nowrap}.product-cross-links-list{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:8px;row-gap:0!important}.product-cross-link-item{flex:0 0 auto!important;width:21%;margin-right:0!important}.align-center .product-cross-link-item{margin-left:0!important}.pcl-ratio-landscape .product-cross-link-thumbnail,.pcl-ratio-square .product-cross-link-thumbnail,.pcl-ratio-portrait .product-cross-link-thumbnail,.pcl-ratio-portrait-4x6 .product-cross-link-thumbnail{width:100%!important;height:auto!important;overflow:hidden}.pcl-ratio-landscape .product-cross-link-thumbnail{aspect-ratio:3 / 2}.pcl-ratio-square .product-cross-link-thumbnail{aspect-ratio:4 / 5}.pcl-ratio-portrait .product-cross-link-thumbnail{aspect-ratio:50 / 64}.pcl-ratio-portrait-4x6 .product-cross-link-thumbnail{aspect-ratio:50 / 80}.product-cross-link-thumbnail img{transform:scale(1.3);transform-origin:center}@media(min-width:990px){.product-cross-link-item{width:10.5%}.product-cross-links-list{flex-wrap:wrap!important;overflow-x:visible!important;row-gap:8px!important}}.color-compare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;display:none;align-items:center;justify-content:center;padding:20px}.color-compare-overlay.is-open{display:flex}.color-compare-panel{position:relative;background:#fff;width:100%;max-width:480px;min-height:60vh;max-height:90vh;overflow-y:auto;border-radius:0;padding:64px 20px 20px}.color-compare-close{position:absolute;top:16px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;font-size:24px;line-height:1;cursor:pointer;color:#000;z-index:5}.color-compare-close:hover{opacity:.6}.color-compare-heading{font-size:12px;font-weight:400;margin:0 0 16px;text-align:center}.color-compare-scroller{margin:0 0 20px}.color-compare-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:990px){.color-compare-panel{max-width:640px;max-height:82vh;padding:48px 24px 24px}.color-compare-heading{margin-bottom:12px}.color-compare-scroller{margin-bottom:14px}.color-compare-list{grid-template-columns:repeat(6,1fr);gap:10px}.color-compare-images{max-height:46vh}.color-compare-actions,.color-compare-back{margin-top:10px}}.color-compare-item{width:100%}.color-compare-swatch-btn{display:block;width:100%;padding:0;border:2px solid transparent;border-radius:0;background:#f7f7f7;cursor:pointer;aspect-ratio:4 / 5;overflow:hidden}.color-compare-swatch-btn[aria-pressed=true]{border-color:#000}.color-compare-swatch-btn.is-disabled{opacity:.35;cursor:not-allowed}.color-compare-swatch-btn img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.3);transform-origin:center}.color-compare-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;height:32px;padding:0 20px;background:#444;color:#fff;border:1px solid transparent;border-radius:0;cursor:not-allowed;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1}.color-compare-go:not(:disabled){background:#000;cursor:pointer}.color-compare-go:not(:disabled):hover{opacity:.85}.color-compare-images{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:0;background:#fff}.color-compare-half img{position:absolute;top:0;height:100%;width:200%;object-fit:contain;border-radius:0}.color-compare-half--left img{left:0;object-position:left}.color-compare-half--right img{right:0;object-position:right}.color-compare-label{position:absolute;bottom:6px;font-size:10px;line-height:1.3;color:#000;background:none;padding:0;z-index:3;max-width:48%;white-space:normal;word-break:break-word;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 5px #fff}.color-compare-label--left{left:6px}.color-compare-label--right{right:6px;text-align:right}@media(min-width:990px){.color-compare-label{font-size:12px}}.color-compare-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#00000026;transform:translate(-50%);z-index:2;pointer-events:none}.color-compare-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.color-compare-action-col{display:flex;flex-direction:column;gap:8px}.color-compare-size-select{width:100%;min-height:32px;height:32px;padding:0 16px;font-size:12px;font-weight:400;border:1px solid #000;border-radius:0;background:#fff;color:#111}.color-compare-size-select:disabled{opacity:.5}.color-compare-add-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px;height:32px;padding:0 20px;background:#000;color:#fff;border:1px solid transparent;border-radius:0;cursor:pointer;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1}.color-compare-add-btn:hover:not(:disabled){opacity:.85}.color-compare-add-btn:disabled{background:#444;cursor:not-allowed}.color-compare-back{margin-top:16px;background:none;border:none;text-decoration:underline;cursor:pointer;font-size:12px;display:block}.color-compare-images{width:100%;aspect-ratio:4 / 5;max-height:none!important;overflow:hidden}.color-compare-half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}.color-compare-half--left{left:0}.color-compare-half--right{right:0}.color-compare-half img{position:absolute;top:0;width:200%!important;max-width:none!important;height:100%;object-fit:contain;display:block}.color-compare-half--left img{left:0;object-position:left center}.color-compare-half--right img{right:0;object-position:right center}@media(min-width:990px){.color-compare-panel{width:min(470px,calc(65.6dvh - 100px),calc(100vw - 40px));height:82dvh;max-height:720px;padding:48px 24px 24px;overflow:hidden}.color-compare-view{height:100%;overflow:hidden}.color-compare-images{width:100%;aspect-ratio:4 / 5;max-height:none!important}}.color-compare-size-select,.color-compare-add-btn{box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px!important}.color-compare-picker[hidden],.color-compare-view[hidden]{display:none!important}.color-compare-picker{display:flex!important;flex-direction:column;justify-content:center;height:100%;min-height:0}.color-compare-heading,.color-compare-go{flex-shrink:0}.color-compare-scroller{width:100%;min-height:0;flex:0 1 auto;overflow-y:auto}@media(min-width:990px){.color-compare-view[hidden]{display:none!important}.color-compare-view{display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:100%;min-height:0;overflow:hidden}.color-compare-images{width:auto!important;height:100%;max-width:100%;max-height:100%!important;aspect-ratio:4 / 5;justify-self:center}.color-compare-actions{width:100%;margin-top:14px}.color-compare-back{margin-top:10px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/500/assets/color-compare.css.map */