/*! mixins.scss | Hardison Co. | Css ninja 2020-2024 *//*! _variables.scss | Hardison Co. | Css ninja 2020-2024 *//*! profile-stats.scss | Hardison Co. | Css ninja 2020-2024 */.profile-stats{display:flex;justify-content:center;align-items:center;padding:12px 0}.profile-stats .profile-stat{display:flex;align-items:center;color:var(--light-text);font-family:var(--font)}.profile-stats .profile-stat span{font-size:.9rem}.profile-stats .profile-stat .lnil{font-size:1.2rem;margin-inline-end:6px}.profile-stats .separator{height:25px;width:2px;border-inline-end:1px solid color-mix(in oklab,var(--fade-grey),black 6%);margin:0 10px}.profile-stats .socials{display:flex;justify-content:center}.profile-stats .socials a{display:flex;justify-content:center;align-items:center;height:28px;width:28px;background:var(--white);border:1px solid color-mix(in oklab,var(--fade-grey),black 6%);box-shadow:var(--light-box-shadow);border-radius:var(--radius-rounded);margin:0 2px;transition:all .3s}.profile-stats .socials a:hover{border-color:var(--primary)}.profile-stats .socials a:hover .iconify{color:var(--primary)}.profile-stats .socials a .fab{font-size:.9rem;color:var(--light-text);transition:color .3s}.is-dark .profile-stats .separator{border-color:color-mix(in oklab,var(--dark-sidebar),white 20%)}.is-dark .profile-stats .socials a{background:color-mix(in oklab,var(--dark-sidebar),white 2%);border-color:color-mix(in oklab,var(--dark-sidebar),white 12%)}.is-dark .profile-stats .socials a:hover,.is-dark .profile-stats .socials a:focus{border-color:var(--primary)}.is-dark .profile-stats .socials a:hover .iconify,.is-dark .profile-stats .socials a:focus .iconify{color:var(--primary)}.profile-wrapper .profile-body .settings-section{display:flex;flex-wrap:wrap;max-width:880px;margin:0 auto}.profile-wrapper .profile-body .settings-section .settings-box{position:relative;width:calc(20% - 16px);background:var(--white);text-align:center;padding:16px;margin:8px;border-radius:8px;border:1px solid color-mix(in oklab,var(--fade-grey),black 3%);transition:all .3s;cursor:pointer}.profile-wrapper .profile-body .settings-section .settings-box:hover,.profile-wrapper .profile-body .settings-section .settings-box:focus{border-color:var(--primary);box-shadow:var(--light-box-shadow)}.profile-wrapper .profile-body .settings-section .settings-box:hover .edit-icon,.profile-wrapper .profile-body .settings-section .settings-box:focus .edit-icon{opacity:1;pointer-events:all}.profile-wrapper .profile-body .settings-section .settings-box:hover .icon-wrap .iconify,.profile-wrapper .profile-body .settings-section .settings-box:focus .icon-wrap .iconify{color:var(--primary)}.profile-wrapper .profile-body .settings-section .settings-box:hover h3,.profile-wrapper .profile-body .settings-section .settings-box:focus h3{color:var(--primary)}.profile-wrapper .profile-body .settings-section .settings-box.is-active .icon-wrap .iconify,.profile-wrapper .profile-body .settings-section .settings-box.is-active h3{color:var(--primary)}.profile-wrapper .profile-body .settings-section .settings-box .edit-icon{position:absolute;top:6px;inset-inline-start:6px;display:flex;justify-content:center;align-items:center;height:18px;width:18px;border-radius:var(--radius-rounded);background:color-mix(in oklab,var(--fade-grey),white 3%);opacity:0;pointer-events:none;transition:all .3s}.profile-wrapper .profile-body .settings-section .settings-box .edit-icon .iconify{font-size:.8rem}.profile-wrapper .profile-body .settings-section .settings-box .icon-wrap{display:flex;justify-content:center;align-items:center;background:none!important;border:none;box-shadow:none;height:52px;width:100%}.profile-wrapper .profile-body .settings-section .settings-box .icon-wrap .iconify{font-size:2.7rem;color:color-mix(in oklab,var(--light-text),white 12%);margin-bottom:4px;transition:color .3s}.profile-wrapper .profile-body .settings-section .settings-box .icon-wrap img{display:block;max-width:90px}.profile-wrapper .profile-body .settings-section .settings-box span{text-align:center;display:block;text-transform:uppercase;color:var(--light-text);font-family:var(--font-alt);font-size:.7rem;letter-spacing:1px}.profile-wrapper .profile-body .settings-section .settings-box h3{font-family:var(--font);font-size:.9rem;font-weight:400;color:var(--light-text);transition:color .3s}.is-dark .profile-wrapper .profile-body .settings-section .settings-box{background:color-mix(in oklab,var(--dark-sidebar),white 6%);border-color:color-mix(in oklab,var(--dark-sidebar),white 12%)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box:hover,.is-dark .profile-wrapper .profile-body .settings-section .settings-box:focus{border-color:var(--primary)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box:hover h3,.is-dark .profile-wrapper .profile-body .settings-section .settings-box:focus h3{color:var(--primary)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box:hover .icon-wrap .iconify,.is-dark .profile-wrapper .profile-body .settings-section .settings-box:focus .icon-wrap .iconify{color:var(--primary)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box.is-active h3,.is-dark .profile-wrapper .profile-body .settings-section .settings-box.is-active .icon-wrap .iconify{color:var(--primary)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box .edit-icon{background:color-mix(in oklab,var(--dark-sidebar),white 2%)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box .edit-icon .iconify{color:var(--primary)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap{background:none!important}.is-dark .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap .iconify{color:color-mix(in oklab,var(--light-text),black 20%)}.is-dark .profile-wrapper .profile-body .settings-section .settings-box .icon-wrap .iconify.is-solid{color:var(--primary)}@media only screen and (width<=767px){.profile-wrapper .profile-body .settings-section .settings-box{width:calc(50% - 16px)}}@media only screen and (width>=768px)and (width<=1024px)and (orientation:portrait){.profile-wrapper .profile-body .settings-section .settings-box{width:calc(25% - 16px)}}