/* Custom */
html, body { height: 100%; }
body { display: flex; flex-direction: column; }
.btn { background-color: var(--color-background-buttons); border-color: var(--color-background-buttons); color: var(--color-text-buttons); }
.btn:hover { background-color: var(--color-background-buttons); border-color: var(--color-background-buttons); }
.form .form-field .form-field-checkbox .form-field-checkbox-item input:checked { background-color: var(--color-background-buttons) !important; }
.form .form-field .form-field-checkbox .form-field-checkbox-item input:checked::before { color: var(--color-text-buttons) !important; }
.range .range-container .range-container-progress { background: var(--color-background-buttons) !important; }
.range .range-container .range-container-input { accent-color: var(--color-background-buttons); }
.range .range-container .range-container-input::-webkit-slider-thumb { background: var(--color-background-buttons) !important; }
.range .range-container .range-container-input::-moz-range-thumb { background: var(--color-background-buttons) !important; }

/* Base */
.wid-10 { width: 10%; }
.wid-20 { width: 20%; }
.wid-25 { width: 25%; }
.wid-30 { width: 30%; }
.wid-40 { width: 40%; }
.wid-50 { width: 50%; }
.wid-60 { width: 60%; }
.wid-70 { width: 70%; }
.wid-75 { width: 75%; }
.wid-80 { width: 80%; }
.wid-90 { width: 90%; }
.wid-100 { width: 100%; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.transition { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.h1 { font-size: 3rem; line-height: 3.6rem; font-weight: 600; }
.h2 { font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; }
.h3 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; }
.h4 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; }
.text-dark { color: var(--color-text-dark); }
.text-dark > a:hover { color: var(--color-text); }

/* Products List */
.products { display: flex; flex-direction: column; gap: 2.4rem; }
.products .products-items { display: flex; flex-wrap: wrap; gap: 2.4rem; }
.products .products-items .products-items-item { display: flex; flex-direction: column; width: calc(25% - 1.8rem); border: 1px solid var(--color-border); border-radius: .6rem; overflow: hidden; cursor: pointer; }
.products .products-items .products-items-item .products-items-item-image { position: relative; overflow: hidden; }
.products .products-items .products-items-item .products-items-item-image img { width: 100%; aspect-ratio: 1; border-radius: .6rem .6rem 0 0; object-fit: cover; }
.products .products-items .products-items-item:hover .products-items-item-image img { transform: scale(1.1); }
.products .products-items .products-items-item .products-items-item-content { display: flex; flex-direction: column; justify-content: space-between; gap: 1.6rem; flex: 1; padding: 2.4rem; }
.products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos { display: flex; flex-direction: column; gap: .8rem; }
.products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos span { display: flex; gap: .4rem; }
.products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos span u { color: var(--color-text-dark); text-decoration: line-through; font-size: 1.4rem; }
.products .products-items .products-items-item .products-items-item-content .btn-container { gap: .8rem; margin-top: 0; }
.products .products-items .products-items-item .products-items-item-content .btn-container button:nth-child(2) { width: 4rem; }
.products .products-items .products-items-empty { display: flex; flex-direction: column; align-items: center; }
.products .products-items .products-items-empty > .icon { color: var(--color-red); font-size: 5.2rem; }
.products .products-items .products-items-empty.is-loading > .icon { animation: buttonLoading 1s linear infinite; color: var(--color-text-dark); }
.products .products-items .products-items-empty .h2 { margin: .8rem 0 .4rem 0; }
.products > .btn { margin: 0 auto; }

