/**
Theme Name: Basic Theme
Author: Ivan Jiménez 
Author URI: http://wpastra.com/about/
Description: A starter theme to start a project based on Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basic-theme
Template: astra
*/

.site-header {
    z-index: 1000;
}
.main-header-bar {
    z-index: 1000;
}
#ast-scroll-top {
    z-index: 1000;
}
a:focus {
    outline: inherit!important;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
	padding: 0;
}
.ast-mobile-popup-drawer.active .menu-toggle-close:focus{
	border:none!important;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus {
    outline: none;
}
/* LEGAL PAGES */
.legal-pages-cs {
    padding: 48px 0 80px 0;
}
.legal-pages-cs h1, .legal-pages-cs h2, .legal-pages-cs h3{
	font-family: "Rubik", Sans-serif;
	line-height: 120%;
    letter-spacing: -0.5px;
}
.legal-pages-cs h2{
	font-size: 24px;
	margin-bottom: 8px;
}
.legal-pages-cs h3{
	font-size: 18px;
	margin-bottom: 24px;
}
.legal-pages-cs h1 {
    font-size: 32px;
	margin-bottom: 8px;
}
.legal-pages-cs p {
    font-size: 16px ;
    font-weight: 400;
    margin-bottom: 24px;
	line-height: 150%;
}
.legal-pages-cs a{
	color: #001641;
}
.legal-pages-cs ul {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 16px;
}
.legal-pages-cs ul li{
    margin-bottom: 24px;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus{
	border:none!important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: transparent;
    background: transparent;
}
button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: inherit!important;
    box-shadow: none!important;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus, .woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, [CLASS*="wc-block"] button:hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover, [CLASS*="wc-block"] .wc-block-components-button:hover, [CLASS*="wc-block"] .wc-block-components-button:focus {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {
    border-style: inherit;
    border-top-width: inherit;
    border-right-width: inherit;
    border-left-width: inherit;
    border-bottom-width: inherit;
    color: inherit;
    border-color: inherit;
    background-color: inherit;
    padding-top: inherit;
    padding-right: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-size: inherit;
    line-height: inherit;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea {
    box-shadow: inherit!important;
}

/**
 * 
 * Menu Navigation
 * 
*/
@media (min-width: 922px) {
    .page-id-77 .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item, .page-id-79 .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
        border-radius: 0 0 100px 100px;
        box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15);
    }
}
.ast-site-identity{
	padding: 0px;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #001641;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
    color: #001641;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link::after {
    content: '';
    height: 1px;
    width: 100%;
    transform-origin: center;
    transition: transform 0.3s ease;
    background-color: currentColor;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) scaleX(.8);
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link::after {
    content: '';
    height: 1px;
    width: 100%;
    transform-origin: center;
    transition: transform 0.3s ease;
    background-color: currentColor;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) scaleX(.8);
}
/**
 * 
 * Hero
 * 
*/
.cs-color-destacado{
    color: #FDA013;
}
.shadow-section{
	box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.15);
}
.page-id-75 .number-svg .elementor-icon i, .number-svg .elementor-icon svg {
    width: inherit;
    height: inherit;
}
.quote-1 {
    position: relative;
    text-align: center;
    display: inline-block;
} 
.quote-1 h1 {
    position: relative;
    z-index: 1;
}
.quote-1::before {
    background-image: url(https://city.codika.net/wp-content/uploads/2024/11/quotation-1.svg);
    left: -39px;
    top: -40px;
} 
.quote-1::before, .quote-1::after {
    content: "";
    width: 131px;
    height: 104px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute; 
    z-index: 0;
}
.quote-2 {
    position: relative;
    display: inline-block;
} 
.quote-2 p {
    position: relative;
    z-index: 1;
}
.quote-2::before {
    background-image: url(https://city.codika.net/wp-content/uploads/2024/11/quotation-2.svg);
    right: 0;
    bottom: -70px;
} 
.quote-2::before, .quote-2::after {
    content: "";
    width: 131px;
    height: 104px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute; 
    z-index: 0;
}
@media (max-width: 767px) {
    .page-id-75 .elementor-icon i, .elementor-icon svg {
       width: 1em;
       height: 1em;
    }
	.quote-2::before, .quote-2::after, .quote-1::before, .quote-1::after{
		display: none;
	}
}
/**
 * 
 * Acordeon
 * 
*/

.city-acordeon-personal .e-n-accordion-item-title-text::before {
    content: url(https://city.codika.net/wp-content/uploads/2025/01/personal-use-city-storage.svg);
    margin-right: 10px;
}
.city-acordeon-empresarial .e-n-accordion-item-title-text::before {
    content: url(https://city.codika.net/wp-content/uploads/2025/01/company-use-city-storage.svg);
    margin-right: 10px;
}
.city-acordeon-pymes .e-n-accordion-item-title-text::before {
    content: url(https://city.codika.net/wp-content/uploads/2025/01/pyme-use-city-storage.svg);
    margin-right: 10px;
}
.city-acordeon-personal h2.e-n-accordion-item-title-text, .city-acordeon-empresarial h2.e-n-accordion-item-title-text, .city-acordeon-pymes h2.e-n-accordion-item-title-text {
    font-weight: 600;
	line-height:120%;
}
@media (max-width: 767px) {
	.city-acordeon-personal .e-n-accordion-item-title-text::before, .city-acordeon-empresarial .e-n-accordion-item-title-text::before, .city-acordeon-pymes .e-n-accordion-item-title-text::before{
		display: none;
	}
}

/**
 * 
 * Calculadora
 * 
*/
._container_18b3g_1 {
    max-width: 1200px!important;
    width: 100%!important;
    margin: 0 auto!important;
    display: flex!important;
    flex-direction: column!important;
    gap: 60px!important;
}
._content_18b3g_17 {
    display: flex!important;
    gap: 60px!important;
}
._container_1ot7z_1 {
    display: flex!important;
    flex-direction: column!important;
    gap: 12px!important;
    width: 50%!important;
}
._container_xz8gq_1 {
    display: flex!important;
    flex-direction: column!important;
    gap: 24px!important;
}
._header_xz8gq_9 {
    display: flex!important;
    justify-content: space-between!important;
}
._title_xz8gq_14, ._title_3f0lm_27, ._title_2l42y_14 {
    font-size: 32px!important;
	line-height: 38px !important;
	font-family: Rubik, sans-serif!important;
	font-weight: 700!important;
	user-select: none!important;
}
._link_1f8py_47, ._button_1f8py_48 {
    font-weight: 400;
}
._handleShow_1f8py_23 {
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    color: var(--color-font);
}
.css-19x352y, .css-1ptln30 {
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    -webkit-tap-highlight-color: transparent!important;
    cursor: pointer!important;
    user-select: none!important;
    vertical-align: middle!important;
    appearance: none!important;
    font-family: Rubik, sans-serif!important;
    line-height: 1.75!important;
    min-width: 64px!important;
    text-transform: none!important;
    font-weight: 700!important;
    max-width: fit-content!important;
    font-size: 20px!important;
    color: #001641!important;
    outline: 0px!important;
    margin: 0px!important;
    text-decoration: none!important;
    border-width: 0px!important;
    border-style: initial!important;
    border-color: initial!important;
    border-image: initial!important;
    border-radius: 4px!important;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1)!important;
    padding: 6px 8px!important;
}
.css-r93rrt.MuiLinearProgress-colorPrimary {
    background-color: rgba(240, 83, 63, 0.314)!important;
}
.css-r93rrt {
    position: relative!important;
    overflow: hidden!important;
    display: block!important;
    z-index: 0!important;
    background-color: rgb(158, 166, 182)!important;
    height: 64px!important;;
    border-radius: 16px!important;
}
._progress_xz8gq_20 {
    position: relative!important;
    transition: ease .5s opacity!important;
}
._progress_xz8gq_20:after {
    content: attr(data-percentage)!important;
    color: #fff!important;
    position: absolute!important;
    top: 20px!important;
    left: 10px!important;
    font-size: 32px!important;
    -webkit-user-select: none!important;
    user-select: none!important;
	font-family: Rubik, sans-serif!important;
	font-weight: 400!important;
}
@media (hover: hover) {
    .css-19x352y:hover, .css-1ptln30:hover {
        background-color: rgba(0, 22, 65, 0.04) !important;
    }
}

._container_1ot7z_1 {
    display: flex!important;
    flex-direction: column!important;
    gap: 12px!important;
    width: 50%!important;
}
._list_1ot7z_8 {
    display: flex!important;
    flex-direction: column!important;
    gap: 24px!important;
    width: 100%!important;
}
._container_3mlak_1 {
    display: flex!important;
    flex-direction: column!important;
    gap: 24px!important;
}
._header_3mlak_7 {
    padding: 12px 16px!important;
    color: #fff!important;
    border-radius: 10px!important;
}
._title_3mlak_13 {
    display: flex!important;
    -webkit-user-select: none!important;
    user-select: none!important;
    justify-content: space-between!important;
	font-family: Rubik, sans-serif!important;
}
h3._title_3mlak_13, h3._title_hb4di_25, h3._title_9ph4n_13, h3._title_17ybp_13 {
    font-size: 18.72px!important;
    font-weight: bold!important;
	color: #fff!important;
	line-height: inherit!important;
}
._content_3mlak_36 {
    display: flex!important;
    flex-direction: column!important;
    gap: 24px!important;
}
._empty_3mlak_25 {
	font-family: Rubik, sans-serif!important;
	font-size: 16px;
	letter-spacing:-.5px;
    color: #a7a7a7!important;
    height: 120px!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    border: 1px dashed #A7A7A7!important;
    border-radius: 10px!important;
    -webkit-user-select: none!important;
    user-select: none!important;
}
._footer_3mlak_19 {
    display: flex!important;
    align-items: center!important;
    gap: 24px!important;
}
.css-1hhvk2l {
    width: 100%!important;
    outline: none!important;
    background-color: white!important;
    border-radius: 10px!important;
    height: 55px!important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px!important;
}
.css-smcdk1 {
    display: inline-flex!important;
    flex-direction: column!important;
    position: relative!important;
    min-width: 0px!important;
    padding: 0px!important;
    margin: 0px!important;
    border: 0px!important;
    vertical-align: top!important;
    width: 100%!important;
}
.css-smcdk1 .MuiFormLabel-root {
    color: rgb(167, 167, 167)!important;
    font-weight: 400!important;
    font-family: Rubik, sans-serif!important;
    font-size: 18px!important;
    user-select: none!important;
}
.css-1jgw9rz.Mui-focused {
	color: rgb(0, 22, 65)!important;
}
.css-1uvc3bd {
    color: rgba(0, 0, 0, 0.6)!important;
    font-family: Rubik, sans-serif!important;
    font-weight: 400!important;
    font-size: 1rem!important;
    line-height: 1.4375em!important;
    display: block!important;
    transform-origin: left top!important;
    text-overflow: ellipsis!important;
    position: absolute!important;
    left: 0px!important;
    top: 0px!important;
    z-index: 1!important;
    pointer-events: none!important;
    transform: translate(14px, 16px) scale(1)!important;
    max-width: calc(100% - 24px)!important;
    padding: 0px!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1)!important;
}
/* 01 */
/* INPUTS */
.MuiAutocomplete-hasPopupIcon.css-1hhvk2l .MuiOutlinedInput-root, .MuiAutocomplete-hasClearIcon.css-1hhvk2l .MuiOutlinedInput-root {
    padding-right: 39px!important;
}
.MuiAutocomplete-hasPopupIcon.css-1hhvk2l .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-1hhvk2l .MuiAutocomplete-inputRoot {
    padding-right: 30px!important;
}
.css-smcdk1 .MuiOutlinedInput-root {
    border-radius: 10px!important;
    border: none;
}
.css-1hhvk2l .MuiOutlinedInput-root {
    border-radius: 10px!important;
    border: none;
}
.css-1hhvk2l .MuiOutlinedInput-root {
    padding: 9px!important;
}
.css-ymsks2 {
    font-family: Rubik, sans-serif!important;
    font-weight: 400!important;
    font-size: 1rem!important;
    line-height: 1.4375em!important;
    color: rgba(0, 0, 0, 0.87)!important;
    box-sizing: border-box!important;
    cursor: text!important;
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    width: 100%!important;
    position: relative!important;
    border-radius: 4px!important;
    padding-right: 14px!important;
}
.css-1hhvk2l .MuiOutlinedInput-root .MuiAutocomplete-input {
    padding: 7.5px 4px 7.5px 5px!important;
}
.css-1hhvk2l .MuiAutocomplete-inputRoot .MuiAutocomplete-input {
    width: 0px!important;
    min-width: 30px!important;
}
.css-1hhvk2l .MuiAutocomplete-input {
    opacity: 1!important;
}
/* .css-1hhvk2l .MuiAutocomplete-input {
    -webkit-box-flex: 1!important;
    flex-grow: 1!important;
    text-overflow: ellipsis!important;
    opacity: 0!important;
} */

.css-qwdxx6 {
    font: inherit!important;
    letter-spacing: inherit!important;
    color: currentcolor!important;
    border: 0px!important;
/*     box-sizing: content-box!important; */
    background: none!important;
/*     height: 1.4375em!important; */
    margin: 0px!important;
/*     -webkit-tap-highlight-color: transparent!important; */
    display: block!important;
    min-width: 0px!important;
    width: 100%!important;
    animation-name: mui-auto-fill-cancel!important;
    animation-duration: 10ms!important;
/*  padding: 16.5px 0px 16.5px 14px!important; */
}
.css-qwdxx6:focus {
    outline: 0px!important;
} 

.css-1hhvk2l .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
    right: 9px!important;
}
.css-iuka1o {
    position: absolute!important;
    right: 0px!important;
    top: 50%!important;
    transform: translate(0px, -50%)!important;
}
.css-1hhvk2l .MuiAutocomplete-popupIndicator {
    color: rgb(0, 0, 0)!important;
}
.css-1jswspk {
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    -webkit-tap-highlight-color: transparent!important;
    background-color: transparent!important;
    cursor: pointer!important;
    user-select: none!important;
    vertical-align: middle!important;
    appearance: none!important;
    text-align: center!important;
    font-size: 1.5rem!important;
    color: rgba(0, 0, 0, 0.54)!important;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04)!important;
    outline: 0px!important;
    border-width: 0px!important;
    border-style: initial!important;
    border-color: initial!important;
    border-image: initial!important;
    margin: 0px -2px 0px 0px!important;
    text-decoration: none!important;
    flex: 0 0 auto!important;
    border-radius: 50%!important;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)!important;
    padding: 2px!important;
}
.css-4mb1j7 {
    overflow: hidden!important;
    pointer-events: none!important;
    position: absolute!important;
    z-index: 0!important;
    inset: 0px!important;
    border-radius: inherit!important;
}
.css-13nh35z.Mui-disabled {
    background-color: rgba(240, 83, 63, 0.314)!important;
    color: rgb(255, 255, 255)!important;
    cursor: not-allowed!important;
}
.css-13nh35z.Mui-disabled {
    pointer-events: none!important;
    cursor: default!important;
}
.css-13nh35z {
	font-family: Rubik, sans-serif!important;
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    -webkit-tap-highlight-color: transparent!important;
    cursor: pointer!important;
    user-select: none!important;
    vertical-align: middle!important;
    appearance: none!important;
    line-height: 1.75!important;
    min-width: 64px!important;
    text-transform: none!important;
    font-weight: 700!important;
    max-width: fit-content!important;
    background-color: rgb(240, 83, 63)!important;
    height: 36px!important;
    color: white!important;
    font-size: 16px!important;
    outline: 0px!important;
    margin: 0px!important;
    text-decoration: none!important;
    border-width: 0px!important;
    border-style: initial!important;
    border-color: initial!important;
    border-image: initial!important;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1)!important;
    padding: 8px 28px!important;
    border-radius: 10px!important;
}
._container_189iu_1 {
    display: flex!important;
    align-items: center!important;
    gap: 24px!important;
    justify-content: space-between!important;
    cursor: grab!important;
    transition: opacity .2s ease!important;
    -webkit-user-select: none;!important
    user-select: none!important;
}
._information_189iu_15 {
    display: flex!important;
    align-items: center!important;
    gap: 8px!important;
}
.css-2d08ke {
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    -webkit-tap-highlight-color: transparent!important;
    background-color: transparent!important;
    outline: 0px!important;
    border: 0px!important;
    margin: 0px!important;
    cursor: pointer!important;
    user-select: none!important;
    vertical-align: middle!important;
    appearance: none!important;
    text-decoration: none!important;
    padding: 9px!important;
    border-radius: 50%!important;
    color: rgb(133, 133, 133)!important;
}
.css-2d08ke.Mui-checked {
    color: rgb(240, 83, 63)!important;
}
._text_189iu_21 {
	font-family: Rubik, sans-serif!important;
    display: flex!important;
    flex-direction: column!important;
    font-weight: 500!important;
    gap: 4px!important;
    -webkit-user-select: none!important;
    user-select: none!important;
}
._title_189iu_29 {
    color: #000!important;
    font-size: 18px!important;
}
._dimensions_189iu_34 {
    font-weight: 600!important;
}
._dimensions_189iu_34 {
    color: #000!important;
    font-size: 16px!important;
}
._actions_189iu_39 {
    display: flex!important;
    gap: 16px!important;
    align-items: center!important;
    justify-content: space-between!important;
}
._sizeActionsContainer_189iu_47 {
    display: flex!important;
    border-radius: 50px!important;
    justify-content: space-between!important;
    align-items: center!important;
    gap: 16px!important;
    width: 120px!important;
    padding: 5px!important;
}
._count_189iu_57 {
    position: relative!important;
    width: 10px!important;
    height: 10px!important;
}
._count_189iu_57:before {
	font-family: Rubik, sans-serif!important;
    position: absolute!important;
    content: attr(data-count)!important;
    width: 80px!important;
    z-index: -1!important;
    -webkit-user-select: none!important;
    user-select: none!important;
    left: -35px!important;
    text-align: center!important;
    top: calc(50% - 12px) !important;
    color: #000;
    font-size: 16px;
}
.css-auoq4t {
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    -webkit-tap-highlight-color: transparent!important;
    background-color: transparent!important;
    cursor: pointer!important;
    user-select: none!important;
    vertical-align: middle!important;
    appearance: none!important;
    text-align: center!important;
    font-size: 1.5rem!important;
    color: rgba(0, 0, 0, 0.54)!important;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04)!important;
    outline: 0px!important;
    border-width: 0px!important;
    border-style: initial!important;
    border-color: initial!important;
    border-image: initial!important;
    margin: 0px!important;
    text-decoration: none!important;
    flex: 0 0 auto!important;
    padding: 8px!important;
    border-radius: 50%!important;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)!important;
}
.css-auoq4t:hover {
    background-color: rgba(0, 0, 0, 0.04)!important;
}
._title_189iu_29 {
    color: #000!important;
    font-size: 18px!important;
	font-weight: bold!important;
}
._itemsList_189iu_79 {
	font-family: Rubik, sans-serif!important;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: -.05px;
	color:#000!important;
    display: flex!important;
    flex-direction: column!important;
    gap: 3px!important;
    list-style: none!important;
    margin-bottom: 8px !important;
    margin: 0px;
}
._dimensions_189iu_34 {
    font-weight: 600!important;
}
._dimensions_189iu_34 {
    color: #000!important;
    font-size: 16px!important;
	font-weight: bold !important;
    font-family: Rubik, sans-serif!important;
}
.css-1idmpyo {
	margin-bottom: 0px!important;
}
.MuiAutocomplete-groupUl.css-14vl1q4 {
	margin-left: 0px!important;
}
.city-calculator ol {
	font-size: 14px!important;
}
.city-calculator ol li{
	height: 60px!important;
	padding: 16px!important;
}
.city-calculator [data-rich-colors=true][data-sonner-toast][data-type=error], [data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button] {
    background: var(--error-bg);
    border-color: var(--error-border);
    color: var(--error-text);
}

