/* Case Preview — generated from this shop's styling tokens. Edit it in /admin/styling. */

.case-preview {
  --cp-block-max-width: 700px;
  --cp-block-margin-inline: 0 auto;
  --cp-block-margin-top: 0px;
  --cp-block-margin-bottom: 0px;
  --cp-block-padding-y: 0px;
  --cp-block-padding-x: 0px;
  --cp-block-background: transparent;
  --cp-block-border-width: 1px;
  --cp-block-border-style: solid;
  --cp-block-border-color: transparent;
  --cp-block-radius: 0px;
  --cp-font-family: inherit;
  --cp-font-style: inherit;
  --cp-text-align: inherit;
  --cp-text-color: inherit;
  --cp-line-height: inherit;
  --cp-letter-spacing: inherit;
  --cp-controls-gap: 12px;
  --cp-controls-margin-top: 12px;
  --cp-label-font-size: 0.85rem;
  --cp-label-font-weight: inherit;
  --cp-label-color: inherit;
  --cp-label-opacity: 0.8;
  --cp-control-padding-y: 8px;
  --cp-control-padding-x: 10px;
  --cp-control-font-size: 1rem;
  --cp-control-font-weight: inherit;
  --cp-control-border-width: 1px;
  --cp-control-border-style: solid;
  --cp-control-border-color: rgba(0, 0, 0, 0.25);
  --cp-control-radius: 4px;
  --cp-control-background: transparent;
  --cp-control-color: inherit;
  --cp-accessories-margin-top: 14px;
  --cp-accessory-gap: 8px;
  --cp-accessory-padding-y: 6px;
  --cp-accessory-padding-x: 12px;
  --cp-accessory-border-width: 1px;
  --cp-accessory-border-style: solid;
  --cp-accessory-border-color: rgba(0, 0, 0, 0.25);
  --cp-accessory-radius: 999px;
  --cp-accessory-font-size: 0.9rem;
  --cp-accessory-background: transparent;
  --cp-accessory-color: inherit;
  --cp-notice-font-size: 0.9rem;
  --cp-notice-opacity: 0.8;
  --cp-notice-color: inherit;
}