.loader{position:fixed;inset:0;z-index:100500;display:none;justify-content:end;align-items:end;padding:2em;transition:opacity .4s ease;opacity:0}.loader.open{display:flex;opacity:1}.loader__item{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1em 1.5em;background:rgba(255,255,255,0.9);border-radius:1.5rem;box-shadow:0 8px 20px rgba(0,0,0,0.1);animation:fadeInUp .4s ease}.loader__message{font-size:1.2em;color:#333;font-weight:500;text-align:center;animation:blinkFade 1.5s infinite ease-in-out}.spinner{width:24px;height:24px;border:4px solid #ccc;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blinkFade{0%,100%{opacity:1}50%{opacity:.3}}.hidden{display:none}.row{display:flex;flex-wrap:wrap;gap:1em;width:100%}.row.as-c{align-items:center}.row__col-1{width:100%}@media (min-width:768px){.row__col-1{width:calc(100% / 12 * 1 - 1em * ((12 - 1) / 12))}}.row__col-2{width:100%}@media (min-width:768px){.row__col-2{width:calc(100% / 12 * 2 - 1em * ((12 - 2) / 12))}}.row__col-2{width:100%}@media (min-width:768px){.row__col-2{width:calc(100% / 12 * 3 - 1em * ((12 - 3) / 12))}}.row__col-4{width:100%}@media (min-width:768px){.row__col-4{width:calc(100% / 12 * 4 - 1em * ((12 - 4) / 12))}}.row__col-5{width:100%}@media (min-width:768px){.row__col-5{width:calc(100% / 12 * 5 - 1em * ((12 - 5) / 12))}}.row__col-6{width:100%}@media (min-width:768px){.row__col-6{width:calc(100% / 12 * 6 - 1em * ((12 - 6) / 12))}}.row__col-7{width:100%}@media (min-width:768px){.row__col-7{width:calc(100% / 12 * 7 - 1em * ((12 - 7) / 12))}}.row__col-8{width:100%}@media (min-width:768px){.row__col-8{width:calc(100% / 12 * 8 - 1em * ((12 - 8) / 12))}}.row__col-9{width:100%}@media (min-width:768px){.row__col-9{width:calc(100% / 12 * 9 - 1em * ((12 - 9) / 12))}}.row__col-10{width:100%}@media (min-width:768px){.row__col-10{width:calc(100% / 12 * 10 - 1em * ((12 - 10) / 12))}}.row__col-11{width:100%}@media (min-width:768px){.row__col-11{width:calc(100% / 12 * 11 - 1em * ((12 - 11) / 12))}}.row__col-12{width:100%}