/* Pixplet base styles. */
@font-face{font-family:Inter;src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lora;src:url("../fonts/lora-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url("../fonts/lora-latin-ext-wght-normal.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lora;src:url("../fonts/lora-latin-wght-italic.woff2") format("woff2");font-style:italic;font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url("../fonts/lora-latin-ext-wght-italic.woff2") format("woff2");font-style:italic;font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--pix-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#20212a;--muted:#777985;--line:#e7e7ee;--paper:#fff;--surface:#f7f7fa;--accent:#ee3356;--accent-soft:#fff0f3;--violet:#7563d5;--radius:12px;--shadow:0 16px 48px #23233212;--pix-red:var(--accent)}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:var(--pix-font);font-size:14px;background:var(--surface);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,label[for],summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{opacity:.35;cursor:not-allowed}
input:disabled,select:disabled{opacity:.5}
a{color:inherit;text-decoration:none}
button,a,input,select,textarea{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bbaef7;outline-offset:3px}
button{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
button:hover:not(:disabled){border-color:#c9c8d5}
button:active:not(:disabled){transform:translateY(1px)}
[hidden]{display:none!important}
h1,h2,h3,p{margin-top:0}
svg{display:block}
img,canvas{max-width:100%}
.screen-reader-text,.pix-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pix-icon{width:20px;height:20px;flex:none;vertical-align:middle}
.pix-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65}
.pix-wordmark{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;line-height:1}
.pix-wordmark>svg{width:23px;height:26px;color:var(--accent)}
.pix-wordmark>span{font-size:26px;font-weight:760;letter-spacing:-1.4px}
.pix-brand-dot{color:var(--accent)}
input[type=range]{width:100%;height:16px;margin:0;accent-color:var(--violet);cursor:pointer;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:3px;background:#e8e4f3;border-radius:10px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:#fff;border:3px solid var(--violet);border-radius:50%;margin-top:-5px;box-shadow:0 1px 3px #44365e25}
input[type=range]{-webkit-appearance:none}
@media(max-width:760px){.pix-wordmark>span{font-size:23px}.pix-wordmark>svg{width:20px;height:23px}}
@media(max-width:400px){.pix-wordmark>span{font-size:22px}.pix-wordmark>svg{width:19px;height:23px}.pix-wordmark{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--ink:#172237;--muted:#626b7c;--line:#e3e6ec;--surface:#f3f5f8;--accent:#df2447;--accent-soft:#fff0f3;--violet:#df2447}
.pix-wordmark>span{color:#172237}
.pix-wordmark i{color:#ee3356}
:root{--brand:#ee3356;--accent:#df2447;--accent-soft:#fff0f3;--violet:#df2447}
.pix-wordmark i,.pix-brand-dot{color:var(--brand)!important}