.preview-module__tuYD8a__root{justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:12px;display:flex}.preview-module__tuYD8a__phone{background:var(--surface);border-radius:var(--radius-base);width:62px;height:100px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.preview-module__tuYD8a__metrics{flex-direction:column;gap:4px;padding:8px 8px 0;display:flex}.preview-module__tuYD8a__metricRow{align-items:center;gap:4px;display:flex}.preview-module__tuYD8a__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.preview-module__tuYD8a__bar{background:var(--gray-4);border-radius:var(--radius-full);flex:1;height:4px}.preview-module__tuYD8a__tray{background:var(--gray-2);border-radius:var(--radius-base)var(--radius-base)0 0;flex-direction:column;gap:4px;height:76px;padding:8px 6px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-module__tuYD8a__notch{background:var(--gray-a8);border-radius:var(--radius-full);width:10px;height:2px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.preview-module__tuYD8a__circleRow{justify-content:center;align-items:center;gap:6px;margin-bottom:2px;padding:0 4px;display:flex}.preview-module__tuYD8a__circleSmall{background:var(--gray-5);border-radius:50%;flex-shrink:0;width:12px;min-width:12px;height:12px;min-height:12px}.preview-module__tuYD8a__circleLarge{background:var(--gray-a4);border-radius:var(--radius-full);flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px}.preview-module__tuYD8a__pill{border-radius:var(--radius-full);flex-shrink:0;width:100%;height:10px}.preview-module__tuYD8a__pillRed,.preview-module__tuYD8a__pillNeutral{background:var(--gray-a4)}
.preview-module__Wpp3fq__root{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:0 10px;display:flex}.preview-module__Wpp3fq__swatchPanel{background:var(--gray-2);border-radius:var(--radius-base);width:fit-content;max-width:100%;box-shadow:var(--shadow-card);padding:12px}.preview-module__Wpp3fq__swatchGrid{grid-template-columns:repeat(4,minmax(0,22px));gap:10px;display:grid}.preview-module__Wpp3fq__swatch{aspect-ratio:1;border-radius:var(--radius-small);width:100%;position:relative}
.preview-module__1NStiG__root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-module__1NStiG__pill{width:130px;height:32px;color:var(--gray-9);background:var(--gray-2);border-radius:var(--radius-full);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.preview-module__1NStiG__placeholder{color:var(--gray-9);font-size:10px;font-weight:500}.preview-module__1NStiG__arrow{color:var(--gray-9);align-items:center;display:flex}
.preview-module__Zm3j1q__root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-module__Zm3j1q__container{width:80px;position:relative}.preview-module__Zm3j1q__square{background:var(--blue-9);border-radius:var(--radius-small);width:26px;height:26px;position:absolute;top:0;right:0}.preview-module__Zm3j1q__lines{flex-direction:column;gap:6px;display:flex}.preview-module__Zm3j1q__line{background:var(--gray-5);border-radius:var(--radius-full);height:6px}
.preview-module__Shhapa__root{justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:16px;display:flex;overflow:visible}.preview-module__Shhapa__thread{flex-direction:column;gap:6px;width:140px;display:flex;overflow:visible}.preview-module__Shhapa__row{display:flex;overflow:visible}.preview-module__Shhapa__rowMe{justify-content:flex-end}.preview-module__Shhapa__rowThem{justify-content:flex-start}.preview-module__Shhapa__bubbleWrap{position:relative;overflow:visible}.preview-module__Shhapa__bubble{border-radius:var(--radius-full);height:18px}