/* Master */
.whatsapp { position: fixed; z-index: 10; right: 2.4rem; bottom: 2.4rem; display: flex; justify-content: center; align-items: center; width: 5.2rem; height: 5.2rem; border-radius: 50%; background-color: var(--color-whatsapp); box-shadow: 0 0 0 0 var(--color-whatsapp-50); animation: whatsappPulse 1.5s infinite; }
.whatsapp .icon { font-size: 2.4rem; color: var(--color-white); }
@keyframes whatsappPulse { 70% { box-shadow: 0 0 0 1.6rem var(--color-whatsapp-0); } 100% { box-shadow: 0 0 0 0 var(--color-whatsapp-0); } }
.header { position: fixed; top: 0; left: 0; right: 0; height: 7rem; display: flex; justify-content: center; background-color: var(--color-bg); border-bottom: 1px solid var(--color-border); z-index: 30; }
.header .header-container { display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; width: 100%; max-width: 120rem; }
.header .header-container .header-container-logo { width: 100%; max-width: 15rem; height: 100%; max-height: 6rem; object-fit: contain; }
.header .header-container .form .form-field .js-btn-search { z-index: 2; cursor: pointer; }
.header .header-container .form .form-field .js-btn-search:hover { color: var(--color-text); }
.main { display: flex; flex: 1; margin: 11.8rem auto 0 auto; width: 120rem; }
.footer { display: flex; flex-direction: column; justify-content: center; border-top: 1px solid var(--color-border); margin-top: 4.8rem; }
.footer .footer-container { display: flex; width: 100%; max-width: 120rem; padding: 4.8rem 0; margin: 0 auto; }
.footer .footer-container ul { display: flex; flex-direction: column; gap: 1.2rem; }
.footer .footer-container ul li, .footer .footer-container ul li a { display: flex; gap: .8rem; align-items: center; max-width: 30rem; }
.footer .footer-container ul li .icon-container:hover { background-color: var(--color-bg-dark); }
.footer .footer-container ul li .icon-container:hover .icon { color: var(--color-text); }
.footer .footer-container ul li .icon { color: var(--color-text-dark); }
.footer .footer-container .footer-container-about { display: flex; flex-direction: column; gap: 1.6rem; flex: 1; padding-right: 3.2rem; }
.footer .footer-container.is-center .footer-container-about { align-items: center; text-align: center; padding-right: 0 }
.footer .footer-container .footer-container-about img { width: 100%; max-width: 12rem; height: 100%; max-height: 4rem; object-fit: contain; object-position: left center; }
.footer .footer-container .footer-container-about p { max-width: 40rem; }
.footer .footer-container .footer-container-contacts { padding: 0 3.2rem; }
.footer .footer-container .footer-container-contacts ul { margin-top: 1.6rem; }
.footer .footer-container .footer-container-contacts:last-child { padding-right: 0; }
.footer .footer-developer { display: flex; justify-content: center; width: 100%; max-width: 120rem; padding: 1.2rem 0; border: 1px solid var(--color-border); border-bottom: 0; margin: 0 auto; border-radius: .6rem .6rem 0 0; }
.footer .footer-developer .text-dark a { color: var(--color-text); }

