.nova-ctray{position:fixed;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));z-index:60;width:min(780px,calc(100vw - 24px))}.nova-ctray[hidden]{display:none}.nova-ctray__inner{position:relative;display:flex;align-items:center;gap:var(--sp-4);padding:12px 14px 12px 22px;background:rgb(var(--bg));border:1px solid rgb(var(--line));border-radius:var(--radius-pill);box-shadow:var(--shadow-lg)}.nova-ctray__close{position:absolute;z-index:3;top:-12px;right:10px;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgb(var(--line));background:rgb(var(--bg));color:rgb(var(--fg) / .7);cursor:pointer;box-shadow:var(--shadow-sm);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.nova-ctray__close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.nova-ctray__close:hover,.nova-ctray__close:focus-visible{color:rgb(var(--accent));border-color:rgb(var(--accent) / .5);transform:scale(1.06)}.nova-ctray__full{position:absolute;z-index:4;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);margin:0;width:max-content;max-width:min(340px,calc(100vw - 40px));padding:10px 14px;border-radius:var(--radius);background:rgb(var(--fg));color:rgb(var(--bg));font-size:var(--step--1);line-height:1.3;text-align:center;box-shadow:var(--shadow-md)}.nova-ctray__full[hidden]{display:none}.nova-ctray__full.is-in{animation:nova-ctray-pop var(--dur) var(--ease)}@keyframes nova-ctray-pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.nova-ctray__label{font-family:var(--font-display);font-size:var(--step-0);text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--fg));white-space:nowrap}.nova-ctray__label strong{color:rgb(var(--accent))}.nova-ctray__items{display:flex;align-items:center;gap:10px;flex:1;padding:8px 8px 8px 2px;margin:-8px -8px -8px -2px;overflow-x:auto;scrollbar-width:none}.nova-ctray__items::-webkit-scrollbar{display:none}.nova-ctray__item{position:relative;flex:none;width:62px;height:54px;border:1px solid rgb(var(--line));border-radius:var(--radius);background:#fff}.nova-ctray__item img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:3px;border-radius:inherit;background:#fff}.nova-ctray__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgb(var(--muted))}.nova-ctray__ph svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.nova-ctray__rm{position:absolute;z-index:2;top:-8px;right:-8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:2px solid rgb(var(--bg));background:rgb(var(--fg));color:rgb(var(--bg));cursor:pointer;padding:0;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.nova-ctray__rm svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.nova-ctray__rm:hover,.nova-ctray__rm:focus-visible{background:rgb(var(--accent));color:rgb(var(--accent-fg));transform:scale(1.08)}.nova-ctray__go{flex:none;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:var(--radius-pill);background:rgb(var(--accent));color:rgb(var(--accent-fg));font-family:var(--font-display);font-size:var(--step-0);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.nova-ctray__go svg{width:1em;height:1em;stroke:currentColor;stroke-width:2;fill:none}.nova-ctray__go:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.nova-ctray__go[aria-disabled=true]{opacity:.45;pointer-events:none}.nova-ctray__clear{flex:none;border:none;background:none;color:rgb(var(--muted));font:inherit;font-size:var(--step--1);cursor:pointer;padding:8px}.nova-ctray__clear:hover{color:rgb(var(--accent))}@media(max-width:560px){.nova-ctray__clear{display:none}.nova-ctray__inner{gap:var(--sp-3);padding:10px 12px 10px 16px}.nova-ctray__label{font-size:var(--step--2);letter-spacing:.02em;line-height:1.15;white-space:normal;max-width:6.5em}.nova-ctray__label strong{font-size:var(--step-0)}.nova-ctray__item{width:54px;height:48px}.nova-ctray__go{padding:11px 16px;font-size:var(--step--1)}.nova-ctray__close{top:-14px;right:4px;width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.nova-ctray__go,.nova-ctray__rm,.nova-ctray__close{transition:none}.nova-ctray__full.is-in{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/nova-compare-tray.css.map */