.sibling-picker{display:flex;flex-direction:column;gap:1.25rem;margin-top:.25rem;margin-bottom:1.25rem;font-family:var(--font-body--family, sans-serif)}.sibling-picker__section{display:flex;flex-direction:column;gap:.5rem}.sibling-picker__header{display:flex;align-items:baseline}.sibling-picker__title{font-size:.95rem;font-weight:600;color:#111827;letter-spacing:-.01em}.sibling-picker__list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem}.sibling-picker__list--colors{gap:1.35rem;padding:6px 8px 6px 6px;margin-left:-2px}.sibling-picker__list--countertops{gap:1rem}.sibling-picker__list--cards{gap:.75rem}.sibling-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none}.sibling-item__text{font-size:12.5px;font-weight:500;color:#374151;text-align:center;white-space:nowrap}.sibling-item__text--wrap{white-space:normal;max-width:90px;line-height:1.25}.sibling-swatch-circle{width:52px;height:52px;border-radius:50%;display:block;position:relative;cursor:pointer;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px #0000000d;transition:transform .15s ease,box-shadow .15s ease;outline:none;background-clip:padding-box;margin:3px}.sibling-swatch-circle:hover:not(.is-active){transform:scale(1.06)}.sibling-swatch-circle.is-active{cursor:default;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #174950}.sibling-swatch-rect{width:78px;height:48px;border-radius:6px;display:block;position:relative;cursor:pointer;border:1.5px solid #d1d5db;box-shadow:0 1px 2px #0000000d;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;outline:none;background-clip:padding-box;background-size:cover;background-position:center}.sibling-swatch-rect:hover:not(.is-active){transform:translateY(-2px);border-color:#9ca3af;box-shadow:0 3px 6px #00000014}.sibling-swatch-rect.is-active{cursor:default;border:2px solid #174950;box-shadow:0 0 0 2px #fff,0 0 0 4px #174950}.sibling-swatch-rect--stone{border-color:#d1d5db}.sibling-picker__list--widths{gap:.6rem}.sibling-width-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;min-width:52px!important;padding:0 14px!important;border-radius:4px!important;border:1.5px solid #d1d5db!important;background-color:#fff!important;color:#1f2937!important;font-size:.9rem!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important;transition:all .15s ease!important;box-sizing:border-box!important}.sibling-width-btn:hover:not(.is-active){border-color:#9ca3af!important;color:#111827!important}.sibling-width-btn.is-active{cursor:default!important;border:2px solid #174950!important;color:#174950!important;font-weight:700!important}.sibling-card-item{display:flex;flex-direction:column;align-items:center;gap:.45rem}.sibling-diagram-card{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:96px!important;height:56px!important;border-radius:4px!important;border:1.5px solid #d1d5db!important;background-color:#fff!important;cursor:pointer!important;transition:all .15s ease!important;padding:8px!important;outline:none!important;box-sizing:border-box!important;text-decoration:none!important}.sibling-diagram-card:hover:not(.is-active){border-color:#9ca3af!important;background-color:#fafafa!important}.sibling-diagram-card.is-active{cursor:default!important;border:2px solid #174950!important;background-color:#fff!important}.sibling-diagram-svg{width:100%;height:100%;max-width:58px;max-height:32px;color:#4b5563;pointer-events:none;transition:color .15s ease}.sibling-diagram-card.is-active .sibling-diagram-svg{color:#174950}.sibling-card-swatches-wrapper{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important;margin:8px 0 4px!important}.sibling-card-swatches{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important;width:100%!important}.sibling-card-swatch{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;border-radius:50%!important;display:block!important;position:relative!important;border:1px solid rgba(41,39,34,.16)!important;box-sizing:border-box!important;transition:transform .2s ease,box-shadow .2s ease!important;cursor:pointer!important;background-clip:padding-box!important}.sibling-card-swatch:hover:not(.is-active){transform:scale(1.15)!important}.sibling-card-swatch.is-active{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #292722!important;border-color:#292722!important}.sibling-card-sizes{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;width:100%!important}html body .product-card .sibling-card-sizes a.sibling-card-size-pill,html body .product-card .sibling-card-sizes span.sibling-card-size-pill,html body .product-card__content a.sibling-card-size-pill,html body .product-card__content span.sibling-card-size-pill,html body a.sibling-card-size-pill,html body span.sibling-card-size-pill,.sibling-card-sizes .sibling-card-size-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;height:25px!important;min-width:32px!important;width:auto!important;padding:0 8px!important;border-radius:999px!important;box-sizing:border-box!important;font-family:var(--font-body-family),"Inter",-apple-system,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1!important;margin:0!important;text-decoration:none!important;letter-spacing:-.01em!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;vertical-align:middle!important}html body .product-card .sibling-card-sizes a.sibling-card-size-pill:not(.is-active),html body .product-card .sibling-card-sizes span.sibling-card-size-pill:not(.is-active),html body .product-card__content a.sibling-card-size-pill:not(.is-active),html body .product-card__content span.sibling-card-size-pill:not(.is-active),html body a.sibling-card-size-pill:not(.is-active),html body span.sibling-card-size-pill:not(.is-active),.sibling-card-sizes .sibling-card-size-pill:not(.is-active){background-color:#fff!important;background:#fff!important;border:1px solid #e2e8f0!important;border-color:#e2e8f0!important;color:#4b5563!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}html body .product-card .sibling-card-sizes a.sibling-card-size-pill:not(.is-active):hover,html body .product-card__content a.sibling-card-size-pill:not(.is-active):hover,html body a.sibling-card-size-pill:not(.is-active):hover{border-color:#292722!important;color:#292722!important;background-color:#f7f2ea!important;background:#f7f2ea!important;transform:translateY(-1px)!important}html body .product-card .sibling-card-sizes a.sibling-card-size-pill.is-active,html body .product-card .sibling-card-sizes span.sibling-card-size-pill.is-active,html body .product-card__content a.sibling-card-size-pill.is-active,html body .product-card__content span.sibling-card-size-pill.is-active,html body a.sibling-card-size-pill.is-active,html body span.sibling-card-size-pill.is-active,.sibling-card-sizes .sibling-card-size-pill.is-active{background-color:#292722!important;background:#292722!important;border:1px solid #292722!important;border-color:#292722!important;color:#fff!important;cursor:default!important;box-shadow:0 1px 3px #00000026!important}.sibling-picker__selected-val{font-weight:500;color:#4b5563;margin-left:4px}.swatch-price-badge{position:absolute;top:3px;right:3px;background:#174950;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;letter-spacing:.02em;pointer-events:none}.sibling-item__extra-price{font-size:11px;color:#059669;font-weight:600;display:block}.sibling-picker__section--sidesplash{margin-top:.5rem;margin-bottom:.25rem}.sidesplash-card{border:1.5px solid #e5e7eb;border-radius:8px;padding:14px 16px;background-color:#f9fafb;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.sidesplash-card:hover{border-color:#cbd5e1}.sidesplash-card.is-active{border-color:#174950;background-color:#f0f7f7;box-shadow:0 1px 4px #17495014}.sidesplash-card__main{display:flex;align-items:center;justify-content:space-between;width:100%}.sidesplash-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.sidesplash-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0}.sidesplash-checkbox-custom{width:20px;height:20px;min-width:20px;border-radius:4px;border:1.5px solid #9ca3af;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;margin-top:2px}.sidesplash-checkbox:focus+.sidesplash-checkbox-custom{box-shadow:0 0 0 2px #17495033}.sidesplash-checkbox:checked+.sidesplash-checkbox-custom{background-color:#174950;border-color:#174950}.sidesplash-check-icon{width:13px;height:13px;color:#fff;opacity:0;transform:scale(.6);transition:all .15s ease}.sidesplash-checkbox:checked+.sidesplash-checkbox-custom .sidesplash-check-icon{opacity:1;transform:scale(1)}.sidesplash-label-body{display:flex;flex-direction:column;gap:2px;flex-grow:1}.sidesplash-label-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidesplash-title{font-size:.95rem;font-weight:600;color:#111827}.sidesplash-unit-price{font-size:.9rem;font-weight:700;color:#174950}.sidesplash-subtitle{font-size:12px;color:#6b7280;line-height:1.35}.sidesplash-card__controls{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(23,73,80,.15)}.sidesplash-stepper{display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;overflow:hidden;height:32px}.sidesplash-stepper-btn{background:none;border:none;width:32px;height:32px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;padding:0}.sidesplash-stepper-btn:hover:not(:disabled){background-color:#f3f4f6;color:#111827}.sidesplash-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.sidesplash-stepper-val{min-width:32px;text-align:center;font-size:14px;font-weight:600;color:#111827}.sidesplash-total-line{font-size:.9rem;color:#374151}.sidesplash-total-line strong{color:#174950;font-size:.95rem}.sibling-swatch-rect{position:relative}.countertop-preview-popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(8px);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border-radius:8px;padding:6px;box-shadow:0 12px 28px #0003,0 2px 6px #00000014;border:1px solid rgba(0,0,0,.1);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;width:160px;display:flex;flex-direction:column;align-items:center}.countertop-preview-popup:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#ffffff transparent transparent transparent}.sibling-swatch-rect:hover .countertop-preview-popup,.sibling-item--countertop:hover .countertop-preview-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.countertop-preview-popup__img{width:100%;height:110px;border-radius:5px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000014;display:block}.countertop-preview-popup__title{margin-top:6px;font-size:11px;font-weight:600;color:#174950;text-align:center;line-height:1.25;white-space:normal;display:block}.sibling-swatch-circle:disabled,.sibling-swatch-circle[aria-disabled=true]{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.sibling-swatch-circle:disabled:hover,.sibling-swatch-circle[aria-disabled=true]:hover{transform:none}.sibling-color-unavailable:not([hidden]){display:block;font-size:11px;font-weight:400;color:#6b7280}.sibling-width-btn[aria-disabled=true],.sibling-diagram-card[aria-disabled=true]{opacity:.4;cursor:not-allowed!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sibling-swatches.css.map */
