body{--color-font-outlines: #000000;--color-block-picture-bg: #a8d9a0;--color-tab-bg: #fff7e2;--color-block-picture-box-shadow: #80a07a;--color-circle-outline: #d0ffc8;--color-tab-box-shadow: #d5c8ab;--color-viewport-box-shadow: #b0ada480;--url-viewport-bg: url(./yellowtexture-C8yG1Z4d.png);--color-button: #ff9999;--color-button-box-shadow: #9c5d5d80;--color-button-hover: #83a17e;--color-button-hover-box-shadow: #5d7d58;--color-button-active: #fff7e2;--color-button-active-box-shadow: #496445;--color-button-text: #000000}@media (prefers-color-scheme: dark){body{--color-font-outlines: #dcfbd7;--color-block-picture-bg: #4c7a51;--color-tab-bg: #0d3436;--color-block-picture-box-shadow: #2a502480;--color-circle-outline: #87bf8d;--color-tab-box-shadow: #626a5180;--color-viewport-box-shadow: #243222c0;--url-viewport-bg: url(./yellowtexturedark-Dm6Ss1Jg.png);--color-button: #517754;--color-button-box-shadow: #5d442c80;--color-button-hover: #f1c7a0;--color-button-hover-box-shadow: #253f21;--color-button-active: #0d3436;--color-button-active-box-shadow: #142212;--color-button-text: #000000}}button{cursor:pointer}.wide h1{font-size:48px}br{margin:16px}h1{font-size:28px;font-family:Gill Sans,sans-serif;color:var(--color-font-outlines);text-align:center;margin:0;padding:5px}h2,h3,h4,h5,h6,p{font-family:Gill Sans,sans-serif;color:var(--color-font-outlines);text-align:center;margin:0;padding:0}.row{display:flex;flex-flow:row wrap;align-items:center}.column{display:flex;flex-flow:column nowrap;align-items:center}.center{text-align:center;justify-content:center;align-items:center}.spaced{justify-content:space-evenly}.tall-placeholder{height:1200px}.wide img.circle{width:256px;margin:38px}img.circle{width:30%;margin:12px;border:10px solid var(--color-circle-outline);border-radius:50%}.wide .block-picture{max-width:720px}.block-picture{margin-bottom:24px;padding:8px;font-family:sans-serif;text-align:center;border-radius:8px;background-color:var(--color-block-picture-bg);box-shadow:6px 6px 0 var(--color-block-picture-box-shadow);max-width:360px;align-self:center}.tab{position:relative;display:none;margin:8px;padding:32px;font-family:sans-serif;text-align:center;font-size:24px;border-top:4px outset var(--color-button-active);border-radius:8px;background-color:var(--color-tab-bg);box-shadow:6px 6px 0 var(--color-tab-box-shadow);z-index:4}.tab.active{display:flex;flex-flow:column nowrap;justify-content:start;align-items:center}.tabs-header{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;z-index:3}.tabs-header button{display:block;flex-flow:column nowrap;width:128px;height:32px;font-size:24px;color:var(--color-button-text);background:var(--color-button);box-shadow:4px 4px 0 var(--color-button-box-shadow);border:none;border-radius:4px;cursor:pointer;position:relative}.tabs-header button:hover{background:var(--color-button-hover);box-shadow:4px 4px 0 var(--color-button-hover-box-shadow)}.tabs-header button.active{background:var(--color-button-active);box-shadow:4px 4px 0 var(--color-button-active-box-shadow)}.tabs-header button .label{position:relative;z-index:1}.tabs-header button.active .label{color:var(--color-font-outlines)}.tabs-header button .tail{position:absolute;border-radius:4px;top:0;left:0;height:64px;width:128px;background-color:var(--color-button);box-shadow:4px 4px 0 var(--color-button-active-box-shadow)}.tabs-header button:hover .tail{background:var(--color-button-hover)}.tabs-header button.active .tail{background-color:var(--color-button-active)}.shop .divider{background-color:var(--color-button-active);height:2px;width:100%;border-radius:2px;margin:32px}.shop .listings{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:space-around}.shop .listing{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;width:240px;margin:16px}.shop .listing h4{font-size:18px}.shop .listing .image-container{position:relative;height:240px;width:240px}.shop .listing .image-container img{border-radius:12px;height:100%;width:100%}.shop .listing .image-container .arrow{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:32px;background-color:#00000040;color:#ffffffa8;font-weight:700;cursor:pointer;user-select:none;opacity:0;transition:opacity .15s}.shop .listing .image-container:hover .arrow{opacity:1}.shop .listing .image-container .left.arrow{left:0;top:0;border-radius:12px 0 0 12px}.shop .listing .image-container .right.arrow{right:0;top:0;border-radius:0 12px 12px 0}.shop .listing .row{width:240px;justify-content:space-between;align-items:center}.shop .cart .entry button{width:32px;height:32px;font-weight:700}.shop button{padding:6px;border-radius:8px;border:none;background-color:var(--color-button)}.shop button:hover{background-color:var(--color-button-hover)}.shop button:active{background-color:var(--color-button-active)}.shop .cart .no-items{font-size:20px;font-style:italic}.shop .cart .checkout-section{display:flex;color:var(--color-font-outlines);font-size:20px;font-style:italic;flex-flow:column nowrap;align-items:end}.shop .cart .checkout-section button{margin:8px 0}.shop .cart .subtotal.entry{border-top:2px dotted var(--color-font-outlines);justify-content:end}.shop .cart .subtotal.entry .label{font-size:24px}.shop .cart .entry{min-width:360px}.shop .cart .entry .label{color:var(--color-font-outlines);margin:2px 8px;font-size:22px}.shop .cart .entry .name{flex:1;display:flex}html,body{height:100%;width:100%;margin:0;padding:0}body{overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#viewport{flex:1;display:flex;flex-flow:column nowrap;background-image:var(--url-viewport-bg);margin:32px 32px 16px;border-radius:16px;z-index:2;overflow-x:hidden;overflow-y:auto;justify-content:start;align-items:stretch;padding:12px;box-shadow:6px 6px 0 var(--color-viewport-box-shadow);transition:opacity .2s}.wide #viewport{margin-right:45px;width:calc(100% - 256px);padding:24px}.wide .hide-scrollbar::-webkit-scrollbar{display:none}.wide .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.wide body.scrolling{user-select:none}.scrollbar-track{display:none}.wide .scrollbar-track{display:initial}body{--color-scrollbar-track: #b4d3af;--color-scrollbar-track-box-shadow: #b0ada480;--color-scrollbar-thumb: #d3f7cd;--color-scrollbar-thumb-box-shadow: #9bb895;--color-scrollbar-thumb-hover: #83a17e;--color-scrollbar-thumb-hover-box-shadow: #5d7d58;--color-scrollbar-thumb-active: #668162;--color-scrollbar-thumb-active-box-shadow: #496445}@media (prefers-color-scheme: dark){body{--color-scrollbar-track: #4f7253;--color-scrollbar-track-box-shadow: #243222c0;--color-scrollbar-thumb: #5c9062;--color-scrollbar-thumb-box-shadow: #3d5d38;--color-scrollbar-thumb-hover: #517754;--color-scrollbar-thumb-hover-box-shadow: #253f21;--color-scrollbar-thumb-active: #2b4e2f;--color-scrollbar-thumb-active-box-shadow: #142212}}.scrollbar-track{position:fixed;background-color:var(--color-scrollbar-track);border-radius:4px;overflow:hidden;width:26px;z-index:3;box-shadow:6px 6px 0 var(--color-scrollbar-track-box-shadow)}.scrollbar-thumb{position:relative;top:0;left:0;right:0;background-color:var(--color-scrollbar-thumb);border-radius:4px;box-shadow:inset -4px -4px 0 var(--color-scrollbar-thumb-box-shadow)}.scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover);box-shadow:inset -4px -4px 0 var(--color-scrollbar-thumb-hover-box-shadow)}.scrollbar-thumb.active{background-color:var(--color-scrollbar-thumb-active);box-shadow:inset -4px -4px 0 var(--color-scrollbar-thumb-active-box-shadow)}