div.settings-head{align-items:center;display:flex;justify-content:flex-end}@media(min-width:576px){div.settings-head{justify-content:space-between}}div.settings-head>div{display:none;flex-direction:column;gap:3px}html[dir=rtl] div.settings-head>div{gap:7px}@media(min-width:576px){div.settings-head>div{display:flex}}div.settings-head>div h3{font-size:1.25em}div.settings-head>div p{color:var(--second-text);font-size:1.05em}div.settings-head>button{background-color:var(--identity);border-radius:8px;color:#fff;font-weight:600;gap:6px;padding:10px;transition:background .3s}@media(min-width:768px){div.settings-head>button{gap:8px;padding:12px}}div.settings-head>button:hover{background-color:var(--light-identity)}div.settings-head>button .iconify{font-size:1.13em}button.default-color{box-shadow:0 0 3px #4b63ff2e}html[data-theme=dark] button.default-color{box-shadow:0 0 12px #ffffff14}button.default-color{background-color:var(--identity);border-radius:8px;color:#fff;gap:5px;margin-left:auto;padding:10px;position:relative}@media(min-width:375px){button.default-color{padding:4px}}@media(min-width:576px){button.default-color{padding:5px}}button.default-color:after{aspect-ratio:1/1;background-color:var(--color);border-radius:inherit;bottom:calc(100% + 3px);content:"";position:absolute;transform:scale(0);transform-origin:bottom center;transition:transform .3s;width:30px}button.default-color:hover:after{transform:scale(1)}button.default-color>span:not(.iconify){display:none;font-size:.95em;text-transform:capitalize}@media(min-width:375px){button.default-color>span:not(.iconify){display:inline-flex}}button.default-color>span.iconify{display:inline-flex}@media(min-width:375px){button.default-color>span.iconify{display:none}}@media(min-width:576px){button.default-color>span.iconify{display:inline-flex}}@media(min-width:768px){html:has(.mini-aside) button.default-color>span.iconify{display:none}}@media(min-width:992px){html:has(.mini-aside) button.default-color>span.iconify{display:inline-flex}}div.settings-main>div>div>button:not(.default-color),div.settings-main>div>div>span{box-shadow:0 0 3px #4b63ff2e}html[data-theme=dark] div.settings-main>div>div>button:not(.default-color),html[data-theme=dark] div.settings-main>div>div>span{box-shadow:0 0 12px #ffffff14}div.settings-main{display:flex;flex-direction:column;gap:27px}@media(min-width:576px){div.settings-main{gap:28px}}@media(min-width:768px){div.settings-main{gap:29px}}@media(min-width:992px){div.settings-main{gap:30px;justify-content:space-between}}div.settings-main>div{display:flex;flex-direction:column;gap:13px}@media(min-width:768px){div.settings-main>div{gap:14px}}@media(min-width:992px){div.settings-main>div{gap:15px}}div.settings-main>div>div{align-items:center;display:flex;gap:inherit}div.settings-main>div>div>div.color-wrapper{border-radius:6px;box-shadow:0 0 1px 1px var(--input-bg);height:42px;overflow:hidden;width:42px}@media(min-width:768px){div.settings-main>div>div>div.color-wrapper{height:45px;width:45px}}div.settings-main>div>div>button:not(.default-color),div.settings-main>div>div>span{background-color:var(--second-bg);border-radius:8px;color:var(--second-text);padding:4px 9px}@media(min-width:768px){div.settings-main>div>div>button:not(.default-color),div.settings-main>div>div>span{padding:5px 10px}}div.settings-main>div>div>button:not(.default-color){flex-basis:50%;gap:8px;height:36px;max-height:none;text-transform:capitalize;transition:.3s}@media(min-width:768px){div.settings-main>div>div>button:not(.default-color){height:38px}}@media(min-width:992px){div.settings-main>div>div>button:not(.default-color){height:42px}}div.settings-main>div>div>button:not(.default-color):hover{background-color:var(--light-identity);color:#fff}div.settings-main>div>div>button:not(.default-color).selected{background-color:var(--identity);color:#fff}div.settings-preview>div.icon-wrapper{align-items:center;display:flex;justify-content:center}div.settings-preview,div.settings-preview>div.text{align-items:center;display:flex;flex-direction:column}div.settings-preview{box-shadow:0 0 3px #4b63ff2e}html[data-theme=dark] div.settings-preview{box-shadow:0 0 12px #ffffff14}div.settings-preview:not(.dark){--main-text-color:#1e293b;--second-text-color:#64748b;--second-bg-color:#fff}div.settings-preview.dark{--main-text-color:#e6eefc;--second-text-color:#94a3b8;--second-bg-color:#09101a}div.settings-preview{background-color:var(--second-bg-color);border-radius:14px;gap:10px;grid-row:2;justify-content:center;padding:15px 20px}@media(min-width:576px){div.settings-preview{gap:12px;grid-row:initial;padding:17px 24px}}@media(min-width:992px){div.settings-preview{gap:17px;padding:21px 37px}}div.settings-preview>div.icon-wrapper{background:linear-gradient(135deg,rgb(var(--rgb)),rgba(var(--rgb),.75));border-radius:14px;color:#fff;padding:10px;width:-moz-fit-content;width:fit-content}@media(min-width:576px){div.settings-preview>div.icon-wrapper{padding:12px}}div.settings-preview>div.icon-wrapper .iconify{font-size:2em}div.settings-preview>div.text{gap:7px}@media(min-width:576px){div.settings-preview>div.text{gap:4px}}@media(min-width:768px){div.settings-preview>div.text{gap:9px}}@media(min-width:992px){div.settings-preview>div.text{gap:11px}}div.settings-preview>div.text span{color:var(--main-text-color);text-transform:capitalize}div.settings-preview>div.text span:first-of-type{font-size:1.4em;font-weight:700}div.settings-preview>div.text span:last-of-type{font-size:1.2em;font-weight:600}div.settings-preview>div.text p{color:var(--second-text-color);font-size:1.1em;text-align:center}div.settings-preview>button{background-color:rgb(var(--rgb));border-radius:8px;color:#fff;cursor:auto;max-width:270px;padding:17px;text-transform:capitalize;width:100%}@media(min-width:768px){div.settings-preview>button{padding:18px}}section.settings-area{display:flex;flex-direction:column;gap:15px;margin:0 2px;overflow:auto;padding:1px 13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:576px){section.settings-area{gap:25px;padding:1px 15px}}@media(min-width:768px){section.settings-area{padding:1px 18px}}@media(min-width:992px){section.settings-area{gap:30px}}section.settings-area>div.body{display:grid;gap:20px 0;grid-template-columns:1fr;max-width:450px}@media(min-width:576px){section.settings-area>div.body{gap:25px}}@media(min-width:992px){section.settings-area>div.body{grid-template-columns:450px 1fr;max-width:920px}}@media(min-width:1200px){section.settings-area>div.body{gap:50px}}@media(min-width:768px){html:has(.mini-aside) section.settings-area>div.body{grid-template-columns:1fr 1fr;max-width:920px}}section.settings-area>div.body h4{align-items:center;display:flex;font-size:1.1em;font-weight:600;gap:3px;text-transform:capitalize}@media(min-width:768px){section.settings-area>div.body h4{gap:5px}}section.settings-area>div.body h4 .iconify{color:var(--identity);font-size:1.1em}