:root{--color-200:#383743;--color-400:#2c2c35;--color-600:#212027;--color-800:#151519;--color-shadow:rgba(9,9,11,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#151519;background-color:var(--color-800);color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden}label{font-weight:700}header{align-items:center;background-color:#2c2c35;background-color:var(--color-400);box-shadow:0 .2rem rgba(9,9,11,.2);box-shadow:0 .2rem var(--color-shadow);display:flex;justify-content:center;left:0;padding:1rem 0;top:0;width:100%;z-index:1000}.open-btn,header{color:#fff;position:fixed}.open-btn{background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;left:2rem}.logo{font-size:2rem;transition:.5s}.color-pallet-interface{align-items:flex-start;background-color:#212027;background-color:var(--color-600);box-shadow:.2rem .2rem rgba(9,9,11,.2);box-shadow:.2rem .2rem var(--color-shadow);display:flex;height:100vh;justify-content:center;left:0;overflow-x:hidden;padding-top:1.5rem;position:fixed;top:0;transition:.5s;width:22rem;z-index:9999999}.color-pallet-interface-inner-wrapper{display:flex;flex-direction:column;justify-content:center;width:80%}.close-btn{background-color:transparent;border:0;color:#fff;cursor:pointer;font-size:1.5rem;margin-top:.2rem}.color-pallet-interface-header{align-self:center}.color-pallet-interface-body{display:flex;flex-direction:column}.pallet-settings-header{border-bottom:.1rem solid #383743;border-bottom:.1rem solid var(--color-200);font-size:1.3rem;margin:3rem 0 2rem;padding-bottom:.5rem}.pallet-settings{display:flex;flex-direction:column;justify-content:center;margin-top:1rem}.color-pallet-size-wrapper{align-items:center;display:flex;gap:1rem}.color-pallet-size-range{-webkit-appearance:none;background:#151519;background:var(--color-800);border-radius:.25rem;height:.4rem;opacity:.7;width:73%}.color-pallet-size-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;height:.75rem;width:.75rem}.color-pallet-size-range::-moz-range-thumb{background:#fff;border-radius:50%;height:.75rem;width:.75rem}.color-pallet-size-text{border-radius:.25rem;color:#151519;color:var(--color-800);font-weight:700;padding:.5rem;width:3rem;width:20%}.color-pallet-display-type-wrapper{display:flex;flex-direction:column;margin-top:.75rem;min-width:100%}.color-pallet-display-type{border-radius:.25rem;color:#151519;color:var(--color-800);margin-top:.5rem;padding:.5rem}.color-picker{display:flex;flex-direction:column;margin-top:1.5rem}.color-picker-header{border-bottom:.1rem solid #383743;border-bottom:.1rem solid var(--color-200);font-size:1.3rem;margin:.5rem 0 .75rem;padding-bottom:.5rem}.color-picker .react-colorful{border-radius:.25rem;margin:.75rem 0 1rem;width:100%}.color-picker-form{display:flex;flex-direction:column}.input-pair{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.color-input{border-radius:.25rem;color:#151519;color:var(--color-800);font-weight:700;margin-top:.5rem;padding:.5rem;width:100%}.color-pallet-display{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:4rem;min-width:60vw;padding:2rem;transition:.5s}.color-pallet-title{font-size:2rem;font-weight:400}.color-pallet{grid-gap:1rem;display:grid;gap:1rem}.color-pallet-title{margin-bottom:1.5rem}.color{align-items:flex-end;background-color:#fff;border-radius:.25rem;box-shadow:.1rem .2rem rgba(9,9,11,.2);box-shadow:.1rem .2rem var(--color-shadow);cursor:pointer;display:flex;height:10rem;justify-content:center;overflow:hidden;width:10rem}.color-value{font-size:1.1rem;margin-bottom:1rem}
/*# sourceMappingURL=main.1d3110b3.css.map*/