body{margin:0;padding:0;font-family:sans-serif}@font-face{font-family:system;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}.App{font-family:"system";text-align:center;background-color:#afd5aa;--shadow-color:#7ebc76}.App-logo{height:80px}.App-header{background-color:#191716;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}.App-container{width:100%;max-width:400px;margin:auto;padding:32px 0;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s,-webkit-filter .25s}.shadow{background:rgba(0,0,0,.25);will-change:transform;-webkit-transform:translateY(2px);transform:translateY(2px);transition:-webkit-transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1),-webkit-transform .6s cubic-bezier(.3,.7,.4,1)}.edge,.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.edge{background:linear-gradient(270deg,#52001b 0,#a30036 8%,#a30036 92%,#52001b)}.front{display:block;position:relative;padding:12px 42px;border-radius:12px;font-size:1.25rem;color:#fff;background:#f0003c;will-change:transform;-webkit-transform:translateY(-4px);transform:translateY(-4px);transition:-webkit-transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1),-webkit-transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.pushable:hover .front{-webkit-transform:translateY(-6px);transform:translateY(-6px);transition:-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5),-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:-webkit-transform 34ms;transition:transform 34ms;transition:transform 34ms,-webkit-transform 34ms}.pushable:hover .shadow{-webkit-transform:translateY(4px);transform:translateY(4px);transition:-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5),-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .shadow{-webkit-transform:translateY(1px);transform:translateY(1px);transition:-webkit-transform 34ms;transition:transform 34ms;transition:transform 34ms,-webkit-transform 34ms}.pushable:focus:not(:focus-visible){outline:none}.counter{box-sizing:border-box;padding:20px;width:100%;border-radius:max(1px,min(8px,calc(999900vw - 39996px - 999900%)));background-color:#fff;-webkit-filter:drop-shadow(0 2px 8px var(--shadow-color));filter:drop-shadow(0 2px 8px var(--shadow-color))}.counter h2{padding-bottom:20px}.counter .button{padding:20px}.counter .notes{text-align:left;font-size:14px;color:#666;padding:20px 0}.counter .notes p{margin:0}.import-export{padding:10px}.import-export textarea{width:100%;height:200px}
/*# sourceMappingURL=main.5e1e8c8d.chunk.css.map */