.playground_wrapper___w7Xd{display:flex;align-items:flex-start;gap:24px;background:var(--doc-surface);border:1px solid var(--doc-border);border-radius:12px;padding:32px;margin-bottom:40px}.playground_grid__fz1WA{flex:1 1;display:flex;flex-direction:column;gap:24px}.playground_group__A6LMK{display:flex;flex-direction:column;gap:10px}.playground_groupLabel__D_03H{font-size:11px;color:var(--doc-text-subtle);text-transform:uppercase;letter-spacing:.5px}.playground_searchInput__v9Jgr{height:54px;border-radius:100px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer;max-width:360px}.playground_searchInputFocused__i4QgV{background:hsla(0,0%,100%,.18)}.playground_placeholder__9iRg4{font-size:16px;color:hsla(0,0%,100%,.6);flex:1 1}.playground_odContainer__fgpgz{position:relative;height:109px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);overflow:hidden;max-width:360px}.playground_odRow__bpUkS{height:54px;display:flex;align-items:center;gap:8px;padding:0 64px 0 16px;cursor:pointer}.playground_odRowFocused__hYJou{background:hsla(0,0%,100%,.18)}.playground_odSeparator__tOSHO{height:1px;background:hsla(0,0%,100%,.15);margin-right:56px}.playground_odText__nOej_{font-size:16px;color:#fff;flex:1 1}.playground_odPlaceholder__TooFf{color:hsla(0,0%,100%,.6)}.playground_swapBtn__UNYVY{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:18px;background:#000;border:1px solid hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;cursor:pointer}.playground_tripSelector__A10vj{height:54px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);display:flex;overflow:hidden;max-width:360px}.playground_tripSegment__jKJNQ{flex:1 1;display:flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer}.playground_tripSegmentLeft__sZcRn{flex:1 1}.playground_tripSegmentRight__Qu6Qe{flex:1 1;display:flex;align-items:center;gap:8px;padding:0 16px 0 12px;border-left:1px solid hsla(0,0%,100%,.2);cursor:pointer}.playground_tripSegmentFocused__XneuF{background:hsla(0,0%,100%,.18)}.playground_tripText__BrV0B{font-size:16px;color:#fff;flex:1 1}.playground_modalInput__MHcII{height:52px;border-radius:8px;border:1px solid hsla(0,0%,100%,.6);background:transparent;display:flex;align-items:center;padding:0 16px;cursor:pointer;max-width:360px}.playground_modalInputFocused__ByoS_{border-color:#4494fc;background:hsla(0,0%,100%,.04)}.playground_controls__4iFZ1{width:180px;flex-shrink:0;background:var(--doc-surface);border:1px solid var(--doc-border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.playground_controlTitle__bqP_x{font-size:13px;font-weight:600;color:var(--doc-text);padding-bottom:12px;border-bottom:1px solid var(--doc-border)}.playground_controlNote__Az8te{font-size:12px;color:var(--doc-text-subtle);line-height:1.5}.page_subtitle__FFPhV{font-size:18px;color:var(--doc-text-muted);margin-bottom:48px;line-height:1.5}.page_moleculeSection__QtMnb{margin-bottom:24px;border:1px solid var(--doc-border);border-radius:12px;overflow:hidden}.page_moleculeHeader__ncbCs{display:flex;flex-direction:column;gap:2px;padding:14px 16px 12px;border-bottom:1px solid var(--doc-border);background:var(--doc-surface)}.page_moleculePath__EszCU{font-size:13px;font-weight:600;color:var(--doc-text)}.page_moleculeDesc__bl2aN{font-size:12px;color:var(--doc-text-subtle)}.page_moleculePreview__PwJoP{padding:24px 20px;background:var(--doc-surface);display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end}.page_variantStack__PLQSs{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.page_variantLabel__xbQ4R{font-size:11px;color:var(--doc-text-subtle);text-transform:uppercase;letter-spacing:.5px}.page_searchInput__6Y2UW{height:54px;border-radius:100px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);display:inline-flex;align-items:center;gap:8px;padding:0 16px;min-width:220px}.page_searchInputFocused__xPJ59{background:hsla(0,0%,100%,.18)}.page_inputPlaceholder__Z0vOU{font-size:16px;color:hsla(0,0%,100%,.6);flex:1 1}.page_inputText__3nEYc{font-size:16px;color:#fff;flex:1 1}.page_odContainer__UxBvc{position:relative;height:109px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);overflow:hidden;min-width:260px}.page_odRow__WK7er{height:54px;display:flex;align-items:center;gap:8px;padding:0 64px 0 16px}.page_odSeparator__r_H5V{height:1px;background:hsla(0,0%,100%,.15);margin-right:56px}.page_odPlaceholder__cbKCP{font-size:16px;color:hsla(0,0%,100%,.6);flex:1 1}.page_odTextValue__7Fl58{font-size:16px;color:#fff;flex:1 1}.page_swapBtn__1f0UU{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:18px;background:#000;border:1px solid hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center}.page_tripSelector__yixN7{height:54px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);display:flex;overflow:hidden;min-width:240px}.page_tripSegment__op90K{flex:1 1;display:flex;align-items:center;gap:8px;padding:0 16px}.page_tripSegmentRight__Aymuy{flex:1 1;border-left:1px solid hsla(0,0%,100%,.2);padding-left:8px}.page_tripText__9oAI_{font-size:16px;color:#fff;flex:1 1}.page_modalInput__boQOt{height:52px;border-radius:8px;border:1px solid hsla(0,0%,100%,.6);background:transparent;display:flex;align-items:center;padding:0 16px;min-width:200px}.page_modalInputFocused__8Dm_6{border-color:#4494fc;background:hsla(0,0%,100%,.04)}.page_modalPlaceholder__1HPxk{font-size:16px;color:hsla(0,0%,100%,.6);flex:1 1}