@layer theme,base;@layer components{.bs .top-bar .icon img{width:100%;max-width:20px;margin-right:2px;line-height:0}.bs .top-bar .icon{line-height:0}.bs .favicon-downloader{background:linear-gradient(#fff,#c4defd);align-items:center;padding:60px 0 30px;display:flex}.bs #domainInput{max-width:700px;padding:15px;width:100%!important}.bs #fetchFavicons{padding:13px 20px;margin-top:15px!important}.bs .favicon-downloader p{text-align:center;max-width:700px;margin:0 auto 20px}.bs .favicon-downloader h1{max-width:900px}.bs #favicons{grid-template-columns:repeat(3,1fr);gap:10px;max-width:fit-content;margin:0 auto;display:grid}.bs #favicons img{width:40px;max-width:100%}.bs .favicon-container{justify-content:center;display:flex;width:100%!important}.bs .favicon-container div{border:2px solid #fff;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:10px;display:flex}.bs .favicon-container button{color:#000;background:0 0;padding:5px 10px;font-size:16px}@media only screen and (width<=767px){.bs #favicons{grid-template-columns:repeat(2,1fr);gap:10px}}.bs .row.bs-row-cols-1>*{flex:none;width:100%}@media (width>=768px){.bs .row.bs-row-cols-md-3>*{flex:none;width:33.3333%}}}@layer utilities;
