.mm{box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:1240px; margin:20px auto;padding:20px;border-radius:8px;background-color:#282c34;box-shadow:0 4px 8px rgba(0,0,0,0.2);color:#fdfdfd;font-size:14px;line-height:normal}.mm *,.mm *::before,.mm *::after{box-sizing:content-box}.mm p{margin:14px 0} @media (max-width: 1059.98px){ .mm-head{margin-top:42px;margin-bottom:30px}} @media (max-width: 1059px){.mm-head{margin-top:107px}}@media (min-width: 1060px){.mm-head{margin-top:198px;margin-bottom:0}.mm-head + .mm{margin-top:14px}} .mm-info{margin:20px}.mm-frame{display:flex;flex-direction:column;margin:0 30px 0 0;padding:15px 20px;border:1px solid #333;border-radius:5px;background-color:#333740}.mm-unavailable{color:#d1d4da} .mm-btn{display:inline-block;height:20px; margin-right:10px;padding:6.6667px 13.3333px;border:1px solid #23e932;border-radius:5px;background:linear-gradient(180deg,#1f5920,#104111);color:#fff;font:13.3333px Arial,sans-serif;line-height:20px;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;transition:background-color 0.2s}.mm-btn:hover,.mm-btn:focus-visible{color:#fff;text-decoration:none;filter:brightness(1.2)} .mm-btn--return{border:0;background:#4caf50;padding:8px 13.3333px}.mm-btn--return:hover,.mm-btn--return:focus-visible{background:#05d808;filter:none} .mm-list{display:flex;flex:1;flex-wrap:wrap;gap:20px} .mm-filters{display:flex;flex-wrap:wrap;gap:10px 0;order:-1;width:100%;margin:0 0 10px 10px}.mm-filter{margin:0 10px 0 0;padding:8px;border:1px solid rgba(255,255,255,0.2);border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:17px;cursor:pointer}.mm-filter.is-active{background-color:#007bff;color:#fff}.mm-filter:focus-visible{outline:2px solid #fff;outline-offset:2px} .mm-arrow{display:none;width:0;height:0;margin-left:5px;border-style:solid;border-width:5px 4px 0;border-color:#000 transparent transparent transparent}.is-active > .mm-arrow{display:inline-block}.mm-arrow.is-up{border-width:0 4px 5px;border-color:transparent transparent #000 transparent}.mm-filter--search{font-family:Arial,sans-serif; padding:4px 8px;cursor:default;white-space:nowrap} .mm-search{width:169px;margin-left:4px;padding:0 26.6667px 0 8px;border:2px inset #767676;background:#fff;color:#000;font:13.3333px Arial,sans-serif;line-height:20px}.mm-clear{position:relative;right:26px;display:inline;padding:1px 6px 2px;border:1px solid gray;border-radius:10px;background:gray;color:#fff;font:12px Arial,sans-serif;cursor:pointer}.mm-clear:hover{filter:brightness(1.2)} .mm-cards{display:flex;flex-wrap:wrap}.mm-card{position:relative;display:flex;flex-direction:column;width:360px;margin:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.2);border-radius:6px;background:rgba(43,47,58,0.6);backdrop-filter:blur(10px);box-shadow:0 6px 10px rgba(0,0,0,0.2);color:#d1d4da;transition:box-shadow 0.3s ease-in-out}.mm-card:hover{box-shadow:0 6px 12px rgba(0,0,0,0.3)}.mm-card[hidden]{display:none}.mm-card__content{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;padding-bottom:10px} .mm-card__head{display:flex;align-items:center;justify-content:center;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(51,55,64,0.8);color:#ff9800;font-size:14px;text-align:center}.mm-card__head h3{display:inline-block;max-width:254px;margin:16.38px 16px 16.38px 0;overflow:clip;color:#ff9800;font-family:"Bai Jamjuree",sans-serif;font-size:16.38px;font-weight:400;line-height:20px;letter-spacing:0.5px;text-transform:none}.mm-card__author{margin:7px 0 5px;padding:0 10px;line-height:17px}.mm-card__author .by{color:#bbb;font-size:12px}.mm-card__author .author{color:#fff;font-size:14px;font-weight:700} .mm-card__content > p{max-height:50px;margin:8px 12px 8px 0;padding:0 12px;overflow-y:auto;line-height:17px}.mm-card__content > p::-webkit-scrollbar{width:4px}.mm-card__content > p::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}.mm-card__content > p::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)}.mm-card__content > p::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)} .mm-card__foot{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:rgba(40,44,52,0.8);color:#9f9f9f;font-size:12px}.mm-card__specs{line-height:14px}.mm-icon{display:inline;width:24px;height:24px;vertical-align:middle} .mm-thumb{display:inline-block;width:16px;height:16px;padding:0;border:0;background-color:#9f9f9f;-webkit-mask:url(/images/chrome/mods/thumbs-up-line.svg) no-repeat center;mask:url(/images/chrome/mods/thumbs-up-line.svg) no-repeat center;cursor:pointer}.mm-thumb:hover{background-color:#f0cc0c}.mm-thumb.is-active{background-color:#f0cc0c;-webkit-mask:url(/images/chrome/mods/thumbs-up.svg) no-repeat center;mask:url(/images/chrome/mods/thumbs-up.svg) no-repeat center}.mm-thumb.is-active:hover{background-color:#9f9f9f}.mm-thumb:focus-visible{outline:2px solid #f0cc0c;outline-offset:2px} .mm-menu{position:absolute;right:6px;display:inline-block}.mm-menu__icon{display:flex;justify-content:center;width:16px;padding:0;border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}.mm-menu__items{position:absolute;right:-4px;z-index:1;min-width:80px;border:1px solid #343434;border-radius:4px;background-color:#8d8d8d;box-shadow:0 8px 16px rgba(0,0,0,0.1);text-align:left}.mm-menu__items[hidden]{display:none}.mm-menu__items > a,.mm-menu__items > button{display:block;width:calc(100% - 20px);padding:10px;border:0;background:transparent;color:#fdfdfd;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.mm-menu__items > a:hover,.mm-menu__items > button:hover,.mm-menu__items > a:focus-visible,.mm-menu__items > button:focus-visible{border-radius:4px;background-color:#afafaf;color:#000} .mm-upload{width:calc(100% - 54px);margin-right:30px;padding:10px;border:1px solid #444;border-radius:5px}.mm-upload form{width:352px;max-width:100%}.mm-upload form > div{margin:10px 0}.mm-upload form > div > label{display:inline-block;width:90px}.mm-upload__name{width:250px}.mm-upload__description{width:251px;height:50px}.mm-upload__footer{height:38px} .mm-upload :where(input,textarea){font:revert;color:revert} .mm-upload__submit{float:right;margin:10px 30px 0 10px;padding:7px 19px;border:1px solid #23e932;border-radius:5px;background:linear-gradient(180deg,#1f5920,#104111);color:#fff;text-transform:uppercase}.mm-upload__signin{color:inherit;text-decoration:underline}.mm-upload__return{height:50px;margin-top:10px}.mm-upload h3{margin:14px 0;font-size:16.38px} .mm-popup{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(209,209,209,0.3)}.mm-popup[hidden]{display:none}.mm-popup__box{position:relative;width:100%;max-width:600px;padding:20px;border:1px solid rgba(0,0,118,0.9);border-radius:3px;background:rgba(20,20,20,0.9);box-shadow:0 0 4px rgba(45,85,124,0.8)}.mm-popup__close{position:absolute;top:10px;right:10px;padding:0;border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer} @media (max-width: 600px){.mm{padding:20px 10px}.mm-info{margin:20px 10px}.mm-frame{margin-right:0}.mm-filters{margin-left:0}.mm-card{width:calc(100% - 22px);max-width:360px}.mm-upload{width:calc(100% - 22px);margin-right:0}}