*{box-sizing:border-box;margin:0}body,select{font-family:Inter,sans-serif}.title{text-align:center;margin:1em 0}.menu{justify-content:space-between;align-items:center;gap:1em;margin-bottom:1em;padding:0 5vw;display:flex}.sub-menu{gap:0 5vw;padding:1.5em .875em;display:flex}.menu-element{flex-direction:column;display:flex}label{margin-bottom:.25em;font-size:.75rem}.color-form{justify-content:space-between;align-items:flex-end;gap:1.5em;padding:1.5em .875em;display:flex}.color-picker{background-color:#e5e5e5;border:1px solid #d1d5db;width:3em;min-height:3.23em;padding:.25em .3125em}.color-form select{width:250px}select{appearance:base-select}::picker(select){appearance:base-select}select::picker-icon{content:"";background:url(img/Selector.png) 0 0/cover;width:1.25em;height:1.25em}select,.color-count{color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:.5625em .8125em;font-size:1rem}select:open{background-color:#fff}::picker(select){border:none;border-radius:6px;margin-top:.25em;box-shadow:0 0 0 1px #0000000d}option{padding:.5em .75em}option::checkmark{content:"";background:url(img/Check.png) 0 0/cover;order:1;width:1.25em;height:1.25em;margin-left:auto}option:checked{font-weight:600}button,.color-container{font-size:.75rem;font-weight:500}button{color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:1.083em .9167em;box-shadow:0 1px 2px #0000000d}.color-format{min-width:105px}.color-count{width:5em}.color-container{text-align:center;color:#2b283a;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(300px,1fr);height:79vh;display:grid}.color-container p{text-transform:uppercase;padding:.9167em 0}img{width:100%;height:100%}.color-info{position:relative}.color-format-text{font-size:1.5rem;position:absolute;bottom:10%;left:0;right:0}.color-options{justify-content:space-between;margin:0 1em;display:flex;position:absolute;top:2%;left:0;right:0}.color-options>button{box-shadow:none;background:0 0;border:none}.fa-solid{pointer-events:none;font-size:1.25rem}@media (width<=890px){.menu{flex-direction:column;align-items:start}.color-form{flex-wrap:wrap}}