@keyframes apoji-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes apoji-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes apoji-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.apoji-scrim{animation:.16s ease-out both apoji-scrim-in}.apoji-drawer{animation:.24s cubic-bezier(.2,0,0,1) both apoji-drawer-in}.apoji-modal{animation:.18s cubic-bezier(.2,0,0,1) both apoji-modal-in}@media (prefers-reduced-motion:reduce){.apoji-scrim,.apoji-drawer,.apoji-modal{animation:none}}.apoji-dialog-body{container:apoji-dialog/inline-size}.apoji-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.apoji-row>*{min-width:0}.apoji-row--wide-first{grid-template-columns:minmax(0,1fr) 160px}@container apoji-dialog (width<=440px){.apoji-row,.apoji-row--wide-first{grid-template-columns:minmax(0,1fr)}}.apoji-swatches{grid-template-columns:repeat(9,minmax(0,1fr));justify-items:center;gap:8px;display:grid}@container apoji-dialog (width<=440px){.apoji-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.apoji-drawer.apoji-drawer{width:100vw;padding-bottom:env(safe-area-inset-bottom);border-left:0}.apoji-dialog-close.apoji-dialog-close{width:44px;height:44px}.apoji-dialog-btn.apoji-dialog-btn{height:44px}}