.PreviewColorField_surface__4FY9Q{position:relative;isolation:isolate;overflow:hidden;border:0;color:#fff;color-scheme:dark;--bg-card:#152025;--bg-modal:#152025;--text-primary:#fff;--text-secondary:#ebedf4;--text-tertiary:#dfe4f0;--wiz-green-text:#c2ffe0;--wiz-shell-segment:rgb(8 12 20/48%);--overlay-tint:rgb(8 12 20/26%);--overlay-tint-hover:rgb(8 12 20/45%);--wiz-hover-surface:rgb(8 12 20/34%);--wiz-pressed-surface:rgb(8 12 20/50%);--wiz-hover-row:rgb(8 12 20/22%);--wiz-hover-edge:rgb(255 255 255/42%);--border-color:rgb(255 255 255/22%);--border-subtle:rgb(255 255 255/16%)}.PreviewColorField_field__gNMcD{position:absolute;inset:0;z-index:-1;isolation:isolate;pointer-events:none;overflow:hidden;border-radius:inherit}.PreviewColorField_field__gNMcD:after{content:"";position:absolute;inset:0;background-color:rgb(4 6 12/62%);background-image:linear-gradient(118deg,rgb(4 6 12/26%),rgb(4 6 12/10%) 58%,rgb(4 6 12/0))}:where(.PreviewColorField_surface__4FY9Q){border-radius:var(--wiz-shell-radius-panel,16px);padding:clamp(22px,3vw,36px)}.PreviewColorField_band__NJq3k{border-radius:0;margin:0}.PreviewColorField_cardBand__hBsmF{border-radius:var(--wiz-shell-radius-panel,16px) var(--wiz-shell-radius-panel,16px) 0 0}.PreviewColorField_compact__W_k8G{padding:18px 20px}.PreviewColorField_surface__4FY9Q :where(h1,h2,h3){color:#fff}.PreviewColorField_surface__4FY9Q :where(button,a):focus-visible{outline-color:#fff;outline-offset:3px}@media (max-width:600px){:where(.PreviewColorField_surface__4FY9Q){padding:22px 18px}.PreviewColorField_compact__W_k8G{padding:16px}}