/* Cart */
.js-sheet-cart .sheet-container .sheet-container-content > .text-dark { border: 1px solid var(--color-border); border-radius: .6rem; padding: 1.2rem; margin-bottom: 2.4rem; }
.js-sheet-cart .sheet-container .sheet-container-content .products { height: 100%; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items { gap: 1.2rem; height: 100%; align-content: flex-start; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item { width: 100%; flex-direction: row; cursor: default; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-image { display: flex; align-items: center; padding-left: 1.6rem; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-image img { border-radius: .6rem; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item:hover .products-items-item-image img { transform: none; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content { padding: 1.6rem; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div { display: flex; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div .js-cart-view { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; cursor: pointer; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div .js-cart-view:hover { color: var(--color-text); }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div .js-cart-remove { border-top-left-radius: 0; border-bottom-left-radius: 0; cursor: pointer; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div .js-cart-remove:hover { color: var(--color-red); }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div .is-confirmation-yes { color: var(--color-green) !important; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div .is-confirmation-no { color: var(--color-red) !important; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div ul { display: flex; flex: 1; justify-content: right; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div ul li:nth-child(1) .js-cart-minus { border-right: 0; border-radius: .6rem 0 0 .6rem; cursor: pointer; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div ul li:nth-child(2) .js-cart-quantity { border-radius: 0; color: var(--color-text); }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div ul li:nth-child(3) .js-cart-plus { border-left: 0; border-radius: 0 .6rem .6rem 0; cursor: pointer; }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-item .products-items-item-content .products-items-item-content-infos > div ul li:not(:nth-child(2)) .icon-container:hover { background-color: var(--color-bg-dark); color: var(--color-text); }
.js-sheet-cart .sheet-container .sheet-container-content .products .products-items .products-items-empty { height: 100%; justify-content: center; }
.js-sheet-cart .sheet-container .sheet-container-footer .sheet-container-footer-total { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.2rem; border-bottom: 1px solid var(--color-border); }
.js-sheet-cart .sheet-container .sheet-container-footer .btn-container { margin-top: 1.2rem; }

/* Checkout */
.js-sheet-checkout .sheet-container .sheet-container-content > .text-dark { border: 1px solid var(--color-border); border-radius: .6rem; padding: 1.2rem; margin-bottom: 2.4rem; }
.js-sheet-checkout .sheet-container .sheet-container-content .sheet-container-content-success { display: none; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.js-sheet-checkout .sheet-container .sheet-container-content .sheet-container-content-success > .icon { color: var(--color-green); font-size: 5.2rem; }
.js-sheet-checkout .sheet-container .sheet-container-content .sheet-container-content-success .h2 { margin: 1.6rem 0 .8rem 0; }
.js-sheet-checkout .sheet-container .sheet-container-footer .sheet-container-footer-total { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.2rem; border-bottom: 1px solid var(--color-border); }
.js-sheet-checkout .sheet-container .sheet-container-footer .btn-container { margin-top: 1.2rem; }

/* Default */
.page-default { width: 120rem; }
.page-default .default-container { display: flex; flex-direction: column; gap: 2.4rem; width: 100%; }
.page-default .default-container .default-container-banners { width: 120rem; position: relative; }
.page-default .default-container .default-container-banners .default-container-banners-buttons { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; z-index: 10; }
.page-default .default-container .default-container-banners .default-container-banners-buttons button { background-color: var(--color-bg); cursor: pointer; }
.page-default .default-container .default-container-banners .default-container-banners-buttons button:hover { background-color: var(--color-bg-dark); }
.page-default .default-container .default-container-banners .default-container-banners-buttons .js-btn-prev { border-radius: 0 .6rem .6rem 0; border-left: 0; }
.page-default .default-container .default-container-banners .default-container-banners-buttons .js-btn-next { border-radius: .6rem 0 0 .6rem; border-right: 0; }
.page-default .default-container .default-container-banners-content { position: relative; overflow: hidden; border-radius: .6rem; }
.page-default .default-container .default-container-banners-content .default-container-banners-content-items img { width: 100%; aspect-ratio: 120/48; object-fit: cover; border-radius: .6rem; }
.page-default .default-container .default-container-categories { width: 120rem; }
.page-default .default-container .default-container-categories .default-container-categories-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.4rem; }
.page-default .default-container .default-container-categories .default-container-categories-header .default-container-categories-header-buttons { display: flex; gap: .8rem; }
.page-default .default-container .default-container-categories .default-container-categories-header .default-container-categories-header-buttons button { background-color: var(--color-bg); cursor: pointer; }
.page-default .default-container .default-container-categories .default-container-categories-header .default-container-categories-header-buttons button:hover { background-color: var(--color-bg-dark); }
.page-default .default-container .default-container-categories .default-container-categories-header .default-container-categories-header-buttons button.swiper-button-disabled { cursor: no-drop; color: var(--color-text-dark); }
.page-default .default-container .default-container-categories .default-container-categories-content { position: relative; overflow: hidden; }
.page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item { height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; border: 1px solid var(--color-border); border-left-width: 0; padding: 2.4rem; }
.page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item:first-child { border-left-width: 1px; border-radius: .6rem 0 0 .6rem; }
.page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item:last-child { border-radius: 0 .6rem .6rem 0; }
.page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item:hover { background-color: var(--color-bg-dark); }
.page-default .default-container .default-container-categories .default-container-categories-content .default-container-categories-content-items .default-container-categories-content-items-item img { width: 8rem; height: 8rem; object-fit: cover; border-radius: 50%; border: 1px solid var(--color-border); }

/* Products */
.page-products .products-container { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 2.4rem; width: 100%; }
.page-products .products-container .products-container-header { display: flex; justify-content: space-between; align-items: center; }
.page-products .products-container .products-container-header .form { display: none; width: 24rem; }
.page-products .products-container .products-container-filters-mobile { display: none; cursor: pointer; }
.page-products .products-container .products-container-filters { flex-shrink: 0; width: 28rem; border: 1px solid var(--color-border); border-radius: .6rem; }
.page-products .products-container .products-container-filters.is-active { opacity: 1; height: auto; }
.page-products .products-container .products-container-filters .products-container-filters-block { display: flex; flex-direction: column; border-bottom: 1px solid var(--color-border); }
.page-products .products-container .products-container-filters .products-container-filters-block:last-child { border-bottom: 0; }
.page-products .products-container .products-container-filters .products-container-filters-block .products-container-filters-block-title { display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; padding: 1.2rem 1.6rem; cursor: pointer; }
.page-products .products-container .products-container-filters .products-container-filters-block .products-container-filters-block-content { display: flex; padding: 0 1.6rem; opacity: 0; height: 0; overflow: hidden; }
.page-products .products-container .products-container-filters .products-container-filters-block .products-container-filters-block-content.is-active { opacity: 1; height: auto; margin-bottom: 1.6rem; }
.page-products .products-container .products { width: calc(90rem - .4rem); }
.page-products .products-container .products .products-items .products-items-item { width: calc(33.33% - 1.6rem); }
.page-products .products-container .pagination { margin-top: 0; }

/* Product */
.page-product .product-container { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 2.4rem; width: 100%; }
.page-product .product-container .product-container-header .product-container-header-breadcrumb { display: flex; gap: .8rem; }
.page-product .product-container .product-container-header .product-container-header-breadcrumb li, .page-product .product-container .product-container-header .product-container-header-breadcrumb li a { display: flex; gap: .8rem; align-items: center; white-space: nowrap; }
.page-product .product-container .product-container-header .product-container-header-breadcrumb li:last-child { color: var(--color-text); }
.page-product .product-container .product-container-header .product-container-header-breadcrumb li a:hover { color: var(--color-text); }
.page-product .product-container .product-container-images { display: flex; flex-direction: column; gap: 2.4rem; width: 60rem; }
.page-product .product-container .product-container-images .product-container-images-main { position: relative; aspect-ratio: 1; border-radius: .6rem; overflow: hidden; border: 1px solid var(--color-border); }
.page-product .product-container .product-container-images .product-container-images-main .product-container-images-main-buttons { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; z-index: 10; }
.page-product .product-container .product-container-images .product-container-images-main .product-container-images-main-buttons button { background-color: var(--color-bg); cursor: pointer; }
.page-product .product-container .product-container-images .product-container-images-main .product-container-images-main-buttons button:hover { background-color: var(--color-bg-dark); }
.page-product .product-container .product-container-images .product-container-images-main .product-container-images-main-buttons button.swiper-button-disabled { cursor: no-drop; color: var(--color-text-dark); }
.page-product .product-container .product-container-images .product-container-images-main .product-container-images-main-buttons .js-btn-prev { border-radius: 0 .6rem .6rem 0; border-left: 0; }
.page-product .product-container .product-container-images .product-container-images-main .product-container-images-main-buttons .js-btn-next { border-radius: .6rem 0 0 .6rem; border-right: 0; }
.page-product .product-container .product-container-images .product-container-images-main img { width: 100%; aspect-ratio: 1; object-fit: cover; cursor: move; }
.page-product .product-container .product-container-images .product-container-images-others { overflow: hidden; }
.page-product .product-container .product-container-images .product-container-images-others img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .6rem; border: 1px solid var(--color-border); cursor: pointer; opacity: .5; }
.page-product .product-container .product-container-images .product-container-images-others img:hover { opacity: 1; }
.page-product .product-container .product-container-images .product-container-images-others .swiper-wrapper .swiper-slide { overflow: hidden; }
.page-product .product-container .product-container-images .product-container-images-others .swiper-wrapper .swiper-slide-thumb-active img { opacity: 1; }
.page-product .product-container .product-container-infos { display: flex; flex-direction: column; align-items: flex-start; gap: 2.4rem; margin-left: 2.4rem; flex: 1; }
.page-product .product-container .product-container-infos .product-container-infos-title { display: flex; flex-direction: column; gap: .8rem; border-bottom: 1px solid var(--color-border); padding-bottom: 2.4rem; }
.page-product .product-container .product-container-infos .product-container-infos-title > div { display: flex; flex-wrap: wrap; gap: .8rem; }
.page-product .product-container .product-container-infos .product-container-infos-title > div a:hover { background-color: var(--color-bg-dark); }
.page-product .product-container .product-container-infos .product-container-infos-title .h2 { display: flex; gap: .8rem; }
.page-product .product-container .product-container-infos .product-container-infos-title .h2 u { color: var(--color-text-dark); text-decoration: line-through; font-size: 1.8rem; }
.page-product .product-container .product-container-infos .product-container-infos-title .text-dark b { font-weight: 400; color: var(--color-text); }
.page-product .product-container .product-container-infos .product-container-infos-variations { display: flex; flex-direction: column; border-bottom: 1px solid var(--color-border); padding-bottom: 2.4rem; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-attribute { margin-bottom: 1.6rem; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-attribute ul { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .8rem; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-attribute ul li span { cursor: pointer; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-attribute ul li span.is-active { background-color: var(--color-bg-dark) !important; color: var(--color-text) !important; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-attribute ul li span.is-inactive { border-color: var(--color-red) !important; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-quantity ul { display: flex; margin-top: .8rem; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-quantity ul li:nth-child(1) .icon-container { border-right: 0; border-radius: .6rem 0 0 .6rem; cursor: pointer; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-quantity ul li:nth-child(2) .icon-container { border-radius: 0; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-quantity ul li:nth-child(3) .icon-container { border-left: 0; border-radius: 0 .6rem .6rem 0; cursor: pointer; }
.page-product .product-container .product-container-infos .product-container-infos-variations .product-container-infos-variations-quantity ul li:nth-child(odd) .icon-container:hover { background-color: var(--color-bg-dark); }
.page-product .product-container .product-container-description .h2 { margin-bottom: 2.4rem; }
.page-product .product-container .product-container-description .text-dark u { text-decoration: underline; }
.page-product .product-container .product-container-description .text-dark strong { font-weight: 700; }
.page-product .product-container .product-container-description .text-dark em { font-style: italic; }
.page-product .product-container .product-container-description .text-dark ol { list-style: initial; margin-left: 1.6rem; }
.page-product .product-container .product-container-description .text-dark ol li[data-list="ordered"] { list-style-type: decimal; }
.page-product .product-container .product-container-description .text-dark ol li[data-list="bullet"] { list-style-type: disc; }
.page-product .product-container .product-container-description .text-dark .ql-align-left { text-align: left; }
.page-product .product-container .product-container-description .text-dark .ql-align-center { text-align: center; }
.page-product .product-container .product-container-description .text-dark .ql-align-right { text-align: right; }
.page-product .product-container .product-container-related .h2 { margin-bottom: 2.4rem; }

/* Pages */
.page-pages { width: 100vw; max-width: 120rem; }
.page-pages .pages-container { display: flex; flex-direction: column; gap: 2.4rem; width: 75rem; margin: 0 auto; }
.page-pages .pages-container .text-dark u { text-decoration: underline; }
.page-pages .pages-container .text-dark strong { font-weight: 700; }
.page-pages .pages-container .text-dark em { font-style: italic; }
.page-pages .pages-container .text-dark ol { list-style: initial; margin-left: 1.6rem; }
.page-pages .pages-container .text-dark ol li[data-list="ordered"] { list-style-type: decimal; }
.page-pages .pages-container .text-dark ol li[data-list="bullet"] { list-style-type: disc; }
.page-pages .pages-container .text-dark .ql-align-left { text-align: left; }
.page-pages .pages-container .text-dark .ql-align-center { text-align: center; }
.page-pages .pages-container .text-dark .ql-align-right { text-align: right; }

/* Error */
.error { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--color-bg); z-index: 999; }
.error .error-container { display: flex; flex-direction: column; align-items: center; max-width: 36rem; margin: 2.4rem; }
.error .error-container > .icon { color: var(--color-red); font-size: 5.2rem; }
.error .error-container .h2 { margin: 1.6rem 0 .8rem 0; }
.error .error-container .btn { background-color: var(--color-secundary) !important; border-color: var(--color-secundary) !important; color: var(--color-bg) !important; }
.error .error-container .btn:hover { background-color: var(--color-primary) !important; }