.fluid-grid-column{vertical-align:top}.grid-item{background:#f0f0f0;margin:8px;padding:10px;box-sizing:border-box;border-radius:6px;border:1px solid #ccc}button.nocss{outline:0;border:0;background:0;box-shadow:0}button.nocss:hover{cursor:pointer}input{border:0}.ftext,.fpassword{border-width:.1em;border-color:#e6e6e6;border-style:solid;border-bottom-color:#c2c2c2}input.fpassword::-ms-reveal{display:block}.fsubmit{border:0;display:inline-flex;width:auto}.floating-dropdown .fdd-item{padding:8px 12px;cursor:pointer;transition:background .15s}.floating-dropdown .fdd-item:hover{background:#f4f4f4}.floating-dropdown .fdd-divider{height:1px;background:#eee;margin:4px 0}.floating-dropdown .fdd-header{padding:8px 12px;font-weight:bold;font-size:14px;border-bottom:1px solid #eee}.floating-dropdown .fdd-input{width:100%;border:1px solid #ddd;border-radius:4px;padding:6px 10px;font-size:14px}.floating-dropdown .fdd-input:focus{border-color:#217346;outline:none}.pagination-goto{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.pagination-goto .goto-input{width:50px;padding:2px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px;text-align:center}.pagination-goto .goto-input:focus{border-color:#217346;outline:none}.pagination-goto .goto-btn{padding:2px 8px;border:none;background:#217346;color:#fff;border-radius:4px;cursor:pointer;font-size:12px}.pagination-goto .goto-btn:hover{background:#1a5c38}.landing-category-section{position:relative}.landing-category-section .landing-section-topic{border-radius:12px;transition:all .3s ease}.landing-category-section .landing-section-topic .title{transition:color .3s ease,transform .3s ease}.landing-category-section .landing-section-topic .content{transition:all .3s ease;line-height:1.6}.landing-category-section .landing-section-topic:hover{cursor:pointer}.landing-category-section .landing-section-images img{width:100%;height:auto;transition:opacity .6s ease,transform .6s ease}.landing-category-section .landing-section-images img.fade-out{opacity:0;transform:scale(0.96)}.landing-category-section .landing-section-images img.fade-in{opacity:1;transform:scale(1)}.landing-category-section .section-icons{position:absolute;top:0;left:0;transform:translate(-50%, 0)}.landing-category-section .section-icons .section-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease,filter .3s ease}.landing-category-section .section-icons .section-icon:hover{transform:scale(1.08);filter:brightness(1.15)}.landing-category-section.landing-layout-right .landing-section-header{text-align:right;justify-content:flex-end}@media screen and (max-width: 64em){.landing-category-section.landing-layout-right .landing-section-header{text-align:center;justify-content:center}}.landing-category-section.landing-layout-right .section-icons{left:auto;right:0;transform:translate(50%, 0)}.landing-bg{background-image:linear-gradient(to top, #161a1e, #1b2025, #21272d, #262e35, #2c353d)}.landing-users{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:998}.avatar-group{--size: 40px;--overlap: 15px;--ring: 4px;--ring-color: #fff;display:flex;align-items:center;padding:0;margin:0;list-style:none}.avatar-group.sm{--size:28px;--overlap:9px}.avatar-group.lg{--size:56px;--overlap:16px}.avatar{position:relative;width:var(--size);height:var(--size);border-radius:50%;overflow:hidden;flex:0 0 auto;border:var(--ring) solid var(--ring-color);box-shadow:0 0 0 1px rgba(0,0,0,.06);background:#e5e7eb}.avatar+.avatar{margin-left:calc(var(--overlap)*-1)}.avatar-lap{margin-left:calc(var(--overlap)*-1)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar a:not(.row){display:block}.avatar a{width:100%;height:100%}.avatar:hover{z-index:2;transform:translateY(-1px);transition:transform .15s}.avatar a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:50%}.avatar--count{display:flex;align-items:center;justify-content:center}.avatar[data-status=online]::after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;background:#22c55e;border:2px solid var(--ring-color);border-radius:50%}.avatar-group.rtl{flex-direction:row-reverse}.avatar-group.rtl .avatar+.avatar{margin-left:0;margin-right:calc(var(--overlap)*-1)}