.So .To{display:grid;grid-template-areas:"heading pagination search";grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;align-items:center;width:100%;margin-bottom:2rem}@media only screen and (max-width: 47.9375rem){.So .To{display:grid;grid-template-areas:"heading" "search" "pagination";grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem;align-items:center;margin-top:2rem;margin-bottom:1rem;font-size:.875rem}}.So .To .Uo{position:relative;display:flex;align-items:center;justify-self:center;width:100%;max-width:25rem;border:.0625rem solid #28292f;border:.0625rem solid var(--Grayscale-100, #28292f);border-radius:.25rem}@media only screen and (max-width: 47.9375rem){.So .To .Uo{grid-area:search;justify-self:stretch;width:95%;max-width:none;margin-top:1rem;border:none;border-radius:.25rem;background:#1a1b1e;background:var(--Grayscale-50, #1a1b1e)}}.So .To .Uo .Vo{width:100%;padding:.75rem .75rem .75rem 2.55rem;border:none;border-radius:.5rem;font-size:.875rem;color:#f9fafb;color:var(--Input-Content-Default, #f9fafb);background:#1a1b1e;background:var(--Grayscale-50, #1a1b1e)}.So .To .Uo .Vo::-moz-placeholder{color:#9293a0;color:var(--Grayscale-500, #9293a0)}.So .To .Uo .Vo::placeholder{color:#9293a0;color:var(--Grayscale-500, #9293a0)}@media only screen and (max-width: 47.9375rem){.So .To .Uo .Vo{padding-top:.55rem;padding-bottom:.55rem}}.So .To .Uo .Wo{cursor:pointer;position:absolute;left:.5rem;height:1.5rem;margin:0;padding:0;border:none;background:none}.So .To .Uo .Wo svg{width:1.5rem;height:1.5rem;stroke:#9293a0;stroke:var(--Grayscale-500, #9293a0)}.So .To .Xo{justify-self:end;margin-top:-3.5rem}@media only screen and (max-width: 63.9375rem){.So .To .Xo{justify-self:stretch}}@media only screen and (max-width: 47.9375rem){.So .To .Xo{grid-area:pagination;justify-self:stretch;margin-top:-4.5rem;margin-bottom:-1rem;margin-left:-1.2rem}}.So .Yo{margin:0;color:#fff;color:var(--Grayscale-Black, #fff)}@media only screen and (max-width: 47.9375rem){.So .Yo{grid-area:heading}}.So .Zo{display:flex;flex-direction:column;gap:2rem}.So .Zo ._q{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;padding:.5rem;border:.0625rem solid #aaacbb;border:.0625rem solid var(--Input-Boxstroke-Default, #aaacbb);border-radius:1rem;background:#f9fafb;background:var(--Grayscale-50, #f9fafb)}.So .Zo ._q .-q{width:100%;height:.0625rem;background:#28292f;background:var(--System-Divider, #28292f)}.So .Zo ._q .aq{display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:1rem}.So .Zo ._q .aq .bq{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;width:100%;padding:.5rem;background:#f2f3f7;background:var(--System-Background, #f2f3f7)}.So .Zo ._q .aq .bq #cq{flex:1 1;min-width:0}.So .Zo ._q .aq .bq #dq{flex:1 1;text-align:center}.So .Zo ._q .aq .bq #eq{flex:1 1;text-align:right}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .aq .bq{display:grid;grid-template:"order-id order-id" auto "order-total-price order-shipping-info" auto/1fr 1fr;grid-gap:.5rem;gap:.5rem}.So .Zo ._q .aq .bq #cq{grid-area:order-id}.So .Zo ._q .aq .bq #dq{grid-area:order-total-price;text-align:left}.So .Zo ._q .aq .bq #eq{grid-area:order-shipping-info;justify-self:end;text-align:right}}.So .Zo ._q .aq .bq .cq{margin:0;font-size:1rem;font-weight:600;color:#fff;color:var(--Grayscale-Black, #fff)}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .aq .bq .cq{font-size:.875rem}}.So .Zo ._q .aq .bq .fq{font-size:.875rem;font-weight:400;color:#f9fafb;color:var(--Grayscale-900, #f9fafb)}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .aq .bq .fq{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:.0625rem solid #28292f;border-bottom:.0625rem solid var(--System-Divider, #28292f)}}.So .Zo ._q .aq .bq .gq{text-align:center}.So .Zo ._q .aq .bq .gq h3{margin:0;font-size:1rem;font-weight:400;color:#fff;color:var(--Grayscale-Black, #fff);white-space:nowrap}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .aq .bq .gq h3{font-size:.875rem}}.So .Zo ._q .aq .bq .gq div{font-size:1rem;font-weight:700;color:#cd2732;color:var(--Primary2, #cd2732)}[data-theme=dark] .So .Zo ._q .aq .bq .gq div{color:#f27079;color:var(--Primary-600, #f27079)}.So .Zo ._q .aq .hq{width:-moz-fit-content;width:fit-content;text-align:left}.So .Zo ._q .aq .hq .iq{margin:0;font-size:1rem;font-weight:400;color:#aaacbb;color:var(--Grayscale-600, #aaacbb)}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .aq .hq .iq{font-size:.875rem}}.So .Zo ._q .aq .hq .jq{font-size:1rem;font-weight:700;color:#f9fafb;color:var(--Grayscale-900, #f9fafb)}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .aq .hq .jq{font-size:.875rem}}.So .Zo ._q .kq{display:flex;gap:.5rem;justify-content:flex-end;width:100%}@media only screen and (max-width: 47.9375rem){.So .Zo ._q .kq button{display:flex;gap:.625rem;align-items:center;justify-content:center;width:9.375rem;height:2.1875rem;padding:.5rem 1.375rem;font-size:.875rem}}@media only screen and (max-width: 47.9375rem){.So .Zo{gap:.5rem;font-size:.875rem}.So .Zo .aq>div:last-child>div>div{align-items:flex-start!important}.So .Zo .aq>div:last-child img{align-self:flex-start!important;margin-top:0!important}.So .Zo .aq>div:last-child h3{align-self:flex-start!important;margin-top:0!important;font-size:.875rem!important;line-height:1.2!important}.So .Zo .aq>div:last-child>div>div>div:nth-child(2){align-self:flex-start!important}}.So .lq{display:flex;justify-content:center;margin-top:-1.5rem}@media only screen and (max-width: 47.9375rem){.So .lq{margin-top:-3rem}}