body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:<weight>;margin:0;max-width:100vw;min-height:100vh}:root{--colors-gold:#d8b870;--colors-white:#fff;--colors-cream-white:#fdf5e6;--colors-black:#000;--colors-light-gray:silver;--colors-gray:#dadada;--colors-medium-gray:#322a26;--colors-medium-blue:#7ba5c6;--colors-light-blue:#9cbfd7;--colors-brown:#6c564b}.bag-tokens,.used-tokens{background-color:var(--colors-light-gray);border-radius:15px;padding:15px 20px}@media (max-width:768px){.tokens>div{margin:auto}}.switch{display:inline-block;height:34px;margin-left:10px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:var(--colors-medium-blue)}input:focus+.slider{box-shadow:0 0 1px var(--colors-medium-blue)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.expansion-toggle{align-items:center;color:var(--colors-brown);display:flex;font-family:IM Fell DW Pica,serif;font-size:24px;font-style:normal;font-weight:600;justify-content:flex-end;margin-top:10px}.tokens{grid-gap:10px;border-radius:15px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:15px 20px}.tokens>div{display:flex}.tokens>div>button{background:none;border:none;cursor:pointer;width:100%}.active-tokens{background-color:var(--colors-white)}.inactive-tokens{background-color:var(--colors-brown)}.button-container{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}.button-container>button{background:var(--colors-gold);border-radius:15px;color:var(--colors-black);flex:1 1;font-family:IM Fell DW Pica,serif;font-size:36px;font-style:normal;font-weight:600;padding:15px 20px}@media (min-width:768px) and (max-width:1023px){.tokens{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tokens{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.button-container>button{flex:0 0 100%;width:100%}}.main{background-color:var(--colors-cream-white);display:flex;flex-direction:column}.header{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;background-color:var(--colors-light-blue);color:var(--colors-gold);display:flex;font-family:IM Fell DW Pica,serif;font-size:48px;font-style:normal;font-weight:600;justify-content:center;width:100%}.title{padding:15px 20px}.content{display:flex;flex-direction:column;min-height:calc(100vh - 90px)}@media (min-width:1024px){body{font-size:18px}.content{margin:1% auto;max-width:800px}}@media (min-width:768px) and (max-width:1023px){body{font-size:16px}.content{margin:1% auto;max-width:600px}}@media (max-width:768px){body{font-size:14px}.content{margin:1% 2%;max-width:100%}}
/*# sourceMappingURL=main.b149f9d9.css.map*/