.button{display:block;font-size:0;position:relative;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:-webkit-transform .1s var(--bounce);transition:transform .1s var(--bounce);transition:transform .1s var(--bounce),-webkit-transform .1s var(--bounce);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;background:var(--white);padding:4px;-webkit-appearance:none;box-sizing:border-box;background:transparent}.button div{text-align:center;font-size:18px;padding:1em 0;background:var(--white);border:4px solid #393939;border-radius:32px;color:#393939}.button.white div{border-width:0}a:active,a:visited{color:#393939}.circle-button{width:70px;height:70px;border-radius:50%;background:var(--white)}.circle-button div{box-sizing:border-box;width:100%;height:100%;border-radius:50%}.icon-button div{width:1em;height:1em}.label{font-size:16px;padding:1em;background:#393939;border:4px solid #fff;display:inline-block}.slider{height:400px;text-align:center;top:calc(var(--app-height)*0.2)}.slider,.slider .label{display:inline-block;position:absolute}.slider .label{top:0;opacity:0;margin:-25px auto auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.slider .slider-range{width:4px;height:100%;background:var(--white);margin:auto;opacity:0;transition:opacity .3s ease-in-out}.left-slider{left:5px}.right-slider{right:5px}.left-slider .label{left:0;margin-left:0;-webkit-transform:translate(-50%,-125%);transform:translate(-50%,-125%)}.right-slider .label{right:0;-webkit-transform:translate(50%,-125%);transform:translate(50%,-125%);margin-right:0}.slider.is-active .label{-webkit-transform:translateY(-125%);transform:translateY(-125%);opacity:1}.slider.is-active .slider-range{opacity:1}.slider.is-active .icon-button{-webkit-transform:scale(1.2);transform:scale(1.2)}.button.icon-button,.button.icon-button div{background:transparent;border:none}.button.icon-button div{padding:0;width:44px;height:44px}.button.icon-button img{width:44px}.button.copy-button{width:100%;max-width:450px}.button.copy-button div{letter-spacing:.15em;padding:1em 0;position:relative}.button.copy-button.red div{color:var(--red)}.button.copy-button .emoji{height:2em;position:absolute;left:1.125em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.button.copy-button .emoji:last-child{left:auto;right:1.125em}.button.copy-button .emoji.camera-flash{-webkit-transform:translateY(calc(-50% - 2px));transform:translateY(calc(-50% - 2px))}
/*# sourceMappingURL=/controls.fe6732d2.css.map */