@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--font-family:"Comic Neue",sans-serif;--border-radius:8px;--shadow:0 1px 2px 0px #646464;--transition:0.3s ease}*{box-sizing:border-box;font-family:Comic Neue,sans-serif;font-family:var(--font-family);font-weight:600;position:relative;text-transform:uppercase}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:1.5rem 5vw}html:before{background-image:url(https://www.flipnational.org/wp-content/uploads/2017/11/Triangle-White-Seamless-Patterns.jpg);background-repeat:repeat;content:"";height:100%;left:0;min-height:100vh;opacity:.25;position:absolute;top:0;width:100vw}@media (prefers-color-scheme:dark){body{background-color:#1e1e1e!important;color:#c8c8c8!important}}#root{margin:0 auto;max-width:500px}#gif{border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:1rem;overflow:hidden}#gif:after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.35);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition);width:100%}#gif img{display:block;width:100%}#gif form{bottom:0;left:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition);width:100%;z-index:1}#gif form,#gif form input[type=text]{border-radius:0 0 var(--border-radius) var(--border-radius)}#gif form input[type=text]{box-shadow:none}#gif form input[type=submit]{border-radius:0 0 var(--border-radius) 0}#gif.active:after{opacity:1}#gif.active form{-webkit-transform:translateY(0);transform:translateY(0)}label{border-radius:var(--border-radius);display:block;width:100%}input[type=text]{background-color:#fff;border:0!important;border-radius:var(--border-radius);box-shadow:var(--shadow);font-size:1rem;margin:0;outline:0!important;padding:.5rem 4.5rem .5rem .75rem;transition:box-shadow var(--transition);width:100%}input[type=text]:focus{box-shadow:0 2px 5px 0 #646464}input[type=submit]{-webkit-appearance:none;background-color:#ececec;border:0!important;border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:none!important;color:inherit;display:block;font-size:.8rem;height:100%;margin:0;outline:0!important;padding:.5rem .75rem;position:absolute;right:0;text-transform:uppercase;top:0;transition:var(--transition);vertical-align:middle}input[type=submit]:active{background-color:#a0a0a0}ul{list-style-type:none;padding-left:0}ul li{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin-bottom:1rem}ul li span:first-child{flex-basis:1.5rem}ul li span:last-child{flex-basis:calc(100% - 1.5rem)}.remove-item{align-items:center;background-color:#fff;border-radius:50%;display:inline-flex;font-size:.75rem;height:1.5rem;justify-content:center;line-height:1.5rem;margin-right:.5rem;width:1.5rem}@media (prefers-color-scheme:dark){input[type=text]{background-color:#464646;color:#fff}input[type=text]::-webkit-input-placeholder{color:#c8c8c8}input[type=text]:-ms-input-placeholder{color:#c8c8c8}input[type=text]::placeholder{color:#c8c8c8}input[type=submit]{background-color:#787878}input[type=submit]:active{background-color:#646464}.remove-item{background-color:#464646;color:#fff!important}}
/*# sourceMappingURL=main.77c6b663.css.map*/