html,*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",serif}body{background:#f1f5fb;--headerHeight: 60px}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}header{width:100%;height:var(--headerHeight);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:2}header .h-element{width:100%;height:100%;display:flex;align-items:center;justify-content:center}header .h-element[section-name=logo]{justify-content:flex-start;max-width:130px;gap:10px}header .h-element[section-name=logo] a{display:flex;justify-content:flex-start;align-items:center}header .h-element[section-name=logo] svg{height:20px;width:auto}header .h-element[section-name=logo] img{height:20px;width:auto}header .h-element[section-name=logo] span.nav-menu-button{display:none;justify-content:center;align-items:center}header .h-element[section-name=logo] span.nav-menu-button svg{width:auto;height:25px}header .h-element[section-name=app-icons]{justify-content:flex-end;gap:25px;max-width:130px}header .h-element[section-name=app-icons] a{display:flex;justify-content:center;align-items:center}header .h-element[section-name=app-icons] a svg{fill:#000;height:16px;width:auto}header .h-element[section-name=app-icons] a[data-name=search]{display:none}header .h-element[section-name=search] form{--inputHeight: 38px;width:100%;max-width:350px;position:relative;display:flex;align-items:center}header .h-element[section-name=search] form span.search-icon{position:absolute;height:var(--inputHeight);width:var(--inputHeight);display:flex;justify-content:center;align-items:center}header .h-element[section-name=search] form span.search-icon svg{fill:#ccc;transition:.2s ease}header .h-element[section-name=search] form input[type=search]{width:100%;height:var(--inputHeight);border:1px solid #ccc;padding:0 20px 0 var(--inputHeight);transition:.2s ease;border-radius:2px}header .h-element[section-name=search] form input[type=search]::-moz-placeholder{color:#ccc}header .h-element[section-name=search] form input[type=search]::placeholder{color:#ccc}header .h-element[section-name=search] form input[type=search]:focus{border-color:#000;outline:none}header .h-element[section-name=search] form input[type=search]:focus+span.search-icon svg{fill:#000}nav#nav-menu{width:100%;height:40px;background:#fff;display:flex;justify-content:center;align-items:center}nav#nav-menu .container{display:flex;justify-content:center;align-items:center;gap:50px}nav#nav-menu .container a{font-size:14px;color:#000;text-decoration:none}nav#nav-menu .container a:hover{text-decoration:underline}section.root-content{--gap: 20px;display:flex;width:100%;height:auto;padding:var(--gap) 0}section.root-content .container{display:flex;flex-direction:column;gap:var(--gap)}section.root-content .skeleton-box{display:flex;justify-content:center;align-items:center;width:100%;height:400px;gap:var(--gap)}section.root-content .skeleton-box .skeleton{width:100%;height:100%;background:rgba(0,0,0,.05);border-radius:2px}footer{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:#000}footer .container{display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:14px}@media only screen and (max-width: 768px){header{position:fixed;top:0}header .h-element{max-width:unset !important}header .h-element[section-name=logo] span.nav-menu-button{display:flex}header .h-element[section-name=app-icons] a[data-name=search]{display:flex}header .h-element[section-name=search]{display:none}nav#nav-menu{display:none}section.root-content{margin-top:calc(var(--headerHeight))}section.root-content .container .skeleton-box{flex-direction:column;height:auto}section.root-content .container .skeleton-box .skeleton.h500{height:500px}section.root-content .container .skeleton-box .skeleton.h250{height:250px}section.root-content .container .skeleton-box .skeleton.h400{height:400px}}