.hhl-pairs__tools{display:flex;flex:none;align-items:center;gap:8px}.hhl-pairs__compare{padding:5px 12px;font-size:var(--hhl-text-sm);font-weight:var(--text-font-bold-weight, 600);color:rgb(var(--text-color));background:rgb(var(--background));border:var(--hhl-border);border-radius:999px;cursor:pointer;transition:background-color var(--hhl-dur-fast) var(--hhl-ease)}.hhl-pairs__compare:hover{background:rgba(var(--text-color),var(--hhl-tint-hover))}html.hhl-compare-lock{overflow:hidden}.hhl-compare{width:min(1100px,calc(100vw - 32px),calc(160px + var(--hhl-compare-cols, 3) * 150px + 22px));max-width:none;max-height:calc(100dvh - 48px);position:fixed;top:0;right:0;bottom:0;left:0;height:fit-content;margin:auto;padding:0;color:rgb(var(--text-color));background:transparent;border:0;opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--hhl-dur) var(--hhl-ease),transform var(--hhl-dur) var(--hhl-ease)}.hhl-compare.is-open{opacity:1;transform:none}.hhl-compare::backdrop{background:#0000;transition:background-color var(--hhl-dur) var(--hhl-ease)}.hhl-compare.is-open::backdrop{background:#0000008c}.hhl-compare__panel{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);overflow:hidden;background:rgb(var(--background));border:var(--hhl-border);border-radius:var(--hhl-radius-panel);box-shadow:var(--hhl-shadow-panel)}.hhl-compare__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 12px}.hhl-compare__title,.hhl-compare__sub{margin:0}.hhl-compare__sub{margin-top:4px}.hhl-compare__close{flex:none}.hhl-compare__close svg{width:var(--hhl-icon-size);height:var(--hhl-icon-size)}.hhl-compare__scroll{overflow:auto;padding:0 20px 20px 0;overscroll-behavior:contain}.hhl-compare__table{width:100%;min-width:calc(160px + var(--hhl-compare-cols, 3) * 150px);border-collapse:separate;border-spacing:0;table-layout:fixed}.hhl-compare__table th,.hhl-compare__table td{padding:10px 12px;text-align:center;vertical-align:middle;border-bottom:var(--hhl-border)}.hhl-compare__table tr>:first-child{position:sticky;left:0;z-index:1;width:160px;padding-left:20px;text-align:left;background:rgb(var(--background));box-shadow:8px 0 10px -10px rgba(var(--text-color),.35)}.hhl-compare__table tr>.hhl-compare__corner{position:static;background:transparent;box-shadow:none}.hhl-compare__label{font-size:var(--hhl-text-md);font-weight:var(--text-font-bold-weight, 600)}.hhl-compare__value{font-size:calc(var(--base-font-size) - 1px)}.hhl-compare__table tbody tr:nth-child(odd)>*{background:var(--hhl-card-bg)}.hhl-compare__table tbody tr:nth-child(odd)>:first-child{background:linear-gradient(var(--hhl-card-bg),var(--hhl-card-bg)),rgb(var(--background))}.hhl-compare__product{vertical-align:top;border-bottom:0}.hhl-compare__product>*+*{margin-top:8px}.hhl-compare__link{display:grid;justify-items:center;gap:8px;color:inherit;text-decoration:none}.hhl-compare__photo{position:relative;display:block;width:112px;height:112px;overflow:hidden;background:#fff;border-radius:var(--hhl-radius-card)}.hhl-compare__photo img{display:block;width:100%;height:100%;object-fit:cover}.hhl-compare__labels{position:absolute;inset:6px auto auto 6px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.hhl-compare__labels:empty{display:none}.hhl-compare__labels .label{font-size:10px;line-height:1.6;padding:0 6px}.hhl-compare__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.35em);font-size:var(--hhl-text-md);font-weight:400;line-height:1.35}.hhl-compare__link:hover .hhl-compare__name{text-decoration:underline}.hhl-compare__price{display:block;font-weight:var(--text-font-bold-weight, 600)}.hhl-compare__add,.hhl-compare__sold{min-width:112px;box-sizing:border-box;text-align:center}.hhl-compare__sold{display:inline-block;padding:7px 0}.hhl-compare__add{display:inline-block;padding:7px 14px;font-size:var(--hhl-text-sm);font-weight:var(--text-font-bold-weight, 600);color:rgb(var(--primary-button-text-color));text-decoration:none;background:rgb(var(--primary-button-background));border:0;border-radius:var(--button-border-radius, var(--hhl-radius-small));cursor:pointer;transition:opacity var(--hhl-dur-fast) var(--hhl-ease)}.hhl-compare__add:hover{opacity:.88}.hhl-compare__add:disabled{opacity:.6;cursor:default}.hhl-compare__add--link{color:rgb(var(--text-color));background:transparent;border:var(--hhl-border)}.hhl-compare__error{display:block;box-sizing:border-box;padding-block-start:6px;overflow:hidden;color:rgb(var(--error-color));font-size:var(--hhl-text-sm);font-weight:400;line-height:1.45}.hhl-compare .is-loading{color:rgba(var(--text-color),.4)}.hhl-compare__product.is-loading{height:220px}@media screen and (max-width:740px){.hhl-compare{width:100vw;max-height:92dvh;margin:auto 0 0;transform:translateY(24px)}.hhl-compare__panel{max-height:92dvh;border-radius:var(--hhl-radius-panel) var(--hhl-radius-panel) 0 0}.hhl-compare__head{padding-inline:14px}.hhl-compare__scroll{padding-inline:0 14px}.hhl-compare__table{min-width:calc(124px + var(--hhl-compare-cols, 3) * 136px)}.hhl-compare__table tr>:first-child{width:124px;padding-left:14px}}@media(prefers-reduced-motion:reduce){.hhl-compare,.hhl-compare::backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/hhl-compare.css.map */