@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@keyframes shimmer{0%{background-position:0px 0}to{background-position:100vw 0}}@keyframes pulse{0%{background-color:#f1f1f10d}to{background-color:#f1f1f11a}}#app{margin:0;padding:0}*{box-sizing:border-box}@font-face{font-family:Dangerless Liaisons;src:local("Dangerless Liaisons"),url(/fonts/DangerlessLiaisons.otf) format("opentype")}@font-face{font-family:Work Sans;src:local("Work Sans"),url(/fonts/WorkSans-VariableFont_wght.ttf) format("truetype");font-style:normal}@font-face{font-family:Work Sans;src:local("Work Sans"),url(/fonts/WorkSans-Italic-VariableFont_wght.ttf) format("truetype");font-style:italic}html{color:#f1f1f1e6;font-family:Work Sans,sans-serif;font-weight:400;font-optical-sizing:auto;font-style:normal;font-size:16px}i,em{font-style:italic}b,strong{font-weight:700;color:#f1f1f1}.stronger{font-weight:700}.weak{color:#f1f1f199;font-weight:400}p{font-size:1rem}.smaller{font-size:.8rem}h1,h2,h3,h4,h5,h6,p,ol,ul,li{margin:9px 0}p,li,ol,ul{line-height:1.25}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:0}ul{list-style:disc}ul.forbidden li::marker{content:"✖ ";color:#fd3c38}ol{list-style:decimal}li{line-height:1.2;margin-left:1.3rem;padding-left:12px}h1,h2,h3,h4,h5,h6{font-family:Dangerless Liaisons;font-weight:500;color:#f1f1f1}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.1rem}body{background-color:#191a1c;z-index:0}.bigger{font-size:1rem}button{font-family:Dangerless Liaisons;font-size:1.1rem;border:none;background-color:unset;color:unset}a{color:#f1f1f1;display:inline-block;transition:color .15s ease-in}a:hover{color:#fff;transition:color .3s ease-in}hr{color:#f1f1f140;border-width:1px;margin:24px 0}hr.primary{color:#f1f1f1}.center{text-align:center}.text-alert{color:#fd3c38}.text-success{color:#73fa5e}.text-warning{color:#e7bc1b}.text-dark{color:#191a1c}.text-light{color:#f1f1f1}.text-center{text-align:center}section{margin:24px 0}.spacer{flex-grow:auto}.auto-row,.auto-row--switch,.auto-row--center,.auto-row-right,.auto-row--36{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;width:100%}.auto-row--36{gap:36px}.auto-row-right{justify-content:right}.auto-row--center{justify-content:center}.auto-row--switch{flex-direction:column;gap:0px}.auto-column{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:24px}.loader,.loader--card,.loader--square,.loader--color-card{animation:pulse .75s ease-out;animation-fill-mode:forwards;animation-direction:alternate-reverse;animation-iteration-count:infinite;animation-name:pulse;background:#191a1c;background-attachment:fixed;background-color:#f1f1f100;cursor:wait}.loader--color-card{height:80px;width:100%;border-radius:5px;background-color:#f1f1f100}.loader--square{width:100%;aspect-ratio:1/1;border-radius:5px;background-color:#f1f1f100}.loader--card{height:96px;border-radius:12px}.alert-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1010;background-color:#191a1c}@supports (backdrop-filter: blur(50px)){.alert-bg{background-color:#000000b3;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}}@media(prefers-reduced-transparency){.alert-bg{background-color:#191a1c;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.alert-bg{display:flex;align-items:center;justify-content:center}.alert-holder{z-index:1020;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.alert-holder .alert-card{text-align:center;width:calc(100vw - 36px);max-width:360px;min-width:284px;pointer-events:all;background-color:#1f2125!important}.alert-holder .alert-card .bottom{margin-bottom:30px}.alert-holder .alert-card .faded{color:#f1f1f1bf}.card{background-color:#f1f1f106;border-radius:12px;margin:6px 0}.card.elevated{box-shadow:0 35px 50px #000000b3}.card.alert{background-color:#fd3c381a}.card.success{background-color:#73fa5e1a}.card.square{aspect-ratio:1/1}.card .card-header,.card .card-content,.card .card-footer{padding:18px}.card .card-header-img img{width:100%;border-radius:5px 5px 0 0}.card .card-header{background-color:#f1f1f1;border-radius:5px 5px 0 0;color:#191a1c}.card .card-header h1,.card .card-header h2,.card .card-header h3,.card .card-header h4,.card .card-header h5,.card .card-header h6,.card .card-header p{color:#191a1c}.card .card-header.alert{background-color:#fd3c38;color:#191a1c}.card.interact{cursor:pointer;transition:scale .15s ease-in,box-shadow .15s ease-in;scale:1}.card.interact:hover{scale:1.05;box-shadow:0 15px 30px #0000004d;transition:scale .3s ease-out,box-shadow .3s ease-out}.card.interact:active{scale:1.025}.button{font-family:Dangerless Liaisons;cursor:pointer;background-color:#f1f1f10d;color:#f1f1f1d9;padding:12px;display:inline-block;text-align:center;margin:12px 0;border-radius:12px;font-size:1.5rem;text-decoration:none;transition:background .15s ease-in,color .15s ease-in,transform .15s ease-in;transform:scale(1)}.button.full-width{width:100%;display:block}.button:hover{transform:scale(1);color:#f1f1f1;background-color:#f1f1f11a;transition:background .3s ease-out,color .3s ease-out,transform .3s ease-out}.button:active{transform:scale(.99);color:#f1f1f1}.button.alert{color:#fd3c38;background-color:#fd3c380d}.button.alert:hover{background-color:#fd3c381a}.button.success{color:#73fa5e;background-color:#73fa5e0d}.button.success:hover{background-color:#73fa5e1a}.button.disabled{opacity:.25;pointer-events:none}.carousel--wrapper,.carousel--wrapper--loading{position:relative;overflow-x:hidden;aspect-ratio:4/3;border-radius:12px;overflow:hidden;width:100%}.carousel--wrapper .carousel--controls,.carousel--wrapper--loading .carousel--controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.carousel--wrapper .carousel--controls .button--previous div,.carousel--wrapper--loading .carousel--controls .button--previous div,.carousel--wrapper .carousel--controls .button--next div,.carousel--wrapper--loading .carousel--controls .button--next div{cursor:pointer;width:24px;height:56px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-in;pointer-events:all}.carousel--wrapper .carousel--controls .button--previous div svg,.carousel--wrapper--loading .carousel--controls .button--previous div svg,.carousel--wrapper .carousel--controls .button--next div svg,.carousel--wrapper--loading .carousel--controls .button--next div svg{width:18px;height:18px;fill:#f1f1f1}.carousel--wrapper .carousel--controls .button--previous,.carousel--wrapper--loading .carousel--controls .button--previous{position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.carousel--wrapper .carousel--controls .button--next,.carousel--wrapper--loading .carousel--controls .button--next{position:absolute;top:0;right:0;height:100%;display:flex;justify-content:center;align-items:center}.carousel--wrapper .carousel--controls .carousel--dots,.carousel--wrapper--loading .carousel--controls .carousel--dots{display:flex;align-items:center;justify-content:center;padding:6px;gap:8px;position:absolute;bottom:0;right:0;width:100%}.carousel--wrapper .carousel--controls .carousel--dots .dot,.carousel--wrapper--loading .carousel--controls .carousel--dots .dot{pointer-events:all;background-color:#191a1c;transition:background-color .15s ease-in;width:8px;height:8px;border-radius:6px;cursor:pointer}.carousel--wrapper .carousel--controls .carousel--dots .dot.active,.carousel--wrapper--loading .carousel--controls .carousel--dots .dot.active{transition:background-color .3s ease-out;background-color:#f1f1f1}.carousel--wrapper .carousel--slide,.carousel--wrapper--loading .carousel--slide{position:absolute;top:0;width:100%;display:flex;justify-content:center;align-items:center;height:100%;background-color:#f1f1f10d;border-radius:5px}.carousel--wrapper .carousel--slide img,.carousel--wrapper--loading .carousel--slide img{object-fit:contain;width:100%;height:100%;cursor:pointer}.carousel--wrapper .carousel--modal,.carousel--wrapper--loading .carousel--modal{z-index:1001;position:fixed;width:100vw;height:100vh;top:0;left:0;min-width:320px;opacity:0;pointer-events:none;transition:opacity .15s ease-in}.carousel--wrapper .carousel--modal.active,.carousel--wrapper--loading .carousel--modal.active{pointer-events:all;opacity:1;transition:opacity .3s ease-out}.carousel--wrapper .carousel--modal,.carousel--wrapper--loading .carousel--modal{background-color:#00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px;display:flex;align-items:center;justify-content:center}.carousel--wrapper .carousel--modal .buttons,.carousel--wrapper--loading .carousel--modal .buttons{position:absolute;top:24px;right:24px}.carousel--wrapper .carousel--modal .buttons .modal--button,.carousel--wrapper--loading .carousel--modal .buttons .modal--button{width:48px;height:48px;background-color:#191a1c;margin:0;border-radius:100px;display:flex;align-items:center;justify-content:center}.carousel--wrapper .carousel--modal .buttons .modal--button svg,.carousel--wrapper--loading .carousel--modal .buttons .modal--button svg{width:24px;height:24px}.carousel--wrapper .carousel--modal img,.carousel--wrapper--loading .carousel--modal img{max-width:100%;max-height:calc(100vh - 36px);width:auto;height:auto;object-fit:contain;border-radius:6px}.not_found{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.not_found section{height:100%;text-align:center}.not_found section h2{font-size:3rem}.not_found section p{font-size:1.5rem}.container{width:100%;max-width:1080px}main .container{margin-top:10px;min-height:calc(100vh - 172px)}header{height:72px;width:100vw;background-color:#f1f1f1;margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;position:fixed;top:0;left:0;z-index:100}header .container{height:100%;width:100%;padding:0 18px;display:flex;align-items:center;justify-content:space-between}header .container h1{color:#191a1c;text-wrap:nowrap}header .container h1 a{text-decoration:none;color:#191a1c}header .container .navigation--hamburger #mobile_menu_button{width:48px;height:48px;display:flex;align-items:center;justify-content:center}header .container .navigation--hamburger #mobile_menu_button img{width:36px}header .container .navigation--hamburger #nav-container{z-index:100;pointer-events:none;position:absolute;top:72px;left:0;min-width:320px;width:100vw;overflow:hidden;opacity:0;padding:0 18px 72px;background-color:#00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100vh - 72px);transition:opacity .25s ease-in}header .container .navigation--hamburger #nav-container.active{display:flex;height:calc(100vh - 72px);pointer-events:all;opacity:1;transition:opacity .3s ease-out}header .container .navigation--hamburger #nav-container.active ul{pointer-events:all}header .container .navigation--hamburger #nav-container.active ul li{pointer-events:all}header .container .navigation--hamburger #nav-container.active ul .navlink{pointer-events:all}header .container .navigation--hamburger #nav-container ul{list-style:none;display:flex;align-items:center;justify-content:space-between;flex-direction:column;flex-grow:1;pointer-events:none;gap:24px}header .container .navigation--hamburger #nav-container ul li{text-align:center;margin:0;padding:0;width:100%;pointer-events:none}header .container .navigation--hamburger #nav-container ul .navlink{color:#f1f1f1bf;padding:6px 0;margin:6px;text-decoration:none;width:100%;font-family:Dangerless Liaisons;font-size:1.5rem;pointer-events:none}header .container .navigation--hamburger #nav-container ul .navlink:hover{color:#f1f1f1}header .container .navigation--hamburger #nav-container ul .navlink.active{color:#f1f1f1}header .container .navigation--bar nav ul{display:flex;align-items:center;justify-content:space-between;list-style:none}header .container .navigation--bar nav ul li{text-align:center;margin:0;padding:0}header .container .navigation--bar nav ul li a.navlink{color:#191a1cbf;padding:12px;margin:6px;text-decoration:none;font-family:Dangerless Liaisons;font-size:1.25rem;transition:color .15s ease-in,transform .15s ease-in}header .container .navigation--bar nav ul li a.navlink:hover{color:#191a1c;transform:scale(1.1);transition:color .3s ease-out,transform .3s ease-out}header .container .navigation--bar nav ul li a.navlink.active{color:#191a1c;transform:scale(1.1)}main{min-height:calc(100vh - 172px);padding-top:72px;min-width:320px;width:100vw;background-color:#191a1c;margin:0;display:flex;align-items:start;justify-content:center}main .container{width:100%;max-width:1080px;height:100%;padding:18px}main .container.home{text-align:center;max-width:480px}main .container.home img{background-color:#975960;aspect-ratio:1/1;border:6px solid #f1f1f1;width:55%;max-width:256px;border-radius:1000px;margin-bottom:24px}main .characters .character-list{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(auto,1fr);gap:24px;grid-auto-flow:row;width:100%;place-items:center}main .characters .character-list .list-item{max-width:400px;width:100%;aspect-ratio:1/1;background-color:#f1f1f10d;border-radius:12px;overflow:hidden;position:relative;top:0;right:0;cursor:pointer}main .characters .character-list .list-item.loader--square{cursor:wait}main .characters .character-list .list-item img{height:100%;transition:transform .15s ease-in}main .characters .character-list .list-item:hover img{transform:scale(1.03);transition:transform .3s ease-out}main .characters .character-list .list-item .overlay{position:absolute;bottom:0;right:0;width:100%;gap:6px;padding:24px 18px 12px;background:linear-gradient(to bottom,#1f212500,#1f2125e6)}main .characters .character-list .list-item .overlay span{font-size:1rem}main .characters .character-list .list-item .overlay span:first-of-type{font-size:1.5rem;font-family:Dangerless Liaisons}main .refsheet .ref-title p{margin-bottom:0;line-height:normal;font-size:1.25rem}main .refsheet .ref-title h2{margin-top:0;line-height:.95;font-size:3.5rem}main .refsheet .ref-data{display:flex;flex-direction:column;gap:18px}main .refsheet .ref-data .ref-data-row{display:flex;flex-direction:row;gap:18px}main .refsheet .ref-data .ref-data-row .ref-data-item{width:100%}main .refsheet .ref-data .ref-data-row .ref-data-item h3{color:#f1f1f1bf;font-size:1rem;margin-bottom:3px;font-weight:lighter}main .refsheet .ref-data .ref-data-row .ref-data-item p{margin-top:0;margin-bottom:0;font-size:1rem}main .refsheet .ref-colors p{margin-bottom:24px}main .refsheet .ref-colors .grid{display:grid;grid-template-rows:repeat(1,1fr);gap:18px;grid-auto-flow:row;width:100%}main .refsheet .ref-colors .grid .color-card{display:flex;gap:6px;align-items:center;position:relative;width:100%;border-radius:12px;background-color:#f1f1f100;transition:background-color .15s ease-in;cursor:pointer}main .refsheet .ref-colors .grid .color-card:hover{background-color:#f1f1f10d;transition:background-color .3s ease-out}main .refsheet .ref-colors .grid .color-card:hover .color-block svg{transition:opacity .15s ease-in;opacity:1}main .refsheet .ref-colors .grid .color-card:active{background-color:#f1f1f11a}main .refsheet .ref-colors .grid .color-card .color-block{border:1px solid rgba(241,241,241,.25);width:54px;height:54px;border-radius:6px;margin:6px;display:flex;align-items:center;justify-content:center}main .refsheet .ref-colors .grid .color-card .color-block svg{transition:opacity .15s ease-in;width:18px;height:18px;opacity:0}main .refsheet .ref-colors .grid .color-card .color-block svg.dark{fill:#191a1c}main .refsheet .ref-colors .grid .color-card .color-block svg.light{fill:#f1f1f1}main .refsheet .ref-colors .grid .color-card h3{margin-top:6px;margin-bottom:3px;font-size:1rem;color:#f1f1f1bf}main .refsheet .ref-colors .grid .color-card p{margin-top:0;margin-bottom:6px;font-size:1rem}main .refsheet .ref-colors .grid .color-card .copied{font-size:.6rem;position:absolute;right:6px;top:0;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 1s ease-in}main .refsheet .ref-colors .grid .color-card .copied.active{transition:opacity .15s ease-in;opacity:1}main .ToS p{margin-top:18px;margin-bottom:18px}main .ToS p:last-child{margin-bottom:6px}main .prices .price-card{display:flex;flex-direction:column;gap:36px}main .prices .price-card .price-card-text .price-menu{margin:36px 0}main .prices .price-card .price-card-examples{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:space-between}main .prices .price-card .price-card-examples img{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:6px}footer{width:100vw;min-width:320px;height:100px;margin:0;position:relative;top:0;right:0;display:flex;align-items:center;justify-content:center}footer .container{width:100%;max-width:1080px;padding:0 18px}footer .container p{text-align:center}@media screen and (min-width:437px){.auto-row--switch{flex-direction:row;gap:24px}.container.characters .character-list,.container.refsheet .ref-colors .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:769px){html{font-size:17px}main .container,header .container,footer .container{max-width:768px}.container.characters .character-list{grid-template-columns:repeat(2,1fr)}.container.commissions .prices .price-card .price-card-examples{flex-direction:row}.container.refsheet .ref-colors .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1081px){main .container,header .container,footer .container{max-width:1080px}.container.characters .character-list{grid-template-columns:repeat(3,1fr)}.container.refsheet .row-fixer{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:stretch}.container.refsheet .row-fixer .fix{position:relative;top:0;left:0;width:100%}.container.refsheet .row-fixer hr{display:none}.container.refsheet .ref-colors .grid{grid-template-columns:repeat(3,1fr)}}.alert-card{opacity:1;scale:1}.card-enter-active,.card-leave-active{transition:opacity .5s ease}.card-enter-from,.card-leave-to{opacity:0}.alert-bg{opacity:1}.backdrop-enter-active,.backdrop-leave-active{transition:opacity .5s ease}.backdrop-enter-from{opacity:1}.backdrop-leave-to{opacity:0}.v-enter-active[data-v-e1dee299],.v-leave-active[data-v-e1dee299]{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.v-enter-from[data-v-e1dee299],.v-leave-to[data-v-e1dee299]{opacity:0;transform:translateY(1vh)}.forward-enter-active,.backward-enter-active,.forward-leave-active,.backward-leave-active{transition:transform .5s ease}.forward-enter-from,.backward-leave-to{transform:translate(100%)}.forward-leave-to,.backward-enter-from{transform:translate(-100%)}