.city-calculator [data-sonner-toast] [data-close-button] {
    background: var(--gray1);
}

.city-calculator :where([data-sonner-toast])>* {
    transition: opacity .4s;
}

.city-calculator :where([data-sonner-toast]) :where([data-close-button]) {
    position: absolute;
    left: var(--toast-close-button-start);
    right: var(--toast-close-button-end);
    top: 0;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: var(--gray12);
    border: 1px solid var(--gray4);
    transform: var(--toast-close-button-transform);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transition: opacity .1s, background .2s, border-color .2s;
}
._popoverTitle_189iu_75 {
	font-family: Rubik, sans-serif!important;
    font-size: 16px!important;
	line-height: 19px!important;
}
.css-qjnp7f .MuiPaper-root {
    display: flex!important;
    flex-direction: column!important;
    width: 200px!important;
    padding: 20px!important;
    gap: 16px!important;
    border-radius: 8px!important;
    user-select: none!important;
    margin-top: 5px!important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px!important;
    height: 170px!important;
}
.css-1vjni7q {
    background-color: rgb(255, 255, 255)!important;
    color: rgba(0, 0, 0, 0.87)!important;
    box-shadow: var(--Paper-shadow)!important;
    background-image: var(--Paper-overlay)!important;
    position: absolute!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
    min-width: 16px!important;
    min-height: 16px!important;
    max-width: calc(100% - 32px)!important;
    max-height: calc(100% - 32px)!important;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1)!important;
    border-radius: 4px!important;
    outline: 0px!important;
}
@media (hover: hover) {
    .css-49ft6t:hover {
		background-color: rgb(0, 15, 45)!important;
		color: #fff!important;
    }
}
.css-49ft6t:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px!important;
}

