body{margin:0}.app-surface{display:block;min-height:calc(100dvh - var(--shopify-safe-area-inset-bottom, 0px))}.ri-lines{white-space:pre-line;text-align:center}.ri-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ri-item{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding-inline-end:8px;overflow:hidden;border:1px solid #e3e3e3;border-radius:8px;background:#fff;text-align:center}.ri-item-color{align-self:stretch}.ri-color-swatch{box-sizing:border-box;width:70px;height:50px;padding:0;border:1px solid #0000001a;border-radius:8px;cursor:pointer}.ri-color-swatch:disabled{cursor:default;opacity:.5}.ri-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.ri-color-preset{box-sizing:border-box;aspect-ratio:1;padding:0;border:1px solid #0000001a;border-radius:50%;cursor:pointer}.ri-color-picked{outline:3px solid #303030;outline-offset:2px}.ri-dialog{box-sizing:border-box;width:620px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;border:0;border-radius:12px;background:#fff;color:#303030;box-shadow:0 12px 32px #0003}.ri-dialog[open]{display:flex;flex-direction:column;gap:16px}.ri-dialog::backdrop{background:#0008}.ri-dialog-small{width:460px}.ri-dialog-header,.ri-dialog-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ri-dialog-header{justify-content:space-between}.ri-dialog-actions{justify-content:flex-end;flex-wrap:wrap}.ri-dialog-content{overflow:auto}