body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;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}@font-face{font-display:swap;font-family:Familjen Grotesk;font-style:normal;font-weight:400;src:url(/static/media/familjen-grotesk-v8-latin-regular.1384273295ffde7ed5b2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Familjen Grotesk;font-style:normal;font-weight:600;src:url(/static/media/familjen-grotesk-v8-latin-600.93fa177473943cb616a7.woff2) format("woff2")}body,html{margin:0}*{box-sizing:border-box}.App{color:#0e1111;font-family:Familjen Grotesk;font-size:18px;line-height:1.5;margin-inline:auto;max-width:950px;padding:2rem;width:100%;p{margin:0;max-width:45rem;&+p{margin-top:.75rem}a{color:inherit;transition:color .2s ease-in-out;&:hover{color:#e26969}}}@media (max-width:750px){font-size:14px}@media (max-width:550px){font-size:12px;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}h1,h2{font-weight:600;text-transform:uppercase}h1{margin:0}h2{margin:2rem 0 .25rem}.shift-slider{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem;label{font-weight:600;text-transform:uppercase}.wrapper{display:inline-block;margin:0 1ch;position:relative;vertical-align:middle;.background,.slide{background:currentColor;border-radius:5px;display:block;height:.5rem;inset:0;margin:.5rem -1ch;pointer-events:none;position:absolute;transform-origin:left;width:calc(100% + 1.5ch)}.background{background:#0003}}input{display:block;height:1.5rem;margin:0 -1ch;opacity:0}.handle{background:#0e1111;border-radius:50%;color:#fff;display:grid;font-size:13px;font-weight:600;height:1.5rem;place-items:center;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1.5rem;z-index:1}}.palette{display:flex;gap:.5rem;&+.palette{margin-top:1rem}}input[type=color]{height:100%;inset:0;margin:0;opacity:0;padding:0;position:absolute}.swatch,input[type=color]{cursor:pointer;width:100%}.swatch{border-radius:.25rem;box-shadow:0 2px 5px #00000026;display:block;overflow:hidden;position:relative;div{aspect-ratio:2/1;position:relative;&:after{background-color:currentColor;content:"";display:grid;inset:0;mask-image:url(/static/media/copy.075c720235d6d2dad010.svg);-webkit-mask-image:url(/static/media/copy.075c720235d6d2dad010.svg);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;opacity:0;place-items:center;pointer-events:none;position:absolute;transition:opacity .15s ease-out}}&:hover{div:after{opacity:1}}label{display:block;font-size:.9rem;font-weight:500;line-height:1.1;padding:.25rem .5rem;text-transform:uppercase}@media (max-width:750px){div{aspect-ratio:1}label{display:none}}&.primary{transition:box-shadow .2s ease-in-out;div{&:after{mask-image:url(/static/media/eyedropper.25db44059b387ec0e4ad.svg);-webkit-mask-image:url(/static/media/eyedropper.25db44059b387ec0e4ad.svg);opacity:1}}&:hover{box-shadow:0 2px 5px #0009}}}.copyright{display:flex;font-size:14px;justify-content:space-between;padding:4rem 0 0;text-align:center;p{margin:0}a{color:inherit}}
/*# sourceMappingURL=main.11cbb87b.css.map*/