:root{--main-bg-color:#f5f5f5;--inactive-bg-color:#f5f5f5;--active-bg-color:#fff;--active-bg-transparent-color:hsla(0,0%,100%,0);--overlay-color:rgba(0,0,0,0.6);--accent1-color:#5307c7;--accent1-dark1-color:#4a06b1;--error-color:#d40014;--button-hover-color:#fff;--interactive-color:#606060;--primary-info-color:#858585;--secondary-info-color:#b9b9b9;--placeholder-color:#ccc;--content-header-top-color:#f5f5f5;--content-header-bottom-color:#e9e9e9;--new-charge-button-text-color:#fff;--new-charge-button-inactive-bg-color:#e9e9e9;--divider-line-color:#e9e9e9;--divider-line-dark-color:#979797;--loading-dot-color:#404040;--shadow-light-color:rgba(0,0,0,0.15);--shadow-dark-color:rgba(0,0,0,0.3);--scrollbar-thumb-color:#ccc}
@font-face{font-family:CamphorThin;font-display:auto;src:url(/assets/fonts/CamphorThin.ttf)}@font-face{font-family:CamphorBold;font-display:auto;src:url(/assets/fonts/CamphorBold.ttf)}body,html{position:fixed;font-size:16px;line-height:1;margin:0;padding:0;height:100%;width:100%;background-color:var(--main-bg-color);-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-webkit-transition-timing-funciton:ease-out;-khtml-transition-timing-funciton:ease-out;-moz-transition-timing-funciton:ease-out;-ms-transition-timing-funciton:ease-out;-o-transition-timing-funciton:ease-out;transition-timing-funciton:ease-out;--content-max-width:600px;--content-min-width:250px;--std-transition-time:0.25s;--border-radius:0.4rem}body,html,input{font-family:CamphorThin,sans-serif}#app{height:100%}.content-wrapper{background-color:var(--inactive-bg-color);display:flex;position:relative;flex-direction:column;width:100%;height:100%;overflow:hidden}.content-wrapper>*{flex-shrink:0}.content{z-index:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;flex-shrink:1;height:100%;margin:0 .5em}.content>*{max-width:var(--content-max-width);min-width:var(--content-min-width);width:85%;padding:4rem 0;margin:0 auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:3px;margin-top:20px}.card{width:100%;background-color:var(--active-bg-color);border-radius:var(--border-radius);box-shadow:0 .08em .25em 0 var(--shadow-light-color);margin:0 auto}.button-std{cursor:pointer}.button-std:hover{color:var(--button-hover-color);background-color:var(--accent1-color);font-weight:800}.overlay{background-color:var(--overlay-color)}.arrow{border-style:solid;border-width:0 .12em .12em 0;display:inline-block;padding:.15em;position:relative;transition:all var(--std-transition-time) ease-out}.arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.nav-menu a{text-decoration:none;color:var(--interactive-color);border:none}.nav-menu a:hover{color:var(--accent1-color)}.nav-menu a.active{font-weight:800;border-color:var(--accent1-color)!important}.account-menu a{text-decoration:none;color:var(--interactive-color);border:none;cursor:pointer}.account-menu a:hover{color:var(--accent1-color)!important}.account-menu .disconnect{font-family:CamphorBold}
@media only screen and (max-width:900px){body,html{font-size:14px}}
@media only screen and (max-width:600px){body,html{--content-width:100%;font-size:10px}}
@-webkit-keyframes dot-keyframes{0%{opacity:var(--ld-opacity-low);-webkit-transform:scale(1);transform:scale(1)}33%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}66%{opacity:var(--ld-opacity-low);-webkit-transform:scale(1);transform:scale(1)}to{opacity:var(--ld-opacity-low);-webkit-transform:scale(1);transform:scale(1)}}@keyframes dot-keyframes{0%{opacity:var(--ld-opacity-low);-webkit-transform:scale(1);transform:scale(1)}33%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}66%{opacity:var(--ld-opacity-low);-webkit-transform:scale(1);transform:scale(1)}to{opacity:var(--ld-opacity-low);-webkit-transform:scale(1);transform:scale(1)}}.loading-dots{width:5rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);--ld-opacity-low:0.25}.loading-dots--dot{-webkit-animation:dot-keyframes 2s ease-in-out infinite;animation:dot-keyframes 2s ease-in-out infinite;background-color:var(--loading-dot-color);border-radius:.75rem;display:inline-block;height:.75rem;width:.75rem;margin:0 .4rem}.loading-dots--dot:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.loading-dots--dot:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}
.menu-bars{height:2.5rem;cursor:pointer}.menu-bars--bar{background-color:var(--interactive-color);border-radius:.25rem;display:block;height:.4rem;width:3rem;margin-bottom:.5rem}
.more-info-dots{height:2.5rem}.more-info-dots--dot{background-color:var(--interactive-color);border-radius:.25rem;display:block;height:.5rem;width:.5rem;margin-bottom:.5rem}
.overlay-notification{--overlay-max-width:500px;position:absolute;height:100%;width:100%;top:0;left:0;z-index:2;font-size:1.25em;line-height:1.25em}.overlay-notification .card{display:block;box-shadow:.15em 0 1em 0 var(--shadow-dark-color);width:85%;max-width:var(--overlay-max-width);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.overlay-notification .notification-wrapper{margin:0;padding:1.5em;overflow:hidden;word-break:break-word}.overlay-notification .title{font-size:1.75em;font-weight:800;text-align:center;color:var(--primary-info-color);margin-bottom:.85em}.overlay-notification .children,.overlay-notification .contents{color:var(--secondary-info-color)}.overlay-notification .children{position:relative;min-height:1em;margin-top:1.5em}.overlay-notification .buttons-wrapper{border-top:1px solid var(--divider-line-color);display:table;table-layout:fixed;width:100%}.overlay-notification .buttons-wrapper>*{text-align:center;padding:.65em;cursor:pointer;font-size:1.5em;display:table-cell}.overlay-notification .buttons-wrapper>:not(:hover){color:var(--interactive-color)}.overlay-notification .buttons-wrapper>:not(:first-child){border-left:1px solid var(--divider-line-color)}.overlay-notification .buttons-wrapper>:first-child{border-bottom-left-radius:var(--border-radius)}.overlay-notification .buttons-wrapper>:last-child{border-bottom-right-radius:var(--border-radius)}.overlay-notification .confirm-button:not(:hover){color:var(--accent1-color)}
@media only screen and (max-width:600px){.overlay-notification{font-size:1.5em}}
.header{--header-max-width:1000px;display:block;padding:0 1.5rem;background-color:var(--active-bg-color);box-shadow:0 .08em .25em 0 var(--shadow-dark-color);z-index:1}.header .header-content-wrapper{width:100%;max-width:var(--header-max-width);margin:0 auto;padding:1.5rem 0;position:relative}.header .header-content-wrapper>*{display:inline-block;vertical-align:middle}.header .logo img{width:10rem}.header .logo-menu-spacer{width:2.5em}.header .nav-menu a{display:inline-block;margin-right:.5em;padding:.5em;border-bottom:2px solid transparent}.header .account-info{font-size:.85em;color:var(--primary-info-color);position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header .account-info-spacer{width:3em}.header .account-info>*{display:inline-block}.header .account-info .display-name{font-weight:800;margin-right:.5em}.header .account-dropdown{color:var(--interactive-color);position:relative}.header .account-dropdown .button{font-weight:800;cursor:pointer;padding:.75em 0;height:1em}.header .account-dropdown .button:hover{color:var(--accent1-color)}.header .account-dropdown .button span{margin-right:.5em}.header .account-dropdown .arrow.down{top:-.15em}.header .account-dropdown .arrow.up{top:-.05em}.header .account-dropdown .dropdown{display:block;background-color:var(--active-bg-color);text-align:left;position:absolute;top:2.5em;right:-.5em;height:0;overflow:hidden;border:none;box-shadow:none;transition:height var(--std-transition-time,ease-out) ease-out}.header .account-dropdown .account-menu{padding:1em 1.5em 1.5em 1em}.header .account-dropdown .dropdown a{display:block;margin:0;white-space:nowrap}.header .account-dropdown .dropdown a:not(:last-child){margin-bottom:1em}.header .account-dropdown .dropdown.opened{height:7em;border:1px solid var(--divider-line-dark-color);box-shadow:0 .08em .25em 0 var(--shadow-dark-color)}
@media only screen and (max-width:900px){.header .account-names span{display:block;width:100%;text-align:right}.header .account-dropdown{position:relative;top:-.4em}}
.slide-menu{--open-width:25rem;--closed-width:6rem;position:absolute;z-index:2;top:0;left:0;width:var(--close-width);height:5.5em;transition:width 0s ease-out;transition:height 0s ease-out;transition-delay:var(--std-transition-time)}.slide-menu.opened{width:100%;height:100%;transition-delay:0s}.slide-menu .overlay{height:100%;width:100%;opacity:0;z-index:-1;transition:opacity var(--std-transition-time) ease-out}.slide-menu.opened .overlay{opacity:1}.slide-menu .slide-wrapper{width:var(--closed-width);height:100%;position:absolute;top:0;left:0;transition:width var(--std-transition-time) ease-out}.slide-menu.opened .slide-wrapper{width:var(--open-width)}.slide-menu .menu-bars{position:absolute;top:1.5rem;right:1.5rem;z-index:1}.slide-menu .menu-wrapper{width:var(--closed-width);height:100%;background-color:var(--active-bg-color);box-shadow:.15em 0 1em 0 var(--shadow-dark-color);opacity:0;visibility:hidden;padding-top:1rem;overflow:hidden;transition:opacity var(--std-transition-time) ease-out;transition:width var(--std-transition-time) ease-out}.slide-menu.opened .menu-wrapper{visibility:visible;opacity:1;width:var(--open-width)}.slide-menu .logo{margin:.75rem 1rem 3.5rem}.slide-menu .logo img{width:15rem}.slide-menu .logo-cover{display:block;width:6rem;height:5.5rem;position:absolute;top:0;right:0;background-color:var(--active-bg-color)}.slide-menu .menu{width:var(--open-width);font-size:2.25rem}.slide-menu .menu nav{width:100%}.slide-menu .menu a{display:block;padding:.35em .5em;margin:0 .5em .35em;border-left:3px solid transparent}.slide-menu .menu a:hover{color:var(--accent1-color)}.slide-menu .menu a.disconnect{font-family:CamphorBold}.slide-menu .menu .divider{display:block;height:1px;width:100%;background-color:var(--divider-line-color);margin:.75em 0}
.content-header{width:100%;color:var(--primary-info-color);font-size:2em;padding:3em 0 1.25em;text-align:center;box-shadow:0 .08em .25em 0 var(--shadow-dark-color);z-index:1;background:linear-gradient(180deg,var(--content-color-top-color),var(--content-header-bottom-color))}.content-header .display-name{font-size:1.25em;font-weight:800}
.new-charge-page{font-size:1.25em}.new-charge-page .fields{margin-bottom:2.5em}.new-charge-page .field-group-wrapper{margin-bottom:1em}.new-charge-page .info{font-size:.65em;color:var(--secondary-info-color);margin:0;padding:0 2em;height:1em;font-style:italic}.new-charge-page .info.right{text-align:right}.new-charge-page .info.error{color:var(--error-color)}.new-charge-page .field-group-input-wrapper{margin-bottom:.25em;width:100%}.new-charge-page .split{border-top:1px solid var(--divider-line-color);line-height:.6}.new-charge-page .split>:not(:first-child){border-left:1px solid var(--divider-line-color)}.new-charge-page .split>*{display:inline-block;width:calc(50% - .5px)}.currency-input-wrapper{position:relative;display:inline-block;z-index:1}.currency-input-wrapper .card{width:100%;height:100%;display:block;position:absolute;z-index:-1;overflow:hidden;transition:height var(--std-transition-time) ease-out}.currency-input-wrapper .currency-list-wrapper{height:0;padding:.1em .2em;position:relative;top:2.75em;opacity:0;border-top:2px solid var(--divider-line-dark-color);transition:opacity var(--std-transition-time) ease-out}.currency-input-wrapper .currency-list{height:17em;overflow-y:scroll}.currency-input-wrapper.showing-currency-list .card{height:20em}.currency-input-wrapper.showing-currency-list .currency-list-wrapper{opacity:1}.currency-list-item{color:var(--interactive-color);font-weight:600;cursor:pointer;padding:.65em .6em .65em .75em;vertical-align:middle;margin-right:.2em}.currency-list-item:not(:first-child){border-top:1px solid var(--divider-line-color)}.currency-list-item .currency{font-family:CamphorBold;font-size:.9em;float:right}.field-wrapper{padding:.5em 0;position:relative;width:100%}.new-charge-page .stripe-card-element-wrapper{padding:.75em .25em .35em .75em;vertical-align:middle;position:relative;height:1.5em}.new-charge-page .stripe-card-element-wrapper iframe{margin:0;padding:0;line-height:1em}.field-wrapper>*{display:table-cell;width:auto;padding:0 .5em 0 0;margin:0}.field-wrapper .icon{font-size:1.25em}.field-wrapper .label-wrapper{padding-left:.25em;padding-right:.25em}.field-wrapper label{display:inline-block;width:3rem;text-align:center;font-family:CamphorBold;color:var(--accent1-color);font-size:1.5em;margin:0;vertical-align:middle;position:relative;top:-.05em}.field-wrapper .input-wrapper{width:100%}.field-wrapper input{font-size:1em;font-weight:800;color:var(--interactive-color);background:transparent;padding:.25em 0;display:table-cell;width:100%;border:0}.field-wrapper input:focus{outline:none}.field-wrapper input::-webkit-input-placeholder{color:var(--placeholder-color)}.field-wrapper input:-ms-input-placeholder{color:var(--placeholder-color)}.field-wrapper input::-ms-input-placeholder{color:var(--placeholder-color)}.field-wrapper input::placeholder{color:var(--placeholder-color)}.field-wrapper input[name=amount]:not([value=""]){text-align:right}.field-wrapper .currency{font-family:CamphorBold;font-size:.9em;color:var(--interactive-color);text-align:right;width:3.5em;cursor:pointer}.field-wrapper .currency span{margin-right:.35em}.field-wrapper .currency .arrow.down{top:-.2em}.field-wrapper .currency .arrow.up{top:-.1em}.new-charge-page .charge-button{width:100%;background-color:var(--new-charge-button-inactive-bg-color);border-radius:.4rem;box-shadow:0 .08em .25em 0 var(--shadow-dark-color);margin:0 auto 1.5em;color:var(--new-charge-button-text-color);font-family:CamphorBold;text-align:center;position:relative}.new-charge-page .charge-button.active{cursor:pointer;background:linear-gradient(180deg,var(--accent1-color),var(--accent1-dark1-color))}.new-charge-page .charge-button.processing{color:transparent}.new-charge-page .charge-button.processing .loading-dots{height:1.5em}.new-charge-page .charge-button.active.processing .loading-dots--dot{background-color:#fff}.new-charge-page .charge-button .charge-text{font-size:1.5em;padding:.35em}.overlay-notification .new-charge-success-notification-title{color:var(--accent1-color)}.overlay-notification .new-charge-error-notification-title{color:var(--error-color)}
@media only screen and (max-width:600px){.new-charge-page{font-size:1.75em}}
.charge-list{font-size:1.25em}.charge-list .charge-group{margin-bottom:2em}.charge-list .group-date{font-size:.9em;padding:.25em .5em;font-family:CamphorBold;color:var(--primary-info-color)}.charge-list .charge-wrapper{position:relative;width:100%;margin-bottom:.35em;cursor:pointer}.charge-list .charge-info-wrapper{display:flex;align-items:center;padding:.5em;height:auto;transition:height var(--std-transition-time) ease-out}.charge-list .charge-info-wrapper>*{display:table-cell;padding:0;vertical-align:middle}.charge-list .charge-info-wrapper>:not(:last-child){padding-right:.65em}.charge-list .charge-details{width:100%}.charge-list .description{color:var(--primary-info-color);overflow:hidden;height:1.05em;max-height:1.05em;word-break:break-all;position:relative}.charge-list .description.no-description{font-style:italic;color:var(--secondary-info-color)}.charge-list .description:after{display:inline-block;position:absolute;top:0;right:0;width:2em;height:100%;content:"";background:linear-gradient(90deg,var(--active-bg-transparent-color),var(--active-bg-color))}.charge-list .secondary-details{margin-top:.25em}.charge-list .secondary-details>*{display:table-cell;vertical-align:middle}.charge-list .time{font-size:.75em;color:var(--secondary-info-color);width:5.5em;height:1em;overflow:hidden}.charge-list .data-flag{font-size:.55em;height:1em;border-radius:1em;color:#fff;width:6em;padding:0;text-align:center}.charge-list .data-flag.refunded,.charge-list .data-flag.unpaid{background-color:var(--accent1-color)}.charge-list .data-flag.failed{background-color:var(--error-color)}.charge-list .amount{font-size:1.1em;color:var(--primary-info-color);font-weight:800}.charge-list .loading{position:relative;height:1em}.charge-list .info{font-style:italic;text-align:center;font-size:.85em;color:var(--secondary-info-color)}.overlay-notification .charge-details-info{color:var(--primary-info-color)}.overlay-notification .charge-details-info .refunded{color:var(--accent1-color)}.overlay-notification .charge-details-info .failed{color:var(--error-color)}.overlay-notification .charge-details-info .unpaid{color:var(--accent1-color)}.overlay-notification .charge-confirm-refund-info{color:var(--primary-info-color)}.overlay-notification .charge-confirm-refund-info .charge-description{overflow:hidden;max-height:1.3em;position:relative;word-break:break-all}.overlay-notification .charge-confirm-refund-info .charge-description:after{display:inline-block;position:absolute;top:0;right:0;width:2em;height:100%;content:"";background:linear-gradient(90deg,transparent,var(--active-bg-color))}
@media only screen and (max-width:600px){.charge-list{font-size:1.75em}}
.overlay-notification .new-charge-success-notification-info{color:var(--primary-info-color)}.overlay-notification .charge-amount{font-size:2em;margin-bottom:.15em}.overlay-notification .charge-description{margin-top:.75em;overflow:hidden;max-height:4em}.overlay-notification .charge-time{font-size:.75em}.overlay-notification .charge-children{margin-top:1em}
