.compare-tray[hidden]{display:none}.compare-tray__panel{position:fixed;left:0;right:0;bottom:0;z-index:200;margin:0 auto;max-width:1410px;width:100%;background:var(--color-background);box-shadow:0 -27px 120px 29px #0003;padding:50px 64px 20px;transform:translateZ(0);transition:transform .3s var(--ease),opacity .3s var(--ease)}.compare-tray--expanded:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0003}.compare-tray--expanded .compare-tray__panel{top:90px;overflow-y:auto}.compare-tray__controls{position:absolute;top:16px;right:16px;display:flex;gap:8px}.compare-tray__icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer}.compare-tray__icon-btn:hover{background:var(--color-surface-light)}.compare-tray__icon{width:18px;height:18px}.compare-tray__body{display:flex;align-items:center;gap:30px}.compare-tray__actions{display:flex;flex-direction:column;flex:0 0 210px;gap:var(--space-32)}.compare-tray__prompt{margin:0;font-size:13px;color:var(--color-muted)}.compare-tray__prompt[hidden]{display:none}.compare-tray__prompt--warning{color:var(--color-error)}.compare-tray__actions .button{font-weight:var(--font-weight-semi-bold)}.compare-tray__action{border-color:var(--color-compare-active);background:var(--color-compare-active);color:var(--color-on-dark)}[data-compare-clear]{border-color:#444;color:#444}@media(hover:hover){.compare-tray__action:hover{border-color:var(--color-compare-hover);background:var(--color-compare-hover);color:var(--color-on-dark)}}.compare-tray__slots{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:24px;list-style:none;margin:0;padding:0}.compare-tray__slot{position:relative;flex:1 1 0;min-width:0;max-width:230px;text-align:center}.compare-tray__slot-media{position:relative;width:100%;aspect-ratio:4 / 3;background-size:contain;background-repeat:no-repeat;background-position:center}.compare-tray__slot--empty .compare-tray__slot-media{border:1px solid var(--color-border)}.compare-tray__slot-remove{position:absolute;top:-12px;right:0;width:22px;height:22px;border:0;background:transparent;color:var(--color-compare-active);cursor:pointer;display:flex;align-items:center;justify-content:center}@media(hover:hover){.compare-tray__slot-remove:hover{color:var(--color-text)}}.compare-tray__slot-icon{width:14px;height:14px}.compare-tray__slot-title{margin:16px 0;font-size:14px;line-height:30px;font-weight:var(--font-weight-semi-bold)}.compare-tray__slot-description{margin:0;padding-bottom:16px;font-size:12px;line-height:20px;color:var(--color-text)}.compare-tray__slot-link{display:inline-block;font-size:15px;line-height:20px;font-weight:var(--font-weight-semi-bold);text-decoration:underline;text-transform:uppercase;color:var(--color-compare-active)}@media(hover:hover){.compare-tray__slot-link:hover{color:var(--color-text)}}.compare-tray__features{margin-top:32px;max-height:calc(100vh - 420px);overflow-y:auto}.compare-tray__features[hidden]{display:none}.compare-tray__feature-row{display:grid;grid-template-columns:1fr repeat(4,1fr)}.compare-tray__feature-row>div{padding:12px 8px;border-bottom:1px solid var(--color-border);font-size:14px}.compare-tray__feature-row:nth-child(2n){background:var(--color-surface-light)}.compare-tray__feature-row--head{background:var(--color-compare);font-size:15px;font-weight:var(--font-weight-medium);border-bottom:0}.compare-tray__feature-row--head>div:first-child{padding-left:16px}.compare-tray__feature-name{font-size:14px;padding-left:16px}.compare-tray__feature-row--active{background:#62b5e540}@media(prefers-reduced-motion:reduce){.compare-tray__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-compare-tray.css.map */