.rf-root .cmp-tray{inset-inline:0;z-index:40;padding-inline:var(--pad);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:16px}.rf-root .cmp-tray__inner{pointer-events:auto;padding:8px;max-width:min(760px,100%);color:var(--ink);background:#f1f6fcf7;border:1px solid #2e6fd433;border-radius:22px;flex-wrap:wrap;align-items:center;gap:18px;padding-inline-start:10px;animation:.42s cubic-bezier(.22,1,.36,1) both cmp-tray-in;display:flex;box-shadow:inset 0 1px #ffffffe6,0 0 0 4px #2e6fd40f,0 2px 6px #12203c0f,0 24px 48px -20px #2e6fd473}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.rf-root .cmp-tray__inner{-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#ffffffb8,#fff6),#dce9f873}}@keyframes cmp-tray-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.rf-root .cmp-tray__slots{gap:8px;display:flex}.rf-root .cmp-tray__slot{background:#fff;border-radius:14px;width:48px;height:48px;position:relative;box-shadow:0 0 0 1px #2e6fd429}.rf-root .cmp-tray__slot img,.rf-root .cmp-tray__slot .ph{border-radius:inherit;object-fit:cover;width:100%;height:100%}.rf-root .cmp-tray__slot--empty{box-shadow:none;border:1.5px dashed var(--blue-300);background:#2e6fd40d}.rf-root .cmp-tray__remove{top:-6px;background:var(--blue-900);color:#fff;width:20px;height:20px;transition:transform .16s var(--e);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:-6px;box-shadow:0 0 0 2px #ffffffe6}.rf-root .cmp-tray__remove svg{width:11px;height:11px}.rf-root .cmp-tray__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.rf-root .cmp-tray__count{color:var(--ink-2);white-space:nowrap;font-feature-settings:"tnum";padding-inline:4px 6px;font-size:13px}.rf-root .cmp-tray__clear,.rf-root .cmp-tray__cta{white-space:nowrap;transition:background-color .16s var(--e), transform .16s var(--e);border-radius:14px;padding:10px 18px}.rf-root .cmp-tray__clear{color:var(--ink-2);background:#ffffffa6;border:1px solid #2e6fd42e}.rf-root .cmp-tray__cta{background:var(--blue);color:#fff;font-weight:700;box-shadow:0 8px 18px -8px #2e6fd4b3}.rf-root .cmp-tray__cta[aria-disabled=true],.rf-root .cmp-tray__cta:disabled{background:var(--blue-100);color:var(--blue-700);box-shadow:none}.rf-root .cmp-tray__clear:focus-visible,.rf-root .cmp-tray__cta:focus-visible,.rf-root .cmp-tray__remove:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.rf-root .cmp-tray__clear:active,.rf-root .cmp-tray__cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.rf-root .cmp-tray__clear:hover{border-color:var(--blue-300);background:#fff}.rf-root .cmp-tray__cta:not([aria-disabled=true]):hover{background:var(--blue-700)}.rf-root .cmp-tray__remove:hover{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.rf-root .cmp-tray__inner{animation:none}}@media (max-width:720px){.rf-root .cmp-tray{bottom:calc(var(--rf-mob-h,64px) + 10px);padding-inline:12px}.rf-root .cmp-tray__inner{border-radius:20px;gap:10px;width:100%}.rf-root .cmp-tray__meta{justify-content:space-between;width:100%;margin-inline-start:0}.rf-root .cmp-tray__cta{margin-inline-start:auto}}.rf-root .cmp-page__hint{color:var(--muted);margin-bottom:16px}.rf-root .cmp-page__partial-error{color:var(--coral);margin-bottom:16px}.rf-root .cmp-page__toggle{cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.rf-root .cmp-page__clear{border-radius:var(--r-s);border:1px solid var(--line);margin-top:20px;padding:10px 18px}.rf-root .cmp-table__scroll{border:1px solid var(--line);border-radius:var(--r-l);overflow-x:auto}.rf-root .cmp-table{border-collapse:collapse;width:100%;min-width:640px}.rf-root .cmp-table th,.rf-root .cmp-table td{border-bottom:1px solid var(--line-2);text-align:start;vertical-align:top;padding:14px 16px}.rf-root .cmp-table__rowhead-col{background:var(--surface);min-width:140px;color:var(--muted);font-weight:600;position:sticky;inset-inline-start:0}.rf-root .cmp-table tbody th[scope=row]{background:var(--surface);color:var(--ink-2);white-space:nowrap;font-weight:600;position:sticky;inset-inline-start:0}.rf-root .cmp-table__product-col{text-align:center;min-width:200px;position:relative}.rf-root .cmp-table__product-col img{border-radius:var(--r-s);object-fit:cover;margin-inline:auto}.rf-root .cmp-table__name{margin-top:8px;font-weight:700;display:block}.rf-root .cmp-table__remove{top:6px;border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;inset-inline-end:6px}.rf-root .cmp-table__remove svg{width:13px;height:13px}.rf-root .cmp-table__cta{border-radius:var(--r-s);border:1px solid var(--blue);color:var(--blue);padding:8px 16px;font-weight:600;display:inline-flex}.rf-root .cmp-skel{background:var(--line-2);border-radius:var(--r-s);animation:1.3s ease-in-out infinite cmp-skel-pulse}.rf-root .cmp-skel__row{gap:16px;padding:16px;display:flex}@keyframes cmp-skel-pulse{0%,to{opacity:1}50%{opacity:.5}}
