body,html{height:100%}body{background-color:var(--wds-elevation-background);bottom:0;color:var(--wds-text-color-default);cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;font-weight:400;left:0;margin:0 auto;min-width:768px;overflow:hidden;position:fixed;right:0;top:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#app{height:100%;padding:var(--wds-size-4)}#app #reminder-background{background-color:#fff;background-position:50%;background-size:cover;border-radius:var(--wds-size-4);box-shadow:0 0 0 1px var(--wds-surface-3);display:flex;flex:1 1 auto;flex-direction:column;height:100%;justify-content:end;overflow:hidden;position:relative}#app #main-container{align-items:stretch;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:var(--wds-size-4);height:100%;justify-content:space-between;padding:var(--wds-size-4);z-index:10}#app #main-container #container{align-items:center;background-color:#fff;border-radius:13px;box-shadow:0 0 21px 0 rgba(0,172,204,.1);display:flex;flex-direction:column;margin:auto;padding:70px;width:400px}#app #main-container #container .logo{height:32px}#app #main-container #container h1{font-weight:500;text-align:center}#app #main-container #container .box{display:flex;flex-direction:column;flex-grow:1;height:100%;padding-bottom:24px;width:100%}#app #main-container #container .box input{background:#fff;border:1.5px solid grey;border-radius:6px;height:42px;margin:0}#app #main-container #container .box input::placeholder{text-transform:capitalize}#app #main-container #container .box label{margin:12px 6px;text-align:left;text-transform:capitalize}#app #main-container #container .box button{background-color:#00accc;border-radius:6px;color:#fff;display:inline-block;height:42px;margin:0;width:100%}#app #main-container #container .box form{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;width:100%}#app #main-container #reminder-tagline{align-items:flex-end;color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:800;padding:24px 32px;text-shadow:0 0 50px rgba(0,0,0,.3)}#app #main-container #reminder-tagline .logo{filter:drop-shadow(0 0 50px rgba(0,0,0,.3));height:20px}#app #main-container #reminder-tagline span{display:flex;flex:1 1 auto;justify-content:flex-end}