.cp.ap .ap-stage .ap-pagination{container-type:inline-size;width:min(100%,620px);margin-inline:auto;border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);background:var(--ap-surface);box-shadow:var(--ap-shadow-md);color:var(--ap-text)}.cp.ap .ap-stage .ap-pagination__vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cp.ap .ap-stage .ap-pagination__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding:15px 20px 11px;border-bottom:1px solid var(--ap-border)}.cp.ap .ap-stage .ap-pagination__name{margin:0;font-size:1.0625rem;font-weight:650;line-height:1.3}.cp.ap .ap-stage .ap-pagination__status{margin:0;color:var(--ap-text-3);font-size:.875rem;font-variant-numeric:tabular-nums}.cp.ap .ap-stage .ap-pagination__orders{margin:0;padding:0;list-style:none}.cp.ap .ap-stage .ap-pagination__order{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"thumb product amount" "thumb no state";align-items:center;gap:2px 14px;padding:9px 20px}.cp.ap .ap-stage .ap-pagination__order+.ap-pagination__order{border-top:1px solid var(--ap-border)}.cp.ap .ap-stage .ap-pagination__order{animation:ap-pagination-in .22s var(--ap-ease) both}.cp.ap .ap-stage .ap-pagination__thumb{grid-area:thumb;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ap-radius-sm);background:var(--ap-surface-2);color:var(--ap-text-3)}.cp.ap .ap-stage .ap-pagination__box{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linejoin:round}.cp.ap .ap-stage .ap-pagination__product{grid-area:product;align-self:end;min-width:0;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.cp.ap .ap-stage .ap-pagination__no{grid-area:no;align-self:start;color:var(--ap-text-3);font-family:var(--ap-mono);font-size:.8125rem}.cp.ap .ap-stage .ap-pagination__amount{grid-area:amount;align-self:end;justify-self:end;font-weight:600;font-variant-numeric:tabular-nums}.cp.ap .ap-stage .ap-pagination__state{grid-area:state;align-self:start;justify-self:end;display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border-radius:var(--ap-radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.cp.ap .ap-stage .ap-pagination__state-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.cp.ap .ap-stage .ap-pagination__state--processing{background:var(--ap-info-soft);color:var(--ap-info)}.cp.ap .ap-stage .ap-pagination__state--shipped{background:var(--ap-accent-soft);color:var(--ap-accent-soft-text)}.cp.ap .ap-stage .ap-pagination__state--delivered{background:var(--ap-success-soft);color:var(--ap-success)}.cp.ap .ap-stage .ap-pagination__state--returned{background:var(--ap-warning-soft);color:var(--ap-warning)}.cp.ap .ap-stage .ap-pagination__nav{padding:8px 12px;border-top:1px solid var(--ap-border)}.cp.ap .ap-stage .ap-pagination__pages{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.cp.ap .ap-stage .ap-pagination__edge{display:flex;flex:1 1 0}.cp.ap .ap-stage .ap-pagination__edge--next{justify-content:flex-end}.cp.ap .ap-stage .ap-pagination__edge--off{visibility:hidden}.cp.ap .ap-stage .ap-pagination__step,.cp.ap .ap-stage .ap-pagination__page{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ap-target);border-radius:var(--ap-radius-sm);color:var(--ap-text);text-decoration:none;transition:background-color var(--ap-duration) var(--ap-ease),color var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-pagination__step{gap:6px;padding:0 14px 0 10px;font-weight:600}.cp.ap .ap-stage .ap-pagination__edge--next .ap-pagination__step{padding:0 10px 0 14px}.cp.ap .ap-stage .ap-pagination__page{min-width:var(--ap-target);padding:0 6px;color:var(--ap-text-2);font-weight:500;font-variant-numeric:tabular-nums}.cp.ap .ap-stage .ap-pagination__step:hover,.cp.ap .ap-stage .ap-pagination__page:hover{background:var(--ap-surface-2);color:var(--ap-text)}.cp.ap .ap-stage .ap-pagination__page[aria-current=page]{background:var(--ap-accent);color:var(--ap-on-accent);font-weight:700;box-shadow:var(--ap-shadow-sm)}.cp.ap .ap-stage .ap-pagination__step:focus-visible,.cp.ap .ap-stage .ap-pagination__page:focus-visible{outline:2px solid var(--ap-focus);outline-offset:2px}.cp.ap .ap-stage .ap-pagination__arrow{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cp.ap .ap-stage .ap-pagination__gap{display:grid;place-items:end center;width:28px;height:var(--ap-target);padding-bottom:12px;color:var(--ap-text-3);letter-spacing:.1em}.cp.ap .ap-stage .ap-pagination__count{display:none;align-items:baseline;gap:6px;color:var(--ap-text-2);font-weight:600;font-variant-numeric:tabular-nums}.cp.ap .ap-stage .ap-pagination__of{color:var(--ap-text-3);font-weight:400}@container (max-width: 560px){.cp.ap .ap-stage .ap-pagination__num,.cp.ap .ap-stage .ap-pagination__gap{display:none}.cp.ap .ap-stage .ap-pagination__count{display:inline-flex}}@container (max-width: 400px){.cp.ap .ap-stage .ap-pagination__top,.cp.ap .ap-stage .ap-pagination__order{padding-inline:16px}.cp.ap .ap-stage .ap-pagination__order{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"product amount" "no state"}.cp.ap .ap-stage .ap-pagination__thumb{display:none}}@keyframes ap-pagination-in{0%{opacity:0;transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.cp.ap .ap-stage .ap-pagination__step,.cp.ap .ap-stage .ap-pagination__page{transition:none}.cp.ap .ap-stage .ap-pagination__order{animation:none}}
