*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{font-family:Roboto,sans-serif;line-height:1.6;color:#444;background-color:#f2f1f7}.layout{display:flex;min-height:calc(100vh - 7.2rem)}.content{flex:1;max-width:calc(100% - 25rem);margin:0;padding:2rem}.section{margin-bottom:4rem}.section__title{font-size:2.4rem;margin-bottom:2rem;color:#474649}.component{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem}.component__title{font-size:1.8rem;margin-bottom:1.6rem;color:#474649}.component__section{margin-bottom:3.2rem}.component__subtitle{font-size:1.6rem;color:#444;margin-bottom:1.6rem}.component__demo{display:flex;gap:1.6rem;flex-wrap:wrap}.component__item{display:flex;flex-direction:column;align-items:center;gap:.8rem}.component__state{font-size:1.2rem;color:#444;font-weight:500}.sidebar{width:25rem;background-color:#fff;border-right:.1rem solid #eee;padding:2rem 0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__nav{position:sticky;top:2rem}.sidebar__list,.sidebar__sublist{list-style:none;padding:0;margin:0}.sidebar__sublist{margin-left:2rem}.sidebar__item{margin-bottom:1.6rem}.sidebar__item>.sidebar__link{font-size:1.6rem;font-weight:700;color:#474649}.sidebar__subitem{margin-bottom:.8rem}.sidebar__subitem>.sidebar__link{font-size:1.4rem;font-weight:400}.sidebar__link{display:block;padding:.5rem 2rem;color:#444;text-decoration:none;font-size:1.4rem;transition:color .2s ease}.sidebar__link:hover{color:#a091d7}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #eee;position:relative}.sidebar__nav{position:relative;top:0}.sidebar__link{padding:1.2rem 2rem}.content{max-width:100%}}.mn-tabs{width:100%;border:1px solid #e5e5e5;border-radius:.6rem;background-color:#fff;overflow:hidden}.mn-tabs__header{border-bottom:1px solid #e5e5e5}.mn-tabs__nav{display:flex;gap:.4rem;padding:.8rem}.mn-tabs__link{padding:.8rem 1.6rem;font-size:1.4rem;color:#444;text-decoration:none;border-radius:.6rem;transition:all .2s ease}.mn-tabs__link:hover{background-color:#f2f1f7}.mn-tabs__link.active{background-color:#7e71af;color:#fff}.mn-tabs__content{padding:1.6rem}.mn-tabs__panel{display:none;font-size:1.4rem;color:#444;line-height:1.5}.mn-tabs__panel.active{display:block}.mn-tabs__panel h3{font-size:1.6rem;font-weight:500;margin-bottom:1.2rem}.mn-tabs__panel p{margin:0}.mn-input-group{display:flex;flex-direction:column;gap:2rem;max-width:300px}.mn-input-wrapper{display:flex;flex-direction:column;gap:.8rem}.mn-input-label{font-size:1.4rem;color:#333;font-weight:500}.mn-input-container{position:relative;display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}.mn-input-container svg{width:18px;height:18px}.mn-input{width:calc(100% - 18px - .5rem);padding:.8rem 1.2rem;font-size:1.4rem;border:.1rem solid #E0E0E0;border-radius:.4rem;background-color:#fff;color:#333;transition:all .2s ease}.mn-input::placeholder{color:#9e9e9e}.mn-input:focus{outline:none;border-color:#bebebe}.mn-input-error{width:100%;font-size:10px;color:#ff715b}.mn-input--valid{border-color:#06d6a0;background-color:#06d6a01a}.mn-input--valid:focus{border-color:#05c190}.mn-input--invalid{border-color:#ff715b;background-color:#ff715b1a}.mn-input--invalid:focus{border-color:#ff5338}.mn-input-tooltip{position:relative;cursor:pointer}.mn-input-tooltip .mn-tooltip-text{opacity:0;visibility:hidden;position:absolute;z-index:1000;top:100%;left:50%;width:fit-content;min-width:230px;padding:.8rem 1.2rem;color:#333;border:1px solid #FFC857;font-size:1.2rem;border-radius:.4rem;transform:translate(-50%);background-color:#fff;transition:all .2s ease}.mn-input-tooltip.active .mn-tooltip-text,.mn-input-tooltip:hover .mn-tooltip-text{opacity:1;visibility:visible}.mn-alert-group{display:flex;flex-direction:column;gap:1.6rem;max-width:60rem}.mn-alert{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.6rem;border-radius:.6rem;border-width:1px;border-style:solid;opacity:1;transform:translateY(0);transition:all .2s ease}.mn-alert--success{background-color:#f0fdf4;border-color:#86efac;color:#166534}.mn-alert--success .mn-alert__icon,.mn-alert--success .mn-alert__close{color:#166534}.mn-alert--success .mn-alert__close:hover{background-color:#dafae4}.mn-alert--warning{background-color:#fefce8;border-color:#fef08a;color:#854d0e}.mn-alert--warning .mn-alert__icon,.mn-alert--warning .mn-alert__close{color:#854d0e}.mn-alert--warning .mn-alert__close:hover{background-color:#fdf9d1}.mn-alert--error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.mn-alert--error .mn-alert__icon,.mn-alert--error .mn-alert__close{color:#991b1b}.mn-alert--error .mn-alert__close:hover{background-color:#fcdbdb}.mn-alert--info{background-color:#f0f9ff;border-color:#bae6fd;color:#075985}.mn-alert--info .mn-alert__icon,.mn-alert--info .mn-alert__close{color:#075985}.mn-alert--info .mn-alert__close:hover{background-color:#d7efff}.mn-alert__icon{flex-shrink:0;width:2rem;height:2rem}.mn-alert__icon svg{width:100%;height:100%}.mn-alert__content{flex-grow:1;padding-right:2.4rem}.mn-alert__title{margin:0 0 .4rem;font-size:1.6rem;font-weight:600}.mn-alert__text{margin:0;font-size:1.4rem;line-height:1.5}.mn-alert__close{position:absolute;top:1.6rem;right:1.6rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;background:none;border:none;border-radius:.4rem;cursor:pointer;transition:all .2s ease}.mn-alert__close svg{width:1.4rem;height:1.4rem}.mn-alert__close:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.mn-alert--closing{opacity:0;transform:translateY(-10px)}.switch-group{display:flex;flex-direction:column;gap:1.6rem}.switch{display:inline-flex;align-items:center;gap:1.2rem;cursor:pointer}.switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.switch__input:checked+.switch__track{border-color:#c2b3f480;background-color:#c2b3f4}.switch__input:checked+.switch__track .switch__thumb{transform:translate(calc(3.2rem - 1.6rem - .1rem * 2),-52%)}.switch__input:disabled+.switch__track{background-color:#cfcfd0;cursor:not-allowed;pointer-events:none}.switch__input:disabled+.switch__track .switch__thumb{background-color:#f3f3f3;box-shadow:none}.switch__input:disabled~.switch__label{color:#cfcfd0;cursor:not-allowed}.switch__input:focus+.switch__track{box-shadow:0 0 0 3px #c2b3f480;border-color:#c2b3f480}.switch__track{position:relative;width:3.2rem;height:1.6rem;background-color:#f2f1f7;border:1px solid #F2F1F7;border-radius:1.6rem;padding:.1rem;transition:all .2s ease}.switch__thumb{position:absolute;top:50%;left:.1rem;width:1.6rem;height:1.6rem;background-color:#fff;border-radius:50%;transform:translateY(-52%);transition:all .2s ease;box-shadow:1px 1px 1px #00000040}.switch__label{font-size:1.4rem;color:#444;-webkit-user-select:none;user-select:none}.switch:not(:has(:disabled)):hover .switch__track{background-color:#dedbeb}.switch:not(:has(:disabled)):hover .switch__input:checked+.switch__track{background-color:#ad99f0}.mn-dropdown-group{display:flex;flex-direction:column;gap:1.6rem;max-width:30rem}.mn-dropdown{position:relative;width:100%;max-width:300px}.mn-dropdown__button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background-color:#fff;border:1px solid #E0E0E0;border-radius:4px;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.mn-dropdown__button:hover{border-color:#bdbdbd}.mn-dropdown__button:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.mn-dropdown__button:disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.mn-dropdown__text{margin-right:8px}.mn-dropdown__arrow{transition:transform .2s ease}.mn-dropdown__list{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #E0E0E0;border-radius:4px;box-shadow:0 2px 4px #0000001a;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1}.mn-dropdown__list--visible{opacity:1;visibility:visible}.mn-dropdown__item{padding:8px 12px;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.mn-dropdown__item:hover{background-color:#f5f5f5}.mn-dropdown__item--selected{background-color:#e3f2fd;color:#2196f3}.mn-dropdown--open .mn-dropdown__arrow{transform:rotate(180deg)}.mn-accordion-group{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:60rem}.mn-accordion{border:1px solid #e5e5e5;border-radius:.6rem;background-color:#fff;overflow:hidden}.mn-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.6rem;background:none;border:none;cursor:pointer;transition:all .2s ease}.mn-accordion__header:hover:not(:disabled){background-color:#f2f1f7}.mn-accordion__header:focus{outline:none;background-color:#f2f1f7}.mn-accordion__header:disabled{background-color:#d6d6d7;pointer-events:none}.mn-accordion__header:disabled .mn-accordion__title{color:#fff}.mn-accordion__header:disabled .mn-accordion__arrow{color:#fff}.mn-accordion__title{font-size:1.4rem;font-weight:500;color:#444}.mn-accordion__arrow{color:#444;transition:transform .2s ease}.mn-accordion__content{max-height:0;overflow:hidden;transition:max-height .3s ease}.mn-accordion__body{padding:0 1.6rem 1.6rem;font-size:1.4rem;color:#444;line-height:1.5}.mn-accordion.active{border-color:#7e71af}.mn-accordion.active .mn-accordion__header{color:#7e71af}.mn-accordion.active .mn-accordion__arrow{transform:rotate(180deg);color:#7e71af}.mn-accordion.active .mn-accordion__content{max-height:50rem}.mn-checkbox-group{display:flex;flex-direction:column;gap:1.6rem}.mn-checkbox{display:inline-flex;align-items:center;gap:1.2rem;cursor:pointer}.mn-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.mn-checkbox__input:checked+.mn-checkbox__custom{border-color:#7e71af;background-color:#7e71af}.mn-checkbox__input:checked+.mn-checkbox__custom svg{opacity:1;transform:translate(-50%,-50%) scale(1)}.mn-checkbox__input:focus+.mn-checkbox__custom{box-shadow:0 0 0 3px #c2b3f4}.mn-checkbox__input:disabled+.mn-checkbox__custom{border-color:#d6d6d7;background-color:#d6d6d7;cursor:not-allowed;pointer-events:none}.mn-checkbox__input:disabled+.mn-checkbox__custom svg{opacity:1}.mn-checkbox__input:disabled+.mn-checkbox__custom:hover{border-color:#d6d6d7}.mn-checkbox__input:disabled~.mn-checkbox__label{color:#d6d6d7;pointer-events:none}.mn-checkbox__input:focus:not(:disabled)+.mn-checkbox__custom{border-color:#7e71af;box-shadow:0 0 0 3px #c2b3f4}.mn-checkbox__custom{position:relative;width:2rem;height:2rem;border:.2rem solid #D8D4E7;background-color:#f2f1f7;border-radius:.5rem;transition:all .2s ease}.mn-checkbox__custom svg{position:absolute;top:50%;left:55%;width:13px;height:13px;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:all .2s ease}.mn-checkbox__label{font-size:1.4rem;color:#444;-webkit-user-select:none;user-select:none}.mn-checkbox:not(:has(:disabled)):hover .mn-checkbox__custom{border-color:#7e71af}.mn-multiselect-group{display:flex;flex-direction:column;gap:1.6rem;max-width:30rem}.mn-multiselect{position:relative;width:100%}.mn-multiselect__button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4rem;padding:1.2rem 1.6rem;background-color:#fff;border:1px solid #e5e5e5;border-radius:.6rem;font-size:1.4rem;color:#444;cursor:pointer;transition:all .2s ease}.mn-multiselect__button:hover:not(:disabled){border-color:#cecece}.mn-multiselect__button:focus{outline:none;box-shadow:0 0 0 3px #7e71af33}.mn-multiselect__button:disabled{background-color:#d6d6d7;border-color:#cfcfd0;color:#cfcfd0;pointer-events:none}.mn-multiselect__button:disabled .mn-multiselect__arrow{color:#cfcfd0}.mn-multiselect__selected{display:flex;flex-wrap:wrap;gap:.4rem;margin-right:1rem}.mn-multiselect__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .8rem;background-color:#f2f1f7;border-radius:.4rem;font-size:1.2rem}.mn-multiselect__tag button{padding:0;background:none;border:none;color:inherit;cursor:pointer}.mn-multiselect__tag button:hover{color:#363636}.mn-multiselect__placeholder{color:#8f8f8f}.mn-multiselect__arrow{transition:transform .2s ease}.mn-multiselect__dropdown{position:absolute;top:calc(100% + .4rem);left:0;width:100%;background-color:#fff;border:1px solid #e5e5e5;border-radius:.6rem;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:translateY(-.8rem);transition:all .2s ease;z-index:1000}.mn-multiselect__search{padding:.8rem;border-bottom:1px solid #e5e5e5}.mn-multiselect__search-input{width:100%;padding:.8rem;border:1px solid #e5e5e5;border-radius:.4rem;font-size:1.4rem}.mn-multiselect__search-input:focus{outline:none;border-color:#7e71af}.mn-multiselect__options{max-height:20rem;overflow-y:auto;padding:.8rem 0;margin:0;list-style:none}.mn-multiselect__option{padding:.8rem 1.6rem;cursor:pointer}.mn-multiselect__option:hover{background-color:#f2f1f7}.mn-multiselect__checkbox{display:flex;align-items:center;gap:.8rem;cursor:pointer}.mn-multiselect__checkbox input{position:absolute;opacity:0;width:0;height:0}.mn-multiselect__checkbox input:checked+.mn-multiselect__checkbox-custom{border-color:#7e71af;background-color:#7e71af}.mn-multiselect__checkbox input:checked+.mn-multiselect__checkbox-custom:after{opacity:1;transform:rotate(45deg) scale(1)}.mn-multiselect__checkbox-custom{position:relative;width:1.6rem;height:1.6rem;border:2px solid #e5e5e5;border-radius:.4rem;transition:all .2s ease}.mn-multiselect__checkbox-custom:after{content:"";position:absolute;top:-.2rem;left:.3rem;width:.5rem;height:1rem;border:solid white;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(0);transition:all .2s ease}.mn-multiselect__option-label{font-size:1.4rem}.mn-multiselect.active .mn-multiselect__button{border-color:#7e71af}.mn-multiselect.active .mn-multiselect__arrow{transform:rotate(180deg)}.mn-multiselect.active .mn-multiselect__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.mn-repeater{border:1px solid #e5e5e5;border-radius:.6rem;background-color:#fff}.mn-repeater__header{padding:1rem;border-bottom:1px solid #e5e5e5}.mn-repeater__title{margin:0;font-size:1.6rem;font-weight:500}.mn-repeater__rows{min-height:10rem}.mn-repeater__row{display:flex;align-items:stretch;border-bottom:1px solid #e5e5e5;transition:background-color .2s ease}.mn-repeater__row--header{background-color:#e7e3fa;font-size:1.2rem;font-weight:500}.mn-repeater__row:hover:not(.mn-repeater__row--header){background-color:#f8f8ff}.mn-repeater__row.dragging{opacity:.5;background-color:#f8f8ff;position:relative;z-index:1000}.mn-repeater__row.drag-over-top{border-top:2px solid #7e71af}.mn-repeater__row.drag-over-bottom{border-bottom:2px solid #7e71af}.mn-repeater__handle{display:flex;align-items:center;padding:0 1rem;cursor:move;color:#8f8f8f}.mn-repeater__handle:hover{color:#444}.mn-repeater__cell{flex:1;padding:1rem;min-width:200px;border-right:1px solid #e5e5e5}.mn-repeater__cell:last-child{border-right:none}.mn-repeater__cell--number{flex:0 0 5rem;min-width:auto;max-width:50px;display:flex;align-items:center;justify-content:center;font-weight:500;border-right:1px solid #e5e5e5;cursor:grab;-webkit-user-select:none;user-select:none}.mn-repeater__cell--number:active{cursor:grabbing}.mn-repeater__cell--actions{flex:0 0 100px;display:flex;align-items:center;gap:.8rem;min-width:auto;border-right:none}.mn-repeater__input,.mn-repeater__textarea{width:100%;padding:.8rem;border:1px solid #e5e5e5;border-radius:.4rem;font-size:1.4rem}.mn-repeater__input:focus,.mn-repeater__textarea:focus{outline:none;border-color:#7e71af}.mn-repeater__textarea{min-height:8rem;resize:vertical}.mn-repeater__image-upload{position:relative;width:100%;height:10rem;border:2px dashed #e5e5e5;border-radius:.4rem;overflow:hidden}.mn-repeater__image-upload:hover{border-color:#7e71af}.mn-repeater__file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.mn-repeater__image-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.mn-repeater__upload-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.8rem 1.6rem;background:#fff;border:1px solid #e5e5e5;border-radius:.4rem;font-size:1.4rem;cursor:pointer;transition:all .2s ease}.mn-repeater__upload-btn:hover{border-color:#7e71af;color:#7e71af}.mn-repeater__btn{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;background:none;border:1px solid #e5e5e5;border-radius:.4rem;color:#444;cursor:pointer;transition:all .2s ease}.mn-repeater__btn:hover{border-color:#7e71af;color:#7e71af}.mn-repeater__btn svg{width:1.6rem;height:1.6rem}.mn-repeater__footer{padding:1rem;border-top:1px solid #e5e5e5}.mn-repeater__add-btn{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.6rem;background:none;border:1px solid #7e71af;border-radius:.4rem;color:#7e71af;font-size:1.4rem;cursor:pointer;transition:all .2s ease}.mn-repeater__add-btn:hover{background-color:#7e71af;color:#fff}.mn-repeater__add-btn svg{width:1.6rem;height:1.6rem}.mn-repeater__tags{display:flex;flex-direction:column;gap:.8rem}.mn-repeater__tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.mn-repeater__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background-color:#f8f8ff;border-radius:.4rem;font-size:1.2rem}.mn-repeater__tag button{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;background:none;border:none;color:inherit;cursor:pointer;opacity:.6;transition:opacity .2s ease}.mn-repeater__tag button:hover{opacity:1}.mn-repeater__tags-input{width:100%;padding:.8rem;border:1px solid #e5e5e5;border-radius:.4rem;font-size:1.4rem}.mn-repeater__tags-input:focus{outline:none;border-color:#7e71af}.mn-radio-group{display:flex;flex-direction:column;gap:.8rem}.mn-radio{display:flex;align-items:center;gap:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mn-radio__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.mn-radio__input:checked+.mn-radio__custom{border-color:#7e71af;background-color:#7e71af}.mn-radio__input:checked+.mn-radio__custom:after{opacity:1}.mn-radio__input:focus+.mn-radio__custom{box-shadow:0 0 0 .2rem #7e71af33}.mn-radio__input:disabled+.mn-radio__custom{border-color:#cfcfd0;background-color:#cfcfd0;cursor:not-allowed}.mn-radio__input:disabled~.mn-radio__label{color:#cfcfd0;cursor:not-allowed}.mn-radio__custom{position:relative;width:1.6rem;height:1.6rem;border:.1rem solid #E0E0E0;border-radius:50%;background-color:#fff;transition:all .2s ease}.mn-radio__custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8rem;height:.8rem;border-radius:50%;background-color:#fff;opacity:0;transition:opacity .2s ease}.mn-radio__label{font-size:1.4rem;color:#333;transition:color .2s ease}.mn-button{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.4rem;border-radius:.6rem;font-size:1.4rem;font-weight:500;cursor:pointer;border:none;background-color:transparent;transition:all .2s ease}.mn-button--primary{background-color:#7e71af;color:#fff}.mn-button--primary:hover{background-color:#a091d7;box-shadow:0 0 0 3px #c2b3f4}.mn-button--primary:focus{background-color:#a091d7;box-shadow:0 0 0 3px #c2b3f4}.mn-button--primary.hover-state{background-color:#a091d7;box-shadow:0 0 0 3px #c2b3f4}.mn-button--secondary{border:1px solid #a091d7;color:#a091d7}.mn-button--secondary:hover{box-shadow:0 0 0 3px #c2b3f4;color:#a091d7}.mn-button--secondary:focus{box-shadow:0 0 0 3px #c2b3f4;color:#a091d7}.mn-button--secondary.hover-state{box-shadow:0 0 0 3px #c2b3f4;color:#a091d7}.mn-button--secondary.mn-button--disabled{background-color:transparent;color:#d6d6d7;border-color:#d6d6d7}.mn-button--disabled{pointer-events:none;background-color:#d6d6d7}.hover-state{pointer-events:none}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem;gap:1.6rem;background-color:#4c4469}.header__title{color:#fff;font-size:3.2rem;font-weight:700;font-family:Roboto,sans-serif}.header__search{width:100%;max-width:60rem}@media (max-width: 768px){.header{padding:1.6rem}.header__title{font-size:2.4rem}.header__search{max-width:100%}}.search-input{width:100%;padding:1.2rem 1.6rem;border:none;border-radius:.6rem;font-size:1.4rem;font-family:Roboto,sans-serif;background-color:#ffffffe6;color:#444;transition:background-color .2s ease}.search-input::placeholder{color:#444}.search-input:focus{outline:none;background-color:#fff}