@tailwind base;@tailwind components;@tailwind utilities;:root{--container-width: 1280px;--container-padding-x: 25px;--header-height: 71px;--header-topbar-height: 50px}@media (min-width: 1330px){:root{--container-padding-x: 0}}body:lang(en),body{@apply font-en;}body:lang(zh),body:lang(zh-tw){@apply font-zh;}.rich-text-blog{max-width:727px}.rich-text-blog h1{font-size:2.25rem;font-weight:500;line-height:1.4;margin-top:10px;margin-bottom:20px}@media (min-width: 768px){.rich-text-blog h1{font-size:3rem;line-height:1.5}}.rich-text-blog h2{font-size:2rem;font-weight:500;line-height:1.3;margin-top:52px;margin-bottom:8px}@media (min-width: 768px){.rich-text-blog h2{font-size:2.625rem;line-height:1.5;margin-top:80px;margin-bottom:20px}}.rich-text-blog h3{font-size:1.5rem;font-weight:400;line-height:1.6;margin-top:24px;margin-bottom:20px}@media (min-width: 768px){.rich-text-blog h3{font-size:1.875rem;line-height:1.5;margin-top:28px;margin-bottom:12px}}.rich-text-blog h4{font-size:1.375rem;font-weight:500;line-height:1.4;margin-top:24px;margin-bottom:8px}@media (min-width: 768px){.rich-text-blog h4{font-size:1.75rem;line-height:1.5;margin-top:40px}}.rich-text-blog h5{font-size:1.25rem;font-weight:500;line-height:1.6;margin-top:12px;margin-bottom:4px}@media (min-width: 768px){.rich-text-blog h5{font-size:1.375rem;line-height:1.5;margin-top:20px}}.rich-text-blog h6{font-size:1rem;font-weight:500;line-height:1.5}@media (min-width: 768px){.rich-text-blog h6{font-size:1.125rem}}.rich-text-blog blockquote{@apply bg-secondary-02 w-full p-6 md:px-16 md:py-[45px] text-center;font-size:1rem;line-height:1.8;margin-top:8px;margin-bottom:8px}@media (min-width: 768px){.rich-text-blog blockquote{font-size:1.125rem;margin-bottom:16px}}.rich-text-blog a{@apply border-b-brand-blue border-b-2 border-solid hover:text-brand-blue;font-size:1rem;font-weight:500}@media (min-width: 768px){.rich-text-blog a{font-size:1.125rem}}.rich-text-blog p{font-size:1rem;line-height:1.8;margin-top:8px;margin-bottom:20px}@media (min-width: 768px){.rich-text-blog p{font-size:1.125rem;margin-top:10px;margin-bottom:24px}}.rich-text-blog ul,.rich-text-blog ol{@apply flex flex-col gap-y-4 md:gap-y-3 list-none;font-size:1rem;line-height:1.8;margin-top:18px;margin-bottom:12px}@media (min-width: 768px){.rich-text-blog ul,.rich-text-blog ol{font-size:1.125rem;margin-top:24px;margin-bottom:12px}}.rich-text-blog ul li{@apply relative pl-7 mb-4 md:mb-3 last:mb-3;}.rich-text-blog ul li:before{@apply absolute bg-highlight-01 rounded-full left-0 ml-2;content:"";top:13px;width:6px;height:6px}.rich-text-blog ol{counter-reset:custom-counter}.rich-text-blog ol li{@apply relative pl-7 mb-4 md:mb-3 last:mb-3;counter-increment:custom-counter}.rich-text-blog ol li:before{@apply absolute text-highlight-01 text-base md:text-lg font-medium left-0 md:-top-0.5;content:counter(custom-counter) ".";line-height:1.8}.rich-text-blog img{margin-top:24px;margin-bottom:8px;width:100%;max-width:100%}@media (min-width: 768px){.rich-text-blog img{margin-bottom:12px}}.rich-text-module a{@apply underline decoration-brand-blue underline-offset-4 hover:text-brand-blue;}.rich-text-module.--link-green-color a{@apply decoration-highlight-01 hover:text-highlight-01;}.rich-text-module.--reset-fonts p{font-size:inherit;line-height:inherit}.rich-text-module ul,.rich-text-module ol{@apply flex flex-col gap-y-4 md:gap-y-3 pt-[18px] pb-3 md:pt-6 md:pb-3;}.rich-text-module ul{@apply list-none ml-[5px];}.rich-text-module ul li{@apply flex gap-x-3;}.rich-text-module ul li:before{@apply bg-highlight-01 rounded-full shrink-0 relative top-[.6em] w-[.375em] h-[.375em];content:""}.rich-text-module ol{@apply ml-[5px];counter-reset:custom-counter}.rich-text-module ol li{@apply flex gap-x-3;counter-increment:custom-counter}.rich-text-module ol li:before{@apply text-highlight-01 left-0 md:-top-0.5;content:counter(custom-counter) "."}.rich-text-module h1{font-size:2.25rem;font-weight:500;line-height:1.4}@media (min-width: 768px){.rich-text-module h1{font-size:3rem;line-height:1.5}}.rich-text-module h2{font-size:2rem;font-weight:500;line-height:1.3}@media (min-width: 768px){.rich-text-module h2{font-size:2.625rem;line-height:1.5}}.rich-text-module h3{font-size:1.5rem;font-weight:400;line-height:1.6}@media (min-width: 768px){.rich-text-module h3{font-size:1.875rem;line-height:1.5}}.rich-text-module h4{font-size:1.375rem;font-weight:500;line-height:1.4}@media (min-width: 768px){.rich-text-module h4{font-size:1.75rem;line-height:1.5}}.rich-text-module h5{font-size:1.25rem;font-weight:500;line-height:1.6}@media (min-width: 768px){.rich-text-module h5{font-size:1.375rem;line-height:1.5}}.rich-text-module h6{font-size:1rem;font-weight:500;line-height:1.5}@media (min-width: 768px){.rich-text-module h6{font-size:1.125rem}}.rich-text-module p{font-size:1rem;line-height:1.8}@media (min-width: 768px){.rich-text-module p{font-size:1.125rem}}@layer components{.primary-btn{@apply text-center inline-flex justify-center items-center relative bg-brand-blue rounded-full text-brand-white text-base font-medium h-[54px] py-[14px] px-16 transition ease-out duration-300;}.primary-btn:hover{@apply bg-highlight-02;}.primary-btn.--neutral{@apply text-center inline-flex justify-center items-center relative bg-brand-white rounded-full text-brand-blue text-base font-medium h-[54px] py-[14px] px-16 transition ease-out duration-300;}.primary-btn.--neutral:hover{@apply bg-highlight-02 text-brand-white;}.secondary-btn{@apply w-max text-center inline-flex justify-center items-center gap-3 relative text-base font-medium text-brand-white transition ease-out duration-300;}.secondary-btn .secondary-btn__text{@apply relative transition ease-out duration-300;}.secondary-btn .svg-icon{@apply transition-all duration-300 ease-in-out;}.secondary-btn .svg-icon circle{@apply fill-brand-white transition ease-out duration-300;}.secondary-btn .svg-icon path{@apply fill-brand-black transition ease-out duration-300;}.secondary-btn:hover{@apply text-highlight-01;}.secondary-btn:hover .svg-icon{@apply translate-x-1;}.secondary-btn:hover .svg-icon circle{@apply fill-highlight-01;}.secondary-btn:hover .svg-icon path{@apply fill-brand-white;}.secondary-btn.--left-animation:hover .secondary-btn__text{@apply -translate-x-1;}.secondary-btn.--left-animation:hover .svg-icon{@apply translate-x-0;}.secondary-btn.--neutral{@apply w-max text-center inline-flex justify-center items-center gap-3 relative text-base font-medium text-brand-black transition ease-out duration-300;}.secondary-btn.--neutral .secondary-btn__text{@apply relative transition ease-out duration-300;}.secondary-btn.--neutral .svg-icon{@apply transition-all duration-300 ease-in-out;}.secondary-btn.--neutral .svg-icon circle{@apply fill-brand-black transition ease-out duration-300;}.secondary-btn.--neutral .svg-icon path{@apply fill-brand-white transition ease-out duration-300;}.secondary-btn.--neutral:hover{@apply text-highlight-01;}.secondary-btn.--neutral:hover .svg-icon{@apply translate-x-1;}.secondary-btn.--neutral:hover .svg-icon circle{@apply fill-highlight-01;}.secondary-btn.--neutral:hover .svg-icon path{@apply fill-brand-white;}.secondary-btn.--neutral.--left-animation:hover .secondary-btn__text{@apply -translate-x-1;}.secondary-btn.--neutral.--left-animation:hover .svg-icon{@apply translate-x-0;}.tertiary-btn{@apply text-center inline-flex justify-center items-center relative bg-transparent rounded-full text-brand-black text-base font-medium py-[10px] md:py-[14px] px-[42px] md:px-16 transition ease-out duration-300 border border-brand-black;}.tertiary-btn:hover{@apply bg-highlight-01 text-white border-highlight-01;}.link-btn{@apply w-max text-center inline-flex justify-center items-center gap-1 relative text-base font-medium text-brand-black transition ease-out duration-300;}.link-btn svg{@apply transition-all duration-300 ease-in-out fill-brand-black;}.link-btn:hover{@apply !text-highlight-01;}.link-btn:hover svg{@apply fill-highlight-01 translate-x-1;}.link-btn.--header-style{@apply hover:!text-brand-black;}.link-btn.--header-style svg{@apply fill-brand-black;}.link-btn.--neutral{@apply w-max text-center inline-flex justify-center items-center gap-1 relative text-base font-medium text-white transition-colors ease-in-out duration-300 underline underline-offset-2;}.link-btn.--neutral svg{@apply transition-colors duration-300 ease-in-out fill-white;}.link-btn.--neutral:hover{@apply text-highlight-01;}.link-btn.--neutral:hover svg{@apply fill-highlight-01;}.download-btn{@apply w-max text-center inline-flex justify-center items-center gap-2 relative text-sm font-normal bg-secondary-05 rounded-full py-[4px] px-[10px] text-brand-white transition ease-out duration-300;&__text{@apply relative top-[.1rem];}}.download-btn.--disabled{@apply bg-neutral-03;}.download-btn:hover,.download-btn.--disabled:hover{@apply bg-secondary-06;}@media (max-width: 1023px){.primary-btn,.primary-btn.--neutral{@apply h-[46px] py-[10px] px-[54px];}}}section{@apply py-16 lg:py-36;}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--container-padding-x)}.overlay{@apply fixed top-0 left-0 w-screen h-screen;z-index:60;background:#000000b3;display:none}.overlay.--show{display:block}#main-content{position:relative}.dropdown{@apply cursor-pointer relative;&__menu{@apply hidden text-brand-black whitespace-normal w-max;a:hover{@apply text-brand-blue transition;}&.--active,&.--expanded{display:flex}}}.dropdown .chevron{@apply transition ease-in-out origin-center;}.dropdown.--expanded,.dropdown.--active{@apply text-brand-blue transition;}.dropdown.--expanded .chevron,.dropdown.--active .chevron{@apply fill-brand-blue -rotate-180 -translate-x-0.5;}.dropdown.--expanded .dropdown__menu,.dropdown.--active .dropdown__menu{@apply !flex flex-col absolute top-8 left-0 bg-white;z-index:200;box-shadow:0 8px 10px #00000014}.dropdown button svg{@apply inline w-4 h-4 ml-2;}.responsive-table{@apply w-full text-left table-fixed relative z-10;}.responsive-table thead tr{@apply bg-neutral-04 text-brand-white divide-x divide-solid divide-neutral-02;}.responsive-table thead tr th{@apply py-[10px] px-5;}.responsive-table tbody tr td{@apply px-5 py-8;}.responsive-table.--gray tbody{@apply divide-y divide-solid divide-brand-white;}.responsive-table.--gray tbody tr{@apply bg-[#F6F9FC] divide-solid lg:divide-x lg:divide-brand-white;}.responsive-table.--white tbody{@apply divide-y divide-solid divide-brand-gray;}.responsive-table.--white tbody tr{@apply bg-brand-white divide-solid lg:divide-x lg:divide-brand-gray;}@media (max-width: 1024px){.responsive-table thead{@apply hidden;}.responsive-table tbody tr{@apply table w-full;}.responsive-table tbody tr td{@apply table-row;}.responsive-table tbody tr td:before{@apply bg-neutral-04 text-brand-white table-cell;content:attr(data-label)}.responsive-table tbody tr td:not(:last-child):before{@apply border-b border-neutral-02;}.responsive-table tbody tr td div{@apply table-cell;}.responsive-table.--gray tbody tr:not(:last-child){@apply mb-8;}.responsive-table.--gray tbody tr td:before{@apply px-4 py-[10px] w-[132px] align-top lg:align-middle;}.responsive-table.--gray tbody tr td:not(:last-child) div{@apply border-b border-secondary-02;}.responsive-table.--gray tbody tr td div{@apply px-4 py-[10px] align-middle;}.responsive-table.--white tbody tr:not(:last-child){@apply mb-12;}.responsive-table.--white tbody tr td:before{@apply p-3 w-[111px] align-middle;}.responsive-table.--white tbody tr td:not(:last-child) div{@apply border-b border-secondary-02;}.responsive-table.--white tbody tr td div{@apply px-[18px] py-3 align-middle;}}.dropdown-button{@apply cursor-pointer relative;&__select-text{@apply mr-auto relative top-[.1rem] text-neutral-04;}&__select{@apply bg-brand-white z-10 relative gap-4 cursor-pointer rounded-[2rem] px-8 py-3.5 body-l flex w-full lg:w-[395px] items-center border border-neutral-04/10 transition-all duration-300 ease-in-out hover:border-secondary-05;svg{@apply transition-transform duration-300 ease-in-out;}}&__select.--gray{@apply !bg-brand-gray;}&__option{@apply w-full py-3 px-8 text-left transition-colors duration-300 ease-in-out;}&__option.--active,&__option:hover{@apply bg-brand-blue text-white;}&__select.--active{@apply bg-secondary-01 border-secondary-05;svg{@apply rotate-180;}}&__options{@apply absolute opacity-0 invisible transition-all duration-100 ease-in-out border border-brand-gray z-20 mt-3 w-full left-0 flex-col items-start flex bg-brand-white py-3;max-width:395px;box-shadow:0 12px 30px #0000001a}&__options.--active{@apply opacity-100 visible;}}.blog-filter-listing{@apply bg-brand-gray pt-0 md:pt-36;&__title{@apply hidden md:flex items-baseline justify-between border-brand-black/10 border-b relative z-10;padding-bottom:1.12rem;.title{@apply relative block text-brand-blue body-xl;&:after{@apply absolute -right-3.5 -top-6;content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none"><path d="M5.1809 6.57105C3.48986 7.48778 1.38749 6.8919 0.427709 5.19595C-0.486366 3.5 0.107783 1.39152 1.79882 0.428952C3.48986 -0.487779 5.59224 0.108096 6.55202 1.80405C7.51179 3.5 6.87194 5.65432 5.1809 6.57105Z" fill="%238FC31F"/></svg>')}}}&__button{@apply bg-brand-white z-10 relative gap-4 cursor-pointer rounded-[2rem] px-8 py-3.5 body-l flex w-full items-center border border-brand-black/10 transition-all duration-300 ease-in-out hover:border-secondary-05 md:hidden;svg{@apply transition-transform duration-300 ease-in-out;}}&__dropdown{@apply hidden md:block;&.--active{@apply block fixed top-0 left-0 h-full w-screen bg-brand-white z-[200];}}&__grid{@apply relative w-full grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-x-12 gap-12 md:gap-y-20;}&__loading{@apply flex items-center justify-center gap-4 relative py-20;}&__animation{position:relative;background:#868686;animation:loadingAnimation 1s ease-in-out infinite;animation-delay:.4s;width:.25em;height:.5em;margin:0 .5em;&:after,&:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;animation:inherit}&:before{right:.5em;animation-delay:.2s}&:after{left:.5em;animation-delay:.6s}span{margin-left:1.5rem}}@keyframes loadingAnimation{0%,to{box-shadow:0 0 #868686,0 0 #868686}50%{box-shadow:0 -.25em #868686,0 .25em #868686}}&__no-results{@apply bg-brand-white h-[458px] px-[25px] py-[120px] md:h-full w-full flex flex-col items-center justify-center text-center;}}.blog-filter-listing .blog-filter-listing__filter_selection{@apply flex flex-col gap-y-12 pt-12 mx-[25px] pb-40 overflow-y-auto md:overflow-y-visible h-full md:pb-0 md:m-0;}.blog-filter-listing input[type=checkbox]{@apply border border-brand-black w-[14px] h-[14px] appearance-none relative;-webkit-appearance:none;-webkit-border-radius:0px}.blog-filter-listing input[type=checkbox]:checked:after{@apply absolute w-2.5 h-2.5 left-[1px] top-[1px] bg-brand-black;content:""}.blog-filter-listing input[type=radio]{@apply border rounded-full border-brand-black w-[14px] h-[14px] appearance-none relative;-webkit-appearance:none}.blog-filter-listing input[type=radio]:checked:after{@apply absolute w-2.5 h-2.5 left-[1px] top-[1px] bg-brand-black rounded-full;content:""}.numbered-pagination{@apply flex w-full justify-center items-center mt-12 md:mt-16 h-12;&__prev,&__next{@apply h-full w-max flex items-center justify-center;padding-inline:10px;border:1px solid #d2d2d2}&__pages{@apply h-full flex items-center justify-center;a{@apply h-full w-12 flex items-center justify-center;border:1px solid #d2d2d2}}}.numbered-pagination a{line-height:1.7}.numbered-pagination a.--active,.numbered-pagination a:hover{@apply bg-brand-blue text-white transition duration-300 ease-in-out border-brand-blue;}.numbered-pagination a.--disabled{@apply text-neutral-03 pointer-events-none;}@media (max-width: 430px){.numbered-pagination a.--hide{display:none}}.promotion-filter-grid{@apply bg-brand-gray relative pt-0;&__select{@apply bg-brand-white z-10 relative gap-4 cursor-pointer rounded-[2rem] px-8 py-3.5 body-l flex w-full items-center border border-neutral-04/10 transition-all duration-300 ease-in-out hover:border-secondary-05;svg{@apply transition-transform duration-300 ease-in-out;}}&__option{@apply w-full py-3 px-8 md:py-2.5 md:px-5 text-left transition-colors duration-300 ease-in-out;}&__option.--active,&__option:hover{@apply bg-brand-blue text-white;}&__select.--active{@apply bg-secondary-01 border-secondary-05;svg{@apply rotate-180;}}&__options{@apply absolute opacity-0 invisible transition-all duration-100 ease-in-out border border-brand-gray z-10 mt-3 w-full left-0 flex-col items-start flex bg-brand-white py-3;max-width:395px;box-shadow:0 12px 30px #0000001a}&__options.--active{@apply opacity-100 visible;}&__wrapper{@apply grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-y-12 md:gap-y-20 gap-x-8 xl:gap-x-12 mt-12 md:mt-16 relative;min-height:400px}&__modal{@apply flex-col fixed w-full items-center bg-white px-4 pt-[30px] pb-16 md:px-10 md:pt-[34px] md:pb-20;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;max-width:calc(100vw - 52px);display:none;@media (min-width: 600px){max-width:505px}&.--show{display:flex}}&__modal-overlay{@apply fixed top-0 left-0 w-full h-full;background:#262626;opacity:.4;display:none;z-index:250;&.--show{display:block}}&__modal-close-btn{@apply ml-auto;}&__loading{@apply flex items-center justify-center gap-4 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2;}&__animation{position:relative;background:#868686;animation:loadingAnimation 1s ease-in-out infinite;animation-delay:.4s;width:.25em;height:.5em;margin:0 .5em;&:after,&:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;animation:inherit}&:before{right:.5em;animation-delay:.2s}&:after{left:.5em;animation-delay:.6s}span{margin-left:1.5rem}}@keyframes loadingAnimation{0%,to{box-shadow:0 0 #868686,0 0 #868686}50%{box-shadow:0 -.25em #868686,0 .25em #868686}}&__no-results{@apply absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2lg text-neutral-01 leading-relaxed mx-auto;}}.product-grid-image{@apply pt-12 lg:pt-16;&__dropdown{@apply border border-neutral-04/10 bg-brand-white z-10 relative gap-4 cursor-pointer rounded-[2rem] px-8 py-3.5 body-l flex w-full items-center transition-all duration-300 ease-in-out hover:border-secondary-05 md:hidden;svg{@apply transition-transform duration-300 ease-in-out;}}&__wrapper{@apply hidden h-full z-10 grid-cols-1 w-full gap-12 md:grid-cols-2 lg:grid-cols-3 xl:gap-x-12 xl:gap-y-20;}&__wrapper.--active{@apply grid;}&__wrapper:has(&__noresults){place-content:baseline}&__container:has(&__loading){@apply items-center;}&__option{@apply disabled:cursor-not-allowed body-l py-3 px-8 md:py-2.5 md:px-5 w-full text-left transition-colors duration-300 ease-in-out;}&__option.--active{@apply bg-brand-blue text-white md:text-brand-black md:border-l-2 md:border-l-secondary-05 md:bg-secondary-02/40;}&__dropdown.--active{@apply bg-secondary-01 border-secondary-05;svg{@apply rotate-180;}}&__categories{@apply absolute opacity-0 invisible transition-all duration-100 ease-in-out border border-brand-gray z-20 w-full left-0 flex-col items-start md:gap-5 flex bg-brand-white md:bg-transparent md:border-none md:flex md:relative md:opacity-100 md:visible;@media (max-width: 767px){box-shadow:0 12px 30px #0000001a}}&__categories.--active{@apply opacity-100 visible;}&__noresults{@apply bg-brand-gray w-full hidden lg:col-span-3 m-auto text-center py-[7.5rem] px-6 lg:py-28 2xl:px-0 lg:min-h-[28.8rem] max-w-full flex-col justify-center items-center;}&__noresults.--active{@apply flex;}&__loading{@apply flex items-center justify-center gap-4 mx-auto w-full lg:col-span-3;}&__animation{position:relative;background:#868686;animation:loadingAnimation 1s ease-in-out infinite;animation-delay:.4s;width:.25em;height:.5em;margin:0 .5em;&:after,&:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;animation:inherit}&:before{right:.5em;animation-delay:.2s}&:after{left:.5em;animation-delay:.6s}span{margin-left:1.5rem}}&__placeholder{@apply w-full h-[13rem] bg-brand-gray;}@keyframes loadingAnimation{0%,to{box-shadow:0 0 #868686,0 0 #868686}50%{box-shadow:0 -.25em #868686,0 .25em #868686}}}.product-grid-image .numbered-pagination{@apply col-span-1 mt-0 md:!mt-10 md:col-span-2 lg:col-span-3;}.news-filter-grid{@apply relative;&__select{@apply bg-brand-gray z-10 relative gap-4 cursor-pointer rounded-[2rem] px-8 py-3.5 body-l flex w-full items-center border border-neutral-04/10 transition-all duration-300 ease-in-out hover:border-secondary-05;svg{@apply transition-transform duration-300 ease-in-out;}}&__option{@apply w-full py-3 px-8 text-left transition-colors duration-300 ease-in-out;}&__option.--active,&__option:hover{@apply bg-brand-blue text-white;}&__select.--active{@apply bg-secondary-01 border-secondary-05;svg{@apply rotate-180;}}&__options{@apply absolute opacity-0 invisible transition-all duration-100 ease-in-out border border-brand-gray z-10 mt-3 w-full left-0 flex-col items-start flex bg-brand-white py-3;max-width:395px;box-shadow:0 12px 30px #0000001a}&__options.--active{@apply opacity-100 visible;}&__loading{@apply flex items-center justify-center gap-4 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2;}&__animation{position:relative;background:#868686;animation:loadingAnimation 1s ease-in-out infinite;animation-delay:.4s;width:.25em;height:.5em;margin:0 .5em;&:after,&:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;animation:inherit}&:before{right:.5em;animation-delay:.2s}&:after{left:.5em;animation-delay:.6s}span{margin-left:1.5rem}}@keyframes loadingAnimation{0%,to{box-shadow:0 0 #868686,0 0 #868686}50%{box-shadow:0 -.25em #868686,0 .25em #868686}}&__no-results{@apply absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2lg text-neutral-01 leading-relaxed mx-auto;}}.bid-contracts{@apply relative bg-brand-gray;&__loading{@apply flex items-center justify-center gap-4 relative py-20;}&__animation{position:relative;background:#868686;animation:loadingAnimation 1s ease-in-out infinite;animation-delay:.4s;width:.25em;height:.5em;margin:0 .5em;&:after,&:before{content:"";position:absolute;width:inherit;height:inherit;background:inherit;animation:inherit}&:before{right:.5em;animation-delay:.2s}&:after{left:.5em;animation-delay:.6s}span{margin-left:1.5rem}}@keyframes loadingAnimation{0%,to{box-shadow:0 0 #868686,0 0 #868686}50%{box-shadow:0 -.25em #868686,0 .25em #868686}}&__no-results{@apply bg-brand-white h-[458px] px-[25px] py-[120px] md:h-full w-full flex flex-col items-center justify-center text-center relative z-10 lg:mt-[17px];}}