.dn-pcard__compare{position:absolute;inset-block-start:var(--dn-space-2);inset-inline-end:var(--dn-space-2);z-index:var(--dn-z-raised);display:inline-flex;align-items:center;gap:var(--dn-space-2);padding:5px var(--dn-space-3) 5px var(--dn-space-2);background-color:var(--dn-color-surface);border:var(--dn-border-width) solid var(--dn-color-line);border-radius:var(--dn-radius-pill);font-size:var(--dn-size-label);color:var(--dn-color-text-muted);cursor:pointer;opacity:0;transition:opacity var(--dn-duration-base) var(--dn-ease-standard),border-color var(--dn-duration-fast) var(--dn-ease-standard),color var(--dn-duration-fast) var(--dn-ease-standard)}@media(hover:none){.dn-pcard__compare{opacity:1}}.dn-pcard:hover .dn-pcard__compare,.dn-pcard:focus-within .dn-pcard__compare{opacity:1}.dn-pcard__compare:has(input:checked){opacity:1;border-color:var(--dn-color-accent);color:var(--dn-color-accent)}.dn-pcard__compare input{width:15px;height:15px;margin:0;accent-color:var(--dn-color-accent);cursor:pointer}.dn-pcard__compare:focus-within{outline:var(--dn-focus-ring);outline-offset:2px}.dn-compare__bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--dn-z-sticky);background-color:var(--dn-ink-900);color:var(--dn-white);border-block-start:3px solid var(--dn-color-accent);transform:translateY(100%);transition:transform var(--dn-duration-base) var(--dn-ease-out)}.dn-compare.is-visible .dn-compare__bar{transform:none}.dn-compare__bar.is-full{animation:dn-compare-shake .42s var(--dn-ease-standard)}@keyframes dn-compare-shake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.dn-compare__bar{transition:none}.dn-compare__bar.is-full{animation:none;outline:2px solid var(--dn-color-accent)}}.dn-compare__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dn-space-4);padding-block:var(--dn-space-4)}.dn-compare__left{display:flex;align-items:center;gap:var(--dn-space-4);min-width:0}.dn-compare__count{flex-shrink:0;font-family:var(--dn-font-data);font-size:var(--dn-size-caption);font-variant-numeric:tabular-nums;color:#fff9}.dn-compare__count strong{font-size:var(--dn-size-body-lg);color:var(--dn-white)}.dn-compare__slots{display:flex;gap:var(--dn-space-2);overflow-x:auto;scrollbar-width:none;min-width:0}.dn-compare__slots::-webkit-scrollbar{display:none}.dn-compare__slot button{display:inline-flex;align-items:center;gap:var(--dn-space-2);max-width:15rem;min-height:34px;padding-inline:var(--dn-space-3);background-color:#ffffff14;border:var(--dn-border-width) solid rgb(255 255 255 / .16);border-radius:var(--dn-radius-pill);color:#ffffffd9;font-size:var(--dn-size-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dn-compare__slot button:hover{border-color:var(--dn-color-accent);color:var(--dn-white)}.dn-compare__slot span{color:#ffffff80}.dn-compare__actions{display:flex;align-items:center;gap:var(--dn-space-3);flex-shrink:0}.dn-compare__actions .dn-btn--text{color:#ffffffb3}.dn-compare__actions .dn-btn--text:hover{color:var(--dn-white)}.dn-compare__actions .dn-btn--primary{--dn-btn-bg: var(--dn-white);--dn-btn-fg: var(--dn-ink-900);--dn-btn-border: var(--dn-white);--dn-btn-bg-hover: var(--dn-color-accent);--dn-btn-fg-hover: var(--dn-color-accent-contrast);--dn-btn-border-hover: var(--dn-color-accent)}.dn-compare__dialog{width:min(1100px,96vw);max-height:92vh;padding:0;border:0;border-radius:var(--dn-radius-media);background-color:var(--dn-color-bg);color:var(--dn-color-text);overflow:hidden}.dn-compare__dialog::backdrop{background-color:#12233f8c}.dn-compare__head{display:flex;align-items:center;justify-content:space-between;gap:var(--dn-space-4);padding:var(--dn-space-5) var(--dn-space-6);border-block-end:var(--dn-border-width) solid var(--dn-color-line)}.dn-compare__body{max-height:calc(92vh - 76px);overflow:auto}.dn-compare__loading{padding:var(--dn-space-10);text-align:center;color:var(--dn-color-text-muted)}.dn-compare__scroll{overflow-x:auto}.dn-compare__table{width:100%;border-collapse:collapse;font-size:var(--dn-size-small)}.dn-compare__table thead th{position:sticky;inset-block-start:0;z-index:1;min-width:190px;padding:var(--dn-space-4);background-color:var(--dn-color-surface);border-block-end:var(--dn-border-width) solid var(--dn-color-line-strong);text-align:start;vertical-align:top}.dn-compare__card{display:grid;gap:var(--dn-space-2);color:var(--dn-color-heading)}.dn-compare__card img{width:100%;max-width:120px;height:auto;object-fit:contain}.dn-compare__noimg{display:block;width:120px;aspect-ratio:1;background-color:var(--dn-color-surface-sunken);border-radius:var(--dn-radius-sm)}.dn-compare__vendor{font-family:var(--dn-font-data);font-size:var(--dn-size-label);letter-spacing:var(--dn-tracking-label);text-transform:uppercase;color:var(--dn-color-text-muted)}.dn-compare__title{font-weight:var(--dn-weight-medium);line-height:var(--dn-leading-snug)}.dn-compare__price{display:flex;align-items:baseline;gap:var(--dn-space-2);margin-block-start:var(--dn-space-2);font-family:var(--dn-font-heading);font-size:var(--dn-size-h4);font-weight:var(--dn-weight-bold);font-variant-numeric:tabular-nums;color:var(--dn-color-price)}.dn-compare__price.is-sale{color:var(--dn-color-price-sale)}.dn-compare__price s{font-size:var(--dn-size-caption);font-weight:400;color:var(--dn-color-text-muted)}.dn-compare__table th[scope=row]{min-width:150px;padding:var(--dn-space-3) var(--dn-space-4);background-color:var(--dn-color-bg);font-weight:var(--dn-weight-medium);color:var(--dn-color-text-muted);text-align:start;white-space:nowrap}.dn-compare__table td{padding:var(--dn-space-3) var(--dn-space-4);border-block-end:var(--dn-border-width) solid var(--dn-color-line);font-family:var(--dn-font-data);color:var(--dn-color-heading);vertical-align:middle}.dn-compare__table tbody th{border-block-end:var(--dn-border-width) solid var(--dn-color-line)}.dn-compare__table tr.is-diff td{background-color:color-mix(in srgb,var(--dn-color-accent) 5%,transparent)}.dn-compare__table tr.is-diff th[scope=row]{color:var(--dn-color-heading)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/denet-compare.css.map */