.payload-admin-database-setup-shell-module__gCPsSW__html{background:#fff}.payload-admin-database-setup-shell-module__gCPsSW__body{color:#171717;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
.button-module__HjQxJG__root{box-sizing:border-box;height:2.25rem;color:var(--color-btn-default-text-disabled);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;transition:background-color .2s linear,border-color .2s linear,color .2s linear,margin-inline-end .2s linear;display:inline-flex;overflow:hidden}.button-module__HjQxJG__root:disabled{cursor:not-allowed;opacity:.55}.button-module__HjQxJG__content{height:2.25rem;padding-block:var(--spacing-xs);justify-content:flex-end;align-items:center;display:inline-flex;position:relative}.button-module__HjQxJG__label{font-family:var(--typography-label-s-family);font-size:var(--typography-label-s-size);font-weight:var(--typography-label-s-weight);letter-spacing:var(--typography-label-s-letter-spacing);line-height:var(--typography-label-s-lineheight);text-transform:var(--typography-label-s-text-transform);white-space:nowrap;flex:none}.button-module__HjQxJG__marker{background:var(--color-btn-default-text);opacity:0;flex:none;width:0;height:.25rem;margin-inline-end:0;transition:width .2s linear,margin-inline-end .2s linear,opacity .2s linear,transform .2s ease-in-out;transform:translate(-1rem)}.button-module__HjQxJG__text:is(:hover,:focus-visible){color:var(--color-btn-default-text)}.button-module__HjQxJG__text:is(:hover,:focus-visible) .button-module__HjQxJG__marker{width:.25rem;opacity:1;margin-inline-end:var(--spacing-2xs);transform:translate(0)}.button-module__HjQxJG__bracketRail{flex:none;width:.5rem;height:2.25rem;position:relative}.button-module__HjQxJG__bracketTop,.button-module__HjQxJG__bracketBottom{border-color:var(--color-btn-default-border);border-style:solid;width:.5rem;height:.5rem;transition:transform .2s ease-in-out;position:absolute;inset-inline-start:0}.button-module__HjQxJG__bracketTop{border-width:var(--stroke-width) 0 0;top:0;transform:translateY(-.53125rem)}.button-module__HjQxJG__bracketBottom{border-width:0 0 var(--stroke-width);bottom:0;transform:translateY(.53125rem)}.button-module__HjQxJG__bracketRailLeft .button-module__HjQxJG__bracketTop,.button-module__HjQxJG__bracketRailLeft .button-module__HjQxJG__bracketBottom{border-left-width:var(--stroke-width)}.button-module__HjQxJG__bracketRailRight .button-module__HjQxJG__bracketTop,.button-module__HjQxJG__bracketRailRight .button-module__HjQxJG__bracketBottom{border-right-width:var(--stroke-width)}.button-module__HjQxJG__text:is(:hover,:focus-visible) .button-module__HjQxJG__bracketTop,.button-module__HjQxJG__text:is(:hover,:focus-visible) .button-module__HjQxJG__bracketBottom{transform:translateY(0)}.button-module__HjQxJG__bracketsAlways .button-module__HjQxJG__content{padding-inline:var(--spacing-2xs)}.button-module__HjQxJG__bracketsAlways .button-module__HjQxJG__marker{display:none}.button-module__HjQxJG__bracketsAlways .button-module__HjQxJG__bracketTop,.button-module__HjQxJG__bracketsAlways .button-module__HjQxJG__bracketBottom{transform:translateY(0)}.button-module__HjQxJG__bracketsDesktop{color:var(--color-btn-default-text)}.button-module__HjQxJG__bracketsDesktop .button-module__HjQxJG__bracketRail,.button-module__HjQxJG__bracketsDesktop .button-module__HjQxJG__marker{display:none}.button-module__HjQxJG__outline,.button-module__HjQxJG__filled,.button-module__HjQxJG__inverted{padding-inline:var(--spacing-sm)}.button-module__HjQxJG__outline{border:var(--stroke-width) solid var(--color-btn-default-border);color:var(--color-btn-default-text)}.button-module__HjQxJG__outline:is(:hover,:focus-visible){background:var(--color-btn-default-fill-hover)}.button-module__HjQxJG__filled{border:var(--stroke-width) solid var(--color-btn-filled-border);background:var(--color-btn-filled-fill);color:var(--color-btn-filled-text)}.button-module__HjQxJG__filled:is(:hover,:focus-visible){background:var(--color-btn-filled-fill-hover)}.button-module__HjQxJG__inverted{border:var(--stroke-width) solid var(--color-btn-inverted-border);color:var(--color-btn-inverted-text)}.button-module__HjQxJG__inverted:is(:hover,:focus-visible){background:var(--color-btn-inverted-fill-hover)}.button-module__HjQxJG__icon-outline,.button-module__HjQxJG__icon-filled{width:3rem;height:3rem;padding:var(--spacing-sm);border-radius:50%;justify-content:center}.button-module__HjQxJG__icon-outline{border:var(--stroke-width) solid var(--color-btn-default-border);color:var(--color-btn-default-text)}.button-module__HjQxJG__icon-outline:is(:hover,:focus-visible){background:var(--color-btn-default-fill-hover)}.button-module__HjQxJG__icon-filled{border:var(--stroke-width) solid var(--color-btn-filled-border);background:var(--color-btn-filled-fill);color:var(--color-btn-filled-text)}.button-module__HjQxJG__icon-filled:is(:hover,:focus-visible){background:var(--color-btn-filled-fill-hover)}.button-module__HjQxJG__icon{flex:none;place-items:center;width:1rem;height:1rem;display:grid}.button-module__HjQxJG__icon>svg{width:1rem;height:1rem}[data-button-mobile-preview] .button-module__HjQxJG__text{color:var(--color-btn-default-text)}[data-button-mobile-preview] .button-module__HjQxJG__bracketed .button-module__HjQxJG__content{padding-inline:var(--spacing-2xs)}:is([data-button-mobile-preview] .button-module__HjQxJG__text .button-module__HjQxJG__bracketTop,[data-button-mobile-preview] .button-module__HjQxJG__text .button-module__HjQxJG__bracketBottom){transform:translateY(0)}@media (hover:none){.button-module__HjQxJG__text:not(.button-module__HjQxJG__bracketsDesktop){color:var(--color-btn-default-text)}.button-module__HjQxJG__bracketed:not(.button-module__HjQxJG__bracketsDesktop) .button-module__HjQxJG__content{padding-inline:var(--spacing-2xs)}.button-module__HjQxJG__text:not(.button-module__HjQxJG__bracketsDesktop) .button-module__HjQxJG__bracketTop,.button-module__HjQxJG__text:not(.button-module__HjQxJG__bracketsDesktop) .button-module__HjQxJG__bracketBottom{transform:translateY(0)}}@media (min-width:64rem){.button-module__HjQxJG__bracketsDesktop{color:var(--color-btn-default-text-disabled)}.button-module__HjQxJG__bracketsDesktop .button-module__HjQxJG__bracketRail{display:block}.button-module__HjQxJG__bracketsDesktop .button-module__HjQxJG__marker{display:inline-block}}@media (prefers-reduced-motion:reduce){.button-module__HjQxJG__root,.button-module__HjQxJG__marker,.button-module__HjQxJG__bracketTop,.button-module__HjQxJG__bracketBottom{transition-duration:.01ms}}
.input-module__7BXsdW__root{gap:var(--spacing-xs);width:100%;display:grid}.input-module__7BXsdW__visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:.0625rem;height:.0625rem;position:absolute;overflow:hidden}.input-module__7BXsdW__field{background:var(--color-form-fill);align-items:stretch;width:100%;height:2.75rem;transition:background-color .2s linear;display:flex;overflow:hidden}.input-module__7BXsdW__fieldMultiline{height:5.75rem}.input-module__7BXsdW__bracketRail{flex:none;width:.5rem;position:relative}.input-module__7BXsdW__bracketTop,.input-module__7BXsdW__bracketBottom{border-color:var(--color-form-ui);border-style:solid;width:.5rem;height:.5rem;position:absolute;inset-inline-start:0}.input-module__7BXsdW__bracketTop{border-width:var(--stroke-width) 0 0;top:0}.input-module__7BXsdW__bracketBottom{border-width:0 0 var(--stroke-width);bottom:0}.input-module__7BXsdW__bracketRailLeft .input-module__7BXsdW__bracketTop,.input-module__7BXsdW__bracketRailLeft .input-module__7BXsdW__bracketBottom{border-left-width:var(--stroke-width)}.input-module__7BXsdW__bracketRailRight .input-module__7BXsdW__bracketTop,.input-module__7BXsdW__bracketRailRight .input-module__7BXsdW__bracketBottom{border-right-width:var(--stroke-width)}.input-module__7BXsdW__control{align-items:center;gap:var(--spacing-3xs);min-width:0;padding-inline:var(--spacing-2xs);flex:1;display:flex;position:relative}.input-module__7BXsdW__input{width:100%;min-width:0;caret-color:var(--color-form-ui);color:var(--color-form-ui);font-family:var(--typography-label-s-family);font-size:var(--typography-label-s-size);font-weight:var(--typography-label-s-weight);letter-spacing:var(--typography-label-s-letter-spacing);line-height:var(--typography-label-s-lineheight);text-transform:var(--typography-label-s-text-transform);background:0 0;border:0;outline:0;padding:0}.input-module__7BXsdW__textarea{height:100%;padding-block:var(--spacing-sm);resize:none}.input-module__7BXsdW__input::placeholder{color:var(--color-form-ui-disabled);opacity:1;transition:color .2s linear}.input-module__7BXsdW__field:hover,.input-module__7BXsdW__root:focus-within .input-module__7BXsdW__field{background:var(--color-form-fill-active)}[data-input-preview-state=hover] .input-module__7BXsdW__field{background:var(--color-form-fill-active)}[data-input-preview-state=active] .input-module__7BXsdW__field{background:var(--color-form-fill-active)}.input-module__7BXsdW__field:hover .input-module__7BXsdW__input::placeholder,.input-module__7BXsdW__root:focus-within .input-module__7BXsdW__input::placeholder{color:var(--color-form-ui)}[data-input-preview-state=hover] .input-module__7BXsdW__input::placeholder{color:var(--color-form-ui)}.input-module__7BXsdW__statusIcon{width:.75rem;height:.75rem;color:var(--color-form-ui);flex:none;place-items:center;display:grid}.input-module__7BXsdW__statusIcon svg{width:.75rem;height:.75rem}.input-module__7BXsdW__message{color:var(--color-form-ui);font-family:var(--typography-text-xs-family);font-size:var(--typography-text-xs-size);font-weight:var(--typography-text-xs-weight);letter-spacing:var(--typography-text-xs-letter-spacing);line-height:var(--typography-text-xs-lineheight)}.input-module__7BXsdW__root[data-validation=error] .input-module__7BXsdW__field{background:var(--color-form-fill-disabled)}.input-module__7BXsdW__root[data-validation=error] .input-module__7BXsdW__input,.input-module__7BXsdW__root[data-validation=error] .input-module__7BXsdW__input::placeholder{color:var(--color-form-ui-disabled)}[data-input-preview-state=active] .input-module__7BXsdW__control:not(:focus-within):after{width:.0625rem;height:var(--typography-label-s-lineheight);background:var(--color-form-ui);content:"";flex:none;order:-1;margin-inline-start:calc(3ch + var(--spacing-3xs))}[data-input-preview-state=active] .input-module__7BXsdW__input:not(:focus){inset-inline:var(--spacing-2xs);width:auto;position:absolute}.input-module__7BXsdW__input:disabled{cursor:not-allowed}.input-module__7BXsdW__root:has(.input-module__7BXsdW__input:disabled) .input-module__7BXsdW__field{background:var(--color-form-fill-disabled)}.input-module__7BXsdW__root:has(.input-module__7BXsdW__input:disabled) .input-module__7BXsdW__input{color:var(--color-form-ui-disabled)}.input-module__7BXsdW__root:has(.input-module__7BXsdW__input:disabled) .input-module__7BXsdW__input::placeholder{color:var(--color-form-ui-disabled)}@media (prefers-reduced-motion:reduce){.input-module__7BXsdW__field,.input-module__7BXsdW__input::placeholder{transition-duration:.01ms}}
.page-module__eLJSva__page{gap:4rem;padding-block:2rem 5rem;display:grid}.page-module__eLJSva__footerSection{gap:1.5rem;padding-bottom:5rem;display:grid}.page-module__eLJSva__hero{border:1px solid var(--color-bg-border);background:var(--color-bg-primary);min-height:24rem;color:var(--color-ui-primary);align-content:end;gap:1rem;padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.page-module__eLJSva__hero h1{letter-spacing:-.07em;max-width:10ch;font-size:clamp(4rem,10vw,8rem);font-weight:500;line-height:.9}.page-module__eLJSva__hero>p:not(.page-module__eLJSva__eyebrow){max-width:38rem;color:var(--color-ui-secondary);font-size:1rem;line-height:1.6}.page-module__eLJSva__heroGradient{background:var(--background-image-bg-gradient-primary);opacity:.9;width:min(42%,30rem);position:absolute;inset:0 0 0 auto}.page-module__eLJSva__eyebrow{color:var(--color-brand);font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.page-module__eLJSva__hero .page-module__eLJSva__eyebrow{color:var(--color-bg-gradient-mid-02)}.page-module__eLJSva__section{gap:1.5rem;display:grid}.page-module__eLJSva__sectionHeader{border-bottom:1px solid color-mix(in srgb, var(--color-ui-inverted) 16%, transparent);grid-template-columns:minmax(0,1fr) minmax(16rem,30rem);align-items:end;gap:2rem;padding-bottom:1rem;display:grid}.page-module__eLJSva__sectionHeader h2{letter-spacing:-.045em;margin-top:.35rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1}.page-module__eLJSva__sectionHeader>p{color:var(--color-ui-tertiary);line-height:1.6}.page-module__eLJSva__layoutModes{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem;display:grid}.page-module__eLJSva__layoutCard{border:1px solid color-mix(in srgb, var(--color-ui-inverted) 16%, transparent);background:var(--color-bg-inverted);gap:1rem;padding:1rem;display:grid}.page-module__eLJSva__layoutCard>header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.page-module__eLJSva__layoutCard h3{font-size:1rem;font-weight:600}.page-module__eLJSva__layoutCard code,.page-module__eLJSva__layoutCard dt,.page-module__eLJSva__layoutCard dd{font-family:var(--font-ibm-plex-mono), monospace;font-size:.68rem;line-height:1.45}.page-module__eLJSva__layoutCard code,.page-module__eLJSva__layoutCard dt{color:var(--color-ui-tertiary)}.page-module__eLJSva__layoutPreview{border:1px solid var(--color-bg-border);background:var(--color-bg-primary);gap:0;min-height:7rem;padding-block:1rem;display:grid}.page-module__eLJSva__layoutPreview>span{border-inline-start:1px solid color-mix(in srgb, var(--color-bg-inverted) 24%, transparent);background:color-mix(in srgb, var(--color-brand) 72%, transparent)}.page-module__eLJSva__layoutPreview>span:last-child{border-inline-end:1px solid color-mix(in srgb, var(--color-bg-inverted) 24%, transparent)}.page-module__eLJSva__layoutCard dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;display:grid}.page-module__eLJSva__layoutCard dl>div{border-top:1px solid color-mix(in srgb, var(--color-ui-inverted) 10%, transparent);justify-content:space-between;gap:.75rem;padding-top:.5rem;display:flex}.page-module__eLJSva__typeMatrix{border:1px solid var(--color-bg-border);background:var(--color-bg-primary);color:var(--color-ui-primary);display:grid;overflow:hidden}.page-module__eLJSva__typeRow{border-top:1px solid color-mix(in srgb, var(--color-bg-border) 55%, transparent);grid-template-columns:minmax(12rem,.8fr) minmax(0,3.2fr);gap:2rem;padding:1.25rem;display:grid}.page-module__eLJSva__typeRow:first-child{border-top:0}.page-module__eLJSva__typeMeta{align-content:start;gap:.35rem;display:grid}.page-module__eLJSva__typeMeta h3{font-size:1rem;font-weight:600}.page-module__eLJSva__typeMeta p,.page-module__eLJSva__typeMeta code,.page-module__eLJSva__typeMode>span,.page-module__eLJSva__typeMode>code{font-family:var(--font-ibm-plex-mono), monospace;font-size:.68rem;line-height:1.45}.page-module__eLJSva__typeMeta p,.page-module__eLJSva__typeMode>span,.page-module__eLJSva__typeMode>code{color:var(--color-ui-tertiary)}.page-module__eLJSva__typeMeta code{color:var(--color-bg-gradient-mid-02)}.page-module__eLJSva__typeModes{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.page-module__eLJSva__typeMode{align-content:start;gap:.65rem;min-width:0;display:grid;overflow:hidden}.page-module__eLJSva__typeMode>p{overflow-wrap:normal;white-space:nowrap;min-height:1em}.page-module__eLJSva__spacingMatrix{border:1px solid var(--color-bg-border);background:var(--color-bg-inverted);display:grid;overflow:hidden}.page-module__eLJSva__spacingRow{border-top:1px solid color-mix(in srgb, var(--color-ui-inverted) 14%, transparent);grid-template-columns:minmax(10rem,.8fr) minmax(0,3.2fr);gap:2rem;padding:1.25rem;display:grid}.page-module__eLJSva__spacingRow:first-child{border-top:0}.page-module__eLJSva__spacingMeta{align-content:start;gap:.35rem;display:grid}.page-module__eLJSva__spacingMeta h3{font-size:1rem;font-weight:600}.page-module__eLJSva__spacingMeta code,.page-module__eLJSva__spacingMode>span,.page-module__eLJSva__spacingMode>code{font-family:var(--font-ibm-plex-mono), monospace;font-size:.68rem;line-height:1.45}.page-module__eLJSva__spacingMeta code{color:var(--color-brand)}.page-module__eLJSva__spacingModes{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.page-module__eLJSva__spacingMode{align-content:start;gap:.65rem;min-width:0;display:grid}.page-module__eLJSva__spacingMode>span,.page-module__eLJSva__spacingMode>code{color:var(--color-ui-tertiary)}.page-module__eLJSva__spacingBar{background:var(--color-brand);max-width:100%;height:1rem}.page-module__eLJSva__buttonShowcase{border:1px solid var(--color-bg-border);grid-template-columns:minmax(0,3fr) minmax(12rem,1fr);display:grid;overflow:hidden}.page-module__eLJSva__buttonGroup,.page-module__eLJSva__buttonGroupInverted{align-content:center;align-items:center;gap:var(--spacing-md);min-height:10rem;padding:var(--spacing-lg);flex-wrap:wrap;display:flex}.page-module__eLJSva__buttonGroup{background:var(--color-bg-primary)}.page-module__eLJSva__buttonGroupInverted{background:var(--color-bg-inverted)}.page-module__eLJSva__mobileButtonPreview{border:1px solid var(--color-bg-border);background:var(--color-bg-primary);width:min(100%,375px);display:grid;overflow:hidden}.page-module__eLJSva__mobileButtonPreview>header{justify-content:space-between;align-items:start;gap:var(--spacing-sm);border-bottom:1px solid var(--color-bg-border);background:var(--color-bg-inverted);color:var(--color-ui-inverted);padding:var(--spacing-sm);display:flex}.page-module__eLJSva__mobileButtonPreview h3{font-size:1rem;font-weight:600}.page-module__eLJSva__mobileButtonPreview p,.page-module__eLJSva__mobileButtonPreview code{font-family:var(--font-ibm-plex-mono), monospace;font-size:.68rem;line-height:1.45}.page-module__eLJSva__mobileButtonPreview p{margin-top:var(--spacing-3xs);color:var(--color-ui-tertiary)}.page-module__eLJSva__mobileButtonPreview code{flex:none}.page-module__eLJSva__mobileButtonViewport{align-items:center;gap:var(--spacing-md);min-height:8rem;padding:var(--spacing-md);display:flex}.page-module__eLJSva__inputShowcase{gap:var(--spacing-xl);background:var(--color-bg-primary);padding:clamp(var(--spacing-md), 6vw, var(--spacing-3xl));display:grid}.page-module__eLJSva__inputState{align-items:start;gap:var(--spacing-md);grid-template-columns:minmax(7rem,.35fr) minmax(0,493px);display:grid}.page-module__eLJSva__inputState>header{gap:var(--spacing-3xs);display:grid}.page-module__eLJSva__inputState h3{color:var(--color-ui-primary);font-size:1rem;font-weight:600}.page-module__eLJSva__inputState code{color:var(--color-ui-tertiary);font-family:var(--font-ibm-plex-mono), monospace;font-size:.68rem;line-height:1.45}.page-module__eLJSva__iconGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;list-style:none;display:grid}.page-module__eLJSva__iconCard{border:1px solid color-mix(in srgb, var(--color-ui-inverted) 12%, transparent);background:var(--color-bg-inverted);grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:1rem;min-width:0;padding:.875rem;display:grid}.page-module__eLJSva__iconPreview{border:1px solid color-mix(in srgb, var(--color-ui-primary) 20%, transparent);background:var(--color-bg-primary);width:3rem;height:3rem;color:var(--color-ui-primary);place-items:center;display:grid}.page-module__eLJSva__iconPreview svg{display:block}.page-module__eLJSva__iconDetails{gap:.2rem;min-width:0;display:grid}.page-module__eLJSva__iconDetails strong{font-size:.95rem;font-weight:600}.page-module__eLJSva__iconDetails code{overflow-wrap:anywhere;color:var(--color-brand);font-family:var(--font-ibm-plex-mono), monospace;font-size:.7rem;line-height:1.45}.page-module__eLJSva__logoGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem;list-style:none;display:grid}.page-module__eLJSva__logoCard{border:1px solid color-mix(in srgb, var(--color-ui-inverted) 12%, transparent);background:var(--color-bg-inverted);min-width:0;display:grid}.page-module__eLJSva__logoPreview{border-bottom:1px solid color-mix(in srgb, var(--color-ui-primary) 20%, transparent);background:var(--color-bg-primary);min-height:12rem;color:var(--color-ui-primary);place-items:center;padding:1.5rem;display:grid;overflow:hidden}.page-module__eLJSva__logoSample{max-width:100%;height:auto;display:block}.page-module__eLJSva__logoDetails{grid-template-columns:1fr auto;align-items:baseline;gap:.25rem 1rem;padding:.875rem;display:grid}.page-module__eLJSva__logoDetails strong{font-size:.95rem;font-weight:600}.page-module__eLJSva__logoDetails code,.page-module__eLJSva__logoDetails span{font-family:var(--font-ibm-plex-mono), monospace;font-size:.7rem;line-height:1.45}.page-module__eLJSva__logoDetails code{color:var(--color-brand)}.page-module__eLJSva__logoDetails span{color:var(--color-ui-tertiary);grid-column:1/-1}.page-module__eLJSva__tokenGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem;list-style:none;display:grid}.page-module__eLJSva__tokenCard{border:1px solid color-mix(in srgb, var(--color-ui-inverted) 12%, transparent);background:var(--color-bg-inverted);grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.875rem 1rem;min-width:0;padding:.875rem;display:grid}.page-module__eLJSva__swatchFrame{border:1px solid var(--color-bg-border);background-color:#fff;background-image:linear-gradient(45deg,#d8d8d8 25%,#0000 25%),linear-gradient(-45deg,#d8d8d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d8d8 75%),linear-gradient(-45deg,#0000 75%,#d8d8d8 75%);background-position:0 0,0 .375rem,.375rem -.375rem,-.375rem 0;background-size:.75rem .75rem;width:3rem;height:3rem;overflow:hidden}.page-module__eLJSva__swatch{width:100%;height:100%}.page-module__eLJSva__tokenDetails{gap:.2rem;min-width:0;display:grid}.page-module__eLJSva__tokenDetails strong{font-size:.95rem;font-weight:600}.page-module__eLJSva__tokenDetails span,.page-module__eLJSva__tokenDetails code,.page-module__eLJSva__value{overflow-wrap:anywhere;font-family:var(--font-ibm-plex-mono), monospace;font-size:.7rem;line-height:1.45}.page-module__eLJSva__tokenDetails span{color:var(--color-ui-tertiary)}.page-module__eLJSva__tokenDetails code{color:var(--color-brand)}.page-module__eLJSva__value{border-top:1px solid color-mix(in srgb, var(--color-ui-inverted) 10%, transparent);color:var(--color-ui-tertiary);grid-column:1/-1;padding-top:.75rem}@media (max-width:720px){.page-module__eLJSva__page{gap:3rem}.page-module__eLJSva__heroGradient{opacity:.7;width:30%}.page-module__eLJSva__sectionHeader{grid-template-columns:1fr;gap:.75rem}.page-module__eLJSva__typeRow,.page-module__eLJSva__spacingRow{grid-template-columns:1fr;gap:1.25rem}.page-module__eLJSva__typeModes,.page-module__eLJSva__spacingModes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.page-module__eLJSva__buttonShowcase,.page-module__eLJSva__inputState{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.page-module__eLJSva__tokenCard{transition:border-color .16s,transform .16s}.page-module__eLJSva__tokenCard:hover{border-color:var(--color-brand);transform:translateY(-2px)}}