:root{--page-background:#f0ead2;--page-border:#a98467;--secondary-border:#6c584c;--focus-background:#dde5b6;--focus-colour:#ecc94b;--primary-button-colour:#6ee7b7}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}[tabindex="-1"]:focus{outline:none}.sr-always,.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.App__logo{font-size:2em;font-style:italic;padding:.25em 1rem;text-align:center}.App__container{align-items:flex-start;background:var(--page-background);display:flex;flex-wrap:wrap;grid-gap:4em;gap:4em;min-height:100vh;padding:1em 1em 3em}.App__container>:first-child{flex-basis:22em;flex-grow:1}.App__container>:last-child{flex-basis:0;flex-grow:999;min-width:50%}.App__form>*+*{margin-top:1.5em}.App__button{background:#fff;border:2px solid;border-radius:.25em;box-shadow:4px 4px;font-weight:700;padding:.25em 1em}.App__button:focus,.App__button:hover{background:var(--focus-background);box-shadow:2px 2px;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.App__button:focus{box-shadow:none;outline:2px solid;outline-offset:3px}.App__button--primary{background:var(--primary-button-colour);font-size:1.5em}.App__button--primary:focus,.App__button--primary:hover{background:#10b981}.ItemForm{border-bottom:1px solid rgba(0,0,0,.3);margin-bottom:1.25em;padding-bottom:1.25em;position:relative}.ItemForm+.ItemForm{margin-top:2.5em}.ItemForm__remove-button{background:#fff;border:2px solid var(--secondary-border);border-radius:.25em;bottom:-1em;font-weight:700;margin-top:.25em;padding:0 .5em;position:absolute;right:0}.ItemForm__remove-button:focus,.ItemForm__remove-button:hover{background:var(--focus-background);border-color:currentColor}.ItemForm__remove-button:focus{outline:2px solid;outline-offset:2px}.FormInput__label{display:block;font-weight:700;padding:0 0 .25em}.FormInput__input{border:2px solid var(--secondary-border);border-radius:.25em;box-shadow:inset .25em .25em 0 rgba(0,0,0,.1);display:block;padding:.5em;width:100%}.FormInput__input[type=number]{width:5em}.FormInput__input:focus{border-color:#000;box-shadow:none;outline:4px solid var(--focus-colour)}.Results__header{margin-bottom:.5em}.Results__title{display:inline-block;font-size:1em;font-weight:400;margin:0;padding-right:1em}.Results__list{list-style:none;margin:0 0 2em;padding:0}.Results__list-title{font-size:1em;margin:1em 0 .5em}.Results__result{border:2px dashed var(--page-border);border-radius:1em;font-size:1.25em;margin:0 0 1em;padding:.75em 1em 1em;position:relative}.Results__result--chosen{background-image:linear-gradient(-45deg,transparent 25%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 50%,transparent 0,transparent 75%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25));background-size:2em 2em;background-color:#ccc;background-color:var(--picked-background,#ccc);border-style:solid;border-color:transparent;font-size:1.5em}.Results__result-badge{background-color:inherit;border-radius:.5em;font-size:1rem;margin-left:-.5em;position:absolute;padding:0 .5em;right:1em;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:background-color .2s;top:-1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Tabs{border-bottom:2px solid var(--page-border);list-style:none;margin:0;padding:0 1em}@media (min-width:720px){.Tabs{align-items:flex-end;display:flex;flex-wrap:wrap}}.Tabs>*{margin-right:.5em}.Tabs__item{background:transparent;border:2px solid var(--page-border);color:#000;display:block;margin-bottom:-2px;padding:.5em 1em;text-align:left;text-decoration:underline;text-underline-offset:.2em;width:100%}.Tabs__item:focus{background:var(--focus-colour);border-color:currentColor;outline:2px solid transparent;text-decoration-thickness:4px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.Tabs__item--selected{background:var(--page-background);margin-right:2em;text-decoration:none;width:auto}@media (min-width:960px){.Tabs__item{border-radius:.25em .25em 0 0}.Tabs__item--selected{border-bottom-color:transparent;border-right-width:3px;margin-right:0;margin-top:-.2em;padding:.6em 1em}}.Tabs__label{background:rgba(0,0,0,.05);border-radius:.5em;color:#000;display:inline-block;font-size:85%;font-weight:700;margin-left:.5em;padding:0 .5em}
/*# sourceMappingURL=main.d0bedaaa.chunk.css.map */