@font-face { font-family: Raleway; font-style: normal; font-weight: 300; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-regular.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: italic; font-weight: 300; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-regular.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: normal; font-weight: 400; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-regular.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: italic; font-weight: 400; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-regular.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: normal; font-weight: 500; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-medium.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: italic; font-weight: 500; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-medium.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: normal; font-weight: 600; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-semibold.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: italic; font-weight: 600; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-semibold.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: normal; font-weight: 700; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-bold.woff2") format("woff2"); }
@font-face { font-family: Raleway; font-style: italic; font-weight: 700; font-display: swap; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-bold.woff2") format("woff2"); }
@font-face { font-family: Raleway; src: url("https://geniled.ru/local/assets/fonts/raleway/raleway-variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#101213;color:#fff;font:400 16px/1.55 Raleway,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{font-variant-numeric:lining-nums tabular-nums}button{cursor:pointer}.ds-rail{position:fixed;left:0;top:0;bottom:0;width:245px;padding:36px 25px;background:#171819;border-right:1px solid #303236;display:flex;flex-direction:column;z-index:5}.ds-wordmark{display:block}.ds-wordmark svg{width:150px;height:40px;display:block}.ds-product{font-size:12px;color:#a8abb4;margin:10px 0 36px}.ds-rail nav{display:grid;gap:5px}.ds-rail nav a{font-size:14px;padding:10px 12px;border-radius:5px;color:#c0c3cb}.ds-rail nav a:hover,.ds-rail nav a[aria-current]{color:#fff;background:#2f3033}.ds-rail-bottom{margin-top:auto;display:grid;gap:12px;font-size:12px;color:#a8abb4}.ds-main{margin-left:245px;padding:52px 50px 60px;max-width:1790px}.ds-kicker{font:11px/1.4 ui-monospace,monospace;letter-spacing:.1em;color:#a8abb4;text-transform:uppercase}.ds-intro h1{font-size:48px;font-weight:600;line-height:1.2;margin:16px 0 20px;letter-spacing:-.02em}.ds-lead{font-size:18px;font-weight:400;line-height:1.55;color:#bfc3cb;max-width:850px;margin:0}.ds-source-links{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.ds-source-links a,.ds-file-link{font-size:12px;padding:8px 14px;border:1px solid #555658;border-radius:5px;color:#d2d5dc}.ds-source-links a:hover{border-color:#9b30ae}.ds-toolbar{margin:36px 0 0;display:flex;gap:20px;align-items:center;padding:18px 20px;background:#2f3033;border-radius:8px;font-size:12px}.ds-toolbar label{display:flex;gap:12px;align-items:center;white-space:nowrap}.ds-toolbar select{background:#171819;color:#fff;border:1px solid #555658;border-radius:5px;padding:7px 10px;font-size:12px}.ds-toolbar span{color:#bfc3cb}.ds-section{margin-top:58px;padding-top:36px;border-top:1px solid #303236;scroll-margin-top:26px}.ds-section h2{font-size:32px;line-height:1.2;font-weight:600;margin:0 0 15px}.ds-section>p{color:#bfc3cb;font-size:14px;margin:0 0 24px}.ds-section-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.ds-section-head h2{margin:0}.ds-number{font:11px ui-monospace,monospace;color:#b5a4ba;margin-bottom:14px;display:block}.ds-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ds-logo-card{border-radius:16px;background:#2f3033;padding:26px;display:flex;flex-direction:column;gap:28px}.ds-logo-stage{height:105px;display:flex;align-items:center;justify-content:center;background:#171819;border-radius:8px}.ds-logo-card h3{margin:0;font-size:18px;font-weight:600}.ds-logo-card p{margin:7px 0 15px;color:#bfc3cb;font-size:12px}.ds-logo-card svg{color:white;display:block}.ds-preview{border:1px solid #45474c;border-radius:16px;overflow:hidden;background:#171819;margin-bottom:22px}.ds-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #45474c;padding:15px 18px;font-size:13px;background:#252729}.ds-preview-head strong{font-weight:600}.ds-preview-head a{font-size:11px;color:#bfc3cb}.ds-viewport{position:relative;overflow:hidden;width:100%;background:#101213}.ds-viewport iframe{display:block;border:0;position:absolute;left:0;top:0;transform-origin:top left;background:#101213}.ds-component-meta{padding:13px 18px;font:11px/1.6 ui-monospace,monospace;color:#bfc3cb;overflow-wrap:anywhere;border-top:1px solid #303236}.ds-data-table{width:100%;border-collapse:collapse;font-size:12px}.ds-data-table th{text-align:left;font-weight:400;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#a8abb4;padding:12px;border-bottom:1px solid #45474c}.ds-data-table td{padding:13px 12px;border-bottom:1px solid #303236;vertical-align:top;overflow-wrap:anywhere}.ds-data-table code{font:11px/1.5 ui-monospace,monospace;color:#d2c2d7}.ds-table-wrap{overflow:auto}.ds-type-showcase{padding:30px;border-radius:16px;background:#252729;margin-bottom:20px}.ds-type-title{font-size:48px;line-height:1.2;font-weight:600;margin:0 0 20px}.ds-numerals{font-size:26px;line-height:1.8;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums}.ds-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.ds-swatch{background:#252729;color:#fff;border:1px solid #45474c;border-radius:10px;text-align:left;padding:12px;display:grid;gap:10px}.ds-swatch span{height:70px;border-radius:5px;border:1px solid #555658}.ds-swatch strong{font-size:12px;font-weight:500}.ds-swatch code{font:11px ui-monospace,monospace;color:#bfc3cb}.ds-swatch:hover{border-color:#9b30ae}.ds-copy-status{font-size:12px;color:#d9c4df;min-height:20px;margin-top:8px}.ds-note{padding:18px 20px;border-left:3px solid #9b30ae;background:#252729;color:#bfc3cb;font-size:12px;line-height:1.7}.ds-sources{display:grid;gap:12px}.ds-source{padding:20px;border-radius:12px;border:1px solid #45474c}.ds-source a{color:#d5b0de}.ds-source p{color:#bfc3cb;font-size:12px;margin:8px 0 0}.ds-doc-footer{margin-top:48px;padding-top:24px;border-top:1px solid #303236;font-size:11px;color:#a8abb4}.ds-skip{position:fixed;top:-100px;left:20px;background:#fff;color:#111;padding:12px;z-index:20}.ds-skip:focus{top:12px}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #c996d5;outline-offset:4px}@media(min-width:2560px){.ds-main{max-width:2000px;padding-right:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ds-header-logo svg{width:150px;height:40px}.ds-numerals,.ds-toolbar select,.ds-data-table td:nth-child(n+3){font-family:ui-monospace,"Cascadia Code",monospace;font-variant-numeric:lining-nums tabular-nums}
@media(max-width:760px){.ds-rail{position:relative;width:auto;padding:22px 20px;border-right:0;border-bottom:1px solid #303236;gap:16px}.ds-product{margin:6px 0}.ds-rail nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:6px}.ds-rail nav a{white-space:nowrap;flex:none}.ds-rail-bottom{display:flex;gap:14px;flex-wrap:wrap}.ds-main{margin-left:0;padding:28px 20px;min-width:0}.ds-intro h1{font-size:34px}.ds-section h2{font-size:27px}.ds-lead{font-size:16px}.ds-toolbar{flex-wrap:wrap;gap:12px}.ds-logo-grid{grid-template-columns:1fr}.ds-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-section-head,.ds-preview-head{flex-wrap:wrap}.ds-type-title{font-size:32px}.ds-preview-head{padding:12px}.ds-data-table{min-width:560px}}