@font-face {
    font-display: swap;
    font-family: Celeste;
    src: url("/dist/assets/fonts/celeste.eot") format("eot"), url("/dist/assets/fonts/celeste.woff") format("woff"), url("/dist/assets/fonts/celeste.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: Avenir Bold;
    src: url("/dist/assets/fonts/avenir-bold.woff") format("woff"), url("/dist/assets/fonts/avenir-bold.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: Avenir;
    src: url("/dist/assets/fonts/avenir.woff") format("woff"), url("/dist/assets/fonts/avenir.woff2") format("woff2");
}


[ng-controller='Retus.SpotLayoutController'] {
    display: flex;
    flex-wrap: wrap;
}

[ng-controller='Retus.SpotLayoutController'] button {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    display: flex;
    flex-basis: 33%;
    margin-bottom: 2em;
    padding: 0 .4em;
}

[ng-controller='Retus.SpotLayoutController'] button.selected {
    background: rgba(2, 202, 126, 0.753);
}

[ng-controller='Retus.SpotLayoutController'] svg {
    color: white;
    height: 100%;
    width: 100%;
}