compare-link{display:contents}compare-link a[data-count]:after{content:" (" attr(data-count) ")"}compare-link .menu-drawer__menu-item{align-items:center;display:flex!important;gap:.5rem}compare-link .menu-drawer__menu-item svg{max-width:20px}details:has(compare-link a[data-count]) .header__icon--account:after,header-drawer:has(compare-link a[data-count]) .menu-drawer-toggler:after{background:var(--color-base-accent-1);border-radius:100%;content:"";position:absolute;top:.5rem;right:.35rem;width:.5rem;height:.5rem}header-drawer:has(compare-link a[data-count]) .menu-drawer-toggler:after{top:0;right:0}compare-link .header__icon--compare{position:relative}compare-link .header__icon--compare[data-count]:after{content:attr(data-count);background:var(--color-base-accent-1);color:var(--color-base-accent-1-inverse);font-size:.75rem;height:1rem;left:auto;position:absolute;right:.25rem;top:.325rem;width:1rem;display:flex;min-width:-moz-min-content;min-width:min-content;align-items:center;justify-content:center;border-radius:9999px;padding:0 .125rem;font-weight:700}@media (min-width: 640px){header-drawer .item--compare,header-drawer:has(compare-link a[data-count]) .menu-drawer-toggler:after{display:none}}@media (hover: hover){details:has(compare-link a[data-count]) .header__icon--account:after{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}details:has(compare-link a[data-count]) .header__icon--account:hover:after{transform:scale(1.1)}details.open:has(compare-link a[data-count]) .header__icon--account:after{transform:translateY(3rem)}compare-link .header__icon--compare[data-count]:after{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}compare-link .header__icon--compare[data-count]:hover:after{transform:scale(1.05)}}[dir=rtl] details:has(compare-link a[data-count]) .header__icon--account:after,[dir=rtl] header-drawer:has(compare-link a[data-count]) .menu-drawer-toggler:after{left:.35rem;right:auto}[dir=rtl] header-drawer:has(compare-link a[data-count]) .menu-drawer-toggler:after{left:0;right:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-compare-link.css.map */
