:root{--mobile-switch-width: 900px;--dark: #121;--font-family: Teachers, arial, sans-serif}.admin-page-content h2{margin-top:0}.admin-page-content .danger-zone{margin-top:80px;padding-top:30px}body.dark .admin-page-content .danger-zone{border-top:1px solid #fafafa}body.light .admin-page-content .danger-zone{border-top:1px solid #121}.admin-page-content .danger-zone h3{color:#fa327a}.admin-page-content .danger-zone .btn-danger{display:inline-block;margin:16px 0;background:#fa327a;color:#fafafa;padding:8px 16px;border-radius:8px}.admin-page-content .admin-user-show-prop{margin:16px 30px;display:inline-block;text-align:center}.admin-page-content .admin-user-show-prop label{font-weight:bold}.admin-page-content .admin-user-show-prop p{margin:0}body{font-family:Teachers,arial,sans-serif;letter-spacing:1px;margin:0;background:#121;transition:.3s background-color}body.dark{background:#121}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark label,body.dark p,body.dark th,body.dark td,body.dark div{color:#fafafa}body.light{background:#fafafa}body.light h1,body.light h2,body.light h3,body.light h4,body.light h5,body.light h6,body.light label,body.light p,body.light th,body.light td,body.light div{color:#121}a{color:#42dbbf;text-decoration:none}p[role=alert]{text-align:center}img{max-width:100%}.alert{padding:15px;margin:0 0 20px;border:1px solid rgba(0,0,0,0);border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}body.dark .alert-info{background:#1c8fb4}body.light .alert-info{background:#36bae9}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#d93432;background-color:#f2dede;border-color:#ebccd1}body.dark .alert-danger{background:#ce246a}body.light .alert-danger{background:#fa327a;color:#fafafa}.alert p{margin:0}.alert:empty{display:none}.invalid-feedback{color:#fa327a;display:block;margin:0 0 8px}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-disconnected{cursor:wait}.phx-disconnected *{pointer-events:none}.phx-modal{opacity:1 !important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.phx-modal-content{background-color:#fefefe;margin:15vh auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:bold}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}body.fixed-header header{position:fixed;top:0;left:0;width:100%}body.fixed-header header #main-nav{margin-right:16px}body.fixed-header main.container{margin-top:58px}body.fixed-header p.alert{margin-top:74px;margin-bottom:0}body.fixed-sidebar p.alert{margin-left:200px}#header-right nav ul#main-nav li.current a,#header-right nav ul li.current a,nav#mobile-menu ul#main-nav li.current a,nav#mobile-menu ul li.current a{font-weight:bold;color:#36bae9}header{position:relative;padding:8px;margin:0;height:58px;z-index:100}body.dark header{box-shadow:0 0 9px #fafafa;background:#121;transition:.3s background-color}body.light header{box-shadow:0 0 6px #121;background:#fafafa;transition:.3s background-color}header #header-right{position:absolute;top:8px;right:8px}@media screen and (max-width: 900px){header #header-right{display:none}}header #header-right ul{list-style:none;padding:0;margin:0}header #header-right ul li{display:inline-block;padding:8px;margin:8px}header #header-right ul li a{font-weight:bold;text-decoration:none;vertical-align:middle;cursor:pointer;font-weight:normal;text-transform:uppercase}header #header-right ul li a.to-light-mode img,header #header-right ul li a.to-dark-mode img{height:30px}header #mobile-menu-container{position:absolute;top:8px;right:0;display:none}@media screen and (max-width: 900px){header #mobile-menu-container{display:block}}header #mobile-menu-container #toggle-mobile-menu-container{margin-right:32px}header #mobile-menu-container #toggle-mobile-menu-container svg#toggle-mobile-menu{width:60px;height:60px;cursor:pointer}header #mobile-menu-container #toggle-mobile-menu-container g .line{fill:none;stroke-width:3;stroke-linecap:round;transition:all .3s ease;transform-origin:center}body.dark header #mobile-menu-container #toggle-mobile-menu-container g .line{stroke:#fafafa}body.light header #mobile-menu-container #toggle-mobile-menu-container g .line{stroke:#121}header #mobile-menu-container.active g .line1{transform:rotate(45deg) translateY(15%) translateX(2%)}header #mobile-menu-container.active g .line2{opacity:0}header #mobile-menu-container.active g .line3{transform:rotate(-45deg) translateY(-15%) translateX(2%)}body.dark header ul#main-nav li.dark-btn-container{display:none}body.dark header ul#main-nav li a{color:#fafafa}body.light header ul#main-nav li.light-btn-container{display:none}body.light header ul#main-nav li a{color:#121}#mobile-menu{position:fixed;right:0px;top:-400px;transition:all .3s;z-index:99;box-shadow:-2px 2px 5px 1px rgba(127,127,127,.5);display:none}body.dark #mobile-menu{background:#121;border:1px solid #000}body.dark #mobile-menu a{color:#fafafa}body.dark #mobile-menu a.to-dark-mode{display:none}body.light #mobile-menu{background:#fafafa;border:1px solid #fff}body.light #mobile-menu a{color:#121}body.light #mobile-menu a.to-light-mode{display:none}@media screen and (max-width: 900px){#mobile-menu{display:block}}#mobile-menu.active{top:74px}#mobile-menu ul{margin:0;padding:0;list-style:none}#mobile-menu ul li a{display:block;padding:16px 30px;cursor:pointer}#mobile-menu ul li a img{width:20px;vertical-align:bottom}#mobile-menu-click-screen{position:fixed;width:100%;height:100%;top:0;left:0;z-index:98;cursor:default;display:none}#mobile-menu-click-screen.active{display:block}body.dark .page-container{background:#262b25;transition:.3s background-color}body.light .page-container{background:#e2e5e3;transition:.3s background-color}form .form-control{margin-bottom:16px}form .form-control label{display:block;margin-bottom:3px;text-transform:capitalize}form .form-control input[type=text],form .form-control input[type=password],form .form-control input[type=email]{padding:8px;outline:none;font-family:Teachers,arial,sans-serif;width:280px;max-width:calc(100% - 16px);border:none;box-shadow:inset .5px .5px 5px 1px rgba(127,127,127,.7)}form .form-control input[type=submit],form .form-control button[type=submit]{background:#fcc103;width:300px;max-width:100%;border:none;color:#fafafa;font-size:1.2em;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .5s;font-family:Teachers,arial,sans-serif;white-space:normal}form .form-control input[type=submit]:hover,form .form-control button[type=submit]:hover{background:#fd7b0b}form .form-control input[type=submit]:disabled,form .form-control button[type=submit]:disabled{background-color:#999;cursor:default}.table-search-form .form-control{display:inline-block}.table-search-form .form-control button[type=submit]{width:auto}.table-search-form .table-filter-clear-container{display:block}.table-search-form .table-filter-clear-container a{color:#fd7b0b}.data-table-page-title-row{display:flex;justify-content:space-around;flex-direction:row}.data-table-page-title-row>div{flex:1 1 0px}@media screen and (max-width: 900px){.data-table-page-title-row{flex-direction:column}}.table-container{margin:30px 0}table{border-collapse:collapse;margin:8px auto;width:100%}body.dark table tbody tr{background:#262b25}body.dark table tbody tr:nth-child(even){background:#121}body.dark table tbody tr:hover{filter:brightness(1.5)}body.light table tbody tr{background:#e2e5e3}body.light table tbody tr:nth-child(even){background:#fafafa}body.light table tbody tr:hover{filter:brightness(0.7)}body.dark table thead tr{background:#121}body.light table thead tr{background:#fafafa}table th,table td{border:1px solid #000;width:1px;white-space:nowrap;padding:6px 8px}table th:last-child,table td:last-child{width:100%}table th a,table td a{color:#1c8fb4}.pagination-container{text-align:center}.pagination-container .pagination-links{margin-bottom:16px}.pagination-container a{color:#fd7b0b}.pagination-container span,.pagination-container a{display:inline-block}.pagination-container .prev-page-link{margin-right:16px}.pagination-container .next-page-link{margin-left:16px}.pagination-container .pagination-page-link{margin:0 4px}.page-size-controls .page-size-link{display:inline-block;margin:0 4px}.sep{display:inline-block;margin:0 8px}html.mobile.sidebar-visible,body.mobile.sidebar-visible{overflow-x:hidden;max-width:100vw}html.mobile.sidebar-collapsed,body.mobile.sidebar-collapsed{overflow-x:auto}.profile-page-container .profile-page-content{margin-left:200px}body.transitions-enabled .profile-page-container .profile-page-content{transition:margin-left .3s}.profile-page-container.sidebar-collapsed .profile-page-content{margin-left:0}.profile-sidebar{position:fixed;z-index:2;top:0;left:0;width:200px;height:100vh;box-shadow:2px 2px 4px rgba(127,127,127,0);transform:translateX(0)}.profile-sidebar.scrollable{position:absolute;top:-58px;height:auto}body.transitions-enabled .profile-sidebar{transition:all .3s ease}.profile-sidebar:hover{box-shadow:2px 2px 4px rgba(127,127,127,.3)}.profile-sidebar:hover #sidebar-toggle-tab{opacity:1}body.dark .profile-sidebar{background:#121}body.dark .profile-sidebar ul li{border-left:4px solid #121}body.dark .profile-sidebar ul li a{color:#fafafa}body.light .profile-sidebar{background:#fafafa;transition:.3s background-color}body.light .profile-sidebar ul li{border-left:4px solid #fafafa}body.light .profile-sidebar ul li a{color:#121}.profile-sidebar #sidebar-logo-container{padding:8px}.profile-sidebar ul#sidebar-links{margin:0;list-style:none;padding:0}.profile-sidebar ul#sidebar-links>li.current{border-left:4px solid #1c8fb4}.profile-sidebar ul#sidebar-links>li.current.has-submenu{border-left:none}.profile-sidebar ul#sidebar-links>li.current.has-submenu .parent-menu-item{border-left:4px solid #1c8fb4}.profile-sidebar ul#sidebar-links li{transition:border-color .3s}.profile-sidebar ul#sidebar-links li a{transition:background-color .3s;display:block;padding:12px 16px}.profile-sidebar ul#sidebar-links li a:hover{background:rgba(129,129,129,.1)}.profile-sidebar ul#sidebar-links li .parent-menu-item{position:relative}.profile-sidebar ul#sidebar-links li .parent-menu-item .submenu-toggle{position:absolute;right:8px;top:50%;transform:translateY(-40%) rotate(0deg);width:25px;cursor:pointer}body.dark .profile-sidebar ul#sidebar-links li .parent-menu-item .submenu-toggle path{fill:#fafafa}body.light .profile-sidebar ul#sidebar-links li .parent-menu-item .submenu-toggle path{fill:#121}.profile-sidebar ul#sidebar-links li .submenu{list-style:none;margin:0;padding:0;overflow:hidden;transition:max-height .3s;max-height:calc(var(--submenu-items, 2)*43px)}body.dark .profile-sidebar ul#sidebar-links li .submenu{background:#000;border-top:1px solid #262b25;border-bottom:1px solid #262b25}body.light .profile-sidebar ul#sidebar-links li .submenu{background:#fff;border-top:1px solid #e2e5e3;border-bottom:1px solid #e2e5e3}.profile-sidebar ul#sidebar-links li .submenu li a{padding-left:30px;transition:background-color .3s;display:block}.profile-sidebar ul#sidebar-links li .submenu li.current a{font-weight:600;color:#36bae9}.profile-sidebar ul#sidebar-links li.has-submenu.collapsed .submenu-toggle{transform:translateY(-50%) rotate(90deg)}.profile-sidebar ul#sidebar-links li.has-submenu.collapsed .submenu{max-height:0;border:none}.profile-sidebar #sidebar-toggle-tab{--sidebar-tab-width: 28px;position:absolute;top:96px;right:calc(-1*var(--sidebar-tab-width)/1.1);width:var(--sidebar-tab-width);height:36px;border-radius:4px 14px 14px 4px;cursor:pointer;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:2px 2px 4px rgba(127,127,127,.3);background:#999;display:flex;opacity:0;transition:opacity .3s}body.no-hover .profile-sidebar #sidebar-toggle-tab{opacity:1}.profile-sidebar #sidebar-toggle-tab:hover{background:#36bae9}.profile-sidebar #sidebar-toggle-tab:hover .toggle-icon path{fill:#fafafa}.profile-sidebar #sidebar-toggle-tab .toggle-icon{width:16px;height:16px;transition:transform .3s ease;transform:rotate(180deg)}.profile-sidebar #sidebar-toggle-tab .toggle-icon path{fill:#fafafa}.profile-sidebar.collapsed{transform:translateX(-200px)}.profile-sidebar.collapsed #sidebar-toggle-tab{opacity:1}.profile-sidebar.collapsed #sidebar-toggle-tab .toggle-icon{transform:rotate(0deg)}body.home header{box-shadow:none}body.home header #header-logo-container{display:none}#home-container{text-align:center}#home-container #home-logo-container{display:inline-block}#home-container #home-logo-container img{width:300px;max-width:80%}#home-container #home-logo-container h1{font-family:Urbanist,arial,sans-serif;margin:16px 0;font-size:140px;letter-spacing:6px;font-weight:800;line-height:40px}#home-container #home-logo-container h1 span{font-size:30px;text-transform:uppercase;font-weight:900;letter-spacing:1px}@media screen and (max-width: 600px){#home-container #home-logo-container h1{font-size:80px;line-height:28px;letter-spacing:5px}#home-container #home-logo-container h1 span{font-size:20px}}.user-form-container{text-align:center;margin-top:80px}.user-form-container h1{margin-bottom:60px}.user-form-container .user-links{margin-top:60px}.user-form-container #pow-method-separator{margin:30px auto;max-width:380px;border-bottom-width:1px;border-bottom-style:solid;position:relative;top:-16px}body.dark .user-form-container #pow-method-separator{border-bottom-color:#fafafa}body.dark .user-form-container #pow-method-separator div{background:#121}body.light .user-form-container #pow-method-separator{border-bottom-color:#121}body.light .user-form-container #pow-method-separator div{background:#fafafa}.user-form-container #pow-method-separator div{position:relative;top:1.5em;display:inline-block;padding:16px;transition:background .3s}.profile-page-container{position:relative;display:none;z-index:1}.profile-page-container .profile-page-content{padding:30px 60px;min-height:100vh;word-wrap:break-word}body.mobile .profile-page-container .profile-page-content{min-width:calc(100vw - 120px)}.profile-page-container .profile-page-content .user-form-container{margin:0;text-align:left}.profile-page-container .account-edit-section{padding:30px 0 60px;margin:30px 0;max-width:800px}.profile-page-container .account-edit-section h3{margin:0 0 30px;text-transform:uppercase}.profile-page-container .account-edit-section #account-email-edit-info{transition:max-height .3s;max-height:30px}.profile-page-container .account-edit-section #account-email-edit-info p,.profile-page-container .account-edit-section #account-email-edit-info a{display:inline-block;margin:0}.profile-page-container .account-edit-section #account-email-edit-info p .provider,.profile-page-container .account-edit-section #account-email-edit-info a .provider{text-transform:capitalize}.profile-page-container .account-edit-section #account-email-edit-info a{float:right;cursor:pointer}.profile-page-container .account-edit-section #account-email-edit-info.hide{max-height:0;overflow:hidden}.profile-page-container .account-edit-section #account-email-edit-form-container{transition:max-height .3s;max-height:240px}.profile-page-container .account-edit-section #account-email-edit-form-container a#cancel-edit-email{float:right;cursor:pointer}.profile-page-container .account-edit-section #account-email-edit-form-container.hide{max-height:0;overflow:hidden}.profile-page-container .account-edit-section#account-password-edit-container{padding-top:80px}body.dark .profile-page-container .account-edit-section#account-password-edit-container{border-top:1px solid #fafafa}body.light .profile-page-container .account-edit-section#account-password-edit-container{border-top:1px solid #121}body.dark #oauth-login-container a,body.dark #oauth-login-container div,body.light #oauth-login-container a,body.light #oauth-login-container div{color:#121}#oauth-login-container a .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:"Roboto",arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:300px;max-width:400px;min-width:min-content}#oauth-login-container a .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}#oauth-login-container a .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}#oauth-login-container a .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:0;flex-grow:0;font-family:"Roboto",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}#oauth-login-container a .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}#oauth-login-container a .gsi-material-button:disabled{cursor:default;background-color:rgba(255,255,255,.3803921569);border-color:rgba(31,31,31,.1215686275)}#oauth-login-container a .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}#oauth-login-container a .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}#oauth-login-container a .gsi-material-button:not(:disabled):active .gsi-material-button-state,#oauth-login-container a .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}#oauth-login-container a .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}#oauth-login-container a .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}#payment-methods-container{margin-top:80px;text-align:left}#payment-methods-container table{display:inline-block;width:200px;table-layout:auto}#payment-methods-container table tbody tr td{padding:8px 16px}#payment-methods-container table tbody tr td .delete-link{color:#d93432}#add-payment-method-container{margin-top:80px;padding-top:30px}body.dark #add-payment-method-container{border-top:1px solid #fafafa}body.light #add-payment-method-container{border-top:1px solid #121}form#add-payment-method{max-width:500px;background:#fafafa;padding:16px;text-align:center;border-radius:12px;margin:30px 0}form#add-payment-method .form-control{margin:16px 0}form#add-payment-method #card-element-container{text-align:left}form#add-payment-method #card-element-container label{color:#121}form#add-payment-method #card-element-container #card-element{margin:16px 0;box-shadow:inset .5px .5px 5px 1px rgba(127,127,127,.7);padding:8px}form#add-payment-method #secure-payments{margin:30px 0 0}
