:root{--white-color:#fff;--gray-color:grey;--shark-color:#282c34;--mine-shaft-color:#333;--tamarillo-color:#a11414;--bright-pink-color:#d510ed;--eerie-black-color:#161616;--bright-green-color:#10edb6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:where(:not(iframe,canvas,img,svg,video):not(svg *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}.App{background-color:var(--shark-color);color:var(--white-color);min-height:100vh;min-width:288px;text-align:center}.main-container{padding:16px}.search{display:flex;justify-content:center}.search__input{background-color:var(--white-color);border-radius:35px 0 0 35px;caret-color:var(--mine-shaft-color);color:var(--mine-shaft-color);font-size:1.25rem;height:60px;min-width:127px;padding:0 0 4px 35px;position:relative;z-index:1}.search-container__error-message{background:var(--tamarillo-color);border-radius:8px;display:inline-block;margin-top:8px;padding:4px 8px}.search__button{background-color:var(--white-color);border-radius:0 35px 35px 0;cursor:pointer;flex-shrink:0;height:60px;position:relative;width:60px;z-index:1}.search__icon{fill:var(--gray-color)}.header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;min-width:0;padding:24px}.header__title{font-size:2rem;font-weight:600}.color-info{background:var(--eerie-black-color);border-radius:16px;margin:24px auto;max-width:600px;padding:24px;width:-webkit-fit-content;width:fit-content}.color-info-title{font-size:1.5rem;font-weight:600}.color-info-title__detail{background:var(--gray-color);border-radius:8px;font-weight:400;padding:2px 8px}.color-info-divider{background:var(--bright-pink-color);border-radius:10px;height:4px;margin:16px 0}.color-info-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.color-info-list{font-size:1.125rem;line-height:2;text-align:left}.color-info-item{font-weight:500}.color-info-item__detail{background:var(--gray-color);border-radius:8px;font-weight:400;padding:2px 8px}.color-info-box{border:2px solid var(--bright-green-color);border-radius:16px;display:grid;flex-grow:1;height:200px;place-content:center;width:200px}
/*# sourceMappingURL=main.6c2dfc23.css.map*/