product-compare,.product-compare-button{--compare-brand: var(--color-royal-blue);--compare-accent: #f5821f;--compare-accent-hover: #dd6f0f;--compare-danger: #e23b3b}.product-compare-button{position:absolute;top:56px;inset-inline-end:12px;z-index:5;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:0;padding:0;border:none;border-radius:50%;background-color:var(--color-white);color:var(--compare-brand);box-shadow:0 2px 10px rgba(var(--color-black-rgb),.18);cursor:pointer;opacity:0;transition:opacity .15s,transform .15s,background-color .15s}.product-card__image-wrapper:hover .product-compare-button,.product-compare-button:focus-visible,.product-compare-button.is-active{opacity:1}@media(hover:none){.product-compare-button{opacity:1}}.product-compare-button:hover{transform:scale(1.08)}.product-compare-button.is-active{background-color:var(--compare-brand);color:var(--color-white)}.product-compare-button svg{display:block;width:16px;height:16px}.compare-tray{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:99px;background-color:var(--compare-brand);box-shadow:0 10px 30px rgba(var(--color-black-rgb),.35)}.compare-tray[hidden]{display:none}.compare-tray__items{display:flex;gap:10px;margin:0;padding:0;list-style:none}.compare-tray__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--border-radius-card);background-color:var(--color-white)}.compare-tray__thumb img{max-width:82%;max-height:82%;object-fit:contain}.compare-tray__remove{position:absolute;top:-6px;inset-inline-end:-6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:2px solid var(--color-white);border-radius:50%;background-color:var(--compare-brand);color:var(--color-white);font-size:var(--font-size-10);line-height:1;cursor:pointer;box-shadow:0 1px 3px rgba(var(--color-black-rgb),.3)}.compare-tray__remove:hover{background-color:var(--compare-danger)}.compare-tray__open{padding:11px 24px;border:none;border-radius:99px;background-color:var(--compare-accent);color:var(--color-white);letter-spacing:.56px;text-transform:uppercase;cursor:pointer}.compare-tray__open:hover{background-color:var(--compare-accent-hover)}.compare-tray__clear{padding:6px;border:none;background:none;color:var(--color-light-blue);cursor:pointer}.compare-tray__clear:hover{color:var(--color-white)}.compare-modal .drawer__inner{width:100%;max-width:920px}.compare-modal .drawer__body{padding:28px}.compare-modal__title{margin:0 0 18px;color:var(--compare-brand);letter-spacing:.48px;text-transform:uppercase}.compare-modal__error{margin:0 0 14px;color:var(--compare-danger)}.compare-modal__table{width:100%;border-collapse:collapse}.compare-modal__table th{width:120px;padding:12px 10px;border-bottom:1px solid var(--color-light-gray-300);color:var(--color-dark-gray-500);letter-spacing:.88px;text-align:left;text-transform:uppercase;vertical-align:middle}.compare-modal__table td{padding:12px 10px;border-bottom:1px solid var(--color-light-gray-300);color:var(--color-black);vertical-align:middle}.compare-modal__table tr:nth-child(2n) td,.compare-modal__table tr:nth-child(2n) th{background-color:var(--color-light-gray-100)}.compare-modal__table td img{display:block;max-width:90px;max-height:90px;margin-bottom:8px;object-fit:contain}.compare-modal__name{color:var(--color-black)}.compare-modal__table s{margin-inline-end:6px;color:var(--color-dark-gray-300);font-weight:var(--font-weight-regular)}.compare-modal__atc{width:100%;padding:11px 14px;border:none;border-radius:var(--border-radius-card);background-color:var(--compare-accent);color:var(--color-white);text-transform:uppercase;cursor:pointer}.compare-modal__atc:hover{background-color:var(--compare-accent-hover)}.compare-modal__atc[aria-disabled=true]{opacity:.6;pointer-events:none}.compare-modal__atc:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:600px){.compare-modal__table th{width:80px}.compare-modal .drawer__body{padding:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-compare.css.map */