.page_subtitle__FL3IJ{font-size:18px;color:var(--doc-text-muted);margin-bottom:48px;line-height:1.5}.page_colorList__QaCF1{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.page_colorItem__eGUUQ{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--doc-surface);border:1px solid var(--doc-border);border-radius:6px}.page_colorDot___XcbH{width:24px;height:24px;border-radius:4px;border:1px solid var(--doc-border-2);flex-shrink:0}.page_colorName__NkWXh{font-size:14px;font-weight:600;color:var(--doc-text);min-width:160px}.page_colorValue__s3Qe2{font-size:12px;color:var(--doc-text-subtle);font-family:var(--font-mono)}.page_moleculeSection__fg5sS{margin-bottom:24px;border:1px solid var(--doc-border);border-radius:12px;overflow:hidden}.page_moleculeHeader__RLLRi{display:flex;flex-direction:column;gap:2px;padding:14px 16px 12px;border-bottom:1px solid var(--doc-border);background:var(--doc-surface)}.page_moleculePath__GegU8{font-size:13px;font-weight:600;color:var(--doc-text)}.page_moleculeDesc__cjzGj{font-size:12px;color:var(--doc-text-subtle)}.page_moleculePreview__qHxNk{padding:24px 20px;background:var(--doc-surface)}.page_molVariantRow__rTyyR{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.page_molVariantItem__r6Tyq{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.page_molVariantLabel__qMPMh{font-size:11px;color:var(--doc-text-subtle);text-transform:uppercase;letter-spacing:.5px}.page_molIconBox__i_AIg{width:40px;height:40px;border-radius:8px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center}.page_molInput__1RRJe{display:flex;align-items:center;gap:8px;height:54px;width:100%;max-width:320px;border-radius:100px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.1);padding:0 16px}.page_molInputFocused__shJ8y{border-color:#4494fc;background:hsla(0,0%,100%,.18)}.page_molPlaceholder__4ylCN{font-size:16px;font-weight:500;color:hsla(0,0%,100%,.6);flex:1 1}.page_molInputText__soS8E{font-size:16px;font-weight:500;color:#fff;flex:1 1}.page_molLeadingIcon__HGRNl{font-size:20px!important}.page_molLeadingIcon__HGRNl,.page_molSwapIcon__T50AT{color:#fff;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page_molSwapIcon__T50AT{font-size:32px!important;margin-left:auto}.playground_wrapper__M1FXn{display:flex;align-items:flex-start;gap:24px;background:#000;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:32px;margin-bottom:40px}.playground_inputPreview__jyG3l{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:80px}.playground_mockInput__cdMcM{display:flex;align-items:center;gap:8px;height:54px;width:100%;max-width:320px;border-radius:100px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.1);padding:0 16px}.playground_mockInputFocused__DIplF{border-color:#4494fc;background:hsla(0,0%,100%,.18)}.playground_leadingIcon___jYA6{font-size:20px!important}.playground_leadingIcon___jYA6,.playground_swapIcon__wBJpH{color:#fff;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playground_swapIcon__wBJpH{font-size:32px!important;margin-left:auto}.playground_mockText__s4szX{font-size:16px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.playground_mockPlaceholder__S7cwj{color:hsla(0,0%,100%,.6)}.playground_controls__s0iUA{width:200px;flex-shrink:0;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:16px}.playground_controlTitle__OVsa2{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.9);padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.08)}.playground_controlRow__1DV_R{display:flex;align-items:center;justify-content:space-between;gap:8px}.playground_controlLabel__nJtUB{font-size:13px;color:hsla(0,0%,100%,.6);flex-shrink:0}.playground_toggle__rD8W6{width:40px;height:22px;border-radius:11px;background:hsla(0,0%,100%,.15);border:none;cursor:pointer;position:relative;flex-shrink:0}.playground_toggleOn__WR6Io{background:#4494fc}.playground_toggleKnob__YH4Za{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}.playground_toggleOn__WR6Io .playground_toggleKnob__YH4Za{transform:translateX(18px)}.playground_segmented__DxL7G{display:flex;border-radius:6px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.playground_seg__wUx73{flex:1 1;padding:4px 8px;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.5);background:transparent;border:none;cursor:pointer;white-space:nowrap}.playground_seg__wUx73+.playground_seg__wUx73{border-left:1px solid hsla(0,0%,100%,.1)}.playground_segActive__ueDWA{background:rgba(68,148,252,.2);color:#4494fc;font-weight:600}.playground_iconSelector__gl_jQ{display:flex;gap:4px}.playground_iconBtn__mqMVE{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);cursor:pointer}.playground_iconBtnActive__sc4RW{background:rgba(68,148,252,.2);color:#4494fc;border-color:rgba(68,148,252,.3)}