@charset "utf-8";

.ss__theme, .ss__theme *, .ss__theme ::before, .ss__theme ::after { box-sizing: border-box; }

.ss__theme a { text-decoration: none; }

.ss__theme .ss__title { color: rgb(19, 80, 135); font-family: Montserrat, sans-serif; font-weight: 600; }

.ss__theme .ss__pointer { cursor: pointer; }

.ss__theme .ss__sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; }

.ss__theme .ss__flex--wrap { display: flex; flex-flow: wrap; }

.ss__theme .ss__flex--nowrap { display: flex; flex-flow: row; }

.ss__theme .ss__flex--center-align { -webkit-box-align: center; align-items: center; }

.ss__theme .ss__flex--center-justify { -webkit-box-pack: center; justify-content: center; }

.ss__theme .ss__scrollbar::-webkit-scrollbar { width: 8px; }

.ss__theme .ss__scrollbar::-webkit-scrollbar-track { background-color: rgb(245, 245, 245); }

.ss__theme .ss__scrollbar::-webkit-scrollbar-thumb { background-color: rgb(193, 193, 193); }

.ss__theme .ss__button, .ss__theme .ss__slideout__button { border-radius: 3px; display: inline-block; padding: 0px 20px; background-color: rgb(19, 80, 135); color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-weight: 600; text-align: center; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

.ss__theme .ss__icon__wrapper { display: inline-block; width: 12px; height: 12px; line-height: 12px; }

.ss__theme .ss__icon__wrapper .ss__icon { width: 100%; height: 100%; line-height: 1; }

.ss__theme .ss__active a, .ss__theme .ss__active label { color: rgb(230, 38, 80); font-weight: 600; }

.ss__theme .ss__list .ss__list__option { margin: 0px 0px 8px; }

.ss__theme .ss__list .ss__list__option:last-child { margin-bottom: 0px; }

.ss__theme .ss__checkbox { position: relative; display: inline-block; padding-left: 24px; }

.ss__theme .ss__checkbox .ss__icon__wrapper { border-radius: 3px; width: 14px; height: 14px; line-height: 14px; background-color: rgb(255, 255, 255); border: 1px solid rgb(74, 74, 74); position: absolute; top: 4px; left: 0px; }

.ss__theme .ss__checkbox--round .ss__icon__wrapper { border-radius: 100%; }

.ss__theme .ss__active .ss__checkbox .ss__icon__wrapper { background-color: rgb(2, 117, 255); border: 1px solid rgb(2, 117, 255); }

.ss__theme .ss__active .ss__checkbox .ss__icon__wrapper .ss__icon { fill: rgb(255, 255, 255); padding: 2px; }

.ss__theme .ss__grid { margin: 0px -2.5px -5px; }

.ss__theme .ss__grid .ss__grid__option { width: 25%; padding: 0px 2.5px; margin: 0px 0px 5px; }

.ss__theme .ss__grid .ss__grid__option .ss__grid__link { display: block; position: relative; height: 0px; padding-bottom: 100%; }

.ss__theme .ss__grid .ss__grid__option .ss__grid__link .ss__grid__block, .ss__theme .ss__grid .ss__grid__option .ss__grid__link .ss__grid__label { position: absolute; }

.ss__theme .ss__grid .ss__grid__option .ss__grid__link .ss__grid__block { width: 100%; height: 100%; background-color: rgb(245, 245, 245); border: 1px solid rgb(223, 223, 223); }

.ss__theme .ss__grid .ss__grid__option .ss__grid__link .ss__grid__label { position: absolute; top: 50%; left: 0px; right: 0px; z-index: 2; margin: auto; transform: translateY(-50%); max-width: calc(100% - 10px); max-height: calc(100% - 10px); overflow: hidden; text-align: center; font-size: 12px; line-height: 14px; }

.ss__theme .ss__grid .ss__active .ss__grid__link .ss__grid__block { background-color: rgb(230, 38, 80); border: 1px solid rgb(230, 38, 80); }

.ss__theme .ss__grid .ss__active .ss__grid__link .ss__grid__label { color: rgb(255, 255, 255); }

.ss__theme .ss__palette { margin: 0px -2.5px -5px; }

.ss__theme .ss__palette .ss__palette__option { width: 20%; padding: 0px 2.5px; margin: 0px 0px 5px; }

.ss__theme .ss__palette .ss__palette__option .ss__palette__link .ss__palette__block { height: 0px; padding-bottom: 100%; position: relative; }

.ss__theme .ss__palette .ss__palette__option .ss__palette__link .ss__palette__block::before, .ss__theme .ss__palette .ss__palette__option .ss__palette__link .ss__palette__block .ss__palette__color { position: absolute; inset: 0px; }

.ss__theme .ss__palette .ss__palette__option .ss__palette__link .ss__palette__block::before { content: ""; z-index: 2; border: 1.5px solid rgb(171, 168, 168); }

.ss__theme .ss__palette .ss__palette__option .ss__palette__link .ss__palette__block .ss__palette__color { z-index: 1; }

.ss__theme .ss__palette .ss__palette__option .ss__palette__link .ss__palette__label { display: block; font-size: 10px; line-height: 12px; overflow: hidden; text-overflow: ellipsis; margin: 5px 0px; }

.ss__theme .ss__palette .ss__active .ss__palette__link .ss__palette__block::before { border-color: rgb(0, 0, 0); }

.ss__theme .ss__palette .ss__active .ss__palette__link .ss__palette__block .ss__palette__color { border: 5px solid rgb(255, 255, 255); }

.ss__theme .ss__palette .ss__active .ss__palette__link .ss__palette__label { color: inherit; }

.ss__theme .ss__toggle .ss__toggle__option { margin: 0px 0px 5px; }

.ss__theme .ss__toggle .ss__toggle__option:last-child { margin-bottom: 0px; }

.ss__theme .ss__toggle .ss__toggle__option .ss__toggle__label, .ss__theme .ss__toggle .ss__toggle__option .ss__toggle__slider { line-height: 1; }

.ss__theme .ss__toggle .ss__toggle__option .ss__toggle__label { -webkit-box-flex: 0; flex: 0 1 auto; padding: 0px 5px 0px 0px; }

.ss__theme .ss__toggle .ss__toggle__option .ss__toggle__slider { -webkit-box-flex: 0; flex: 0 0 80px; height: 20px; margin: 0px 0px 0px auto; position: relative; }

.ss__theme .ss__toggle .ss__toggle__option .ss__toggle__slider .ss__toggle__slider__inner { background-color: rgb(19, 80, 135); border-radius: 40px; inset: 0px; }

.ss__theme .ss__toggle .ss__toggle__option .ss__toggle__slider .ss__toggle__slider__inner, .ss__theme .ss__toggle .ss__toggle__option .ss__toggle__slider .ss__toggle__slider__inner::before { position: absolute; }

.ss__theme .ss__toggle .ss__toggle__option .ss__toggle__slider .ss__toggle__slider__inner::before { content: ""; display: block; background-color: rgb(255, 255, 255); width: 16px; height: 16px; border-radius: 50%; top: 2px; left: 2px; transition: transform 0.3s; }

.ss__theme .ss__toggle .ss__active .ss__toggle__slider .ss__toggle__slider__inner { background-color: rgb(230, 38, 80); }

.ss__theme .ss__toggle .ss__active .ss__toggle__slider .ss__toggle__slider__inner::before { transform: translateX(60px); }