@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{--swatch: unset;--color-base: 0, 0, 0;--color-primary: 245, 0, 86;--color-secondary: 251, 223, 219;--cart-width: 520px;--sidebar-width: 350px;--main-padding-x: 90px;--main-padding-y: 47px;--heading-lg-font-size: 4.563rem;}
body{color: rgb(var(--color-base));-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-family: 'Poppins', sans-serif;}
body.sidebar-closed{--sidebar-width: 0px;}
body.cart-open #cart{right: 0;}
body.cart-open .backdrop-cart{opacity: 1;pointer-events: auto;}
body.search-open .backdrop-search{opacity: 1;pointer-events: auto;}
body.search-open .search-suggestions{opacity: 1;pointer-events: auto;}
body.popup-open .backdrop-popup{opacity: 1;pointer-events: auto;}
#sidebar{position: fixed;z-index: 9;top: 0;left: 0;height: 100%;}
#sidebar .toggle-collapse{position: absolute;border: none;top: 50%;width: 42px;right: -42px;padding: 10px 0;font-size: 1.25rem;text-align: center;transform: translateY(-50%);border-top-right-radius: 15px;border-bottom-right-radius: 15px;background-color: rgba(var(--color-secondary), 0.60);}
#sidebar .sidebar-collapse{height: 100%;overflow-y: auto;padding: 50px 30px;width: var(--sidebar-width);background-color: rgba(var(--color-secondary), 0.60);transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-webkit-transition: width 0.3s ease-in-out;}
#sidebar .sidebar-collapse .logo-wrapper .logo{display: block;width: 100%;margin: 0 auto;max-width: 140px;}
#sidebar .sidebar-collapse .user-wrapper{display: inline-flex;margin-top: 50px;align-items: center;text-decoration: none;}
#sidebar .sidebar-collapse .user-wrapper .initials{border-radius: 15px;margin-right: 15px;display: flex;width: 58px;height: 58px;color: #ffffff;font-weight: 700;font-size: 1.375rem;align-items: center;justify-content: center;text-transform: uppercase;background-color: rgb(var(--color-primary));}
#sidebar .sidebar-collapse .user-wrapper .name{font-weight: 700;font-size: 1.188rem;color: rgb(var(--color-primary));}
#sidebar .sidebar-collapse .workspace-selection{margin-top: 30px;}
#sidebar .sidebar-collapse .workspace-selection.dropdown-active .ts-control,#sidebar .sidebar-collapse .workspace-selection.input-active .ts-control,#sidebar .sidebar-collapse .workspace-selection.focus .ts-control{background-color: rgb(255, 204, 196);}
#sidebar .sidebar-collapse .workspace-selection .ts-control{border-radius: 15px;align-items: center;text-align: left;border: none;width: 100%;font-weight: 700;font-size: 1.25rem;padding: 21px 45px 21px 30px;color: rgb(var(--color-primary));background-color: rgba(255, 204, 196, 0.50);transition: background-color 0.3s ease-in-out;-moz-transition: background-color 0.3s ease-in-out;-webkit-transition: background-color 0.3s ease-in-out;}
#sidebar .sidebar-collapse .workspace-selection .ts-control input{font-size: 1rem;margin-top: 10px !important;}
#sidebar .sidebar-collapse .workspace-selection .ts-control .clear-button{display: none;}
#sidebar .sidebar-collapse .workspace-selection .ts-control::before,#sidebar .sidebar-collapse .workspace-selection .ts-control::after{content: '';position: absolute;right: 25px;width: 13px;height: 8px;border: none;background-size: contain;background-repeat: no-repeat;}
#sidebar .sidebar-collapse .workspace-selection .ts-control::before{top: 15px;background-image: url('assets/universe/icons/chevron-up.svg');}
#sidebar .sidebar-collapse .workspace-selection .ts-control::after{bottom: 15px;background-image: url('assets/universe/icons/chevron-down.svg');}
#sidebar .sidebar-collapse .workspace-selection .ts-dropdown{padding: 15px 25px 15px 30px;margin-top: 15px;width: 100%;border: none;border-radius: 15px;background-color: rgb(255, 204, 196);scrollbar-color: rgb(var(--color-base)) rgb(255, 204, 196);}
#sidebar .sidebar-collapse .workspace-selection .ts-dropdown .option{font-weight: 700;font-size: 1rem;padding-left: 0;padding-right: 0;word-break: break-word;color: rgb(var(--color-base));transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-webkit-transition: color 0.3s ease-in-out;}
#sidebar .sidebar-collapse .workspace-selection .ts-dropdown .option:hover,#sidebar .sidebar-collapse .workspace-selection .ts-dropdown .option:focus,#sidebar .sidebar-collapse .workspace-selection .ts-dropdown .option.active,#sidebar .sidebar-collapse .workspace-selection .ts-dropdown .option.selected{background: none;color: rgb(var(--color-primary));}
#sidebar .sidebar-collapse .nav{padding: 0;margin-top: 30px;margin-left: -15px;list-style-type: none;}
#sidebar .sidebar-collapse .nav .nav-item{width: 100%;}
#sidebar .sidebar-collapse .nav .nav-item:last-child{margin-top: 30px;}
#sidebar .sidebar-collapse .nav .nav-item a.nav-link:hover,#sidebar .sidebar-collapse .nav .nav-item a.nav-link:focus{background-color: #ffffff;}
#sidebar .sidebar-collapse .nav .nav-item .nav-link{display: inline-flex;align-items: center;border-radius: 15px;font-weight: 700;width: 100%;font-size: 1.063rem;color: rgb(var(--color-base));transition: background-color 0.3s ease-in-out;-moz-transition: background-color 0.3s ease-in-out;-webkit-transition: background-color 0.3s ease-in-out;}
#sidebar .sidebar-collapse .nav .nav-item .nav-link.active{background-color: #ffffff;}
#sidebar .sidebar-collapse .nav .nav-item .nav-link .icon-wrapper{width: 35px;flex-shrink: 0;margin-right: 5px;}
#sidebar .sidebar-collapse .nav .nav-item .nav-link .icon-wrapper .icon{max-width: 100%;}
#sidebar .sidebar-collapse .nav .nav-item .subnav{margin: 0;padding-left: 53px;list-style-type: none;}
#sidebar .sidebar-collapse .nav .nav-item .subnav .subnav-item{margin: 10px 0;}
#sidebar .sidebar-collapse .nav .nav-item .subnav .subnav-item .subnav-link{display: table;line-height: 1;font-size: 1.063rem;text-decoration: none;color: rgb(var(--color-base));border-bottom: 1px solid transparent;transition: border-color 0.3s ease-in-out;-moz-transition: border-color 0.3s ease-in-out;-webkit-transition: border-color 0.3s ease-in-out;}
#sidebar .sidebar-collapse .nav .nav-item .subnav .subnav-item .subnav-link:hover,#sidebar .sidebar-collapse .nav .nav-item .subnav .subnav-item .subnav-link:focus,#sidebar .sidebar-collapse .nav .nav-item .subnav .subnav-item .subnav-link.active{border-color: rgb(var(--color-base));}
main[role="main"]{position: relative;margin-left: var(--sidebar-width);padding: var(--main-padding-y) var(--main-padding-x);transition: margin-left 0.3s ease-in-out;-moz-transition: margin-left 0.3s ease-in-out;-webkit-transition: margin-left 0.3s ease-in-out;}
.introduction{margin-bottom: 50px;}
.introduction .subtitle{display: block;margin-bottom: 10px;font-size: 1.063rem;}
.introduction .title{display: table;line-height: 1.1;font-weight: 700;font-size: var(--heading-lg-font-size);}
.introduction .title::after{content: '';display: block;width: 100%;height: 10px;margin-top: 10px;border-radius: 15px;background-color: rgb(47, 47, 47);}
.introduction .content{margin-top: 40px;}
.introduction .button-group{margin-top: 40px;}
.introduction .steps{counter-reset: list-counter;position: relative;display: flex;padding: 0;margin: 40px -15px 0;list-style-type: none;justify-content: space-between;}
.introduction .steps::after{content: '';position: absolute;top: 35px;left: 25px;height: 1px;width: calc(100% - 50px);background-size: 10px 1px;background-repeat: repeat-x;background-position: bottom;background-image: linear-gradient(to right, rgb(112, 112, 112) 50%, rgba(255, 255, 255, 0) 0%);}
.introduction .steps .step-item.active .step::before{color: #ffffff;border-color: rgb(var(--color-primary));background-color: rgb(var(--color-primary));}
.introduction .steps .step-item .step{counter-increment: list-counter;position: relative;z-index: 1;width: 100px;padding: 0;border: none;text-align: center;background-color: #ffffff;}
.introduction .steps .step-item .step::before{content: counter(list-counter);font-size: 1.875rem;border-radius: 50%;line-height: 2.25;display: block;width: 70px;height: 70px;font-weight: 700;text-align: center;margin: 0 auto 5px;background-color: #ffffff;border: 1px solid rgb(112, 112, 112);}
.introduction .steps .step-item .step .text{display: block;font-size: 1.063rem;}
.btn.btn-outline{color: rgb(var(--color-base));display: inline-block;border-radius: 15px;padding: 15px 30px;font-weight: 600;background: none;font-size: 1.188rem;text-decoration: none;vertical-align: middle;border: 1px solid rgb(112, 112, 112);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.btn.btn-outline.btn-sm{padding: 15px 30px;}
@media (max-width: 768px){.btn.btn-outline.btn-sm{padding: 10px 20px;}}
.btn.btn-outline.btn-large{border-radius: 10px;padding: 25px 50px;}
.btn.btn-outline.outline-color-primary{border-color: rgb(var(--color-primary));color: rgb(var(--color-primary));}
.btn.btn-outline.outline-color-primary:not(:disabled):hover,.btn.btn-outline.outline-color-primary:not(:disabled):focus{color: #ffffff;border-color: rgb(var(--color-primary));background-color: rgb(var(--color-primary));}
.btn.btn-outline .icon{transform: translateY(-1px);}
.btn.btn-outline .icon + .text,.btn.btn-outline .text + .icon{margin-left: 10px;}
.btn.btn-outline:disabled{opacity: 0.33;}
.btn.btn-outline:not(:disabled):hover,.btn.btn-outline:not(:disabled):focus,.btn.btn-outline:not(:disabled).active{border-color: rgb(var(--color-secondary));background-color: rgb(var(--color-secondary));}
@media (max-width: 768px){.btn.btn-outline{font-size: 1rem;padding: 10px 20px;}}
.btn.btn-solid{background-color: rgb(var(--color-primary));display: inline-block;border-radius: 10px;padding: 25px 50px;color: #ffffff;font-weight: 600;font-size: 1.188rem;text-decoration: none;vertical-align: middle;border: 1px solid rgb(var(--color-primary));transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-webkit-transition: transform 0.3s ease-in-out;}
.btn.btn-solid.btn-rounded{border-radius: 50px;}
.btn.btn-solid.btn-sm{padding: 15px 30px;}
@media (max-width: 768px){.btn.btn-solid.btn-sm{padding: 10px 20px;}}
.btn.btn-solid .icon{transform: translateY(-1px);}
.btn.btn-solid .icon + .text,.btn.btn-solid .text + .icon{margin-left: 10px;}
.btn.btn-solid:disabled{opacity: 0.33;}
.btn.btn-solid:not(:disabled):hover,.btn.btn-solid:not(:disabled):focus,.btn.btn-solid:not(:disabled).active{transform: translateY(-3px);}
@media (max-width: 768px){.btn.btn-solid{font-size: 1rem;}}