@layer base { body, :host { /* Color */ --neutral-0: #F5FBEF; --neutral-1: #F4F7F1; --neutral-2: #EFF4E9; --neutral-3: #E5EBDE; --neutral-4: #DDE2D5; --neutral-5: #D4DBCC; --neutral-6: #CBD3C1; --neutral-7: #C0C8B6; --neutral-8: #ACB5A1; --neutral-9: #7E8673; --neutral-10: #747C69; --neutral-11: #565E4C; --neutral-12: #1C2213; --neutral-overlay-dark: #1a1d16b3; --neutral-overlay-deep: #c5cbbe0d; --neutral-overlay-mid: #78866540; --neutral-overlay-light: #f0f3ed75; --brand-0: #f7f7f8; --brand-1: #F5F6F7; --brand-2: #EFF2F7; --brand-3: #E4EAF6; --brand-4: #D6E2F8; --brand-5: #C6D7F8; --brand-6: #B2C9F6; --brand-7: #9BB6ED; --brand-8: #7B9DE3; --brand-9: #3668DD; --brand-10: #2959CE; --brand-11: #2A57BF; --brand-12: #1A2F5C; --brand-overlay-dark: #1a1f2a; --brand-overlay-light: #d1e0ff80; --success-0: #eef1ee; --success-1: #F3F7F3; --success-2: #ECF4ED; --success-3: #D7F2DA; --success-4: #C2EEC7; --success-5: #ACE6B4; --success-6: #93DA9E; --success-7: #73CA83; --success-8: #39B75B; --success-9: #36DD68; --success-10: #22D25D; --success-11: #007B2B; --success-12: #1A4223; --success-overlay-dark: #13201682; --success-overlay-light: #9cfcb280; --warning-0: #fafaf9; --warning-1: #F5F6F2; --warning-2: #F3F4E7; --warning-3: #EDF0C1; --warning-4: #E6E9A4; --warning-5: #DCE089; --warning-6: #CDD17A; --warning-7: #BCBF6B; --warning-8: #A7A943; --warning-9: #DDDF23; --warning-10: #D2D529; --warning-11: #6F7100; --warning-12: #3D3E20; --warning-overlay-dark: #1e1e16; --warning-overlay-light: #f5f7b57d; --critical-0: #F8F5F5; --critical-1: #F8F5F5; --critical-2: #F8F0F0; --critical-3: #F7E2E2; --critical-4: #FCD3D3; --critical-5: #F9C5C5; --critical-6: #F2B5B5; --critical-7: #E9A1A2; --critical-8: #DF8689; --critical-9: #DD364F; --critical-10: #CD2343; --critical-11: #C2113A; --critical-12: #661521; --critical-overlay-dark: #231a1b; --critical-overlay-light: #ffd1d88a; --neutral-dark-0: #1B1E22; --neutral-dark-1: #1B1D26; --neutral-dark-2: #22242C; --neutral-dark-3: #2E3342; --neutral-dark-4: #2E3342; --neutral-dark-5: #33394A; --neutral-dark-6: #394055; --neutral-dark-7: #444C66; --neutral-dark-8: #596487; --neutral-dark-9: #647096; --neutral-dark-10: #707CA1; --neutral-dark-11: #A9B3D2; --neutral-dark-12: #EBEEF6; --brand-dark-1: #1B202D; --brand-dark-2: #1B202D; --brand-dark-3: #212D4C; --brand-dark-4: #273663; --brand-dark-5: #2E3F72; --brand-dark-6: #36497F; --brand-dark-7: #3F5491; --brand-dark-8: #4861A8; --brand-dark-9: #496AD0; --brand-dark-10: #4861A8; --brand-dark-11: #99B4FB; --brand-dark-12: #D7E2FB; --success-dark-1: #192018; --success-dark-2: #1D241C; --success-dark-3: #243322; --success-dark-4: #264222; --success-dark-5: #2C4F28; --success-dark-6: #335C2E; --success-dark-7: #3A6B34; --success-dark-8: #417C39; --success-dark-9: #4AAE3D; --success-dark-10: #3DA22F; --success-dark-11: #72D266; --success-dark-12: #BFF2B7; --warning-dark-1: #1F1E19; --warning-dark-2: #26241F; --warning-dark-3: #302D23; --warning-dark-4: #3A3625; --warning-dark-5: #453E28; --warning-dark-6: #52492B; --warning-dark-7: #63572E; --warning-dark-8: #7A6A32; --warning-dark-9: #AE953D; --warning-dark-10: #A28930; --warning-dark-11: #D1BB72; --warning-dark-12: #F1E3B6; --critical-dark-1: #241B1C; --critical-dark-2: #281E1F; --critical-dark-3: #441C23; --critical-dark-4: #571A27; --critical-dark-5: #661F2E; --critical-dark-6: #752938; --critical-dark-7: #8D3647; --critical-dark-8: #B7455B; --critical-dark-9: #AE3D54; --critical-dark-10: #933B4B; --critical-dark-11: #FF8EA1; --critical-dark-12: #FFD2D7; /* Fonts */ --font-outfit: 'Outfit',sans-serif; --font-ptmono: 'PT Mono',monospace; --font-syncopate: 'Syncopate',sans-serif; /* Font size */ --text-3xs: 0.6rem; --text-2xs: 0.68rem; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75rem; /* Font weight */ --normal: 400; --medium: 500; --semi: 600; --bold: 700; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Border radius */ /* Spacing */ --rounding-none: 0px; --rounding-xs: 0.125rem; --rounding-sm: 0.25rem; --rounding-md: 0.375rem; --rounding-lg: 0.5rem; --rounding-xl: 0.75rem; --rounding-2xl: 1rem; --rounding-3xl: 1.5rem; --rounding-full: 9999px; --border-none: 0px; --border-xs: 0.087rem; --border-sm: 0.125rem; --border-md: 0.1875rem; --border-lg: 0.25rem; --border-focus: 0.2rem; --line-height-xs: 1.125rem; --line-height-sm: 1.25rem; --line-height-md: 1.5rem; --line-height-lg: 1.75rem; --line-height-xl: 1.875rem; --line-height-2xl: 2rem; --line-height-3xl: 2.375rem; --line-height-4xl: 2.75rem; --line-height-5xl: 3.75rem; --line-height-6xl: 4.5rem; --letter-spacing-xs: 0rem; --letter-spacing-sm: 0rem; --letter-spacing-md: 0rem; --letter-spacing-lg: 0rem; --letter-spacing-xl: 0rem; --letter-spacing-2xl: 0rem; --letter-spacing-3xl: 0rem; --letter-spacing-4xl: -0.045rem; --letter-spacing-5xl: -0.0575rem; --letter-spacing-6xl: -0.075rem; --interactive-2xs: 1.72rem; --interactive-xs: 2.1rem; --interactive-sm: 2.35rem; --interactive-md: 2.75rem; --interactive-lg: 3.25rem; --toggle-height-md: 1.5rem; --spinner-size-sm: 1.25rem; --spinner-size-md: 1.5rem; --spinner-size-lg: 1.75rem; --side-menu-width: 240px; --header-height: 4rem; --avatar-size-sm: 1.5rem; --avatar-size-md: 2rem; --avatar-size-lg: 3rem; --badge-size-sm: 1.5rem; --badge-size-md: 2rem; --badge-size-lg: 2.5rem; --4xs: 0.125rem; --3xs: 0.25rem; --2xs: 0.375rem; --xs: 0.5rem; --sm: 0.75rem; --md: 1rem; --lg: 1.5rem; --xl: 2rem; --2xl: 2.5rem; --3xl: 3rem; --4xl: 4rem; --5xl: 6rem; --6xl: 8rem; --7xl: 10rem; --none: 0rem; --page: 75rem; --modal-lg: 40rem; --modal-md: 30rem; --modal-sm: 22rem; --menu-left: 15rem; --menu-top: 5rem; --menu-bottom: 4rem; --menu-right: 12rem; --font-family: Outfit; --icon-size: 1.1rem; --content-max-width: 44rem; /* Z-index */ --side-menu: 1000; --side-menu-backdrop: 990; --toc-sidebar-mobile: 120; --toc-sidebar: 100; --swipe-prevent: 2000; --app-header: 500; --ask-ai: 1500; --ask-ai-backdrop: 1490; --ask-ai-button: 1; --tooltip: 10; } @keyframes animation-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animation-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes animation-fade-out { from { opacity:1; } to { opacity:0; } } } .cawPTP { width:100%; min-height:100%; flex-direction:row; } .eomBYS { width:100%; height:var(--header-height); display:flex; z-index:var(--app-header); position:fixed; align-items:center; margin-right:1rem; padding-left:var(--sm); padding-right:var(--sm); justify-content:center; background-color:var(--neutral-0, #FFFFFF); border-bottom-color:var(--neutral-5); border-bottom-style:solid; border-bottom-width:1px; } @media (max-width: 1024px) { .eomBYS { width:100%; margin-left:0px; } } .bWpTnd { width:fit-content; height:auto; } .so-button-secondary\:root { gap:var(--sm); color:var(--neutral-11); cursor:pointer; height:var(--interactive-md); display:flex; padding:var(--sm) var(--lg); overflow:hidden; position:relative; font-size:var(--font-size-sm); min-width:0px; background:var(--neutral-1); transition:all 250ms ease; align-items:center; font-family:var(--font-family); font-weight:600; user-select:none; border-radius:var(--rounding-lg); outline-color:var(--neutral-7); outline-style:solid; outline-width:var(--border-sm); flex-direction:row; outline-offset:calc(var(--4xs) * -1); justify-content:center; text-decoration:none; -webkit-tap-highlight-color:transparent; } .so-button-secondary\:root:hover { color:var(--neutral-12); background:var(--neutral-3); outline-color:var(--neutral-9); } .so-button-secondary\:root:active { color:var(--neutral-12); background:var(--neutral-4); transition:none; outline-color:var(--neutral-10); } .so-button-secondary\:root:focus-visible { outline-color:var(--brand-9); outline-width:var(--border-focus); outline-offset:0px; } .so-button-secondary\:root.trigger-open { background:var(--neutral-2); } .so-button-secondary\:root.disabled { color:var(--neutral-8); cursor:not-allowed; opacity:1; background:var(--neutral-2); outline-color:transparent; pointer-events:none; } .dvlykR { top:0px; left:0px; right:0px; bottom:0px; display:flex; opacity:0; z-index:1; overflow:hidden; position:absolute; background:var(--bg-color); transition:opacity 300ms ease; align-items:center; flex-direction:row; pointer-events:none; justify-content:center; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } .dvlykR.is-loading { opacity:1; pointer-events:all; } .QYAb { top:0px; left:0px; width:100%; height:100%; opacity:0.4; position:absolute; background:radial-gradient(circle at center, var(--base-color) var(--dot-size), transparent var(--dot-size)); pointer-events:none; background-size:var(--grid-spacing) var(--grid-spacing); background-position:0 0; } .duIYon { top:0px; left:0px; mask:var(--wave-pattern); width:100%; height:100%; opacity:var(--wave-opacity); position:absolute; animation:var(--wave-duration) linear infinite animation-left-to-right; mask-size:200% 100%; background:radial-gradient(circle at center, var(--highlight-color) var(--dot-size), transparent var(--dot-size)); mask-repeat:no-repeat; mask-position:300% 0; pointer-events:none; background-size:var(--grid-spacing) var(--grid-spacing); background-position:0 0; } @keyframes animation-left-to-right { 0% { mask-position: 300% 0; } 100% { mask-position: -200% 0; } } .bc-loader\:root { background:var(--neutral-2); border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .header\:-iO7O5Ix-YQLT_iFYGcQ9 { width:var(--interactive-sm); height:var(--interactive-sm); display:none; padding-left:0px; padding-right:0px; } @media (max-width: 1024px) { .header\:-iO7O5Ix-YQLT_iFYGcQ9 { display:flex; } } .ccbGtx { color:var(--color); cursor:pointer; display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); transition:color 300ms ease 0ms normal; font-family:'Outfit'; font-weight:var(--medium); line-height:var(--line-height); white-space:normal; border-radius:var(--rounding-md); margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); text-decoration-line:underline; text-decoration-color:var(--color-underline); text-decoration-style:solid; text-underline-offset:var(--underline-offset); text-decoration-thickness:var(--underline-thickness); } .ccbGtx:hover { color:var(--color-hovered); text-decoration-color:var(--color-underline-hovered); } .ccbGtx:active { color:var(--color-active); transition:none; } .ccbGtx:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .theme-button\:root { width:var(--interactive-sm); height:var(--interactive-sm); padding-left:0px; padding-right:0px; } @media (max-width: 1024px) { .theme-button\:root { display:none; } } .bnknLH { width:var(--size); box-sizing:border-box; } .BEFTq { box-sizing:border-box; } .header\:6SrciEfxgSejnjQj8qyJj { display:none; } .header\:9DRlV8fDZKOfTtX2TsE5n { width:var(--interactive-sm); height:var(--interactive-sm); display:none; padding-left:0px; padding-right:0px; } @media (max-width: 1024px) { .header\:9DRlV8fDZKOfTtX2TsE5n { display:flex; } } .dLsJjO { width:100%; display:flex; row-gap:var(--xs); max-width:var(--page); column-gap:var(--xs); align-items:center; flex-direction:row; justify-content:center; } .ckQqG { width:100%; box-sizing:border-box; } .bpmLmi { display:flex; row-gap:var(--sm); column-gap:var(--sm); align-items:flex-end; flex-direction:row; justify-content:center; } .bzLXFD { color:var(--neutral-12); width:160px; height:auto; align-items:center; flex-direction:row; justify-content:start; } .eNTwpl { flex:1; display:flex; } @media (max-width: 1024px) { .eNTwpl { height:var(--header-height); display:flex; position:relative; flex-grow:1; align-items:center; flex-direction:row; justify-content:start; } } .search-button\:root { padding-left:var(--sm); padding-right:var(--sm); } .cEygHd { color:inherit; width:var(--icon-size); height:var(--icon-size); font-size:inherit; font-family:inherit; font-weight:inherit; } .search-button\:HWM3GvQjXMRSKOE7965zA { color:var(--neutral-11, #60646C); } .fxoWux { color:var(--color); width:fit-content; height:var(--line-height); display:inline-flex; font-size:var(--text-sm); background:var(--color-bg); align-items:start; font-family:var(--font-family); font-weight:var(--semi); border-color:var(--color-border); border-style:solid; border-width:var(--border-md); padding-left:0.75rem; border-radius:var(--rounding-sm); padding-right:0.75rem; flex-direction:column; justify-content:center; } .search-button\:xAPgrp0sTokIS5JoROHK1 { width:1.75rem; height:1.75rem; align-items:center; padding-top:0px; padding-left:0px; border-radius:var(--rounding-sm); padding-right:0px; padding-bottom:0px; justify-content:center; } .header\:pUapB3V1GR2MsvNgltvoo { height:var(--interactive-sm); display:none; padding-right:var(--2xs); } @media (max-width: 1024px) { .header\:pUapB3V1GR2MsvNgltvoo { display:none; } } .test2\:IzB48VjV9y4FPYSH1mx6U { flex:1; } .fANBuP { top:var(--top); right:var(--right); display:flex; position:fixed; flex-direction:column; } @media (max-width: 1024px) { .fANBuP { right:var(--right-1024); } } @media (min-width: 1300px) { .fANBuP { display:none; } } .toc-button\:X4JsQvWiEIS2lpB9-bLif { height:var(--interactive-xs); } .dGkPqF { gap:0.5rem; top:var(--header-height); width:var(--side-menu-width); height:var(--height); z-index:var(--toc-sidebar); position:sticky; transition:var(--transition); padding-right:var(--padding-right); background-color:var(--neutral-0, #FFFFFF); } .cIVmMG { flex:1; flex-grow:1; flex-direction:row; padding-bottom:; } .dwGVnx { gap:0.5rem; color:var(--neutral-11, #636363); cursor:pointer; overflow:hidden; font-size:var(--text-sm); transition:var(--transition); align-items:center; font-family:'Inter'; font-weight:var(--medium); padding-top:0.375rem; padding-left:0.5rem; border-radius:var(--rounding-sm); padding-right:0.5rem; flex-direction:row; padding-bottom:0.375rem; -ms-user-select:none; justify-content:start; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .dwGVnx.first-level { color:var(--neutral-12, #1F1F1F); } .dwGVnx.h2 { padding-left:1rem; } .dwGVnx.h3 { padding-left:1.5rem; } .dwGVnx.h4 { padding-left:2rem; } .dwGVnx:hover { background-color:var(--neutral-2, #F5F5F5); } .dwGVnx:focus-visible { outline-color:var(--blue-9, #3586FF); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-lg); } .dwGVnx:active { background-color:var(--neutral-2, #F9F9F9); } .dwGVnx.selected { color:var(--blue-12, #103264); background-color:var(--blue-3, #EAF3FF); } .toc-menu-item\:J3PALZu6C-jQfu99nKj7u { width:100%; height:100%; } .eMbfYZ { color:var(--color, inherit); display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); font-family:Outfit; font-weight:var(--normal); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .eMbfYZ.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .eMbfYZ.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .toc-menu-item\:agpqMrxZrpieHny-M68ci { display:inline-block; max-width:100%; text-align:left; } .dnrrfX { padding-left:0.5rem; padding-right:0.5rem; } .toc-menu-item\:jZXAo3ActSvMj6CGHD-d6 { height:var(--item-height); align-items:start; justify-content:center; } .dYvhTE { width:var(--width); height:100%; transition:background-color 50ms linear 0ms normal; background-color:var(--neutral-8); } .dYvhTE.active { background:var(--brand-8); transition:; } .dYvhTE.no-items { transition:none; background-color:var(--neutral-4); } .toc-sidebar\:GuBh31d2samsLdFp9enUD { width:var(--interactive-xs); height:var(--interactive-xs); padding-left:0px; padding-right:0px; } @media (min-width: 1300px) { .toc-sidebar\:GuBh31d2samsLdFp9enUD { display:none; } } .ehlJOo { width:var(--width); display:flex; flex-grow:1; transition:; background-color:var(--neutral-4); } .qNXuG { width:var(--width); height:var(--height); overflow-x:hidden; overflow-y:hidden; margin-left:1rem; border-radius:0px; } .eNanlk { flex:1; height:50px; } .toc-sidebar\:aA4nchArdWJ6pdGqjDgne { rotate:var(--rotate); transition:var(--transition-rotate); } .cBSHjz { top:0px; left:0px; width:100%; bottom:revert-layer; height:var(--height); position:absolute; transition:background-color 50ms linear 0ms normal; background-color:var(--neutral-8); border-top-right-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); } .cBSHjz.active { background:var(--brand-9); } .chQrfB { display:flex; align-items:center; padding-top:1.75rem; padding-left:1rem; padding-right:1.25rem; flex-direction:row; justify-content:space-between; } @media (max-width: 1300px) { .chQrfB { padding-top:1rem; } } .bCrsFu { overflow-y:auto; touch-action:auto; } .dialog-scroll-area\:root { flex:1; width:100%; } .toc-sidebar\:qPTB1-eDa6gVGG2SPne3O { flex:none; height:fit-content; max-height:100%; overflow-y:auto; align-items:; padding-top:0.5rem; flex-direction:row; padding-bottom:1rem; justify-content:; } .toc-sidebar\:u3SexBaxxZhENco0RZy3W { gap:var(--side-menu-list-gap); width:100%; } .cFAhcs { left:0px; width:100%; bottom:0px; height:var(--height); position:absolute; box-shadow:1px 4px 8px 0px #00000044; transition:background-color 50ms linear 0ms normal; background-color:var(--neutral-8); border-top-right-radius:var(--rounding-full); border-bottom-right-radius:var(--rounding-full); } .cFAhcs.active { background:var(--brand-9); } .ZcJpI { width:100%; height:100%; display:flex; position:absolute; transform:translate(0px, var(--translate-y)); margin-top:var(--margin-top); background-color:var(--neutral-0); } .ZcJpI.transition-enabled { transition:transform 150ms ease 0ms normal; } .ZcJpI.hidden { opacity:0; } .toc-sidebar\:x9P3GnPNbC3tmDljXv1jO { flex:1; color:var(--neutral-12, #1C2024); font-weight:var(--semi); } .toc-sidebar-mobile\:root { display:none; z-index:var(--toc-sidebar-mobile); border-left-color:var(--neutral-5, #E1E1E1); border-left-style:solid; border-left-width:var(--border-md); } @media (max-width: 1300px) { .toc-sidebar-mobile\:root { right:0px; display:flex; position:fixed; translate:100%; flex-direction:column; } } @media (max-width: 1300px) { .toc-sidebar-mobile\:root.open { translate:0; } } .cmgjKQ { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:fixed; transform:translateZ(0); background:var(--neutral-overlay-deep); will-change:transform,opacity; } .cmgjKQ.shown { opacity:1; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);; } .cmgjKQ.show-transition { transition:var(--transition-in); } .cmgjKQ.hide-transition { transition:var(--transition-out); } .test2\:_Av_qb0TetmaQ6C-lCIeu { z-index:var(--side-menu-backdrop); } .fexdMc { gap:2rem; width:100%; margin-top:var(--header-height); min-height:var(--min-height); align-items:start; flex-direction:row; padding-bottom:; justify-content:space-between; } @media (max-width: 1024px) { .fexdMc { width:100%; min-height:var(--min-height); margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; background-color:var(--neutral-0, #FFFFFF); } } .fexdMc.loading { min-height:var(--min-height-loading); } .biLPwP { width:100%; height:100%; opacity:1; flex-grow:1; transition:opacity 0ms ease 500ms ; align-items:center; padding-top:2rem; justify-content:center; } .biLPwP { @starting-style { opacity:0; } } .empty-state-title\:root { color:var(--neutral-12, #1C2024); display:inline-block; margin-top:1rem; text-align:center; font-weight:var(--semi); } .empty-state-text\:root { color:var(--neutral-11, #60646C); display:inline-block; max-width:220px; text-align:center; } .page-empty-state\:hR53pZdo4Y-466CY_g7vo { width:100%; } .buOXKW { color:var(--neutral-11, #60646C); width:2rem; height:2rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .bbOZOQ { align-items:center; padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; justify-content:start; } .nMbpz { width:100%; animation:2s ease var(--delay) 1 normal forwards running animation-diMMIZ; transition:scale 300ms ease ; } .nMbpz:hover { scale:1.05 1.05 1; } @keyframes animation-diMMIZ { 0% { opacity: 0; } 100% { opacity: 1; } } .erNodq { color:var(--grey-400, #A3A3A3); display:inline-block; font-size:var(--text-md); font-family:Inter; font-weight:var(--normal); line-height:24px; } .XvPAn { width:100%; object-fit:cover; aspect-ratio:3/2; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } .Bjmgz { flex-grow:1; background:var(--neutral-2); box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.2); flex-basis:0px; flex-shrink:1; padding-top:12px; border-color:var(--neutral-5); border-style:solid; border-width:1px; padding-left:12px; padding-right:12px; padding-bottom:12px; border-top-left-radius:var(--rounding-xl); border-top-right-radius:var(--rounding-xl); border-bottom-left-radius:var(--rounding-xl); border-bottom-right-radius:var(--rounding-xl); } .euDGUH { gap:8px; flex-grow:1; flex-basis:0px; flex-shrink:1; padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:16px; } .bempKD { color:var(--neutral-12); font-size:var(--text-2xl); font-family:Inter; font-weight:var(--medium); line-height:32px; } .lPrSx { color:inherit; font-size:var(--font-size); margin-top:var(--margin-top); font-family:Outfit; font-weight:var(--bold); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .lPrSx.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .lPrSx.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .eBGgRg { width:100%; display:table; margin-bottom:1rem; border-collapse:collapse; } .markdown-text\:root { flex:1; } .table\:38hHRLA1ofNvr4c_ElrFV { font-weight:var(--bold); } .eThSGV { color:inherit; display:table-cell; font-size:var(--text-md); text-align:left; font-family:Inter; font-weight:var(--bold); padding-top:0.5rem; border-color:var(--neutral-7); border-style:solid; border-width:1px; padding-left:0.5rem; padding-right:0.5rem; padding-bottom:0.5rem; } .bDJCRh { width:100%; display:table-row-group; font-size:inherit; font-family:inherit; font-weight:inherit; } .eWzNgT { display:table-row; font-size:inherit; font-family:inherit; font-weight:inherit; } .ePIGxE { width:100%; display:table-header-group; font-size:inherit; font-family:inherit; font-weight:inherit; } .markdown-table\:root { border-top-left-radius:var(--border-md); border-top-right-radius:var(--border-md); border-bottom-left-radius:var(--border-md); border-bottom-right-radius:var(--border-md); } .drNofS { gap:0.5rem; color:var(--neutral-12, #1F1F1F); width:fit-content; bottom:0rem; position:absolute; align-items:center; padding-top:0.25rem; border-color:var(--neutral-7, #CECECE); border-style:solid; border-width:1px; padding-left:0.5rem; border-radius:var(--rounding-sm); padding-right:0.5rem; flex-direction:row; padding-bottom:0.25rem; justify-content:start; background-color:var(--neutral-0, #FFFFFF); } .image-dialog\:Bw77NsaUOnKQ5b7VoFQjs { color:inherit; } .KsFov { width:var(--width); height:var(--height); position:fixed; overflow-x:hidden; overflow-y:hidden; align-items:center; pointer-events:none; justify-content:center; } .KsFov.modal { touch-action:none; pointer-events:all; } .image-dialog\:SzAqa5r_Kg5Utw-Cn84gv { overflow-x:hidden; overflow-y:hidden; padding-top:0.75rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:1rem; } .eikpNf { width:100%; position:relative; transition:translate 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms ; will-change:opacity; aspect-ratio:var(--aspect-ratio); transform-origin:0 0; } .SWxlP { position:relative; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; } .SWxlP:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .image-dialog\:bYD3cI25ojtrpVJ-wXk5u { scale:var(--initial-scale); width:100%; opacity:0; position:relative; max-width:var(--max-width); translate:var(--initial-container-translate-x) var(--initial-container-translate-y); box-sizing:border-box; max-height:70vh; overflow-x:hidden; overflow-y:hidden; align-items:center; will-change:width, height, translate; aspect-ratio:var(--aspect-ratio); border-color:var(--neutral-7, #CECECE); border-style:solid; border-width:var(--border-md); border-radius:var(--border-radius); transform-origin:50% 50%; } .image-dialog\:bYD3cI25ojtrpVJ-wXk5u.open { scale:var(--scale); opacity:1; translate:var(--translate-x) var(--translate-y); transition:translate 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms; border-radius:var(--rounding-lg); transform-origin:50% 50%; } .image-dialog\:bYD3cI25ojtrpVJ-wXk5u.open-transition { transition:var(--dialog-open); } .image-dialog\:bYD3cI25ojtrpVJ-wXk5u.close-transition { transition:var(--dialog-close); } .image-dialog\:bYD3cI25ojtrpVJ-wXk5u.closing { opacity:0; } .byjkOA { top:0px; left:0px; right:0px; bottom:0px; z-index:-1; position:absolute; } .dialog-backdrop\:root { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:fixed; transform:translateZ(0); background:var(--neutral-overlay-deep); will-change:transform,opacity; } .dialog-backdrop\:root.open { opacity:1; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);; } .dialog-backdrop\:root.open-transition { transition:var(--backdrop-open); } .dialog-backdrop\:root.close-transition { transition:var(--backdrop-close); } .image-dialog\:jh3m-iv1l4OkEUCKvg5SJ { width:var(--interactive-md); height:var(--interactive-md); } .dTPWaZ { top:0px; right:var(--padding-right); position:absolute; } .cALHNZ { width:100%; height:100%; position:relative; align-items:center; user-select:none; padding-right:var(--padding-right); -ms-user-select:none; justify-content:center; -webkit-user-select:none; } .image\:-VI5Veos0ETlgVrjJGDXW { width:var(--interactive-xs); height:var(--interactive-xs); padding-left:0px; padding-right:0px; } .cnwvSZ { gap:0.25rem; right:0px; bottom:0px; position:absolute; background: var(--neutral-0); padding-top:0.25rem; padding-left:0.25rem; padding-right:0.25rem; flex-direction:row; padding-bottom:0.25rem; border-top-color:var(--neutral-5, #E1E1E1); border-top-style:solid; border-top-width:var(--border-md); border-left-color:var(--neutral-5, #E1E1E1); border-left-style:solid; border-left-width:var(--border-md); border-top-left-radius:var(--rounding-lg); } .VYYVP { top:0px; left:0px; right:0px; bottom:0px; position:absolute; align-items:center; justify-content:center; background-color:var(--overlay-inverted-a9, #ffffffb3); } .dLkKUf { width:100%; opacity:0; object-fit:cover; transition:var(--transition); will-change:opacity; aspect-ratio:var(--aspect-ratio); } .dLkKUf.loaded { opacity:1; } .dhWbkd { width:100%; margin-top:var(--sm); overflow-x:hidden; overflow-y:hidden; aspect-ratio:var(--aspect-ratio); border-color:var(--neutral-5, #E1E1E1); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-lg); background-color:var(--neutral-1, #FCFCFC); } .image\:w6n0VI0rZQbdy-5ZWi7WF { color:var(--neutral-12, #1F1F1F); font-weight:var(--medium); } .bIzVsp { top:0px; left:0px; position:absolute; max-width:50%; padding-top:0.5rem; padding-left:0.5rem; padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #FFFFFF); border-right-color:var(--neutral-5, #E1E1E1); border-right-style:solid; border-right-width:var(--border-md); border-bottom-color:var(--neutral-5, #E1E1E1); border-bottom-style:solid; border-bottom-width:var(--border-md); border-bottom-right-radius:var(--rounding-lg); } .fmdOww { gap:0.5rem; color:var(--neutral-12, #1F1F1F); width:fit-content; cursor:pointer; height:var(--interactive-sm); box-shadow:var(--shadow-sm); transition:var(--transition); align-items:center; font-family:'Inter'; font-weight:var(--medium); border-color:var(--neutral-6, #D5D5D5); border-style:solid; border-width:1px; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--neutral-0); -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .fmdOww:hover { background-color:var(--neutral-2, #F5F5F5); text-decoration-color:var(--color-underline-hovered); } .fmdOww:focus-visible { outline-color:var(--blue-9, #3586FF); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-lg); } .fmdOww:active { transition:none; background-color:var(--neutral-4, #E4E4E4); } .image\:xw4fAmjKWSWeHh_NRMsTf { height:var(--interactive-height-sm); box-shadow:none; border-color:black; border-style:solid; border-width:0px; padding-right:0.5rem; } .markdown-image\:root { width:100%; } .blSxWC { color:inherit; display:inline; font-size:var(--font-size); margin-top:var(--margin-top); font-family:Outfit; font-weight:var(--bold); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .blSxWC.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .blSxWC.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .bHiIzb { width:100%; font-size:var(--text-sm); max-width:100%; word-wrap:break-word; background:var(--color-bg); font-family:Outfit; font-weight:inherit; line-height:var(--line-height-lg); white-space:pre-wrap; border-color:var(--neutral-3); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-lg); letter-spacing:var(--letter-spacing-sm); } .cFkZKk { color:var(--neutral-12); } .dpTuhM { gap:0.5rem; width:fit-content; cursor:default; height:var(--interactive-height-md); font-size:var(--text-md); transition:var(--transition); align-items:center; font-family:'Inter'; font-weight:var(--normal); user-select:none; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .dpTuhM:focus-visible { outline-color:var(--blue-9, #3586FF); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-lg); } .dpTuhM.pressed { transition:none; } .dpTuhM.critical:focus-visible { outline-color:var(--red-9, #F2386A); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-lg); } .dpTuhM.critical-pressed { transition:none; } .button-copy-clipboard\:root { gap:0.5rem; color:var(--neutral-12, #1F1F1F); width:fit-content; cursor:default; height:fit-content; font-size:var(--text-sm); transition:var(--transition); align-items:center; font-family:inherit; padding-top:0.25rem; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); padding-bottom:0.25rem; justify-content:center; } .button-copy-clipboard\:root:hover { background-color:var(--overlay-a2, #0000001a); } .button-copy-clipboard\:root.trigger-open { background-color:var(--overlay-a3, #00000026); } .button-copy-clipboard\:root.pressed:active { transition:none; background-color:var(--overlay-a3, #00000026); } .eAOkCU { overflow:auto; word-break:break-all; white-space:pre-wrap; padding-left:0.75rem; padding-right:0.75rem; } .hnysS { display:flex; background:var(--neutral-2); align-items:center; padding-left:0.75rem; padding-right:0.75rem; flex-direction:row; justify-content:space-between; border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); } .ejprCe { height:1rem; } .zIWgW { width:fit-content; height:fit-content; display:inline-flex; } .markdown-kbd\:oIrRugd6ZQBiUbRNmsRHM { height:var(--line-height-md); display:flex; min-width:var(--line-height-md); align-items:center; padding-left:0.25rem; padding-right:0.25rem; justify-content:center; } .fEoauw { width:100%; overflow:hidden; aspect-ratio:16/9 auto; border-color:var(--neutral-7); border-style:solid; border-width:var(--border-md); border-radius:var(--rounding-lg); background-color:var(--neutral-2); } .dgsgSN { gap:1.5rem; top:0px; left:0px; right:0px; bottom:0px; display:flex; position:absolute; align-items:center; padding-top:1rem; padding-left:0.5rem; padding-right:0.5rem; padding-bottom:1rem; justify-content:space-between; } .dyxKgn { top:0px; left:0px; right:0px; bottom:0px; opacity:0.9; position:absolute; background: var(--neutral-0); } .eGGafp { color:var(--color, inherit); cursor:pointer; display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); transition:var(--transition); font-family:Outfit; font-weight:var(--normal); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); text-decoration-line:underline; text-decoration-color:var(--color-underline); text-decoration-style:solid; text-underline-offset:var(--underline-offset); text-decoration-thickness:var(--underline-thickness); } .eGGafp:hover { color:var(--color-hovered); text-decoration-color:var(--color-underline-hovered); } .eGGafp:active { color:var(--color-active); transition:none; } .so-button-primary\:root { gap:var(--sm); color:var(--brand-1); cursor:pointer; height:var(--interactive-md); display:flex; padding:var(--sm) var(--lg); overflow:hidden; position:relative; tabindex:1; font-size:var(--font-size-sm); min-width:0px; background:var(--brand-9); box-shadow:0 8px 32px var(--brand-4); transition:all 250ms ease; align-items:center; font-family:var(--font-family); font-weight:600; user-select:none; border-radius:var(--rounding-lg); outline-color:transparent; outline-style:solid; outline-width:var(--border-focus); flex-direction:row; outline-offset:var(--4xs); -ms-user-select:none; justify-content:center; text-decoration:none; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-button-primary\:root:hover { color:#ecedee; transform:translateY(-1px); background:var(--brand-10); box-shadow:0 12px 48px var(--brand-7); } .so-button-primary\:root:active { transform:translateY(0); background:var(--brand-8); box-shadow:0 4px 16px var(--brand-4); } .so-button-primary\:root:focus-visible { box-shadow:0 12px 48px var(--brand-9); outline-color:var(--brand-8); } .so-button-primary\:root.disabled { color:var(--brand-11); cursor:not-allowed; opacity:0.6; tabindex:-1; transform:none; background:var(--brand-5); box-shadow:none; pointer-events:none; } .so-button-primary\:nFpWo48Cdg9QnY4NBnzU3 { background:var(--brand-3); } .bxbZLN { aspect-ratio:16/9; } .djKsHb { height:var(--line-height-md); } .dnBtYx { gap:1em;; color:#fff;; display:flex;; padding:1em;; align-items:center;; aspect-ratio:16 / 9;; flex-direction:column;; justify-content:center;; text-decoration:none;; background-color:#000;; } .dKKmlo { color:var(--color, inherit); font-size:var(--font-size); margin-top:var(--margin-top); font-family:Outfit; font-weight:var(--normal); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .dKKmlo.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .dKKmlo.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .markdown-paragraph\:root { width:100%; } .example-dialog\:5aii7AYHrLOA2hKahomoy { width:var(--initial-width); height:var(--initial-height); position:relative; translate:var(--initial-translate-x) var(--initial-translate-y); box-shadow:var(--shadow-lg); overflow-x:hidden; overflow-y:hidden; padding-top:0rem; border-color:var(--neutral-7); border-style:solid; border-width:var(--border-md); padding-left:0rem; border-radius:var(--rounding-lg); padding-right:0rem; padding-bottom:0rem; --front-opacity:1; transform-style:preserve-3d; background-color:var(--neutral-0, #FFFFFF); } .example-dialog\:5aii7AYHrLOA2hKahomoy.open { width:100%; height:100%; opacity:1; max-width:1800px; translate:0 0; --front-opacity:0; } .example-dialog\:5aii7AYHrLOA2hKahomoy.open-transition { transition:width 360ms ease 400ms , height 360ms ease 400ms , translate 360ms ease 400ms ; } .example-dialog\:5aii7AYHrLOA2hKahomoy.close-transition { transition:translate 320ms ease 0ms , width 320ms ease 0ms , height 320ms ease 0ms ; } .example-dialog\:83Hp3iWFndJVZ-rUqcTXg { height:var(--line-height-2xl); padding-left:0.5rem; } .eOiZTW { gap:1rem; width:100%; flex-direction:row; padding-bottom:1rem; } .cwCTvS { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; position:absolute; } .wFfeU { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; position:absolute; padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; background-color:var(--neutral-0, #FFFFFF); backface-visibility:visible; -webkit-backface-visibility:visible; } .dialog-close-button\:0h6kLqjY2yKqJ9biCR8MT { width:var(--interactive-sm); height:var(--interactive-sm); display:flex; align-items:center; padding-left:0px; padding-right:0px; justify-content:center; } .zHcuM { color:var(--neutral-11, #B5B2BC); width:100%; font-size:var(--font-size); margin-top:var(--margin-top); font-family:Outfit; font-weight:var(--semi); line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .zHcuM.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .zHcuM.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .rKRcu { gap:0.5rem; flex-direction:row; } .bCQTWc { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; rotate:z 0deg; opacity:var(--front-opacity); position:absolute; transition:opacity 0ms ease 400ms ; pointer-events:none; background-color:var(--neutral-0, #FFFFFF); backface-visibility:hidden; -webkit-backface-visibility:hidden; } .cxENmB { flex:1; width:100%; overflow-x:hidden; overflow-y:hidden; align-items:center; border-radius:var(--rounding-md); justify-content:center; background-color:var(--neutral-1, #FCFCFC); } .blgiLL { color:var(--neutral-11); width:48px; height:48px; align-items:start; justify-content:center; } .example-dialog\:sVBSz3Z2FRWgGk6HYZ5Y5 { width:40px; height:40px; } .eqqmDA { width:100%; height:100%; position:relative; align-items:center; padding-top:1.25rem; perspective:1500px; padding-left:1.25rem; padding-right:var(--padding-right); padding-bottom:1.25rem; justify-content:center; } .fcsOdw { width:100%; overflow-x:hidden; overflow-y:hidden; border-color:var(--neutral-5, #E1E1E1); border-style:solid; border-width:1px; border-radius:var(--rounding-lg); background-color:var(--neutral-0, #FFFFFF); } .example-content\:3RcFI4kU1TsKuXFaeufq_ { width:var(--interactive-sm); height:var(--interactive-sm); padding-left:0px; padding-right:0px; background-color:var(--neutral-0, #FFFFFF); } .ceBsHx { gap:0.25rem; color:var(--neutral-0, #FFFFFF); width:fit-content ; height:2rem; display:flex; font-size:var(--text-sm); align-items:center; font-family:'Inter'; font-weight:var(--medium); padding-left:0.25rem; border-radius:var(--rounding-md); padding-right:0.5rem; flex-direction:row; justify-content:center; background-color:var(--neutral-12, #1F1F1F); } .eDeGUq { width:100%; height:100%; background:radial-gradient(circle, var(--circle-color) 1px, transparent 1px) 0 0; align-items:center; background-size:20px 20px; justify-content:center; } .example-content\:73CSGlZJQdcfE4-FQLBJv { top:0px; left:0px; right:0px; bottom:0px; position:absolute; } .example-content\:AnVZtuQ_kFjdyvTqb1Bd1 { height:var(--interactive-sm); padding-left:var(--sm); padding-right:var(--sm); } .eyAmaz { width:100%; height:100%; } .blZVYs { gap:1rem; padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .dRNtIc { gap:0.5rem; align-items:center; padding-top:1rem; padding-left:1rem; padding-right:1rem; flex-direction:row; padding-bottom:1rem; justify-content:end; } .example-content\:dm2m7YkWkIZfd6_GzsN3N { height:var(--interactive-sm); padding-left:var(--sm); padding-right:var(--sm); } .dnZEVP { gap:0.5rem; align-items:center; padding-top:1.5rem; flex-direction:row; justify-content:end; } .dialog-content\:root { width:100%; opacity:0; max-width:460px; translate:0 20px; box-shadow:var(--shadow-lg); padding-top:1rem; border-color:var(--neutral-7, #CECECE); border-style:solid; border-width:var(--border-md); padding-left:1rem; border-radius:var(--rounding-lg); padding-right:1rem; padding-bottom:1rem; background-color:var(--neutral-0, #FFFFFF); transform-origin: 0px; } @media (max-width: 1024px) { } .dialog-content\:root.open { opacity:1; translate:0 0px; } .dialog-content\:root.open-transition { transition:var(--dialog-open); } .dialog-content\:root.close-transition { transition:var(--dialog-close); } .dialog-portal\:root { padding-top:1.5rem; padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1.5rem; } .dialog-description\:root { color:var(--neutral-11, #60646C); } .eQnNcW { width:100%; height:var(--height); } .ehuQHb { gap:var(--lg); width:100%; display:flex; margin-top:var(--md); margin-bottom:var(--md); flex-direction:column; } .epNlbA { color:var(--neutral-12); margin:0px; font-size:var(--font-size-xl); font-family:var(--font-family); font-weight:600; line-height:var(--line-height-xl); } .cHBtsq { gap:var(--sm); border:var(--border-md) solid var(--neutral-6); display:flex; padding:var(--sm); min-width:var(--min-width); background:var(--neutral-1); transition:all 250ms ease; border-radius:var(--rounding-lg); flex-direction:column; text-decoration:none; scroll-snap-align:var(--snap-align); } .cHBtsq:hover { transform:translateY(-2px); box-shadow:0 2px 8px var(--neutral-overlay-dark); border-color:var(--brand-7); } .dOKRFl { gap:var(--md); display:var(--display); overflow-x:var(--overflow-x); flex-direction:var(--flex-direction); padding-bottom:var(--sm); scroll-snap-type:var(--scroll-snap); grid-template-columns:var(--grid-columns); } @media (max-width: 48rem) { .dOKRFl { grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); } } .dfnykz { width:100%; position:relative; } .cCYXsI { width:100%; } .bnkjHr { gap:var(--xs); display:flex; flex-direction:column; } .GYPFa { right:0px; bottom:var(--2xs); position:absolute; } .UgCri { color:var(--neutral-11, #B5B2BC); display:inline-block; font-size:var(--font-size); margin-top:var(--margin-top); font-family:'Outfit'; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .UgCri.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .UgCri.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .product-list\:loadingCardName { color:var(--neutral-12); min-width:0px; word-wrap:break-word; font-weight:var(--semi); } .product-list\:successCardName { color:var(--neutral-12); min-width:0px; word-wrap:break-word; font-weight:var(--semi); } .ehNJFa { width:100%; background:var(--neutral-2); object-fit:cover; aspect-ratio:1/1; border-radius:var(--rounding-md); } .product-list\:successCardPrice { color:var(--brand-10); font-weight:var(--bold); } .product-list\:successCardStock { color:var(--stock-color); font-weight:var(--medium); } .product-list\:headerDescription { color:var(--neutral-11); } .cstsbO { gap:var(--2xs); display:flex; position:relative; flex-direction:column; } .ecsgDW { width:var(--size); height:var(--size); animation:spinner 1s linear infinite; border-radius:50%; } .ffcKG { width:100%; height:100%; position:absolute; border-color:transparent; border-style:solid; border-width:4px; border-radius:50%; border-top-color:var(--color, #EEEEF0); border-top-style:solid; border-top-width:4px; } .bDGgpC { width:100%; height:100%; opacity:0.3; position:absolute; border-color:var(--color, #EEEEF0); border-style:solid; border-width:4px; border-radius:50%; } .dTqxAH { gap:var(--2xs); display:flex; flex-direction:column; } .cyDXDh { gap:var(--xl); width:100%; margin:0 auto; display:flex; padding:var(--lg); max-width:var(--page); flex-direction:column; } @media (max-width: 48rem) { .cyDXDh { gap:var(--lg); padding:var(--md); } } .dMhLgr { gap:var(--sm); display:flex; padding:var(--sm); background:var(--neutral-1); border-radius:var(--rounding-md); flex-direction:row; } .biezmH { width:100%; height:100%; object-fit:cover; } .product-big\:specLabel { color:var(--neutral-11); min-width:8rem; font-weight:var(--medium); } .product-big\:specValue { color:var(--neutral-12); min-width:0px; word-wrap:break-word; font-weight:var(--normal); } .product-big\:specsTitle { color:var(--neutral-12); font-weight:var(--semi); } .fDhMJT { color:var(--neutral-12); width:2.5rem; border:var(--border-md) solid var(--neutral-6); cursor:pointer; height:2.5rem; display:flex; outline:var(--border-md) solid transparent; font-size:var(--font-size-lg); background:var(--neutral-2); transition:all 250ms ease; align-items:center; font-family:var(--font-family); font-weight:600; border-radius:var(--rounding-md); flex-direction:row; outline-offset:var(--2xs); justify-content:center; } .fDhMJT:hover { background:var(--neutral-3); border-color:var(--neutral-7); } .fDhMJT:focus-visible { outline-color:var(--brand-8); } .eqwbKb { gap:var(--2xl); width:100%; display:flex; flex-direction:row; } @media (max-width: 48rem) { .eqwbKb { gap:var(--lg); flex-direction:column; } } .bVNa-ds { color:var(--neutral-12); margin:0px; font-size:var(--font-size-3xl); font-family:var(--font-family); font-weight:700; line-height:var(--line-height-3xl); } @media (max-width: 48rem) { .bVNa-ds { font-size:var(--font-size-2xl); line-height:var(--line-height-2xl); } } .product-big\:successPrice { color:var(--brand-10); font-weight:700; } .bZjaoX { gap:var(--md); display:flex; flex-direction:column; } .flYVDT { gap:var(--2xs); border:var(--border-sm) solid var(--success-6); display:flex; padding:var(--xs) var(--sm); background:var(--success-2); align-items:center; border-radius:var(--rounding-md); flex-direction:row; } .product-big\:quantityLabel { color:var(--neutral-12); font-weight:var(--medium); } .cdFNzn { width:5rem; border:var(--border-md) solid var(--neutral-6); cursor:pointer; height:5rem; outline:var(--border-md) solid transparent; padding:0px; background:var(--neutral-1); transition:all 250ms ease; border-radius:var(--rounding-md); outline-offset:var(--2xs); } .cdFNzn:hover { border-color:var(--brand-7); } .cdFNzn.active { border-color:var(--brand-9); outline-color:var(--brand-8); } .cdFNzn:focus-visible { outline-color:var(--brand-8); } .dgGNNZ { top:50%; left:50%; padding:var(--md); position:absolute; transform:translate(-50%, -50%); background:var(--neutral-1); box-shadow:0 4px 12px var(--neutral-overlay-dark); border-radius:var(--rounding-lg); } .dSFmCl { width:100%; height:100%; object-fit:cover; border-radius:var(--rounding-sm); } .product-big\:loadingCategory { color:var(--neutral-11); font-weight:var(--medium); letter-spacing:0.05em; text-transform:uppercase; } .product-big\:quantityDisplay { color:var(--neutral-12); min-width:3rem; text-align:center; font-weight:var(--semi); } .product-big\:successCategory { color:var(--neutral-11); font-weight:var(--medium); letter-spacing:0.05em; text-transform:uppercase; } .WqjB { gap:var(--sm); color:var(--brand-12); border:none; cursor:pointer; height:var(--interactive-lg); display:flex; outline:var(--border-md) solid transparent; padding:var(--md); font-size:var(--font-size-md); background:var(--brand-9); transition:all 250ms ease; align-items:center; font-family:var(--font-family); font-weight:600; border-radius:var(--rounding-lg); flex-direction:row; outline-offset:var(--2xs); justify-content:center; } .WqjB:hover { transform:translateY(-1px); background:var(--brand-10); box-shadow:0 4px 12px var(--brand-5); } .WqjB:active { background:var(--brand-8); } .WqjB:focus-visible { outline-color:var(--brand-8); } .blxFhl { gap:var(--sm); display:flex; align-items:center; flex-direction:row; } .nLHhC { width:100%; border:var(--border-md) solid var(--neutral-6); overflow:hidden; background:var(--neutral-2); aspect-ratio:1/1; border-radius:var(--rounding-xl); } .product-big\:successStockBadge { color:var(--success-11); font-weight:var(--medium); } .cmBRhq { gap:var(--sm); display:flex; overflow-x:auto; flex-direction:row; } .product-big\:loadingDescription { color:var(--neutral-11); line-height:1.6; } .eGRILH { gap:var(--lg); flex:1; display:flex; flex-direction:column; } .product-big\:successDescription { color:var(--neutral-11); line-height:1.6; } .dMaZAk { flex:1; border:var(--border-md) solid var(--neutral-6); overflow:hidden; position:relative; background:var(--neutral-2); min-height:30rem; border-radius:var(--rounding-xl); } @media (max-width: 48rem) { .dMaZAk { min-height:20rem; } } .lChvZ { gap:var(--md); flex:1; display:flex; flex-direction:column; } .bSDzSd { gap:var(--md); display:flex; padding:var(--md); background:var(--neutral-2); align-items:center; border-radius:var(--rounding-lg); flex-direction:row; } .fxqCeu { gap:var(--md); border:var(--border-md) solid var(--neutral-6); display:flex; padding:var(--lg); background:var(--neutral-1); border-radius:var(--rounding-lg); flex-direction:column; } .eVuMZW { gap:0.25rem; padding-top:0.25rem; padding-left:var(--padding-left); flex-direction:column; padding-bottom:0.25rem; } .eyEqTG { color:var(--neutral-11, #636363); width:1rem; height:1rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .markdown-list-item\:BapMK0N05hcyY4MFqm_Yy { color:inherit; } .euAwDG { height:var(--line-height-md); min-width:var(--line-height-md); align-items:center; padding-left:0.25rem; padding-right:0.25rem; justify-content:center; } .euAwDG.ordered { color:var(--neutral-12); background:var(--neutral-0); border-color:var(--neutral-8); border-style:solid; border-width:1px; margin-right:0.25rem; border-radius:var(--rounding-sm); } .cNXdEt { gap:0.25rem; display:flex; flex-direction:row; } .frkQWi { color:inherit; font-size:var(--font-size); font-style:italic; margin-top:var(--margin-top); font-family:Outfit; font-weight:inherit; line-height:var(--line-height); white-space:normal; margin-bottom:var(--margin-bottom); letter-spacing:var(--letter-spacing); } .frkQWi.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .frkQWi.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .fiTxBw { color:var(--color, inherit); width:fit-content; font-size:var(--font-size); max-width:100%; word-wrap:break-word; font-family:'PT Mono'; font-weight:inherit; line-height:var(--line-height); white-space:pre-wrap; border-color:var(--color-border); border-style:solid; border-width:var(--border-md); padding-left:0.25rem; border-radius:var(--rounding-sm); padding-right:0.25rem; letter-spacing:var(--letter-spacing); background-color:var(--color-bg); } .fiTxBw.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .fiTxBw.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .bsIUXC { gap:var(--gap); width:var(--width); border:var(--border-md) solid var(--neutral-6); display:flex; padding:var(--padding); background:var(--neutral-1); transition:all 250ms ease; align-items:var(--align-items); border-radius:var(--rounding-lg); flex-direction:row; text-decoration:none; } .bsIUXC:hover { transform:translateY(-1px); box-shadow:0 2px 8px var(--neutral-overlay-dark); border-color:var(--brand-7); } .product-cta\:loadingDesc { color:var(--neutral-11); min-width:0px; word-wrap:break-word; } .product-cta\:loadingName { color:var(--neutral-12); min-width:0px; word-wrap:break-word; font-weight:var(--semi); } .product-cta\:successDesc { color:var(--neutral-11); min-width:0px; word-wrap:break-word; } .product-cta\:successName { color:var(--neutral-12); min-width:0px; word-wrap:break-word; font-weight:var(--semi); } .ednBtq { gap:var(--xs); color:var(--brand-12); border:none; cursor:pointer; height:var(--interactive-sm); display:flex; outline:var(--border-md) solid transparent; padding:var(--xs) var(--sm); font-size:var(--font-size-xs); background:var(--brand-9); transition:all 250ms ease; align-items:center; font-family:var(--font-family); font-weight:600; border-radius:var(--rounding-md); flex-direction:row; outline-offset:var(--2xs); justify-content:center; } .ednBtq:hover { transform:translateY(-1px); background:var(--brand-10); box-shadow:0 2px 6px var(--brand-5); } .ednBtq:active { background:var(--brand-8); } .ednBtq:focus-visible { outline-color:var(--brand-8); } .dqyQmi { width:var(--image-size); height:var(--image-size); min-width:var(--image-size); background:var(--neutral-2); object-fit:cover; border-radius:var(--rounding-md); } .WRlCw { gap:var(--gap); flex:1; display:flex; position:relative; min-width:0px; align-items:var(--align-items); flex-direction:row; } .product-cta\:successPrice { color:var(--brand-10); font-weight:var(--bold); } .dKpbBL { gap:var(--gap); flex:1; display:flex; min-width:0px; align-items:var(--align-items); flex-direction:row; } .product-cta\:successStock { color:var(--success-10); font-weight:var(--medium); } .tpFrS { gap:var(--2xs); flex:1; display:flex; min-width:0px; flex-direction:column; } .bzNBut { top:var(--xs); right:var(--xs); position:absolute; } .fCCkTF { display:flex; align-items:flex-end; flex-direction:row; } .Qyevc { gap:var(--3xs); display:flex; flex-direction:column; } .cPctPo { gap:0.25rem; color:var(--color, #636363); width:100%; padding-top:0.75rem; border-color:var(--border-color, #CDCED6); border-style:solid; border-width:var(--border-md); padding-left:0.75rem; border-radius:var(--rounding-lg); padding-right:0.75rem; flex-direction:row; padding-bottom:0.75rem; background-color:var(--bg-color, #F9F9FB); } .markdown-callout\:root { gap:1rem; flex-direction:column; } .eALfxZ { gap:0.125rem; color:var(--color, #967300); width:fit-content ; height:2rem; display:flex; font-size:var(--text-sm); align-items:center; font-family:var(--font-family); font-weight:var(--medium); border-color:var(--border-color, #FFE175); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-md); padding-right:0.5rem; flex-direction:row; justify-content:center; background-color:var(--bg-color, #FFFBE9); } .eALfxZ.sm { gap:0.25rem; height:1.25rem; display:flex; font-size:var(--text-xs); font-weight:var(--medium); padding-left:0.5rem; padding-right:0.5rem; flex-direction:row; } .eALfxZ.lg { gap:0.25rem; height:2.5rem; display:flex; font-size:var(--text-md); padding-left:1.25rem; padding-right:1.25rem; flex-direction:row; } .markdown-callout\:8LYHZhisnGVJ3OJUUEBo2 { gap:0.5rem; align-items:center; flex-direction:row; justify-content:start; } .eKqJoF { width:1rem; height:1rem; } .HJKDo { width:100%; height:auto; aspect-ratio:var(--aspect-ratio); border-top-left-radius:var(--rounding-lg); border-top-right-radius:var(--rounding-lg); border-bottom-left-radius:var(--rounding-lg); border-bottom-right-radius:var(--rounding-lg); } .fqgJQD { width:100%; display:flex; flex-direction:column; pointer-events:none; } .eVBUvy { width:100%; pointer-events:all; } .dqsoTv { width:fit-content; height:fit-content; } .markdown-section\:2gb6JuOjPuPcmmNr16nUJ { flex:1; margin-top:var(--heading-margin-top); margin-bottom:var(--heading-margin-bottom); pointer-events:all; } .markdown-section\:4dwazoMz-WA2pqq4Jc9MZ { margin-top:0px; margin-bottom:0px; } .eFQaJC { top:var(--top); left:var(--left); position:absolute; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; transform-origin:var(--transform-origin-x) var(--transform-origin-y); } .eFQaJC:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .eFQaJC.hidden { visibility:hidden; pointer-events:none; } .eFQaJC.match-anchor-width { width:var(--sc-anchor-width); } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn { opacity:0; z-index:var(--tooltip); } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.open { opacity:1; } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.top-in { translate:0 -12px; } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.top-out { scale:1; } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.bottom-in { translate:0 12px; } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.bottom-out { scale:1; } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.open-transition { transition:all 200ms ease 0ms normal; } .tooltip-copy-url\:Quw7nR6hflO7rsq8M8Qbn.close-transition { transition:all 50ms ease 0ms normal; } .dYElHa { width:var(--width); height:var(--height); position:fixed; pointer-events:none; } .dYElHa.modal { pointer-events:all; } .fzHHXQ { height:var(--heading-line-height); background: var(--neutral-0); align-items:end; padding-right:var(--xs); justify-content:center; border-top-left-radius:var(--rounding-md); border-top-right-radius:var(--rounding-md); border-bottom-left-radius:var(--rounding-md); border-bottom-right-radius:var(--rounding-md); } .so-button-tertiary\:root { gap:var(--sm); color:var(--neutral-11); cursor:pointer; height:var(--interactive-sm); display:flex; padding:var(--sm) var(--lg); overflow:hidden; position:relative; font-size:var(--font-size-sm); min-width:0px; background:var(--neutral-overlay-mid); transition:scale 300ms cubic-bezier(0.3, -0.43, 0.64, 1.46) 0ms normal, all 300ms ease; align-items:center; font-family:var(--font-family); font-weight:600; user-select:none; border-radius:var(--rounding-lg); outline-color:var(--neutral-7); outline-style:none; outline-width:var(--border-focus); flex-direction:row; outline-offset:var(--4xs); pointer-events:auto; -ms-user-select:none; backdrop-filter:blur(1.5rem); justify-content:center; -moz-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-button-tertiary\:root:hover { color:var(--neutral-12); background:var(--neutral-4); outline-color:var(--neutral-9); } .so-button-tertiary\:root:active { background:var(--neutral-6); transition:none; outline-color:var(--neutral-11); } .so-button-tertiary\:root:focus-visible { color:var(--neutral-12); outline-color:var(--brand-9); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-button-tertiary\:root.trigger-open { background:var(--neutral-7); } .so-button-tertiary\:root.disabled { cursor:not-allowed; outline-color:var(--neutral-5); pointer-events:none; background-color:var(--overlay-a1, #ffffff0d); } .markdown-section\:v03HuYGi5KXLu5mAEvYxN { width:var(--interactive-2xs); height:var(--interactive-2xs); background:transparent; padding-left:0px; padding-right:0px; } .eTpLxN { color:var(--color, inherit); font-size:var(--font-size); font-family:'Inter'; font-weight:inherit; line-height:var(--line-height); padding-top:0.5rem; white-space:normal; padding-left:0.25rem; letter-spacing:var(--letter-spacing); padding-bottom:0.5rem; border-left-color:var(--color-border); border-left-style:solid; border-left-width:var(--space-2xs); } .eTpLxN.truncated { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .eTpLxN.clamped { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:var(--clamp-lines); } .dcOEQx { gap:4rem; flex:1; width:100%; min-height:100%; align-items:stretch; padding-left:1.25rem; padding-right:1.25rem; flex-direction:row; justify-content:center; background-color:var(--neutral-0, #FFFFFF); } .dcOEQx.loading { opacity:0; } .toc-side-bar-desktop\:root { padding-top:3rem; } @media (max-width: 1300px) { .toc-side-bar-desktop\:root { display:none; } } .bfrlFE { flex:1; display:flex; opacity:1; max-width:var(--content-max-width); align-items:start; padding-top:3rem; flex-direction:column; padding-bottom:4rem; justify-content:start; } @media (max-width: 1300px) { .bfrlFE { width:100%; flex-grow:1; padding-top:2.5rem; } } .cOiOCw { width:var(--side-menu-width); height:100dvh; display:none; z-index:var(--side-menu); position:fixed; background-color:var(--neutral-0, #FFFFFF); } @media (max-width: 1024px) { .cOiOCw { width:85vw; display:flex; translate:-100%; flex-direction:column;; border-right-color:var(--neutral-5); border-right-style:solid; border-right-width:var(--border-md); } } @media (max-width: 1024px) { .cOiOCw.animated { transition:var(--transition-out); } } @media (max-width: 1024px) { .cOiOCw.open { width:85vw; display:flex; translate:0; transition:var(--transition-in); flex-direction:column; } } @media (min-width: 1023px) { .cOiOCw.dashboard { display:flex; } } .doWZSZ { top:0px; left:0px; width:20px; bottom:0px; position:absolute; } .list-collapsible-trigger\:root { flex:1; width:calc(100% - 2 * 0.5rem); height:auto; font-size:var(--text-sm); background:transparent; margin-left:0.5rem; padding-top:var(--2xs); margin-right:0.5rem; padding-left:var(--sm); padding-right:var(--sm); padding-bottom:var(--2xs); } .list-collapsible-trigger\:QUqqcFZDNgKzdswMlcXzE { flex:1; color:var(--neutral-12, #1F1F1F); display:inline-block; font-size:var(--text-sm); text-align:left; font-weight:var(--medium); } .eklKNJ { height:0px; opacity:0; transform:translateZ(0px); overflow-y:hidden; transition:var(--transition-collapse); will-change:height, transform; } .eklKNJ.open { height:var(--height); opacity:1; transition:var(--transition-expand); } .side-menu-item\:FmN0RFyngen2oPpNreDJi { padding-top:0.5rem; padding-bottom:0rem; } .side-menu-item\:FmN0RFyngen2oPpNreDJi.first-item { border-top-color:transparent; border-top-style:solid; border-top-width:var(--border-md); } .side-menu-item\:KDFWLnxQrM75T4tVpWq_A { height:var(--line-height-md); } .eeiDkb { gap:0.25rem; padding-top:0.25rem; padding-bottom:0.25rem; } .cAsKvy { gap:0.5rem; width:100%; align-items:start; flex-direction:row; justify-content:start; } .side-menu\:gW4Uo4RqjzMvcVcV8IQ9u { flex-grow:1; } .EfaLf { gap:0.5rem; display:none; } .eqWJHD { height:var(--header-height); align-items:start; padding-top:0.75rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:0.75rem; justify-content:center; border-bottom-color:var(--neutral-5, #E1E1E1); border-bottom-style:solid; border-bottom-width:var(--border-md); } .dsrPga { color:var(--neutral-12); width:160px; } .side-menu\:uJ-PIoTwJeAbdX7ZT71bT { width:var(--interactive-sm); height:var(--interactive-sm); padding-left:0px; padding-right:0px; } .bFtwKY { width:100%; height:1px; background-color:var(--grey-600, #525252); } .bFtwKY.orientation-vertical { width:1px; height:100%; } .separator\:root { background-color:var(--neutral-5, #E0E1E6); } .side-menu\:wJXLKiQpefHy_iYjrhqoe { flex:1; padding-top:0.5rem; padding-bottom:1rem; border-right-color:var(--neutral-5); border-right-style:solid; border-right-width:var(--border-md); } @media (max-width: 1024px) { .side-menu\:wJXLKiQpefHy_iYjrhqoe { border-color:black; border-style:solid; border-width:0px; } } .cwJPDk { display:none; } @media (max-width: 1024px) { .cwJPDk { gap:1rem; width:100%; display:flex; align-items:start; padding-left:0.75rem; padding-right:0.75rem; flex-direction:column; padding-bottom:1rem; justify-content:start; } } .search-dialog\:X4IDxYuBKWS_JDIFdghJZ { align-items:center; padding-top:2rem; padding-left:0.5rem; padding-right:0.5rem; padding-bottom:2rem; justify-content:start; } @media (max-width: 800px) { .search-dialog\:X4IDxYuBKWS_JDIFdghJZ { padding-top:0.5rem; padding-left:0.5rem; padding-right:0.5rem; padding-bottom:0.5rem; } } .search\:root { width:100%; opacity:0; max-width:520px; max-height:min(calc(var(--viewport-height) - 2 * 2rem), 800px); padding-top:0px; border-color:var(--neutral-5, #E1E1E1); border-style:solid; border-width:var(--border-md); padding-left:0px; padding-right:0px; padding-bottom:0px; background-color:var(--neutral-0, #FFFFFF); } @media (max-width: 800px) { .search\:root { max-height:calc(var(--viewport-height) - 2 * 0.5rem); } } .cOEby { gap:1rem; width:100%; align-items:center; padding-top:1rem; flex-direction:row; padding-bottom:1rem; justify-content:start; border-top-color:var(--neutral-5); border-top-style:solid; border-top-width:var(--border-md); } .ETihy { gap:1rem; padding-left:1rem; padding-right:1rem; flex-direction:row; } @media (max-width: 800px) { .ETihy { display:none; } } .ejGOZq { gap:0rem; display:flex; transition:var(--transition); align-items:start; padding-top:0.75rem; border-color:var(--neutral-6, #D5D5D5); border-style:solid; border-width:1px; padding-left:0.75rem; border-radius:var(--rounding-md); padding-right:0.75rem; flex-direction:column; outline-offset:var(--border-md); padding-bottom:0.75rem; justify-content:start; } .ejGOZq:hover { background-color:var(--neutral-2, #F5F5F5); } .ejGOZq:active { transition:all 0ms ease 0ms normal; background-color:var(--neutral-4, #E4E4E4); } .ejGOZq.selected { border-color:var(--blue-9); border-style:solid; border-width:var(--border-md); } .search\:5Wo520OtBLXCqrB4fhu_C { gap:1rem; padding-top:1rem; padding-left:1rem; padding-right:1rem; padding-bottom:1rem; } .search\:6LW6QSt8wANBTGEYUdHOi { width:1.75rem; height:1.75rem; align-items:center; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; justify-content:center; } .dJomVK { color:var(--neutral-11, #60646C); width:1rem; height:1rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .figErZ { color:var(--neutral-11); text-align:left; } .search-highlight-repeat\:-OZO98bHcU0fSXxde4ZGg { color:var(--blue-12); display:inline; font-weight:inherit; } .boJInk { color:inherit; font-size:inherit; font-family:inherit; font-weight:inherit; } .aZuOO { top:0px; left:-0.25rem; right:-0.25rem; bottom:0px; position:absolute; border-radius:var(--rounding-sm); background-color:var(--blue-4); } .search-highlight-repeat\:kFeItZ2OIRUDSLAvo3iQr { color:inherit; display:inline; font-weight:inherit; } .search\:DYAC15PzSBjgJkWDjtI-U { color:var(--neutral-12, #1C2024); width:100%; display:inline-block; text-align:left; font-weight:var(--font-weight); } .eOVupJ { gap:0.375rem; align-items:center; flex-direction:row; justify-content:start; } .rltzo { flex:1; } .search\:In9jfI6r_cbIsXiZXnJIJ { flex:1; } .djFgEo { width:var(--kbd-icon-size); height:var(--kbd-icon-size); display:inline-block; } .search\:LGI5fMsfLD_cIVbNTeUrB { color:var(--neutral-12); font-weight:var(--medium); } .search\:Tm0r2_iuQom3T7MKmAbK8 { width:1.75rem; height:1.75rem; align-items:center; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; justify-content:center; } .egkcwx { width:fit-content; } .cRoJQC { r:var(--border-radius); cx:var(--svg-center); cy:var(--svg-center); stroke:var(--stroke); opacity:var(--opacity); stroke-width:var(--stroke-width); } .boHEcu { r:var(--border-radius); cx:var(--svg-center); cy:var(--svg-center); stroke:var(--stroke); stroke-width:var(--stroke-width); animation-name:spin; transform-origin:50% 50%; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear; } .cCEUWl { width:1em; height:1em; font-size:var(--size); } .input-loader\:root { margin-right:-0.25rem; } .search\:VqtEbQNl0DPvRbQtLSkeo { top:var(--2xs); right:var(--sm); position:absolute; } .fehXe { width:100%; height:var(--interactive-sm); display:flex; row-gap:var(--xs); background:var(--neutral-0); column-gap:var(--xs); transition:background-color 200ms ease 0ms normal, all 300ms ease; align-items:center; padding-left:var(--sm); border-radius:var(--rounding-md); outline-color:var(--neutral-5); outline-style:solid; outline-width:var(--border-md); padding-right:var(--sm); flex-direction:row; outline-offset:calc(var(--border-md) * -1); justify-content:start; } .fehXe:hover { background-color:var(--neutral-1, #121113); } .fehXe.focused { outline-color:var(--brand-9); outline-style:solid; outline-width:var(--border-focus); background-color:var(--neutral-0, #0b0a0b); } .dnSmfd { flex:1; color:var(--neutral-12, #EEEEF0); width:100%; height:100%; font-size:var(--text-md); font-family:'Outfit'; font-weight:var(--normal); } .dnSmfd::placeholder { color:var(--neutral-9, #6F6D78); font-size:var(--text-md); font-family:'Outfit'; font-weight:var(--normal); } .search\:XKdHWKIoOA0QT7wi6-79m { flex:1; } .search\:YXSsrfFRyQFrAQ9nYQpc2 { width:var(--interactive-sm); height:var(--interactive-sm); padding-left:0px; padding-right:0px; } .cmDheQ { width:100%; align-items:start; justify-content:start; } .search\:eSWXGTWBLhxmmLkANkMKC { color:var(--neutral-11, #60646C); font-weight:var(--semi); } .dxWpys { width:100%; padding-left:1rem; padding-right:1rem; flex-direction:row; } .dtkAKi { gap:0.5rem; width:100%; padding-top:1rem; flex-direction:row; padding-bottom:1rem; border-bottom-color:var(--neutral-5); border-bottom-style:solid; border-bottom-width:1px; } .search\:k0jDyRSyjy1CMPnFcHnwb { color:var(--neutral-11, #60646C); width:100%; display:inline-block; text-align:left; } .cIAYPB { gap:0rem; width:fit-content; max-width:100%; overflow-x:hidden; align-items:center; padding-top:0.25rem; border-color:var(--neutral-5); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-sm); margin-bottom:0.5rem; padding-right:0.5rem; flex-direction:row; padding-bottom:0.25rem; justify-content:start; background-color:var(--neutral-1); } .cFXluW { gap:0rem; align-items:center; flex-direction:row; justify-content:start; } .search\:oC5X1hPqxOl9OofmK1rGg { width:1.75rem; height:1.75rem; align-items:center; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; justify-content:center; } .cgGrpZ { height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .toast-wrapper\:3HNY67eQbyTMKV7wPLZZf { width:100%; display:flex; position:relative; max-width:320px; transition:height 150ms ease 0ms normal; align-items:center; flex-direction:column; justify-content:start; } .bHYIqa { top:var(--top); width:100%; position:absolute; pointer-events:all; } .bHYIqa.swipe-out-top { translate:0 -100%; } .bHYIqa.swipe-out-right { translate:100% 0px; } .bHYIqa.swipe-out-bottom { translate:0 100%; } .bHYIqa.swipe-out-left { translate:-100% 0px; } .toast\:root { gap:0.75rem; color:var(--neutral-11); width:fit-content; opacity:0; max-width:100%; translate:0 -20px; background:var(--neutral-1); padding-top:0.5rem; border-color:var(--neutral-6, #D9D9D9); border-style:solid; border-width:1px; padding-left:0.75rem; border-radius:var(--rounding-md); padding-right:0.75rem; padding-bottom:0.5rem; } .toast\:root.open { opacity:1; translate:0 0px; transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal; } .toast\:root.closing { opacity:0; translate:0 -16px; } .toast\:root.open-transition { transition:all 250ms ease 0ms normal; } .toast\:root.close-transition { transition:all 150ms ease 0ms normal; } .toast\:root.success { color:var(--green-1, #F9FFFB); border-color:var(--green-6, #99E4B8); border-style:solid; border-width:1px; background-color:var(--green-11, #008347); } .toast\:root.warning { color:var(--yellow-1, #FEFDFB); border-color:var(--yellow-6, #FDD175); border-style:solid; border-width:1px; background-color:var(--yellow-11, #9C6E00); } .toast\:root.critical { color:var(--red-1, #FFFCFC); border-color:var(--red-6, #FBBDC4); border-style:solid; border-width:1px; background-color:var(--red-11, #D10051); } .toast\:Na_KZ0RHIGWTxEwH3gIVS { color:inherit; } .ezeRiZ { width:var(--width); height:var(--height); position:fixed; align-items:start; pointer-events:none; justify-content:start; } .toast-wrapper\:jTe6cSAqqTerlGKuSJFnv { align-items:center; padding-top:1.25rem; padding-left:1.25rem; padding-right:1.25rem; padding-bottom:1.25rem; justify-content:start; }