@font-face{font-family:BauPro;src:local("BauPro"),url(/static/media/BauPro.12e0ffed.otf) format("OpenType")}@font-face{font-family:Fugue;src:local("fugue"),url(/static/media/fugue.ede29100.ttf) format("truetype")}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-family:Fugue;font-size:5rem;font-weight:400;line-height:100%;width:auto}h1,p{margin:0}p{font-family:BauPro;font-size:1rem}button.button--anchor,button.button--text-only{background:none}button.button--text-only{position:relative;padding:0 0 1px}button.button--text-only:after{position:absolute;width:100%;bottom:-2px;content:" ";left:0;border-bottom:1px solid}button.link--black:active,button.link--black:hover,button.link--black:link,button.link--black:visited{color:#000}input[type=text]{border:none;font-family:Fugue;font-size:1rem;width:100%;text-align:center;margin-bottom:2%}.text--small,.text--small-bold{font-size:.855rem}.text--bold,.text--small-bold{font-weight:600}.text--small-bold{letter-spacing:.5px}@media (max-width:1690px){html{font-size:100%}}@media (max-width:1280px){h1{font-size:3.25rem}}@media (max-width:980px){h1{font-size:3rem}}@media (max-width:736px){h1{font-size:2.75rem}}@media (max-width:480px){h1{font-size:2.5rem}}@media (max-width:350px){h1{font-size:2.25rem}}button{border:none;cursor:pointer}button:not(.button--text-only):not(.button--anchor){background:#000;color:#fff;font-family:BauPro;font-size:.8rem;font-weight:600;letter-spacing:.25px;width:100%;padding:4% 8%}.img-svg{width:100%}input[type=checkbox]{list-style-type:none}.row-item--empty{height:100%;width:100%;border:none;font-weight:600;text-transform:capitalize;background:-webkit-linear-gradient(bottom left,transparent 0,transparent calc(50% - .8px),#848484 50%,transparent calc(50% + .8px),transparent);background:linear-gradient(to top right,transparent 0,transparent calc(50% - .8px),#848484 50%,transparent calc(50% + .8px),transparent)}.hex-add__form{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:flex-end;justify-content:flex-end}.hex-add__form *{touch-action:none}.chrome-picker{border-radius:2px 2px 0 0!important;box-shadow:none;width:245px!important}.chrome-picker+button{box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);border-radius:0 0 2px 2px!important}.chrome-picker>div:nth-child(2)>div:nth-child(2)>div:nth-child(2){display:none}.chrome-picker>div:nth-child(2)>div:nth-child(2)>div.flexbox-fix>div>div{display:-webkit-flex;display:flex;-webkit-flex-flow:row-reverse;flex-flow:row-reverse;-webkit-align-items:center;align-items:center}.chrome-picker>div:nth-child(2)>div:nth-child(2)>div.flexbox-fix>div>div>span{margin:0 12px 0 0!important}*{box-sizing:border-box}html{font-size:100%}@media (orientation:landscape) and (max-width:1640px){html{font-size:95%}}@media (orientation:landscape) and (max-width:1360px){html{font-size:90%}}@media (orientation:landscape) and (max-width:980px){html{font-size:85%}}@media (orientation:landscape) and (max-width:736px){html{font-size:80%}}@media (orientation:landscape) and (max-width:480px){html{font-size:75%}}@media (orientation:portrait) and (max-width:980px){html{font-size:95%}}@media (orientation:portrait) and (max-width:780px){html{font-size:90%}}@media (orientation:portrait) and (max-width:560px){html{font-size:85%}}@media (orientation:portrait) and (max-width:420px){html{font-size:80%}}@media (orientation:portrait) and (max-width:270px){html{font-size:75%}}.App{text-align:left;background-color:#f2f2f2;font-family:Fugue;overflow:auto}.main-page__container{height:100vh;width:100vw;max-height:100vh;max-width:100vw;display:grid}@media (orientation:landscape){.main-page__container{grid-template:100vmin/minmax(33vmax,1fr) 100vmin;overflow-x:auto;overflow-y:hidden}}@media (orientation:portrait){.main-page__container{grid-template:minmax(auto,1fr) 100vmin/100vmin;overflow-x:hidden;overflow-y:auto}}.main-page__sidebar{padding:5%;position:relative;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-between;justify-content:space-between}@media (orientation:landscape){.main-page__sidebar{overflow-y:auto;overflow-x:hidden}}.sidebar__top{width:100%;max-width:500px}.sidebar__top h1{margin-bottom:5%}.sidebar__bottom{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;min-height:50px}.sidebar__bottom .ua5-logo{position:static;width:3vmax;min-width:35px}.sidebar__actions{width:100%}.sidebar__actions>:not(:first-child){margin-left:5%}.row-item,.row-item__content{height:100%;width:100%}.row-item{padding:0;position:relative}.row-item:after{content:" ";position:absolute;z-index:2;right:0;border-right:solid #000;width:auto;height:100%;top:0}.row-item--hidden .row-item__content:not(:hover):not(:focus){-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.4}.row-item__content{padding:7.5%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-transition:opacity .25s ease,-webkit-filter .25s ease;transition:opacity .25s ease,-webkit-filter .25s ease;transition:filter .25s ease,opacity .25s ease;transition:filter .25s ease,opacity .25s ease,-webkit-filter .25s ease}.row-item__content:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.grade__container{display:-webkit-flex;display:flex;width:50%;min-width:125px;height:30px}.grade__container>*{height:100%!important}.grade__container .grade-icon{text-align:left}.grade__container .ratio{width:50%;padding:4% 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff;background:#000}.grade__container--small{position:absolute;bottom:0;left:0;height:30%;width:100%;min-width:0}.grade__container--small>*{padding:0}.grade__container--small .grade-icon{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-width:0;width:35%;border-right:none;border-bottom:none;border-left:none}.grade__container--small .grade-icon p{display:none}.grade__container--small .grade-icon__img-wrapper{min-width:7px;margin:0}.grade__container--small .ratio{width:65%}.grade__container--small .ratio>p{font-weight:600}.grade-icon{display:grid;grid-template:100%/auto 1fr;height:30px;min-width:80px;padding:0 6px;border:1px solid #000;color:#000}@media (orientation:landscape) and (max-width:820px){.grade-icon{min-width:75px}}@media (orientation:portrait) and (max-width:420px){.grade-icon{min-width:70px}}@media (orientation:portrait) and (max-width:270px){.grade-icon{min-width:65px}}.grade-icon>*{-webkit-align-self:center;align-self:center}.grade-icon--AA,.grade-icon--AAA{background:#57e6c1}.grade-icon--AA18{background:#fffa90}.grade-icon--DNP{background:#fc825f}.grade-icon__img-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:15px;margin:0 15%}.grade-icon p{margin-left:6%}.color-selection,.color-selection__square-wrapper{width:100%;height:100%}.color-selection__add,.color-selection__square-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.color-selection__square-wrapper{position:relative}.color-selection__square-wrapper--icon{cursor:pointer}.color-selection__square-wrapper>p{position:absolute}.color-selection__square-wrapper:focus .color-selection__add{border-radius:50%;outline:none;box-shadow:0 0 5px 2.5px #4d90fe}.hex-add__container{position:relative;z-index:5;width:100%;height:100%}.hex-add__form{position:absolute}.hex-add__form--absolute{bottom:0;right:0}.hex-add__form--centered{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hex-add__button-container{display:-webkit-flex;display:flex}.hex-add__button-container button:last-child{border-left:1px solid #fff}.text-samples{font-family:BauPro;font-size:125%;text-align:left}.text-samples p{margin:0 0 2%}.text-sample--normal{font-size:1em}.text-sample--large,.text-sample--largeBold{font-size:1.5em}.text-sample--largeBold,.text-sample--mobile{font-weight:600}.text-sample--unavailable{text-decoration:line-through}.row-item__overlay{z-index:10;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;font-size:100%;position:relative}.row-item__overlay:after{content:" ";position:absolute;z-index:2;bottom:0;border-bottom:solid #000;width:100%;height:auto;left:0}.row-item__overlay:before{content:" ";position:absolute;z-index:2;right:0;border-right:solid #000;width:auto;height:100%;top:0}.overlay__button-wrapper{position:absolute;top:4%}.overlay__info{width:100%;height:100%;text-align:left;display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:center;justify-content:center}.overlay__info>:not(:first-child){margin-top:6%}.overlay__info .overlay__text-samples{font-size:1em}.overlay__ratio-label{font-size:.75em}.overlay__ratio{font-size:5em;font-weight:600;line-height:100%;margin-top:2%;white-space:nowrap;-webkit-transition:color .25s ease;transition:color .25s ease}.overlay__grade-container{display:-webkit-flex;display:flex}.overlay__grade-container>:not(:first-child){margin-left:2%}.grid-header__container{height:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;font-weight:600;-webkit-transition:color .25s ease;transition:color .25s ease;position:relative}.grid-header__container:after{content:" ";position:absolute;z-index:2;bottom:0;border-bottom:solid #000;width:100%;height:auto;left:0}.grid-header__container:before{content:" ";position:absolute;z-index:2;right:0;border-right:solid #000;width:auto;height:100%;top:0}.grid-header__edit-wrapper,.grid-header__info{height:100%;width:100%}.grid-header__hex,.grid-header__options{-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.grid-header__options{opacity:0}.grid-header__options.grid-header__options--small-square{width:100%;text-align:center}.grid-header__options .button--text-only:not(:last-child){margin-right:5px}.grid-header__info{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:7.5%}.grid-header__info>*{min-height:20px}.grid-header__info .grid-header__options:focus-within,.grid-header__info .grid-header__options:hover,.grid-header__info:hover>.grid-header__options{opacity:1}.grid-header__info--small>.grid-header__options{width:100%;text-align:center}.grid-header__info--small .grid-header__options:focus-within+.grid-header__hex,.grid-header__info--small .grid-header__options:hover+.grid-header__hex,.grid-header__info--small:hover>.grid-header__hex{opacity:0;visibility:hidden;text-decoration:none}.hex-edit__container{position:relative;z-index:5;width:100%;height:100%}.hex-edit__form{position:absolute}.hex-edit__form--centered{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hex-grid__container,.hex-grid__row{height:100%;width:100%}.hex-grid__container,.hex-grid__header--background,.hex-grid__header--first,.hex-grid__header--text,.hex-grid__row,.hex-grid__row-container{display:grid}.hex-grid__header--first{grid-template:repeat(3,1fr)/1fr;padding:7.5%;border-bottom:solid #000;border-right:solid #000;background:-webkit-linear-gradient(bottom left,transparent 0,transparent calc(50% - .8px),#848484 50%,transparent calc(50% + .8px),transparent);background:linear-gradient(to top right,transparent 0,transparent calc(50% - .8px),#848484 50%,transparent calc(50% + .8px),transparent)}.hex-grid__header--first:after,.hex-grid__header--first:before{border-width:1px!important}.hex-grid__header--first__x-label{grid-row-start:2;place-self:center end}.hex-grid__header--first__y-label{grid-row-start:3;place-self:end center}.hex-grid__header--first,.hex-grid__header--text{position:relative}.hex-grid__header--first:after,.hex-grid__header--text:after{content:" ";position:absolute;z-index:2;top:0;border-top:solid #000;width:100%;height:auto;left:0}.hex-grid__header--background,.hex-grid__header--first{position:relative}.hex-grid__header--background:before,.hex-grid__header--first:before{content:" ";position:absolute;z-index:2;left:0;border-left:solid #000;width:auto;height:100%;top:0}.hex-grid__row{position:relative}.hex-grid__row:after{content:" ";position:absolute;z-index:2;bottom:0;border-bottom:solid #000;width:100%;height:auto;left:0}.grade-toggle__container{padding:0;max-width:70vw;margin-bottom:5%}.grade-toggle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-family:BauPro;position:relative;min-height:35px}.grade-toggle:not(:first-child){margin-top:5px}.grade-toggle .grade-icon,.grade-toggle .grade-toggle__svg-checkbox{margin-right:7.5px}.grade-toggle__checkbox,.grade-toggle__svg-checkbox{height:25px;width:25px;min-width:25px;background:#fff;cursor:pointer}.grade-toggle__checkbox{position:absolute;margin:0;opacity:0}.grade-toggle__checkbox:focus+.grade-toggle__svg-checkbox{outline:none;box-shadow:0 0 5px 2.5px #4d90fe}.grade-toggle__checkbox:not(:checked):not(:hover):not(:focus)~.grade-toggle__label-container{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.4}.grade-toggle__label-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.get-started__container{height:100vh;width:100vw;display:grid}@media (orientation:landscape){.get-started__container{grid-template:100vmin/minmax(auto,1fr) 50vmin}}@media (orientation:portrait){.get-started__container{grid-template:minmax(auto,1fr) 50vmin/100vmin}}.get-started__sidebar{position:relative;padding:5%}.get-started__sidebar .ua5-logo{position:absolute;width:8vmin;max-width:89px;bottom:5%;right:5%}.get-started__sidebar__content{overflow-y:visible;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.get-started__sidebar__content .button--text-only{margin-left:1%}.get-started__sidebar__content .get-started--small-margin{width:70%;min-width:275px}.get-started__sidebar__content .get-started--small-margin>*{margin:4% 0 0}@media (orientation:landscape){.get-started__sidebar__content .button--text-only,.get-started__sidebar__content p{font-size:1.25rem}}.get-started__sidebar__content .get-started__multiple-trigger a{cursor:pointer}.get-started__title{font-size:7rem;max-width:620px}@media (orientation:landscape) and (max-width:1050px){.get-started__title{font-size:6rem}}@media (orientation:landscape) and (max-width:940px){.get-started__title{font-size:5rem}}@media (orientation:landscape) and (max-width:800px){.get-started__title{font-size:4rem}}@media (orientation:landscape) and (max-width:500px){.get-started__title{font-size:3rem}}@media (orientation:portrait) and (max-width:550px){.get-started__title{font-size:6rem}}@media (orientation:portrait) and (max-width:450px){.get-started__title{font-size:5.5rem}}@media (orientation:portrait) and (max-width:400px){.get-started__title{font-size:5rem}}@media (orientation:portrait) and (max-width:350px){.get-started__title{font-size:4rem}}.get-started__selection{height:100vmin;width:50vmin;background:#fff;display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.get-started__selection>*{min-height:20px}.get-started__selection .color-add--multiple{width:50%}.get-started__selection .color-add--multiple a{padding-bottom:10%}@media (orientation:portrait){.get-started__selection{height:50vmin;width:100vmin}}.get-started__selection--multiple{border:4px solid #000;padding:5%}@media (orientation:portrait){.get-started__selection--multiple{-webkit-flex-flow:column nowrap;flex-flow:column nowrap;overflow-y:auto}.get-started__selection--multiple .get-started-button--multiple,.get-started__selection--multiple>:not(:first-child){margin-top:7.5%}.get-started__selection--multiple>.color-add--multiple{min-height:200px}}.color-selection__input-wrapper{width:100%;border-bottom:1px solid #000;margin-bottom:25px;position:relative}.color-selection__input-wrapper>*{display:inline}.color-selection__input-wrapper:before{content:"#";font-size:1.25rem;font-weight:600;position:absolute}.color-selection__input-wrapper button:not(.button--anchor){width:50px;height:50px}.color-selection__input-wrapper .multipleInput__delete{position:absolute;right:0}.get-started__square-container{height:50vmin;width:50vmin;position:relative;border:1px solid #000}@media (orientation:landscape){.get-started__square-container:last-child{border-top:none}}@media (orientation:portrait){.get-started__square-container:last-child{border-left:none}}.get-started__square-container .hex-edit__form{position:static!important}.get-started__square-container .get-started__edit-wrapper,.get-started__square-container .hex-add__form{position:absolute;z-index:5}@media (orientation:landscape){.get-started__square-container .get-started__edit-wrapper{right:-2px}.get-started__square-container .hex-add__form--absolute{right:-1px}.get-started__square-container:first-child .get-started__edit-wrapper{top:-2px}.get-started__square-container:first-child .hex-add__form--absolute{top:-1px}.get-started__square-container:last-child .get-started__edit-wrapper{bottom:-2px}.get-started__square-container:last-child .hex-add__form--absolute{bottom:-1px}}@media (orientation:portrait){.get-started__square-container .get-started__edit-wrapper{bottom:-2px}.get-started__square-container .hex-add__form--absolute{bottom:-1px}.get-started__square-container:first-child .get-started__edit-wrapper{left:-2px}.get-started__square-container:first-child .hex-add__form--absolute{left:-1px}.get-started__square-container:last-child .get-started__edit-wrapper{right:-2px}.get-started__square-container:last-child .hex-add__form--absolute{right:-1px}}.get-started__square{width:100%;height:100%;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:space-between;justify-content:space-between;padding:5%}.get-started__square,.get-started__square .color-selection__add{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.get-started__square .color-selection__add{width:10vmin;height:10vmin;border-width:2px;border-radius:50%;-webkit-justify-content:center;justify-content:center}.get-started__square>*{margin:0;min-height:20px}.get-started__square .button--text-only{opacity:0;-webkit-transition:opacity .25s linear,visibility .25s linear;transition:opacity .25s linear,visibility .25s linear}.get-started__square .button--text-only:focus,.get-started__square .button--text-only:hover,.get-started__square:focus .button--text-only,.get-started__square:hover .button--text-only{opacity:1}.flex-container--column{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center}.get-started-button--multiple{margin-top:15%;width:100%;padding:8% 0}.get-started-button--hidden{visibility:hidden}
/*# sourceMappingURL=main.a2548c55.chunk.css.map */