/* NEW */
.MuiTypography-root.MuiTypography-body1.css-6un8o7 {
margin-bottom: 0px!important;
}
.css-g8j2h4 {
    margin: 0px!important;
    font-family: Rubik, sans-serif!important;
    line-height: 1.2!important;
    font-size: 18px!important;
    font-weight: 500!important;
}
.css-18czwg2 .MuiPaper-root {
    width: 100%!important;
    max-width: 300px!important;
    display: flex!important;
    flex-direction: column!important;
    -webkit-box-pack: justify!important;
    justify-content: space-between!important;
    padding: 12px!important;
    gap: 16px!important;
    border-radius: 8p!importantx;
    border: 1px solid var(--neutral-gray-4, #EDF0F5)!important;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 10px 20px 0px!important;
    user-select: none!important;
    margin-top: 10px!important;
}
.css-yd8sa2 {
    display: flex!important;
    flex-direction: column!important;
    gap: 16px!important;
}
._footer_hb4di_37 .MuiButton-sizeMedium, ._footer_9ph4n_19 .MuiButton-sizeMedium, ._footer_17ybp_19 .MuiButton-sizeMedium {
border-radius: 10px!important;
}
input#\:r0\: {
    box-shadow: none !important;
}
/* NEW */

.css-kx4yiz, .css-1xthtmo {
    background-color: rgb(240, 83, 63)!important;
    color: #fff!important;
	border-radius: 10px!important;
}
.css-kx4yiz:hover, .css-1xthtmo:hover {
	background-color: rgb(240, 83, 63)!important;
    color: #fff!important;
}
.css-h5tvi0, .css-mahu2u{
	background-color: rgb(116, 163, 51)!important;
	color: #fff!important;
	border-radius: 10px!important;
}
.css-h5tvi0:hover, .css-mahu2u:hover{
	background-color: rgb(116, 163, 51)!important;
	color: #fff!important;
}
.css-1ihxum1, .css-10xnrk3 {
	background-color: rgb(0, 154, 218)!important;
	color: #fff!important;
	border-radius: 10px!important;
}
.css-1ihxum1:hover, .css-10xnrk3:hover{
	background-color: rgb(0, 154, 218)!important;
	color: #fff!important;
}
.css-98lx5l, .css-9rtgry{
	background-color: rgb(253, 185, 19)!important;
	color: #fff!important;
	border-radius: 10px!important;
}
.css-98lx5l:hover, .css-9rtgry:hover{
	background-color: rgb(253, 185, 19)!important;
	color: #fff!important;
}
.css-1gtiyah, .css-f3yesq{
	background-color: rgb(77, 57, 34)!important;
	color: #fff!important;
	border-radius: 10px!important;
}
.css-1gtiyah:hover, .css-f3yesq:hover{
	background-color: rgb(77, 57, 34)!important;
	color: #fff!important;
}
.css-1terhev, .css-1d03r8c{
	background-color: rgb(0, 22, 65)!important;
	color: #fff!important;
	border-radius: 10px!important;
}
.css-1terhev:hover, .css-1d03r8c:hover{
	background-color: rgb(0, 22, 65)!important;
	color: #fff!important;
}
.css-1ibiuw2 {
    display: inline-flex!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    -webkit-tap-highlight-color: transparent!important;
    cursor: pointer!important;
    user-select: none!important;
    vertical-align: middle!important;
    appearance: none!important;
    text-align: center!important;
    font-size: 1.5rem!important;
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04)!important;
    outline: 0px!important;
    border-width: 0px!important;
    border-style: initial!important;
    border-color: initial!important;
    border-image: initial!important;
    margin: 0px -2px 0px 0px!important;
    text-decoration: none!important;
    flex: 0 0 auto!important;
    border-radius: 50%!important;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)!important;
    padding: 2px!important;
}
.css-dkx0mc {
	display: inline-flex!important;
	-webkit-box-align: center!important;
	align-items: center!important;
	-webkit-box-pack: center!important;
	justify-content: center!important;
	position: relative!important;
	box-sizing: border-box!important;
	background-color: transparent!important;
	outline-width: 0px!important;
	border-top-width: 0px!important;
	border-right-width: 0px!important;
	border-bottom-width: 0px!important;
	border-left-width: 0px!important;
	margin-top: 0px!important;
	cursor: pointer!important;
	-webkit-user-select: none!important;
	vertical-align: middle!important;
	appearance: none!important;
	text-decoration-line: none!important;
	text-align: center!important;
	flex-grow: 0!important;
	flex-shrink: 0!important;
	flex-basis: auto!important;
	font-size: 1.5rem!important;
	border-top-left-radius: 50%!important;
	border-top-right-radius: 50%!important;
	border-bottom-right-radius: 50%!important;
	border-bottom-left-radius: 50%!important;
	transition-duration: 150ms!important;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)!important;
	transition-delay: 0ms!important;
	transition-behavior: normal!important;
	transition-property: background-color!important;
	--IconButton-hoverBg: rgba(0, 0, 0, 0.04)!important;
	padding-top: 2px!important;
	margin-right: -2px!important;
	transform: rotate(180deg)!important;
}
.css-kn5occ .MuiOutlinedInput-root .MuiAutocomplete-endAdornment, .css-1ucggf0 .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
	right: 9px!important;
}
.css-iuka1o {
	position: absolute!important;
	right: 0px!important;
	top: 50%!important;
	transform: translate(0px, -50%)!important;
}
.css-yd8sa2 input[type=email], .css-yd8sa2 input[type=number], .css-yd8sa2 input[type=password], .css-yd8sa2 input[type=reset], .css-yd8sa2 input[type=search], .css-yd8sa2 input[type=tel], .css-yd8sa2 input[type=text], .css-yd8sa2 input[type=url], .css-yd8sa2 select, .css-yd8sa2 textarea {
    color: inherit!important;
    padding: 16.5px 14px!important;
    height: auto!important;
    border-width: inherit!important;
    border-style: inherit!important;
    border-color: inherit!important;
    border-radius: inherit!important;
    background: inherit!important;
    box-shadow: inherit!important;
    box-sizing: inherit!important;
    transition: inherit!important;
}

/* NEW */

@media{
.css-gxivw3 .MuiPaper-root {
	max-width: 300px!important;
}
}