.hp-compare{--hpc-accent: #03594d;--hpc-accent-text: #fff;--hpc-text: rgb(var(--color-foreground, 29 29 31));--hpc-muted: rgba(var(--color-foreground, 29 29 31), .62);--hpc-line: rgba(var(--color-foreground, 29 29 31), .12);--hpc-panel: rgba(var(--color-foreground, 29 29 31), .05);--hpc-bar-bg: rgb(var(--color-background, 255 255 255));--hpc-hl-icon: var(--hpc-text);--hpc-hl-items: start;--hpc-hl-align: left;--hpc-radius: 12px;--hpc-panel-px: 48px;--hpc-panel-py: 16px;--hpc-label-w: 180px;--hpc-col-min: 220px;--hpc-thumb-max: 240px;--hpc-row-py: 24px;--hpc-col-gap: 24px;--hpc-size: 16px;--hpc-leading: 1.6;--hpc-btn-radius: var(--btn-border-radius, 10px);--hpc-input-radius: var(--inputs-radius, 8px);--hpc-btn-py: 8px;--hpc-btn-px: 20px;--hpc-btn-size: 14px;--hpc-btn-weight: 500;--hpc-sticky-top: 70px;color:var(--hpc-text)}.hp-compare__title{margin:0 0 12px}.hp-compare__subtitle{margin:0 auto;max-width:62ch;color:var(--hpc-muted)}.hp-compare__subtitle>:first-child{margin-top:0}.hp-compare__subtitle>:last-child{margin-bottom:0}.hp-compare__groups{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0}.hp-compare__group-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--hpc-line);background:transparent;color:var(--hpc-text);font-size:14px;line-height:1;font-weight:500;padding:12px 20px;border-radius:var(--hpc-group-radius, var(--hpc-btn-radius));cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.hp-compare__group-btn:hover{border-color:var(--hpc-text)}.hp-compare__group-btn.is-active{background:var(--hpc-accent);border-color:var(--hpc-accent);color:var(--hpc-accent-text)}.hp-compare__group-btn:focus-visible{outline:2px solid var(--hpc-accent);outline-offset:2px}.hp-compare__hint{margin:16px 0 0;text-align:center;font-size:14px;color:var(--hpc-muted)}.hp-compare__hint--mobile{display:none}.hp-compare__panel{margin-top:32px;background:var(--hpc-panel);border-radius:var(--hpc-radius);padding:var(--hpc-panel-py) var(--hpc-panel-px)}.hp-compare__scroll{overflow:visible}.hp-compare__grid{font-size:var(--hpc-size);line-height:var(--hpc-leading)}.hp-compare__row{display:grid;grid-template-columns:var(--hpc-tpl, var(--hpc-label-w) repeat(3, minmax(var(--hpc-col-min), 1fr)));gap:4px var(--hpc-col-gap);align-items:start;padding:var(--hpc-row-py) 0;border-top:1px solid var(--hpc-line)}.hp-compare__row--products{border-top:0;padding:var(--hpc-row-py) 0 40px;align-items:end}.hp-compare__label-cell{font-weight:700;color:var(--hpc-text)}.hp-compare__value-cell{color:var(--hpc-muted);min-width:0;overflow-wrap:break-word}.hp-compare__cell--best{color:var(--hpc-text);font-weight:600}.hp-compare__cell--best:after{content:"";display:inline-block;width:5px;height:5px;margin-left:8px;border-radius:50%;background:var(--hpc-accent);vertical-align:middle}.hp-compare__row--zebra{background:transparent}.hp-compare__picker{display:grid;gap:20px;justify-items:stretch}.hp-compare__thumb{width:100%;max-width:var(--hpc-thumb-max, 100%);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hp-compare__thumb img{display:block;width:100%;height:100%;object-fit:contain}.hp-compare__thumb--empty{border:1px dashed var(--hpc-line);border-radius:8px}.hp-compare__pname{font-weight:700;color:var(--hpc-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-compare__pprice{color:var(--hpc-muted)}.hp-compare__pprice s{opacity:.55;margin-right:6px}.hp-compare__select-wrap{position:relative;width:100%}.hp-compare__select{-webkit-appearance:none;appearance:none;width:100%;font:inherit;font-size:14px;color:var(--hpc-text);background:transparent;border:1px solid var(--hpc-line);border-radius:var(--hpc-input-radius);padding:10px 36px 10px 12px;cursor:pointer}.hp-compare__select:focus-visible{outline:2px solid var(--hpc-accent);outline-offset:1px}.hp-compare__select-wrap:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--hpc-muted);border-bottom:1.5px solid var(--hpc-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.hp-compare__cta{justify-self:start}.hp-compare__cta:not(.m-button){display:inline-block;font-size:var(--hpc-btn-size);line-height:var(--hpc-leading);font-weight:var(--hpc-btn-weight);text-align:center;padding:var(--hpc-btn-py) var(--hpc-btn-px);border-radius:var(--hpc-btn-radius);border:0;cursor:pointer;background:var(--hpc-accent);color:var(--hpc-accent-text);text-decoration:none;transition:opacity .18s ease;justify-self:start}.hp-compare__cta:not(.m-button):hover{opacity:.86}.hp-compare__yes{display:inline-flex;align-items:center;gap:6px;color:var(--hpc-text)}.hp-compare__yes svg{width:16px;height:16px;flex:0 0 auto}.hp-compare__no,.hp-compare__na{color:var(--hpc-muted)}.hp-compare__highlights{display:grid;gap:36px;justify-items:var(--hpc-hl-items, start);text-align:var(--hpc-hl-align, left)}.hp-compare__hl{display:grid;gap:14px;justify-items:var(--hpc-hl-items, start)}.hp-compare__hl-icon{width:40px;height:40px;color:var(--hpc-hl-icon, var(--hpc-text))}.hp-compare__hl-icon svg{width:100%;height:100%}.hp-compare__hl-text{color:var(--hpc-text);line-height:var(--hpc-leading);max-width:26ch}.hp-compare__closing{margin-top:28px;text-align:center}.hp-compare__closing-btn{display:inline-block;font-size:var(--hpc-btn-size);font-weight:var(--hpc-btn-weight);line-height:var(--hpc-leading);padding:var(--hpc-btn-py) var(--hpc-btn-px);border-radius:var(--hpc-btn-radius);background:rgba(var(--color-foreground, 29 29 31),.1);color:var(--hpc-text);text-decoration:none}.hp-compare__empty-msg{text-align:center;color:var(--hpc-muted);padding:40px 0}.hp-compare__sticky-bar{position:fixed;z-index:20;display:none;gap:var(--hpc-col-gap);padding:10px 0;background-color:var(--hpc-bar-bg);background-image:linear-gradient(var(--hpc-panel),var(--hpc-panel));border-bottom:1px solid var(--hpc-line);box-shadow:0 6px 16px #0000000f;align-items:center}.hp-compare__sticky-bar.is-visible{display:grid}.hp-compare__sbar-cell{min-width:0}.hp-compare__sbar-mini{display:flex;align-items:center;gap:10px;min-width:0}.hp-compare__sbar-img{width:36px;height:36px;object-fit:contain;flex:0 0 auto}.hp-compare__sbar-txt{min-width:0;flex:1 1 auto;display:flex;flex-direction:column}.hp-compare__sbar-name{display:block;min-width:0;max-width:100%;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-compare__sbar-price{font-size:12px;color:var(--hpc-muted);white-space:nowrap}.hp-compare__sbar-cta{flex:0 0 auto;margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:var(--hpc-text)}.hp-compare__pinned{display:none}@media(max-width:767px){.hp-compare{--hpc-size: 14px;--hpc-row-py: 16px;--hpc-col-gap: 20px}.hp-compare__panel{margin-inline:calc(50% - 50vw);width:100vw;border-radius:0;padding:8px 0}.hp-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:20px;padding-inline:20px;scrollbar-width:none}.hp-compare__scroll::-webkit-scrollbar{display:none}.hp-compare__row{grid-template-columns:var(--hpc-tpl-m, repeat(3, var(--hpc-col-m, 150px)));width:max-content;min-width:100%}.hp-compare__label-cell{grid-column:1 / -1;grid-row:1;position:sticky;left:0;width:max-content;max-width:100vw;padding-right:12px}.hp-compare__value-cell{grid-row:2;scroll-snap-align:start}.hp-compare__row--products .hp-compare__header-cell{scroll-snap-align:start}.hp-compare__corner{display:none}.hp-compare__picker{gap:14px}.hp-compare__hint{display:none}.hp-compare__hint--mobile{display:block}.hp-compare__sticky-bar.is-visible{display:none}.hp-compare__pinned{position:fixed;z-index:20;left:0;right:0;background-color:var(--hpc-bar-bg);background-image:linear-gradient(var(--hpc-panel),var(--hpc-panel));border-bottom:1px solid var(--hpc-line);box-shadow:0 6px 16px #0000000f;padding:10px 20px;overflow:hidden;display:none}.hp-compare__pinned.is-visible{display:block}.hp-compare__pinned .hp-compare__row{padding:0;border-top:0;align-items:center}.hp-compare__pinned .hp-compare__picker{gap:8px}.hp-compare__pinned .hp-compare__pname{font-size:12px;-webkit-line-clamp:1}.hp-compare__highlights{gap:24px}.hp-compare__hl-icon{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.hp-compare__scroll{scroll-behavior:auto}.hp-compare__group-btn,.hp-compare__cta:not(.m-button){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/compare-apple.css.map */