@charset "UTF-8";.accordion-example{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background-color:#f7f7f7;border:none;cursor:pointer;font-weight:600;font-size:16px;color:#333;text-align:left;transition:background-color .3s ease}.accordion-header:hover{background-color:#f0f0f0}.accordion-title{flex:1}.accordion-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;color:#555}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#fff}.accordion-content.open{max-height:fit-content;padding:16px}.accordion-inner{color:#444;line-height:1.6}.accordion-inner p{margin:0 0 12px}.accordion-inner p:last-child{margin-bottom:0}.accordion-inner code{background-color:#f4f4f4;padding:2px 4px;border-radius:4px;font-family:Courier New,monospace}.accordion-inner pre{background-color:#f4f4f4;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.accordion-inner ul,.accordion-inner ol{padding-left:20px;margin-bottom:12px}.boolean-example .visibility-section{margin-bottom:15px}.boolean-example .message-container,.boolean-example .status-container{margin-top:10px}.visibility-toggle{margin-bottom:15px}.steps-container .step-item{margin-bottom:10px}.visibility-toggle{margin-bottom:20px}.message-container,.status-container{margin-top:10px}.message.error{background-color:#ffebee;color:#c62828}.clear-button{margin-left:10px}.log-item{font-family:monospace;font-size:12px}.advanced-patterns{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.advanced-title{margin-top:0;color:#2e7d32}.errors-container{background:#ffebee;padding:15px;border-radius:8px;margin-bottom:20px}.errors-title{margin-top:0;color:#c62828}.event-patterns{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.event-patterns-title{margin-top:0;color:#2e7d32}.event-examples{background:#fff3e0;padding:15px;border-radius:8px;margin-bottom:20px}.event-examples-title{margin-top:0;color:#ef6c00}.patterns-container{background:#f3e5f5;padding:15px;border-radius:8px;margin-bottom:20px}.patterns-title{margin-top:0;color:#7b1fa2}.code-pattern{background:#e1bee7;padding:10px;border-radius:4px;font-size:12px}ul{padding-left:20px;margin-top:10px}.expense-calc-container{display:flex;gap:20px;margin-bottom:20px}.expense-calc-panel{flex:1;padding:15px;border:1px solid #ccc;border-radius:5px}.expense-calc-info{padding:15px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;margin-bottom:15px}.process-table{width:100%;border-collapse:collapse}.process-table th{background-color:#c8e6c9;padding:8px;border:1px solid #a5d6a7;text-align:left}.process-table td{padding:8px;border:1px solid #e8f5e8}.flow-diagram-container{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.flow-diagram-title{margin-top:0;color:#1565c0}.flow-diagram{text-align:center;margin:15px 0}.flow-box{display:inline-block;padding:10px 20px;background-color:#90caf9;border-radius:5px;margin:5px}.flow-arrow{display:inline-block;margin:0 10px}.debug-container{background:#fff3e0;padding:15px;border-radius:8px;margin-bottom:20px}.debug-title{margin-top:0;color:#ef6c00}.list-item{display:flex;justify-content:flex-start;align-items:center;padding:5px 0}.completed{opacity:.6}.completed-text{text-decoration:line-through}.todo-list{margin-top:15px}.button-wrapper{margin:10px 0;padding:10px;border:1px solid #ccc}.render-time{font-size:12px;color:#666;margin-top:5px}.key-points{margin-top:20px}.rules-title{margin-top:0}.rules-title.positive{color:#1565c0}.rules-title.negative{color:#c62828}.btn.btn-error{background-color:#e74c3c}.btn.btn-error:hover{background-color:#c0392b}.messages-container{height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;margin-bottom:15px}.message-item{padding:8px;margin-bottom:8px;border-radius:4px;background-color:#f1f1f1}.message-item.sending{background-color:#e8f4fc;border-left:3px solid #3498db}.message-item.error{background-color:#ffeaea;border-left:3px solid #e74c3c}.sending-indicator{font-size:12px;color:#3498db;font-style:italic}.error-indicator{font-size:12px;color:#e74c3c;font-style:italic}.error-message{margin-top:10px;padding:10px;background-color:#ffeaea;color:#c0392b;border-radius:4px;border-left:3px solid #e74c3c}.button-group{display:flex;gap:10px;margin-top:10px}.message-form{gap:10px}.message-form input{flex:1}.like-container{display:flex;align-items:center;gap:15px}.like-button{display:flex;align-items:center;gap:5px}.likes-count{font-weight:700;font-size:18px}.optimistic-count{color:#3498db}.form-group input,.form-group textarea{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.form-group textarea{resize:vertical}.feedback-form,.upload-form{border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px;background-color:#f9f9f9}.form-actions{display:flex;gap:10px;margin-top:15px}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin:15px 0}.progress-indicator{height:100%;width:70%;background-color:#3498db;border-radius:4px;animation:progress 3s infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.file-name{margin-top:5px;font-size:14px;color:#666}.status-properties-container{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.status-properties-title{margin-top:0;color:#2e7d32}.status-table{width:100%;border-collapse:collapse}.status-table th{padding:8px;border:1px solid #a5d6a7;text-align:left;background-color:#c8e6c9}.status-table td{padding:8px;border:1px solid #e8f5e8}.file-features-container{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.file-features-title{margin-top:0;color:#1565c0}.data-flow-container{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.data-flow-title{margin-top:0;color:#2e7d32}.ux-improvements-container{background:#fff3e0;padding:15px;border-radius:8px;margin-bottom:20px}.ux-improvements-title{margin-top:0;color:#ef6c00}.form-group{margin:15px 0}.registration-form{border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#f9f9f9}.form-actions{display:flex;gap:10px;margin-top:20px}.id-comparison{display:flex;gap:20px;margin-bottom:15px}.manual-id,.auto-id{flex:1;padding:15px;border-radius:6px;background-color:#f1f1f1}.radio-option,.checkbox-option{display:flex;align-items:center;gap:8px;margin-bottom:8px}fieldset{border:1px solid #ddd;border-radius:4px;padding:10px}legend{font-weight:500}.comparison-table-container{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.comparison-table-title{margin-top:0;color:#2e7d32}.comparison-table thead tr{background-color:#c8e6c9}.comparison-table thead th{padding:8px;border:1px solid #a5d6a7;text-align:left}.comparison-table tbody td{padding:8px;border:1px solid #e8f5e8}.examples-container{background:#fff3e0;padding:15px;border-radius:8px;margin-bottom:20px}.examples-title{margin-top:0;color:#ef6c00}.code-example{background:#ffe0b2;padding:10px;border-radius:4px;font-size:12px}.advantages-container{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.advantages-title{margin-top:0;color:#1565c0}.patterns-container{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.patterns-title{margin-top:0;color:#2e7d32}.code-pattern{background:#c8e6c9;padding:10px;border-radius:4px;font-size:12px}.code-block{background-color:#f0f0f0;padding:10px;border-radius:4px;margin-bottom:20px}.result-block{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#fff}.message.warning{background-color:#fff8e1;color:#ff8f00}.description-container{margin-bottom:25px}.code-highlighter{border-radius:8px;font-size:14px;margin-top:15px;background-color:#f8f9fa}.steps-container{margin-top:20px}.step-item{margin-bottom:10px}.rules-container{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.rules-title-positive{margin-top:0;color:#1565c0}.rules-title-negative{color:#c62828}.features-container{background:#f3e5f5;padding:15px;border-radius:8px;margin-bottom:20px}.features-title{margin-top:0;color:#7b1fa2}.code-example{background:#e1bee7;padding:10px;border-radius:4px;font-size:12px}.process-container{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.process-title{margin-top:0;color:#2e7d32}.comparison-container{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.comparison-title{margin-top:0;color:#1565c0}.code-traditional,.code-modern{background:#bbdefb;padding:10px;border-radius:4px;font-size:12px}.comparison-table-container{background:#e3f2fd;padding:15px;border-radius:8px;margin-bottom:20px}.comparison-table{width:100%;border-collapse:collapse}.table-header{background-color:#bbdefb}.table-header th{padding:8px;border:1px solid #90caf9;text-align:left}.comparison-table td{padding:8px;border:1px solid #e3f2fd}.advantages-container{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px}.advantages-title{margin-top:0;color:#2e7d32}.hooks-demo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:1000px;margin:0 auto;padding:20px;color:#333}.demo-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;width:100%}.nav-button{padding:10px 15px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;display:inline-block;text-align:center}.demo-footer{text-align:center;margin-top:30px;color:#777;font-size:14px}.example-container{margin-bottom:20px}.example-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.example-header h2{margin:0 0 5px;color:#2c3e50}.example-header p{margin:0;color:#666;font-style:italic}.example-content{padding:15px;background-color:#f8f9fa;border-radius:6px}.code-block{background-color:#f1f1f1;border-radius:4px;padding:10px;margin:10px 0;font-family:monospace;font-size:14px;overflow-x:auto}.result-block{background-color:#e8f4fc;border-left:4px solid #3498db;padding:10px;margin:10px 0}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group textarea{width:fit-content;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.btn{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.message{padding:10px 15px;margin:10px 0;border-radius:4px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.list-item{padding:10px;border-bottom:1px solid #eee}.list-item:last-child{border-bottom:none}.highlight{background-color:#fff3cd;padding:2px 4px;border-radius:3px}.theme-light{background-color:#fff;color:#333}.theme-dark{background-color:#333;color:#fff}.light-theme-preview{background-color:#f5f5f5;padding:10px;border-radius:4px;margin-top:10px}.dark-theme-preview{background-color:#333;color:#fff;padding:10px;border-radius:4px;margin-top:10px}.styles-demo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:1000px;margin:0 auto;padding:20px;color:#333}.demo-header{text-align:center;margin-bottom:30px}.demo-header h1{margin-bottom:10px;color:#2c3e50}.demo-nav{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.demo-nav.demo-nav--styles{justify-content:flex-start}.nav-category{display:flex;flex-direction:column;gap:10px}.category-title{margin:0;font-size:16px;font-weight:600;color:#555;padding-left:5px}.category-buttons{display:flex;flex-wrap:wrap;gap:10px;padding-left:15px}.nav-button{padding:10px 15px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;flex-grow:0;width:auto}.nav-button:hover{background-color:#e9ecef}.nav-button.active{background-color:#3498db;color:#fff;border-color:#3498db}.demo-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px;min-height:400px}.example-placeholder{display:flex;align-items:center;justify-content:center;height:200px;background-color:#f8f9fa;border-radius:6px;font-size:18px;color:#666;font-style:italic}.example-container{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#f9f9f9}.example-header{margin-bottom:20px}.example-content{display:flex;flex-direction:column;gap:20px}.code-block{background-color:#f0f0f0;padding:15px;border-radius:4px;margin-bottom:15px;overflow-x:auto}.comparison-table{margin-bottom:20px;padding-inline:20px;padding-block-start:10px}.comparison-table table{width:100%;border-collapse:collapse;margin-bottom:15px}.comparison-table table th,.comparison-table table td{border:1px solid #ddd;padding:0;text-align:left}.comparison-table table th{background-color:#f2f2f2;font-weight:700;text-align:center}.comparison-table table pre{margin:0;font-family:Courier New,monospace;font-size:14px;line-height:1.5;color:#333;white-space:pre-wrap;overflow-x:auto}.message{margin-top:10px;padding:10px;border-radius:4px}.message.info{background-color:#e3f2fd;color:#0d47a1}.codeBcgColor{background-color:#d8e6f5;font-weight:700}div .feature-title{color:#030381}.maps-functions-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.maps-functions-table th,.maps-functions-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.maps-functions-table thead th{background-color:#f8f9fa;color:#444;font-weight:600}.maps-functions-table tbody tr:nth-child(2n){background-color:#f8f9fa}.maps-functions-table tbody tr:hover{background-color:#f1f3f5}.maps-functions-table td:first-child{font-family:monospace;color:#e83e8c}.maps-functions-table td:last-child{font-family:monospace;color:#20c997}.example-container{width:100%;padding:20px;font-family:Arial,sans-serif}.example-content{max-width:1000px;margin:0 auto}.feature-section{margin-bottom:30px}.code-block{border-radius:8px;overflow:hidden;margin:15px 0;box-shadow:0 2px 10px #0000001a}.note{background-color:#e8f4fd;border-left:4px solid #3498db;padding:10px 15px;margin:15px 0;border-radius:0 4px 4px 0}.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.comparison-table th,.comparison-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.comparison-table thead th{background-color:#f8f9fa;color:#444;font-weight:600}.comparison-table tbody tr:nth-child(2n){background-color:#f8f9fa}.comparison-table tbody tr:hover{background-color:#f1f3f5}.list{padding-left:20px;margin:15px 0}.list li{margin-bottom:8px}.highlight{font-weight:700;color:#3498db;margin-top:20px}.btn{padding:8px 15px;border:none;border-radius:4px;background-color:#3498db;color:#fff;cursor:pointer;margin-right:10px;transition:background-color .2s}.btn:hover{background-color:#2980b9}.btn:focus{outline:2px solid orange}.btn:active{transform:scale(.95)}.btn.btn-secondary{background-color:#95a5a6}.btn.btn-secondary:hover{background-color:#7f8c8d}.btn.btn-danger{background-color:#e74c3c;margin-left:10px}.btn.btn-danger:hover{background-color:#c0392b}.list-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.list-item:first-child{margin-top:0;font-weight:700}.list-item:last-child{margin-bottom:0;border-bottom:none}.list-item:nth-child(3n){color:red}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-group input:invalid{border-color:#e74c3c}.form-group input:required{border-color:#3498db}.checkbox-group{display:flex;align-items:center;margin-bottom:10px}.checkbox-group input[type=checkbox]{margin-right:8px}.checkbox-group input[type=checkbox]:checked+label{color:#27ae60;font-weight:700}.link-example{margin-bottom:15px}.link-example a{color:#3498db;text-decoration:none}.link-example a:link{color:#00f}.link-example a:visited{color:purple}.link-example a:hover{text-decoration:underline}.demo-box{width:100px;height:100px;background-color:#3498db;margin:15px 0;transition:all .3s ease}.demo-box:hover{background-color:#2980b9;transform:scale(1.05)}.demo-box:active{transform:scale(.95)}.table-example{width:100%;border-collapse:collapse;margin:20px 0}.table-example th,.table-example td{border:1px solid #ddd;padding:12px;text-align:left}.table-example th{background-color:#f2f2f2;font-weight:700}.table-example tr:nth-child(2n){background-color:#f9f9f9}.table-example tr:hover{background-color:#f1f3f5}.example-header ul{margin:15px 0;padding-left:20px}.example-header ul li{margin-bottom:5px}.code-block{background-color:#f0f0f0;padding:15px;margin-bottom:15px;overflow-x:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a}.demo-bem-blocks{margin:20px 0;padding:15px;border:1px dashed #ddd;border-radius:4px}.header{padding:15px;background-color:#f2f2f2;border-radius:4px}.search-form{display:flex;gap:10px;align-items:center}.search-form__input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;flex-grow:1}.search-form__input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.button{padding:8px 15px;border:none;border-radius:4px;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .2s}.button:hover{background-color:#2980b9}.button__text{font-size:14px}.button__text_uppercase{text-transform:uppercase}.button_primary{background-color:#3498db}.button_primary:hover{background-color:#2980b9}.button_secondary{background-color:#95a5a6}.button_secondary:hover{background-color:#7f8c8d}.demo-bem-modifiers{display:flex;gap:15px;margin:20px 0;padding:15px;border:1px dashed #ddd;border-radius:4px}.demo-bem-card{margin:20px 0}.card{max-width:400px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card__image{width:100%;height:auto;display:block}.card__content{padding:15px}.card__title{margin:0 0 10px;font-size:18px;color:#333}.card__text{margin:0 0 15px;line-height:1.5;color:#666}.card__actions{display:flex;gap:10px}.example-container{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#f9f9f9;width:100%;font-family:Arial,sans-serif}.example-content{display:flex;flex-direction:column;gap:20px;max-width:1000px;margin:0 auto}.feature-block p{margin-bottom:15px;color:#666}.code-highlighter{font-size:14px;border-radius:8px;margin-bottom:15px}.comparison-container{display:flex;gap:20px;margin:20px 0;flex-direction:column}.comparison-item{flex:1}.comparison-item h5{margin-bottom:10px;color:#333;font-weight:700}.demo-menu{margin:20px 0;padding:15px;border:1px dashed #ddd;border-radius:4px}.menu{list-style:none;padding:0;margin:0}.menu__item{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer}.menu__item:hover{background-color:#f5f5f5}.menu__item--active{background-color:#e3f2fd;color:#0d47a1;font-weight:700}.menu__item--disabled{color:#999;cursor:not-allowed;opacity:.6}.demo-product-card{margin:20px 0;display:flex;justify-content:center}.product-card{max-width:300px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card__image{width:100%;height:auto;display:block}.product-card__content{padding:15px}.product-card__title{margin:0 0 10px;font-size:18px;color:#333}.product-card__description{margin:0 0 15px;color:#666;font-size:14px}.product-card__price{font-size:20px;font-weight:700;color:#e74c3c;margin-bottom:5px}.product-card__price--discount{position:relative}.product-card__price--discount:after{content:"Скидка";position:absolute;top:-5px;right:-40px;background-color:#e74c3c;color:#fff;font-size:10px;padding:2px 5px;border-radius:3px;transform:rotate(45deg)}.product-card__old-price{font-size:14px;color:#999;text-decoration:line-through;margin-bottom:15px}.product-card__button{width:100%;padding:10px;border:none;border-radius:4px;background-color:#3498db;color:#fff;cursor:pointer;font-weight:700}.product-card__button:hover{background-color:#2980b9}.product-card__button--primary{background-color:#3498db}.product-card__button--primary:hover{background-color:#2980b9}.example-header p{color:#666;line-height:1.6;margin-bottom:0}.feature-block h4{margin-bottom:10px;color:#3498db}p{margin-bottom:10px}.last-paragraph{margin-bottom:20px}.highlight{font-weight:700;color:#3498db}.code-block{background-color:#f0f0f0;padding:15px;border-radius:8px;margin-bottom:15px;overflow-x:auto;box-shadow:0 2px 10px #0000001a}.code-block pre{margin:0;font-family:Courier New,monospace;font-size:14px;line-height:1.5;color:#333}.code-highlighter{font-size:14px;border-radius:8px}ul{margin-bottom:15px;padding-left:20px}li{margin-bottom:5px}.wrapper{text-align:center;margin-top:2rem;padding:20px 20px 40px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-sizing:border-box}.wrapper>*+*{margin-top:1.5rem}.wrapper .clamp-container{padding:0;margin:0;width:100%}.element{display:flex;justify-content:center;align-items:center;width:clamp(200px,50%,350px);height:60px;color:#fff;background:#468eef;border-radius:5px;box-shadow:0 3px 8px #00000021;margin:0 auto;transition:all .3s ease}.v-width{position:relative}.v-width:before{content:"";position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);z-index:-1;height:1px;background-color:#d4d4d4}.v-width-value,.w-actual{display:inline-block;background-color:#2db1a2;color:#fff;padding:5px 8px;border-radius:3px;font-size:15px;margin-bottom:20px;margin-top:-10px}code{display:inline-block;background-color:#ffdb16;font-family:PT Mono,monospace;padding:5px;border-radius:5px}p.clamp-explanation{background-color:#f8f9fa;padding:15px;border-radius:5px;border-left:4px solid #468eef;margin-top:15px;text-align:left;font-size:14px}p.clamp-explanation strong{color:#333}.example-container{width:100%;padding:20px;font-family:Arial,sans-serif;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.example-header{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px}.example-header h2{color:#333;margin-bottom:10px}.example-header p{color:#666;line-height:1.6}.example-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.feature-section h3{color:#444;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}.feature-block{margin-bottom:25px}.feature-block h4{color:#555;margin-bottom:15px}.code-highlighter{font-size:14px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:15px 0}.flex-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px;background-color:#f0f0f0;min-height:300px;border-radius:8px;margin:15px 0}.flex-item{flex:1 1 200px;padding:20px;background-color:#4a90e2;color:#fff;border-radius:5px;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center}.flex-item:nth-child(2){background-color:#50c878;align-self:flex-start}.flex-item:nth-child(3){background-color:#ff6b6b;flex-grow:2}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"header header header" "sidebar main aside" "footer footer footer";gap:15px;min-height:300px;padding:20px;background-color:#f0f0f0;border-radius:8px;margin:15px 0}.grid-item{padding:20px;color:#fff;border-radius:5px;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}.header{grid-area:header;background-color:#4a90e2}.sidebar{grid-area:sidebar;background-color:#50c878}.main{grid-area:main;background-color:#ff6b6b}.aside{grid-area:aside;background-color:orange}.footer{grid-area:footer;background-color:#9370db}.span-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,100px);gap:10px;margin-top:20px;background-color:#f0f0f0;padding:20px;border-radius:8px}.span-item{display:flex;align-items:center;justify-content:center;color:#fff;border-radius:5px}.span-item-1{background-color:#4a90e2;grid-area:1/1/span 2/span 2}.span-item-2{background-color:#50c878;grid-area:1/3}.span-item-3{background-color:#ff6b6b;grid-area:1/4/span 2}.span-item-4{background-color:orange;grid-area:2/3}.span-item-5{background-color:#9370db;grid-area:3/1/span 1/span 4}ul{margin-bottom:15px}ul li{margin-bottom:5px}strong{font-weight:700}p{margin-bottom:10px;color:#555;line-height:1.5}.highlight{background-color:#4a90e226;padding:2px 4px;border-radius:3px;font-family:PT Mono,monospace;color:#2c5aa0}.navigation{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.nav-button{padding:12px 24px;background-color:#212974;color:#e0dddd;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:16px;transition:all .2s ease}.nav-button:hover{background-color:#c0392b}.nav-button.active{background-color:#702017;box-shadow:0 2px 5px #0003}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#root{min-height:100%;padding:20px 0}.app{max-width:1200px;margin:0 auto;padding:0 20px}