*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border:0}:root{--barSize: 13px;--contrastColor: #000;--mainColor: #cafcaf;scrollbar-color:var(--contrastColor) var(--mainColor)}*::-webkit-scrollbar{width:var(--barSize);height:var(--barSize)}*::-webkit-scrollbar-thumb{background:var(--contrastColor);border-radius:calc(var(--barSize));height:10%}*::-webkit-scrollbar-track{background:var(--mainColor)}::-webkit-scrollbar-button:single-button{background-color:var(--mainColor);display:block;border-style:solid;height:var(--barSize);width:var(--barSize)}::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 calc(var(--barSize) / 2) var(--barSize) calc(var(--barSize) / 2);border-color:transparent transparent var(--contrastColor) transparent}::-webkit-scrollbar-button:single-button:vertical:increment{border-width:var(--barSize) calc(var(--barSize) / 2) 0 calc(var(--barSize) / 2);border-color:var(--contrastColor) transparent transparent transparent}html{font-size:100%;scrollbar-gutter:stable}body{font-family:Courier New,Courier,monospace;font-weight:700;background-color:var(--mainColor);color:var(--contrastColor)}.app{padding:4vh 5vw;text-align:center;min-height:100vh;min-width:100%}.app-header{margin-bottom:.75rem}.app-header>h1{font-size:1.6rem}.app-header>h2{margin-top:1rem;font-size:1.3rem}.app-header--tinted-word{background-color:#cafcaf;color:#000;cursor:help}.app__searchbar-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width: 768px){.app__searchbar-container{flex-direction:row}}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;margin-top:1rem}.color-box{display:flex;justify-content:space-between;padding:.5rem 1rem;border-radius:.5rem;width:100%;cursor:pointer}.color-box__info-btn{cursor:help}.color-box__clipboard-btn{cursor:copy}.color-box__word{margin-top:.1rem;padding-left:1ch}.search-bar{display:flex;position:relative}.search-bar__search-input{width:20rem;min-height:2.3rem;margin:1rem;box-shadow:0 0 .7rem #0000004d;border-radius:2rem;padding:.6rem 1.2rem .6rem 2.7rem}.search-bar__search-icon-container{position:absolute;margin:1rem;left:.6rem;top:.2rem;width:2rem;height:2rem}.modal{font-family:Arial,Helvetica,sans-serif;text-align:left;position:fixed;z-index:10;padding:10%;left:0;top:0;width:100vw;height:100vh;font-weight:400;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal__content{position:relative;box-shadow:0 5px 15px #0003,0 5px 15px #0003;animation-name:fade-in;animation-duration:.25s;height:100%;max-width:80ch;background-color:#ffffffb3;margin:auto;line-height:1.4;cursor:initial}.modal__content ol{list-style-position:inside}.modal__content h3{margin:1rem 0 .4rem;font-size:1.6rem}.modal__header{display:flex;justify-content:space-between;padding:.6rem;height:3.5rem}.modal__tittle{font-size:clamp(.9rem,1rem + 2vw,2rem)}.modal__body{padding:.5rem 1rem;max-height:calc(100% - 3.5rem);overflow-y:auto;overscroll-behavior-y:contain;color:#000}.modal__color-preview-container{box-shadow:0 5px 13px #0003,0 5px 15px #0003;margin-bottom:1.5rem;width:100%}.modal__color-preview{aspect-ratio:3/1}.modal__close-btn{pointer-events:none}@keyframes fade-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.svg-btn__container{cursor:pointer;display:grid;place-items:center}.svg-btn{background-color:inherit;color:inherit;width:2rem;height:2rem}