.spinner-container{width:100%;height:50px;display:flex;justify-content:center;align-items:center;background-color:#fff;opacity:0;z-index:-1}.spinner-container.loading{opacity:1;z-index:10}.spinner-container .spinner{animation:rotate 2s linear infinite;z-index:2;width:50px;height:50px}.spinner-container .spinner .path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.tagbook--header{display:flex;align-items:flex-end;justify-content:center;padding-top:1rem;margin-bottom:3rem}.tagbook--header-cover{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 3rem;max-width:476px}.tagbook--header-cover img{max-width:100%;margin-bottom:.5rem}.tagbook--header-cover span{color:#a0a7b1;text-transform:uppercase;font-size:10px}.tagbook--header-presentation{padding:0 3rem 3rem}.tagbook--header-presentation h2{text-transform:uppercase;font-weight:600;font-size:50px;color:#000}.tagbook--header-presentation h3{text-transform:uppercase;font-size:16px;margin-bottom:1.3rem!important}.tagbook--header-presentation p{font-size:14px;font-family:GillSansMTStd-Light,GillSans,Calibri,sans-serif;max-width:530px}#tagbook--directory{padding:0 5rem}#tagbook--directory .tagbook--error{text-align:center;font-family:GillSansMTStd-Light,GillSans,Calibri,sans-serif;font-size:16px}#tagbook--directory .tagbook--directory-nav{text-transform:uppercase;margin-bottom:3rem;display:flex;justify-content:space-between;background-color:#f8f9fa;padding:8px 24px;border-radius:24px}#tagbook--directory .tagbook--directory-nav .tagbook--directory-nav-item{font-size:16px;color:#9fa1a4;font-family:GillSansMTStd-Light,GillSans,Calibri,sans-serif}#tagbook--directory .tagbook--directory-nav a.tagbook--directory-nav-item{color:#000;font-family:GillSansMTStd-Medium,GillSans,Calibri,sans-serif}@media screen and (max-width:425px){#tagbook--directory .tagbook--directory-nav{gap:1rem;flex-wrap:wrap;justify-content:center}}#tagbook--directory .tagbook--directory-letter{display:block;font-size:64px;text-transform:uppercase}#tagbook--directory .tagbook--directory-brands{display:grid;grid-template-columns:repeat(4,1fr);row-gap:.5rem;column-gap:5rem;margin-bottom:3rem;text-transform:uppercase;font-size:16px}#tagbook--directory .tagbook--directory-brands a{color:#7d7a74;font-family:GillSansMTStd-Light,GillSans,Calibri,sans-serif}#tagbook--directory .tagbook--directory-brands a:hover{color:#000}#tagbook--directory .tagbook--directory-brands a .badge{display:inline-block;font-family:GillSansMTStd-Medium,GillSans,Calibri,sans-serif;background-color:#000;color:#fff;font-size:11px;line-height:11px;border-radius:24px;padding:4px 8px 2px;margin-left:5px;position:relative;top:-2px}@media screen and (max-width:768px){#tagbook--directory .tagbook--directory-brands{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:425px){#tagbook--directory .tagbook--directory-brands{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:425px){#tagbook--directory{padding:0 1rem}}.tagbook--search-bar{width:80%;max-width:770px;margin:0 auto 5rem;position:relative}.tagbook--search-bar input{width:100%;display:block;padding:1rem 1.5rem;border-radius:30px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:16px;font-family:GillSansMTStd-Light,GillSans,Calibri,sans-serif}.tagbook--search-bar:after{font-family:Font Awesome\ 6 Pro;content:"\f002";color:#9fa1a4;font-size:16px;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}@media screen and (max-width:1301px){.tagbook--header-presentation{padding-left:0}}@media screen and (max-width:1024px){.tagbook--header-cover{padding:0 2rem}.tagbook--header-presentation{padding:0 2rem 1rem 0}.tagbook--header-presentation h2{font-size:45px}.tagbook--header-presentation h3{font-size:14px}.tagbook--header-presentation p{font-size:13px}}@media screen and (max-width:768px){.tagbook--header{align-items:flex-start}}@media screen and (max-width:425px){.tagbook--header-cover{display:none}.tagbook--header-presentation{padding:0 2rem}}
/*# sourceMappingURL=tagbook_index.ed39e2b9.css.map */