@font-face{font-family:raleway;font-style:normal;font-weight:400;src:url(/assets/fonts/Raleway-Regular.woff) format(woff),url(/assets/fonts/Raleway-Bold.woff2) format(woff2)}@font-face{font-family:raleway;font-style:thin;font-weight:200;src:url(/assets/fonts/Raleway-Light.woff) format(woff),url(/assets/fonts/Raleway-Light.woff2) format(woff2)}@font-face{font-family:raleway;font-style:bold;font-weight:800;src:url(/assets/fonts/Raleway-Bold.woff) format(woff),url(/assets/fonts/Raleway-Bold.woff2) format(woff2)}@font-face{font-family:mdn;font-style:bold;font-weight:800;src:url(/assets/fonts/MDN.woff) format(woff),url(/assets/fonts/MDN.woff2) format(woff2)}@use './colors' as *;.directorybanner{background-color:#3868b2;background-image:url(../images/companies/directorybanner.webp);background-position:60%;background-repeat:no-repeat;background-size:cover;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width:48rem){.directorybanner{background-position:36%;padding:3rem}}@media (min-width:80rem){.directorybanner{background-position:20 65%;background-size:100%}}.directorybanner__top{padding:.25rem}@media (min-width:48rem){.directorybanner__top{padding:unset}}.directorybanner__form{border:2px solid #fff;border-radius:25px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem}@media (min-width:48rem){.directorybanner__form{flex-direction:row;border-radius:50px;padding:.25rem .15rem .25rem 1rem}}.directorybanner__icon{width:2rem}.directorybanner__input,input:focus,select,textarea:focus{background-color:transparent;border:none;color:#fff}.directorybanner__input::-moz-placeholder{color:#fff}.directorybanner__input::placeholder{color:#fff}.toggle{cursor:pointer;display:inline-block;border-radius:25px;background:#a6a6a6;color:#fff;padding:.25rem .5rem;position:relative}.toggle__background{background:#07ac4b;border-radius:25px;width:100%;height:100%;padding:.25rem .5rem;position:absolute;top:0;left:0;visibility:hidden;z-index:1}.toggle-switch{display:inline-block;background:#fff;border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;z-index:2}.toggle-switch:after,.toggle-switch:before{content:""}.toggle-switch:before{display:block;background:#3868b2;border-radius:50%;width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left .25s}.toggle-checkbox:checked+.toggle-switch:before{left:30px;background-color:#07ac4b}.toggle-checkbox:checked~.toggle__background{visibility:visible}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-label{margin-left:5px;position:relative;top:2px;z-index:2;font-size:.85rem}@media (min-width:48rem){.toggle-label{font-size:1rem}}.featured{margin:1rem}@media (min-width:48rem){.featured{padding:1rem 2rem}}@media (min-width:80rem){.featured{padding:2rem 4rem}}.featured__container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.featured__logo{margin:1.5rem;width:5.5rem}@media (min-width:48rem){.featured__logo{margin:2rem}}@media (min-width:80rem){.featured__logo{width:6rem}}.companies{margin:1rem}@media (min-width:48rem){.companies{padding:1rem 2rem}}@media (min-width:80rem){.companies{padding:2rem 4rem}}.companies__list{font-size:.8rem}.companies__list a{color:#9e9e9e}.companies__list a:hover{color:var(--bs-primary)}@media (min-width:48rem){.companies__list{font-size:1rem}}@media only screen and (max-width:600px){.directorybanner__input{width:11em}}