:root{--primary-hue: 207;--secondary-hue: 172;--accent-hue: 43;--spacing: .5rem;--spacing-x2: 1rem;--border-radius: .5rem;--transparency-alpha: .7;--transparency: hsla(207, 100%, 100%, var(--transparency-alpha));--primary-light: hsl(207, 74%, 48%);--primary-dark: hsl(207, 91%, 14%);--primary: var(--primary-light);--secondary: hsl(172, 71%, 25%);--accent: hsl(var(--accent-hue), 100%, 52 %);--primary-text-light: hsl(195, 4%, 22%);--primary-text-dark: hsl(207, 91%, 99%);--primary-text: var(--primary-text-light);--secondary-text-light: hsl(172, 92%, 14%);--secondary-text-dark: hsl(59, 94%, 57%);--secondary-text: var(--secondary-text-light);--accent-text-light: hsl(0, 100%, 41%);--accent-text-dark: hsl(0, 100%, 25%);--accent-text: var(--accent-text-light);--background-neutral: hsl(207, 0%, 90%);--min-screen-width: 240px;--breakpoint-medium-screen-width: 768px}.invert-colors{--primary: var(--primary-text-dark);--primary-text: var(--primary-text-dark);--secondary-text: var(--secondary-text-dark);--accent-text: var(--accent-text-dark)}*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;border:0}[hidden]{display:none!important}body{font-family:"Roboto, Material+Icons, Noto Sans JP",sans-serif;font-display:swap;color:var(--primary-text);background-color:var(--background-neutral);min-width:var(--min-screen-width);line-height:200%;letter-spacing:.1ch}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}img{display:block;max-width:100%}a,.link{color:var(--primary);cursor:pointer}a:active,a:hover,.link:active,.link:hover{color:var(--primary-dark)}.button{display:flex;justify-content:center;align-items:center;padding:var(--spacing) var(--spacing-x2);border-radius:var(--border-radius);cursor:pointer;border:1px solid var(--primary-text)}.button svg{height:1.5em;width:1.5em}.button.main{color:var(--primary-text-dark);background-color:var(--primary);border-color:var(--primary)}.button.main:hover,.button.main:active{color:var(--primary-text-dark);background-color:var(--primary-dark);border-color:var(--primary-dark)}.button.secondary{color:var(--primary);border:1px solid var(--primary)}.button.secondary:hover,.button.secondary:active{color:var(--primary-dark);border:1px solid var(--primary-dark)}li{list-style-type:none}small{font-size:.7rem}input,select,textarea{padding:var(--spacing);box-sizing:border-box;width:100%;background:var(--transparency);border:1px solid var(--primary);border-radius:var(--border-radius);transition:color .3s ease-out;appearance:none}input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{border-color:var(--primary-text)}select{background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}option{background:var(--transparency)}.alert{width:100%;opacity:.9;color:var(--accent-text);border:2px solid var(--accent-text);border-radius:var(--border-radius);padding:var(--spacing)}.pane{box-sizing:border-box;width:100%;background:var(--transparency);backdrop-filter:blur(1em)}.shadow{box-shadow:var(--spacing-x2) var(--spacing-x2) calc(var(--spacing-x2) * 3) #1f26875e}.round-border{border:1px solid rgba(255,255,255,.18);border-radius:var(--border-radius)}.horizontal-spacer{min-width:1px;background-color:var(--transparency);align-self:stretch}.expired{--primary: #808080;--primary-dark: #525252;--primary-light: #808080;--accent-text: #808080;--accent-text-light: #808080;color:gray}.expired .button{color:gray;background-color:#fff;border-color:gray}.expired img{filter:opacity(75%) grayscale(100%)}#main.main{flex-grow:1;padding-left:var(--spacing);padding-right:var(--spacing)}.pitch{padding:var(--spacing);margin-top:var(--spacing);margin-bottom:var(--spacing);border:1px solid var(--primary-dark);border-radius:var(--border-radius);background-color:var(--primary-text-dark)}.backdrop{display:flex;position:fixed;--z-index: 60;top:0;left:0;height:100%;width:100%;z-index:var(--z-index);align-items:center;justify-content:center;background:var(--transparency);backdrop-filter:blur(1em)}.link{display:flex}button.disabled,.button.disabled,.link.disabled{pointer-events:"none";color:gray;border-color:gray}.fab{position:fixed;padding:var(--spacing) var(--spacing-x2);right:var(--spacing);bottom:calc(84px + var(--spacing));z-index:30;font-size:larger}@media (min-width: 768px){#main.main{width:100%;max-width:1080px;margin-left:auto;margin-right:auto}}@media (min-width: 768px) and (hover: hover){.fab{bottom:var(--spacing)}}.author-badge{display:flex;align-items:center;justify-content:center}.author-badge.vertical{flex-direction:column}.author-badge img{margin-right:calc(var(--spacing) / 2)}.avatar{--size: 2em;width:var(--size);height:var(--size);display:flex;overflow:hidden;position:relative;flex-shrink:0;border-radius:50%}.file-upload input{transition:outline-offset .15s ease-in-out,background-color .15s linear;padding:120px 0 85px;text-align:center!important;margin:var(--spacing) 0px;width:100%!important}.file-upload input:focus{outline-offset:-10px;transition:outline-offset .15s ease-in-out,background-color .15s linear;border:1px solid #92b0b3}.file-upload{position:relative}.file-upload:after{pointer-events:none;position:absolute;top:50px;left:0;width:50px;right:0;height:56px;content:"";background-image:url(https://image.flaticon.com/icons/png/128/109/109612.png);display:block;margin:0 auto;background-size:100%;background-repeat:no-repeat}.file-upload:before{position:absolute;bottom:10px;left:0;pointer-events:none;width:100%;right:0;height:57px;display:block;margin:0 auto;color:#2ea591;font-weight:600;text-transform:capitalize;text-align:center}.modal{display:flex;position:fixed;--z-index: 50;top:0;left:0;height:100%;width:100%;z-index:var(--z-index);align-items:center;justify-content:center;background:var(--transparency);backdrop-filter:blur(1em)}.modal .modal-close{position:absolute;top:var(--spacing);right:var(--spacing);font-size:2rem}.modal .modal-box{z-index:calc(var(--z-index) + 1);padding:var(--spacing);width:min(90vh,90vw,var(--breakpoint-medium-screen-width));min-width:var(--min-screen-width);max-height:90vh;overflow:auto;background-color:var(--primary-text-dark);border-radius:var(--border-radius)}.pagination{display:flex;padding:var(--spacing-x2);margin-bottom:var(--spacing-x2);justify-content:center;align-items:stretch;gap:var(--spacing)}.pagination-item{width:auto;height:auto;padding:var(--spacing) var(--spacing-x2);border-radius:var(--border-radius);background-color:var(--primary);color:var(--primary-text-dark);font-size:larger;cursor:pointer}.pagination-item:hover,.pagination-item:focus{background-color:var(--primary-text-light)}.pagination-item.active{background-color:var(--primary-text-light);cursor:default}.pricing{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing);word-break:keep-all;overflow-wrap:normal;flex-wrap:wrap}.pricing .pricing-now{font-weight:700;color:var(--accent-text)}.pricing .pricing-before{text-decoration:line-through;color:gray}.pricing .pricing-shipping{display:flex;align-items:center;justify-content:flex-start;word-break:keep-all;overflow-wrap:normal}.vote{display:grid;grid-template-columns:3em 3em 3em}.vote>*{display:flex;justify-content:center}.vote>.vote-up{--vote-background: var(--primary-dark);--vote-color: var(--primary-light);border-radius:0 var(--border-radius) var(--border-radius) 0;border-left-style:none;color:var(--vote-color)}.vote>*.vote-score{border-radius:0;border-left-style:none;border-right-style:none;color:inherit;font-weight:700}.vote>.vote-down{--vote-background: var(--accent-text-dark);--vote-color: var(--accent-text-light);border-radius:var(--border-radius) 0 0 var(--border-radius);border-right-style:none;color:var(--accent-text-light)}.vote>.vote-up.active,.vote>.vote-down.active{color:var(--primary-text-dark);background-color:var(--vote-color)}.vote>.vote-up:hover>svg,.vote>.vote-down:hover>svg{transform:scale(2.5)}