ari-compare-tray{--ari-radius: var(--style-border-radius-buttons-primary, 8px);display:contents}ari-compare-tray [hidden]{display:none!important}.ari-compare-tray__bar{position:fixed;z-index:40;right:50%;bottom:max(1rem,env(safe-area-inset-bottom));display:flex;width:max-content;max-width:calc(100vw - 2.5rem);min-height:4.6rem;align-items:center;gap:1rem;padding:.75rem .85rem .75rem 1rem;overflow:visible;border:1px solid rgb(var(--color-background-rgb) / .14);border-radius:14px;background:rgb(var(--color-foreground-rgb) / .96);box-shadow:0 .8rem 2.2rem #00000038;color:var(--color-background);transform:translate(50%);transition:width .58s cubic-bezier(.22,1.4,.36,1),transform .5s cubic-bezier(.22,1.4,.36,1),opacity .28s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ari-compare-tray__bar.is-entering{animation:ari-compare-tray-bar-enter .55s cubic-bezier(.22,1.45,.36,1) both}.ari-compare-tray__bar.is-shaking{animation:ari-compare-tray-shake .42s ease}@keyframes ari-compare-tray-shake{0%,to{transform:translate(50%)}20%{transform:translate(calc(50% - 8px))}40%{transform:translate(calc(50% + 8px))}60%{transform:translate(calc(50% - 5px))}80%{transform:translate(calc(50% + 3px))}}.ari-compare-tray__warning{position:absolute;z-index:2;bottom:calc(100% + .55rem);left:50%;margin:0;padding:.42rem .72rem;border-radius:999px;background:var(--color-background);box-shadow:0 .45rem 1.2rem #0003;color:var(--color-foreground);font-size:.72rem;font-weight:650;line-height:1.2;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.ari-compare-tray__warning:not([hidden]){animation:ari-compare-tray-warning-in .22s ease}@keyframes ari-compare-tray-warning-in{0%{transform:translate(-50%) translateY(6px)}to{transform:translate(-50%) translateY(0)}}@keyframes ari-compare-tray-bar-enter{0%{opacity:0;transform:translate(50%) translateY(18px) scale(.94)}to{opacity:1;transform:translate(50%) translateY(0) scale(1)}}.ari-compare-tray__copy{display:flex;min-width:9rem;flex-direction:column;gap:.18rem}.ari-compare-tray__copy strong{font-family:var(--font-heading--family);font-size:.84rem;letter-spacing:-.01em}.ari-compare-tray__copy span{color:rgb(var(--color-background-rgb) / .68);font-size:.68rem}.ari-compare-tray__items{display:flex;flex:0 0 auto;gap:.5rem;overflow:visible}.ari-compare-tray__item{position:relative;display:block;flex:0 0 auto;width:5.5rem;height:3.1rem;overflow:hidden;border-radius:var(--ari-radius);background:#fff;transform-origin:center}.ari-compare-tray__item.is-new{animation:ari-compare-tray-item-enter .48s cubic-bezier(.22,1.55,.36,1) both}@keyframes ari-compare-tray-item-enter{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.ari-compare-tray__item img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.ari-compare-tray__item span{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding:.25rem .3rem;background:linear-gradient(180deg,transparent,rgb(0 0 0 / .78));color:#fff;font-size:.57rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ari-compare-tray__item button{position:absolute;z-index:2;top:.2rem;right:.2rem;display:grid;width:1.25rem;height:1.25rem;place-items:center;padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:50%;background:rgb(var(--color-background-rgb) / .94);color:var(--color-foreground);font-size:.86rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 .1rem .25rem #00000029}.ari-compare-tray__actions{position:relative;z-index:1;display:flex;flex:0 0 auto;align-items:center;gap:.7rem}.ari-compare-tray__actions button{font:inherit;font-family:var(--font-subheading--family);letter-spacing:var(--letter-spacing-md);text-decoration:underline;text-underline-offset:.28em;text-transform:uppercase}.ari-compare-tray__actions button,.ari-compare-tray__actions button:hover,.ari-compare-tray__actions button:focus-visible,.ari-compare-tray__actions button:active{padding:0;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;color:rgb(var(--color-background-rgb) / .78);cursor:pointer;font-size:.75rem;font-weight:650}.ari-compare-tray__actions button:hover,.ari-compare-tray__actions button:focus-visible{color:var(--color-background)}.ari-compare-tray__actions a{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;padding:0 1rem;border-radius:var(--ari-radius);background:var(--color-background);color:var(--color-foreground);font-family:var(--font-subheading--family);font-size:.72rem;font-weight:700;text-decoration:none;white-space:nowrap}.ari-compare-tray__actions a:hover,.ari-compare-tray__actions a:focus-visible{background:rgb(var(--color-background-rgb) / .85)}.ari-compare-tray__actions a.is-disabled{cursor:not-allowed;opacity:.42}.ari-compare-tray__warning[hidden]{display:none}.ari-compare-tray__link-extra{white-space:pre}.ari-compare-tray__slot{display:none}.ari-compare-tray__picker{position:absolute;z-index:3;right:0;bottom:calc(100% + .55rem);display:flex;width:min(22rem,calc(100vw - 1.5rem));max-height:min(60vh,28rem);flex-direction:column;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:14px;background:var(--color-background);box-shadow:0 .8rem 2.2rem #0000003d;color:var(--color-foreground);animation:ari-compare-tray-picker-in .22s ease}.ari-compare-tray__picker[hidden]{display:none}@keyframes ari-compare-tray-picker-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ari-compare-tray__picker-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .7rem .6rem 1rem;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .1)}.ari-compare-tray__picker-header strong{font-family:var(--font-heading--family);font-size:.9rem;letter-spacing:-.01em}.ari-compare-tray__picker-header button,.ari-compare-tray__picker-header button:hover,.ari-compare-tray__picker-header button:focus-visible,.ari-compare-tray__picker-header button:active{display:grid;width:2rem;height:2rem;place-items:center;padding:0;border:0;border-radius:50%;background:rgb(var(--color-foreground-rgb) / .06);box-shadow:none;color:var(--color-foreground);font-size:1.1rem;line-height:1;cursor:pointer}.ari-compare-tray__picker-list{margin:0;padding:.35rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;list-style:none}.ari-compare-tray__picker-list button,.ari-compare-tray__picker-list button:hover,.ari-compare-tray__picker-list button:focus-visible,.ari-compare-tray__picker-list button:active{display:grid;width:100%;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.35rem .6rem .35rem .35rem;border:0;border-radius:var(--ari-radius);background:transparent;box-shadow:none;color:var(--color-foreground);text-align:left;cursor:pointer}.ari-compare-tray__picker-list button:hover,.ari-compare-tray__picker-list button:focus-visible{background:rgb(var(--color-foreground-rgb) / .06)}.ari-compare-tray__picker-list button[disabled]{background:transparent;cursor:default;opacity:.5}.ari-compare-tray__picker-thumb{display:block;height:2.6rem;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:var(--ari-radius);background:#fff}.ari-compare-tray__picker-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.ari-compare-tray__picker-name{overflow:hidden;font-family:var(--font-heading--family);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.ari-compare-tray__picker-tag{font-size:.68rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.ari-compare-tray__dismiss,.ari-compare-tray__dismiss:hover,.ari-compare-tray__dismiss:focus-visible,.ari-compare-tray__dismiss:active{position:absolute;z-index:2;top:-.8rem;right:-.6rem;display:grid;width:1.75rem;height:1.75rem;place-items:center;padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .14);border-radius:50%;background:var(--color-background);box-shadow:0 .25rem .75rem #00000040;color:var(--color-foreground);font-size:1rem;font-weight:700;line-height:1;cursor:pointer}.ari-compare-tray__dismiss:hover,.ari-compare-tray__dismiss:focus-visible{transform:scale(1.06)}body.has-ari-compare-tray{padding-bottom:calc(var(--ari-compare-tray-height, 0px) + 1.5rem)}@media screen and (max-width:699px){.ari-compare-tray__bar{right:0;bottom:0;left:0;display:grid;width:100%;max-width:none;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;min-height:0;gap:.65rem;padding:.75rem max(.75rem,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));border-radius:14px 14px 0 0;transform:none;transition:opacity .28s ease,transform .5s cubic-bezier(.22,1.4,.36,1)}.ari-compare-tray__bar.is-entering{animation-name:ari-compare-tray-bar-enter-mobile}.ari-compare-tray__bar.is-shaking{animation-name:ari-compare-tray-shake-mobile}@keyframes ari-compare-tray-shake-mobile{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes ari-compare-tray-bar-enter-mobile{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ari-compare-tray__copy{min-width:0}.ari-compare-tray__items{grid-column:1 / -1;grid-row:2;display:grid;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ari-compare-tray__item{width:auto;height:auto;aspect-ratio:16 / 9}.ari-compare-tray__slot,.ari-compare-tray__slot:hover,.ari-compare-tray__slot:focus-visible,.ari-compare-tray__slot:active{display:flex;min-width:0;aspect-ratio:16 / 9;align-items:center;justify-content:center;gap:.3rem;padding:0;border:1.5px dashed rgb(var(--color-background-rgb) / .42);border-radius:var(--ari-radius);background:transparent;box-shadow:none;color:rgb(var(--color-background-rgb) / .82);font-size:.72rem;font-weight:650;white-space:nowrap;cursor:pointer}.ari-compare-tray__slot:hover,.ari-compare-tray__slot:focus-visible,.ari-compare-tray__slot[aria-expanded=true]{border-color:rgb(var(--color-background-rgb) / .8);background:rgb(var(--color-background-rgb) / .08);color:var(--color-background)}.ari-compare-tray__slot span{font-size:.95rem;line-height:1}.ari-compare-tray__link-extra{display:none}.ari-compare-tray__picker{right:.75rem;left:.75rem;width:auto;bottom:calc(100% + 1.5rem)}.ari-compare-tray__actions{grid-column:2;grid-row:1;gap:.5rem;min-width:0;justify-content:flex-end}.ari-compare-tray__actions a{min-height:2.35rem;padding-inline:.75rem;font-size:.67rem}.ari-compare-tray__actions button{font-size:.6rem}.ari-compare-tray__warning{max-width:calc(100vw - 1.5rem);white-space:normal;text-align:center}.ari-compare-tray__dismiss,.ari-compare-tray__dismiss:hover,.ari-compare-tray__dismiss:focus-visible,.ari-compare-tray__dismiss:active{top:-1.1rem;right:.75rem}body.has-ari-compare-tray{padding-bottom:var(--ari-compare-tray-height, 0px)}}@media(prefers-reduced-motion:reduce){.ari-compare-tray__bar,.ari-compare-tray__bar.is-entering,.ari-compare-tray__item,.ari-compare-tray__item.is-new,.ari-compare-tray__picker{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/ari-compare-tray.css.map */