Created
April 5, 2022 16:26
-
-
Save dmarman/36318ce862b2df0cdeb2a701c6b0be42 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *, ::after, ::before { | |
| /*box-sizing: border-box;*/ | |
| } | |
| .t-primary-color { | |
| background-color:rgb(0, 105, 255); | |
| color: white; | |
| } | |
| .t-input-color { | |
| color: black; | |
| background-color: white; | |
| } | |
| .t-modal-content h1 { | |
| display: block; | |
| font-size: 2em; | |
| font-weight: bold; | |
| margin: 0.67em 0; | |
| } | |
| .t-modal-content h2 { | |
| display: block; | |
| font-size: 1.5em; | |
| font-weight: bold; | |
| margin: 0.83em 0; | |
| } | |
| .t-modal-content h3 { | |
| display: block; | |
| font-size: 1em; | |
| font-weight: bold; | |
| margin: 0.83em 0; | |
| } | |
| .t-modal-content p { | |
| margin: 0.83em 0; | |
| } | |
| .t-text-dashboard_link { | |
| text-decoration: underline; | |
| } | |
| .t-milestone-target { | |
| text-align: right; | |
| display: flex; | |
| opacity: .6; | |
| align-items: center; | |
| justify-content: flex-end; | |
| flex-flow: column; | |
| } | |
| .fade-in{-webkit-animation-name:fade-in;-webkit-animation-duration:0.32s;animation-name:fade-in;animation-duration:0.32s;} | |
| .fade-out{-webkit-animation-name:fade-out;-webkit-animation-duration:.2s;animation-name:fade-out;animation-duration:.2s} | |
| .roll-down{-webkit-animation-name:roll-down;-webkit-animation-duration:0.3s;animation-name:roll-down;animation-duration:0.3s;} | |
| .roll-up{-webkit-animation-name:roll-up;-webkit-animation-duration:0.3s;animation-name:roll-up;animation-duration:0.3s;} | |
| .t-form-modal,.t-input,.t-button{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;} | |
| .t-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;} | |
| .t-modal-content{margin:auto;padding:30px 0 35px 0;border:0;max-width:1200px;border-radius:8px;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16), 0px 7px 1000px 10px rgba(0,0,0,0.1)!important;-moz-box-shadow:0 5px 40px rgba(0,0,0,.16), 0px 7px 1000px 10px rgba(0,0,0,0.1)!important;box-shadow:0 5px 40px rgba(0,0,0,.16), 0px 7px 1000px 10px rgba(0,0,0,0.1)!important;font-weight:inherit;background-color:rgb(250, 250, 250);} | |
| @media (min-width:576px){ | |
| .t-modal-content{max-width:570px;margin:1.75rem auto;padding:13px 15px 35px 15px;} | |
| } | |
| @media (min-width:768px){ | |
| .t-modal-content{max-width:750px;margin:1.75rem auto;} | |
| } | |
| @media (min-width:992px){ | |
| .t-modal-content{max-width:990px;} | |
| } | |
| @media (min-width:1200px){ | |
| .t-modal-content{max-width:1175px;} | |
| } | |
| .t-modal-close{ | |
| float:right; | |
| opacity: .5; | |
| padding:10px; | |
| -webkit-transition: all .3s; | |
| -o-transition: all .3s; | |
| transition: all .3s; | |
| } | |
| .t-modal-close:hover,.t-modal-close:focus{ | |
| opacity: 1; | |
| cursor:pointer; | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| } | |
| .t-form-modal{font-weight:inherit;} | |
| .t-form-group .t-input:focus{outline:0;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);} | |
| .t-message{color:#4c4c4c !important;display:block; | |
| margin: 0.3rem auto 0 auto;font-size:0.85rem;color:inherit;max-width:600px;text-align:center;font-family:inherit;} | |
| .t-input{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;background-clip:padding-box;border:1px solid #dbe2e8;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow:visible; | |
| margin:1rem 0 0 0;font-family:inherit;-webkit-box-shadow: 0 2px 2px 0 rgba(46,60,73,.05);box-shadow: 0 2px 2px 0 rgba(46,60,73,.05);} | |
| label + .t-input { | |
| margin: 0.5rem 0 0 0; | |
| } | |
| .t-button{color:#fff;background-color:rgb(0, 105, 255);font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:none;-webkit-appearance:button;min-width:130px;display:block;margin:16px auto 0 auto;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);font-family:inherit;min-height:35px;} | |
| .t-button:focus{text-decoration: none;outline: 0;} | |
| .t-button:hover{opacity: 0.9;cursor:pointer;} | |
| .t-button-dashboard {margin-top: 0} | |
| .t-dashboard *,.t-dashboard *::before,.t-dashboard *::after{box-sizing:border-box;} | |
| .t-container{margin: 0 15px;} | |
| .t-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;} | |
| .t-col-12,.t-col-lg-6,.t-col-lg-9{position:relative;width:100%;padding-right:15px;padding-left:15px;} | |
| .t-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} | |
| @media (min-width:992px){ | |
| .t-col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;} | |
| .t-col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;} | |
| .t-col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;} | |
| } | |
| .t-form-group label {color: #4c4c4c; margin-top: 0.8rem; margin-bottom: 0;display: inline-block} | |
| .t-form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;} | |
| .t-form-control::-ms-expand{background-color:transparent;border:0;} | |
| .t-form-control:focus{color:#495057;background-color:#fff;outline:0;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);} | |
| .t-form-control::-webkit-input-placeholder{color:#868e96;opacity:1;} | |
| .t-form-control:-ms-input-placeholder{color:#868e96;opacity:1;} | |
| .t-form-control::-ms-input-placeholder{color:#868e96;opacity:1;} | |
| .t-form-control::placeholder{color:#868e96;opacity:1;} | |
| .t-form-control:disabled{background-color:#e9ecef;opacity:1;} | |
| .t-form-modal .form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px;} | |
| .t-form-modal .form-row>[class*="col-"]{padding-right:5px;padding-left:5px;} | |
| .t-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box; | |
| border-radius:8px; | |
| /*border:0;*/ | |
| /*-webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.15), 0 8px 16px -8px rgba(0,0,0,.3);*/ | |
| /*box-shadow:0 13px 27px -5px rgba(50,50,93,.15), 0 8px 16px -8px rgba(0,0,0,.3);*/ | |
| -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.1); | |
| box-shadow: 0 3px 8px rgba(0,0,0,.1); | |
| overflow:auto;margin-top:1rem!important;} | |
| .t-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding: 0 1.7rem 1.25rem 1.7rem;} | |
| .t-form-modal .badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;} | |
| .t-form-modal .badge:empty{display:none;} | |
| .t-form-modal .badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem;} | |
| .t-form-modal .badge-primary{color:#fff!important;background-color:#007bff;} | |
| .t-form-modal .list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;} | |
| .t-form-modal .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,0.125);} | |
| .t-form-modal .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem;} | |
| .t-form-modal .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;} | |
| .t-form-modal .list-group-item:focus,.t-form-modal .list-group-item:hover{text-decoration:none;} | |
| .t-form-modal .list-group-item:disabled{color:#868e96;background-color:#fff;} | |
| .t-form-modal .list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0;} | |
| .t-form-modal .list-group-flush:last-child .list-group-item:last-child{border-bottom:0;} | |
| .t-form-modal .align-items-center{-ms-flex-align:center!important;align-items:center!important;} | |
| .t-form-modal .text-center{text-align:center!important;} | |
| .t-form-modal .text-muted{color:#868e96!important;} | |
| @media (max-width:475px){ | |
| #waiting-list{font-size:80%;} | |
| } | |
| .t-form-modal .pull-right{float:right;} | |
| .t-form-modal .pull-left{float:left;} | |
| .t-fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} | |
| .t-fa-twitter:before{content:"\F099";} | |
| .t-fa-facebook:before{content:"\F09A";} | |
| .t-fa-copy:before{content:"\F0C5";} | |
| .t-fa-envelope:before{content:"\F0E0";} | |
| .t-fa-linkedin:before{content:"\F0E1";} | |
| .t-fa-reddit:before{content:"\F1A1";} | |
| .t-fa-weixin:before{content:"\F1D7";} | |
| .t-fa-whatsapp:before{content:"\F232";} | |
| .t-fa-twitter:before{content:"\F099";} | |
| .t-fa-twitter{top:-1px!important;color:white!important;} | |
| .t-fa-facebook:before{content:"\F09A";} | |
| .t-fa-facebook{color:white!important;} | |
| .t-fa-copy:before{content:"\F0C5";} | |
| .t-fa-copy{margin-left:.25rem!important;color:white!important;} | |
| .t-fa-envelope:before{content:"\F0E0";} | |
| .t-fa-envelope{color:white!important;} | |
| .t-fa-linkedin:before{content:"\F0E1";} | |
| .t-fa-linkedin{top:-1px!important;color:white!important;} | |
| .t-fa-reddit:before{content:"\F1A1";} | |
| .t-fa-reddit{top:-1px!important;color:#FF4501!important;} | |
| .t-fa-weixin:before{content:"\F1D7";} | |
| .t-fa-weixin{color:white!important;} | |
| .t-fa-whatsapp:before{content:"\F232";} | |
| .t-fa-whatsapp{top:-1px!important;color:white!important;} | |
| .t-fa-telegram:before{content:"\F2C6";} | |
| .t-fa-telegram{top:-1px!important;color:white!important;} | |
| .t-btn-social{ | |
| display:inline-block; | |
| white-space:nowrap; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none; | |
| line-height:1.5; | |
| border-radius:.45rem; | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| margin:3px 7px 3px 0px; | |
| -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); | |
| box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); | |
| position:relative; | |
| text-align:left; | |
| height:34px; | |
| width:34px; | |
| padding:0; | |
| -webkit-transition: all .2s; | |
| -o-transition: all .2s; | |
| transition: all .2s; | |
| } | |
| .t-btn-social:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25);} | |
| .t-btn-social:disabled{opacity:.65;} | |
| .t-btn-social:hover{ | |
| cursor: pointer; | |
| box-shadow: 0 7px 11px 1px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); | |
| -webkit-transform:translate3d(0,-1px,0); | |
| -ms-transform:translate3d(0,-1px,0); | |
| transform:translate3d(0,-1px,0); | |
| } | |
| .t-btn-social:not([disabled]):not(.disabled):active{background-image:none;} | |
| .t-btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;line-height:34px;font-size:1.6em;border:0;text-align:center;width:100%!important;} | |
| .t-hidden{display:none!important;} | |
| #t-modal{z-index:1000!important;top:0!important;height:100%!important;position:fixed!important;} | |
| .t-modal-title{text-align:center;margin-top:1rem;margin-bottom:1rem;} | |
| .t-modal-subtitle{text-align:center;margin-top:1rem;margin-bottom:1rem;color:#868e96;font-size: 1.6rem;} | |
| .t-text-paragraph{text-align:center;margin-top:1rem;margin-bottom:1.5rem;} | |
| .t-modal-share-input{margin-bottom:.5rem;border-radius: .45rem;} | |
| .t-modal-copy-btn, .t-modal-invite-btn{ | |
| -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); | |
| box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); | |
| margin-bottom:.5rem; | |
| display:inline-block; | |
| font-weight:400; | |
| text-align:center; | |
| white-space:nowrap; | |
| vertical-align:middle; | |
| -webkit-user-select:none; | |
| -moz-user-select:none; | |
| -ms-user-select:none; | |
| user-select:none; | |
| border:1px solid transparent; | |
| padding:.375rem .75rem; | |
| font-size:1rem; | |
| line-height:1.5; | |
| border-radius:.45rem; | |
| -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; | |
| } | |
| .t-modal-copy-btn svg { | |
| vertical-align: middle; | |
| margin-left: 2px; | |
| } | |
| .t-modal-copy-btn:hover, .t-modal-invite-btn:hover{ | |
| opacity: 0.9; | |
| cursor:pointer; | |
| text-decoration:none; | |
| box-shadow: 0 7px 11px 1px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); | |
| -webkit-transform:translate3d(0,-1px,0); | |
| -ms-transform:translate3d(0,-1px,0); | |
| transform:translate3d(0,-1px,0); | |
| } | |
| .t-modal-copy-btn:focus, .t-modal-invite-btn:focus{text-decoration:none;outline:0;} | |
| .t-modal-copy-btn:disabled, .t-modal-invite-btn:disabled{opacity:.65;} | |
| .t-text-wait-list-title{margin-bottom:1rem!important;} | |
| .t-text-task-outro{margin:0.6rem 0;} | |
| .t-points {font-size: 3rem;margin: 0;} | |
| .t-text-units{font-size: 2rem;} | |
| .t-modal-referreds-deleter .t-card-body{max-height: 370px;} | |
| .t-table th{text-align:inherit;} | |
| .t-table{border-collapse:collapse;width:100%;max-width:100%;background-color:transparent;text-align:center!important;} | |
| .t-table td,.t-table th{padding:1.1rem;vertical-align:top;} | |
| .t-table tr:first-child th{border-top:0} | |
| .t-table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;} | |
| .t-table-hover tbody tr:hover{background-color: rgba(0, 0, 0, 0.01);} | |
| .t-table tbody th{font-weight: normal} | |
| .t-table-hover tbody tr {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s; border-top: 1px solid #0000000f;} | |
| .t-modal-dashboard-info{text-align: center;} | |
| .t-footer-text{ | |
| margin-top: 2rem; | |
| } | |
| .t-modal-dashboard-user{color:#868e96;} | |
| #referred-list{ | |
| font-size: 1rem; | |
| text-align: left; | |
| } | |
| #referred-list th{ | |
| padding: 1rem 1rem 1rem 0; | |
| text-transform: capitalize; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .t-scroll { | |
| max-height: 290px; | |
| overflow: auto; | |
| padding: 0 1.7rem 0 0.2rem; | |
| } | |
| .t-table tr:first-child{ | |
| border-top: 0 !important; | |
| } | |
| .t-avatar { | |
| width: 38px; | |
| height: 38px; | |
| font-size: 12px; | |
| line-height: 38px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| color: rgb(255, 255, 255); | |
| border-radius: 100%; | |
| background: rgb(126, 55, 148); | |
| display: inline-block; | |
| margin-right: 1rem; | |
| } | |
| @-webkit-keyframes fade-in{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}} | |
| @keyframes fade-in{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}} | |
| @-webkit-keyframes fade-out{from{opacity:1}to{opacity:0;transform:translate(0,100px)}} | |
| @keyframes fade-out{from{opacity:1}to{opacity:0;transform:translate(0,100px)}} | |
| /*@-webkit-keyframes roll-down{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}}*/ | |
| /*@keyframes roll-down{from{opacity:0;transform:translate(0, 15px);}to{opacity:1;}}*/ | |
| @keyframes roll-down{ | |
| 0%{ | |
| opacity:0; | |
| -webkit-transform:translate3d(0,10px,0); | |
| -ms-transform:translate3d(0,10px,0); | |
| transform:translate3d(0,10px,0);} | |
| to{ | |
| opacity:1; | |
| -webkit-transform:translateZ(0); | |
| -ms-transform:translateZ(0); | |
| transform:translateZ(0); | |
| } | |
| } | |
| @-webkit-keyframes roll-down{ | |
| 0%{ | |
| opacity:0; | |
| -webkit-transform:translate3d(0,10px,0); | |
| -ms-transform:translate3d(0,10px,0); | |
| transform:translate3d(0,10px,0);} | |
| to{ | |
| opacity:1; | |
| -webkit-transform:translateZ(0); | |
| -ms-transform:translateZ(0); | |
| transform:translateZ(0); | |
| } | |
| } | |
| @-webkit-keyframes roll-up{from{opacity:0;transform:translate(0, -15px);}to{opacity:1;}} | |
| @keyframes roll-up{from{opacity:0;transform:translate(0, -15px);}to{opacity:1;}} | |
| .t-bar-wrapper{margin-top:10px;} | |
| @media only screen and (max-width:680px){ | |
| .t-bar-wrapper{margin-top:10px;} | |
| } | |
| .t-bar{border-radius:16px;overflow:hidden;height:16px;background-color:#f5f5f5;position:relative;display:-ms-flexbox;display:flex;} | |
| @media only screen and (max-width:680px){ | |
| .t-bar{height:15px;} | |
| } | |
| .t-bar .t-granted{background-color:#2bcbba;-webkit-animation:barIn 1s backwards;animation:barIn 1s backwards;} | |
| .t-bar .adjustment,.t-bar .t-granted{position:relative;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;} | |
| @media only screen and (max-width:680px){ | |
| .t-bar .adjustment{background-size:15px;} | |
| } | |
| .t-legend{margin-top:15px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start; margin-bottom: 3px;} | |
| @media only screen and (max-width:680px){ | |
| .t-legend{margin-top:10px;} | |
| } | |
| .t-legend>div{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;} | |
| .t-legend>div:not(:last-child){margin-right:20px;} | |
| @media only screen and (max-width:580px){ | |
| .t-legend>div:not(:last-child){margin-right:12px;} | |
| } | |
| @media only screen and (max-width:340px){ | |
| .t-legend>div:not(:last-child){margin-right:15px;} | |
| } | |
| .t-legend>div i{min-width:12px;height:12px;border-radius:50%;margin-right:6px;margin-top:2px;} | |
| @media only screen and (max-width:680px){ | |
| .t-legend>div i{min-width:10px;height:10px;margin-right:5px;} | |
| } | |
| .t-legend>div.t-granted i{background-color:#2bcbba;} | |
| .t-legend>div.t-future i{background-color:#ececec;} | |
| @-webkit-keyframes barIn{0%{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}} | |
| @keyframes barIn{0%{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}} | |
| @-webkit-keyframes fadeIn{0%{opacity:0;}to{opacity:1;}} | |
| @keyframes fadeIn{0%{opacity:0;}to{opacity:1;}} | |
| @media (min-width:576px){ | |
| .form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;} | |
| .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;} | |
| .form-inline .input-group{width:auto;} | |
| .form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0;} | |
| .form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0;} | |
| } | |
| .t-form {max-width: 320px;display: block;margin: 10px auto 0 auto;font-family: inherit;padding-right: 15px;padding-left: 15px;} | |
| .t-form-inline { | |
| -ms-flex-pack: center!important; | |
| justify-content: center!important; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-flow: row wrap; | |
| flex-flow: row wrap; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -ms-flex: 0 0 100%; | |
| flex: 0 0 100%; | |
| max-width: 100% !important; | |
| position: relative; | |
| width: 100%; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| } | |
| .t-form-inline button { | |
| margin-top: 0; | |
| } | |
| .t-form-inline .t-button {margin:0;} | |
| .t-form-inline .t-message {display: none} | |
| .t-form-inline .t-form-group { | |
| display: flex; | |
| justify-content: center!important; | |
| flex-flow: row wrap; | |
| align-items: center; | |
| } | |
| .t-form-inline label {display: none} | |
| .t-form-inline .t-input {margin: 0 8px 8px 0;} | |
| .t-form-inline .t-button { | |
| margin-bottom: 8px;} | |
| @media (min-width: 576px) { | |
| .t-form-inline .t-input { | |
| width: 300px; | |
| } | |
| } | |
| @media (max-width: 576px) { | |
| .t-form-inline .t-input {margin: 0 0 16px 0;} | |
| } | |
| .t-video .t-card { | |
| position: relative; | |
| width: 100%; | |
| height: 0; | |
| padding-bottom: 56.25%; | |
| border-radius: 8px; | |
| overflow: hidden; | |
| -webkit-transition: all .2s; | |
| -o-transition: all .2s; | |
| transition: all .2s; | |
| } | |
| .t-video .t-card:hover { | |
| -webkit-transform: translateY(-1px); | |
| -ms-transform: translateY(-1px); | |
| transform: translateY(-1px); | |
| -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1); | |
| box-shadow: 0 8px 20px rgba(0,0,0,.1); | |
| } | |
| .t-video .t-card iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| } | |
| .t-typeform { | |
| height: 500px; | |
| padding: 0 !important; | |
| } | |
| .t-survey-completed { | |
| text-align: center; | |
| padding-top: 20px; | |
| } | |
| .t-countdown-container { | |
| display: flex; | |
| text-align: center; | |
| justify-content: center; | |
| } | |
| .t-countdown-container > div { | |
| padding: 20px 15px; | |
| } | |
| .t-countdown-container > div div:nth-child(1) { | |
| font-size: 3.5rem; | |
| } | |
| .t-text-countdown-subtitle { | |
| margin-bottom: 0; | |
| } | |
| .t-spacer { | |
| height: 17px; | |
| } | |
| .t-referreds-card .t-card-body { | |
| padding: 0 0 1.25rem 1.2rem; | |
| } | |
| .t-referred-date { | |
| display: block; | |
| font-size: 0.8rem; | |
| opacity: 0.4; | |
| padding-top: .2rem; | |
| text-transform: lowercase; | |
| } | |
| .t-referred-points { | |
| flex-grow: 2; | |
| text-align: right; | |
| } | |
| .t-shareon-row { | |
| padding: 1rem 1rem 1rem 1rem; | |
| display: flex; | |
| align-items: center; | |
| margin: 8px 0; | |
| border-radius: 8px; | |
| box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); | |
| -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); | |
| -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); | |
| } | |
| .t-shareon-row:first-of-type { | |
| border-top: none; | |
| } | |
| .t-shareon-points-wrapper { | |
| flex-grow: 2; | |
| text-align: right; | |
| } | |
| .t-shareon-points { | |
| text-align: right; | |
| display: inline-block; | |
| padding: 0.5rem 1rem; | |
| border-radius: 8px; | |
| } | |
| .t-shareon-platform { | |
| text-transform: capitalize; | |
| margin-left: 10px; | |
| } | |
| .t-shareon-pending { | |
| margin-right: 10px; | |
| font-size: 0.8rem; | |
| font-style: italic; | |
| } | |
| .t-survey-points-wrapper { | |
| flex-grow: 2; | |
| text-align: right; | |
| } | |
| .t-survey-pending { | |
| margin-right: 10px; | |
| font-size: 0.8rem; | |
| font-style: italic; | |
| } | |
| .t-survey-points { | |
| text-align: right; | |
| display: inline-block; | |
| padding: 0.5rem 1rem; | |
| border-radius: 8px; | |
| } | |
| .t-survey .t-card-header { | |
| display: flex; | |
| align-items: center; | |
| /*padding: 0 1.7rem 0 1.7rem;*/ | |
| } | |
| .t-waitlist-row { | |
| padding: 1.2rem 2rem 1.2rem 0; | |
| display: flex; | |
| align-items: center; | |
| border-left: 3px solid transparent; | |
| margin: 8px 0; | |
| border-radius: 8px; | |
| box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); | |
| -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); | |
| -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.04); | |
| } | |
| .t-waitlist-row:first-of-type { | |
| border-top: none; | |
| } | |
| .t-waitlist-row-self { | |
| font-weight: bold; | |
| /*-webkit-box-shadow: inset 200px 0px 127px -150px rgba(253,82,126,0.15), 0 3px 8px 0px rgba(0,0,0,.06);*/ | |
| /*-moz-box-shadow: inset 200px 0px 127px -150px rgba(253,82,126,0.15), 0 3px 8px 0px rgba(0,0,0,.06);*/ | |
| /*box-shadow: inset 200px 0px 127px -150px rgba(253,82,126,0.15), 0 3px 8px 0px rgba(0,0,0,.06);*/ | |
| border-left: 3px solid rgb(253, 82, 126); | |
| } | |
| .t-waitlist-position { | |
| opacity: .4; | |
| width: 6rem; | |
| text-align: center; | |
| } | |
| .t-waitlist-address { | |
| width: 12rem; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .t-milestone-title { | |
| width: 12rem; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| flex-grow: 1; | |
| } | |
| .t-waitlist-points { | |
| text-align: right; | |
| flex-grow: 1; | |
| display: flex; | |
| opacity: .6; | |
| align-items: center; | |
| /*width: 1rem;*/ | |
| justify-content: flex-end; | |
| } | |
| @-webkit-keyframes jello-horizontal { | |
| 0% { | |
| -webkit-transform: scale3d(1, 1, 1); | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 30% { | |
| -webkit-transform: scale3d(1.20, 0.8, 1); | |
| transform: scale3d(1.20, 0.8, 1); | |
| } | |
| 40% { | |
| -webkit-transform: scale3d(0.8, 1.2, 1); | |
| transform: scale3d(0.8, 1.2, 1); | |
| } | |
| 50% { | |
| -webkit-transform: scale3d(1.1, 0.9, 1); | |
| transform: scale3d(1.1, 0.9, 1); | |
| } | |
| 65% { | |
| -webkit-transform: scale3d(1, 1, 1); | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 75% { | |
| -webkit-transform: scale3d(1.05, 0.95, 1); | |
| transform: scale3d(1.05, 0.95, 1); | |
| } | |
| 100% { | |
| -webkit-transform: scale3d(1, 1, 1); | |
| transform: scale3d(1, 1, 1); | |
| } | |
| } | |
| @keyframes jello-horizontal { | |
| 0% { | |
| -webkit-transform: scale3d(1, 1, 1); | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 30% { | |
| -webkit-transform: scale3d(1.20, 0.8, 1); | |
| transform: scale3d(1.20, 0.8, 1); | |
| } | |
| 40% { | |
| -webkit-transform: scale3d(0.8, 1.2, 1); | |
| transform: scale3d(0.8, 1.2, 1); | |
| } | |
| 50% { | |
| -webkit-transform: scale3d(1.1, 0.9, 1); | |
| transform: scale3d(1.1, 0.9, 1); | |
| } | |
| 65% { | |
| -webkit-transform: scale3d(1, 1, 1); | |
| transform: scale3d(1, 1, 1); | |
| } | |
| 75% { | |
| -webkit-transform: scale3d(1.05, 0.95, 1); | |
| transform: scale3d(1.05, 0.95, 1); | |
| } | |
| 100% { | |
| -webkit-transform: scale3d(1, 1, 1); | |
| transform: scale3d(1, 1, 1); | |
| } | |
| } | |
| .jello-horizontal { | |
| -webkit-animation: jello-horizontal 0.5s both; | |
| animation: jello-horizontal 0.5s both; | |
| } | |
| .feather-star { | |
| margin-bottom: .1rem; | |
| margin-left: .1rem; | |
| margin-right: .2rem; | |
| } | |
| .t-translate-1 { | |
| -webkit-transition: all .2s; | |
| -o-transition: all .2s; | |
| transition: all .2s; | |
| } | |
| .t-translate-1:hover { | |
| transform: translateY(-1px); | |
| } | |
| .t-share-link { | |
| display: flex; | |
| } | |
| .t-share-input { | |
| flex-grow: 1; | |
| margin-right: 10px; | |
| } | |
| .t-paragraph { | |
| } | |
| .t-flex { | |
| display: flex; | |
| justify-content: flex-end; | |
| flex-wrap: wrap-reverse; | |
| align-items: center; | |
| } | |
| .gu-mirror { | |
| position: fixed !important; | |
| margin: 0 !important; | |
| z-index: 100001 !important; | |
| opacity: 0.8; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| filter: alpha(opacity=80); | |
| } | |
| .gu-hide, .t-d-none { | |
| display: none !important; | |
| } | |
| .gu-unselectable { | |
| -webkit-user-select: none !important; | |
| -moz-user-select: none !important; | |
| -ms-user-select: none !important; | |
| user-select: none !important; | |
| } | |
| .gu-transit { | |
| opacity: 0.2; | |
| -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; | |
| filter: alpha(opacity=20); | |
| } | |
| .t-card-header h2 { | |
| margin: 0; | |
| } | |
| .t-card-header { | |
| padding: 1.4rem 1.4rem 1rem 1.7rem; | |
| min-height: 3.5rem; | |
| } | |
| ol li.ql-indent-1{counter-increment:list-1;} | |
| ol li.ql-indent-1:before{content:counter(list-1, lower-alpha) '. ';} | |
| ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;} | |
| ol li.ql-indent-2{counter-increment:list-2;} | |
| ol li.ql-indent-2:before{content:counter(list-2, lower-roman) '. ';} | |
| ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;} | |
| .ql-indent-1:not(.ql-direction-rtl){padding-left:3em;} | |
| li .ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em;} | |
| .ql-indent-2:not(.ql-direction-rtl){padding-left:6em;} | |
| li .ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em;} | |
| .ql-indent-3:not(.ql-direction-rtl){padding-left:9em;} | |
| .ql-indent-4:not(.ql-direction-rtl){padding-left:12em;} | |
| .ql-align-center{text-align:center;} | |
| .ql-align-justify{text-align:justify;} | |
| .ql-align-right{text-align:right;} | |
| .ql-image {max-width: 100%} | |
| .t-hero-text .t-card { | |
| width: 600px; | |
| margin: 0 auto; | |
| } | |
| .t-footer-text .t-card { | |
| width: 600px; | |
| margin: 0 auto; | |
| } | |
| .connecting-circle { | |
| position: absolute; | |
| transform: translateX(-50%) translateY(-50%); | |
| width: 10px; | |
| height: 10px; | |
| } | |
| .connecting-circle:before { | |
| content: ''; | |
| position: relative; | |
| display: block; | |
| width: 300%; | |
| height: 300%; | |
| box-sizing: border-box; | |
| margin-left: -100%; | |
| margin-top: -100%; | |
| border-radius: 45px; | |
| background-color: #2294E1; | |
| animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; | |
| } | |
| .connecting-circle:after { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| background-color: #2294E1; | |
| border-radius: 15px; | |
| animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite; | |
| } | |
| @keyframes pulse-ring { | |
| 0% { | |
| transform: scale(.33); | |
| } | |
| 80%, 100% { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes pulse-dot { | |
| 0% { | |
| transform: scale(.8); | |
| } | |
| 50% { | |
| transform: scale(1); | |
| } | |
| 100% { | |
| transform: scale(.8); | |
| } | |
| } | |
| .t-toast-wrapper { | |
| position: fixed; | |
| bottom: 19px; | |
| z-index: 100; | |
| left: 19px; | |
| } | |
| .t-toast .t-card-body { | |
| padding: 10px 18px; | |
| } | |
| .t-toast .t-title { | |
| font-weight: bolder; | |
| } | |
| .t-toast .t-card-body { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .t-toast .t-wrap-content { | |
| padding-left: 18px; | |
| } | |
| .t-toast .t-f-avatar { | |
| padding: 10px; | |
| } | |
| .t-time-diff { | |
| color: #a8a8a8; | |
| font-size: 13px; | |
| padding-top: 3px; | |
| } | |
| .bounceBottom-enter-active { | |
| animation: bounceBottomUp 1.1s linear both; | |
| } | |
| @keyframes bounceBottomUp { | |
| 0% { | |
| transform: matrix(1,0,0,1,0,100); | |
| } | |
| 4.1% { | |
| transform: matrix(1,0,0,1,0,41.971); | |
| } | |
| 8.11% { | |
| transform: matrix(1,0,0,1,0,10.549); | |
| } | |
| 12.11% { | |
| transform: matrix(1,0,0,1,0,-1.843); | |
| } | |
| 16.12% { | |
| transform: matrix(1,0,0,1,0,-4.336); | |
| } | |
| 27.23% { | |
| transform: matrix(1,0,0,1,0,-.784); | |
| } | |
| 38.34% { | |
| transform: matrix(1,0,0,1,0,.104); | |
| } | |
| 60.56% { | |
| transform: matrix(1,0,0,1,0,-.002); | |
| } | |
| 82.78% { | |
| transform: matrix(1,0,0,1,0,0); | |
| } | |
| to { | |
| transform: matrix(1,0,0,1,0,0); | |
| } | |
| } | |
| .bounceBottom-leave-active { | |
| animation: bounceBottomDown 2s linear both; | |
| } | |
| @keyframes bounceBottomDown { | |
| 0% { | |
| transform: matrix(1,0,0,1,0,0); | |
| } | |
| 4.2% { | |
| transform: matrix(1,0,0,1,0,54.927); | |
| } | |
| 8.31% { | |
| transform: matrix(1,0,0,1,0,88.411); | |
| } | |
| 12.51% { | |
| transform: matrix(1,0,0,1,0,103.215); | |
| } | |
| 16.62% { | |
| transform: matrix(1,0,0,1,0,106.331); | |
| } | |
| 27.73% { | |
| transform: matrix(1,0,0,1,0,101.285); | |
| } | |
| 38.84% { | |
| transform: matrix(1,0,0,1,0,99.747); | |
| } | |
| 61.06% { | |
| transform: matrix(1,0,0,1,0,100.01); | |
| } | |
| 83.28% { | |
| transform: matrix(1,0,0,1,0,100); | |
| } | |
| to { | |
| transform: matrix(1,0,0,1,0,100); | |
| } | |
| } | |
| svg { | |
| vertical-align: middle; | |
| display: inline; | |
| } | |
| .t-gdpr-content .t-marketing-label { | |
| margin-top: 0; | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 0.5rem; | |
| cursor: pointer; | |
| color: inherit; | |
| } | |
| .t-gdpr-content .t-marketing-label input { | |
| margin-right: 0.5rem; | |
| margin-left: 0.7rem; | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| height: 20px; | |
| width: 20px; | |
| } | |
| .t-gdpr-content .t-marketing-label input:focus { | |
| border-color: inherit; | |
| } | |
| .t-gdpr-content { | |
| color: inherit; | |
| display: block; | |
| margin: 0.3rem 0 0 .1rem; | |
| font-size: 0.8rem; | |
| font-family: inherit; | |
| } | |
| .t-gdpr-title { | |
| font-weight: bold; | |
| font-size: 0.85rem; | |
| } | |
| .t-form-checkbox { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| -webkit-print-color-adjust: exact; | |
| color-adjust: exact; | |
| display: inline-block; | |
| vertical-align: middle; | |
| background-origin: border-box; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| flex-shrink: 0; | |
| color: #2563eb; | |
| border: 1px solid; | |
| border-color: #d1d5db; | |
| border-width: 2px; | |
| border-radius: 0.25rem; | |
| cursor: pointer; | |
| } | |
| .t-form-checkbox:focus { | |
| outline: none; | |
| --ring-offset-shadow: 0 0 0 var(--ring-offset-width, 2px) var(--ring-offset-color, #fff); | |
| --ring-shadow: 0 0 0 calc(2px + var(--ring-offset-width, 2px)) var(--ring-color, #2563eb); | |
| box-shadow: var(--ring-offset-shadow), var(--ring-shadow), 0 0 #0000; | |
| box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--box-shadow, 0 0 #0000); | |
| } | |
| .t-form-checkbox:checked { | |
| background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' class='t-check-color' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); | |
| border-color: transparent; | |
| background-color: currentColor; | |
| background-size: 100% 100%; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| } | |
| .t-gdpr-description, .t-gdpr-legal-text, .t-gdpr-title { | |
| margin: 0.5rem 0; | |
| } | |
| .t-gdpr-policy { | |
| display: flex; | |
| align-items: center; | |
| margin: 1.4rem 0; | |
| font-size: 0.7rem; | |
| line-height: 0.8rem; | |
| } | |
| .t-gdpr-policy svg { | |
| min-width: 60px; | |
| padding-right: 10px; | |
| } | |
| .t-gdpr-policy p { | |
| margin-bottom: 0; | |
| } | |
| .t-marketing-permissions { | |
| margin: 1rem 0; | |
| } | |
| @media (max-width:576px){ | |
| .t-modal-content { | |
| padding-top: 0; | |
| } | |
| .t-modal-close { | |
| padding: 15px; | |
| } | |
| .t-modal-title { | |
| margin-top: 2rem; | |
| } | |
| .t-card-body { | |
| padding: 0 1rem 1rem 1rem; | |
| } | |
| .t-card-header { | |
| padding: 1rem; | |
| } | |
| .t-share-link * { | |
| font-size: .9rem; | |
| } | |
| .t-share-input { | |
| margin-right: -9px; | |
| } | |
| .t-btn-social { | |
| height: 32px; | |
| width: 32px; | |
| margin: 3px 5px 3px 0; | |
| } | |
| .t-shareon-pending { | |
| margin-right: 8px; | |
| margin-top: 3px; | |
| font-size: 0.7rem; | |
| } | |
| .t-survey-pending { | |
| margin-top: 3px; | |
| margin-right: 8px; | |
| font-size: 0.7rem; | |
| } | |
| .t-waitlist-position { | |
| width: 3rem; | |
| margin-right: 0.3rem; | |
| } | |
| .t-waitlist-row { | |
| padding: 1.2rem 1.2rem 1.2rem 0; | |
| } | |
| .t-waitlist-row * { | |
| font-size: .85rem; | |
| } | |
| .feather-star { | |
| height: .7rem; | |
| } | |
| .t-modal-dashboard-info { | |
| font-size: .8rem; | |
| } | |
| .t-modal-content h2 { | |
| font-size: 1.2rem; | |
| } | |
| .t-survey-title { | |
| padding: 0 1rem; | |
| } | |
| .t-scroll { | |
| padding: 0 1rem 0 0.2rem; | |
| } | |
| .t-referreds-card .t-card-body { | |
| padding: 0 0 1.25rem .8rem; | |
| } | |
| .t-shareon-points { | |
| padding: 0.4rem .5rem; | |
| font-size: 0.8rem; | |
| } | |
| .t-survey-points { | |
| padding: 0.4rem .5rem; | |
| font-size: 0.8rem; | |
| } | |
| .t-shareon-row { | |
| font-size: .9rem; | |
| } | |
| .t-shareon-row .feather-star { | |
| margin: 0; | |
| } | |
| .t-avatar { | |
| width: 30px; | |
| height: 30px; | |
| line-height: 30px; | |
| font-size: .7rem; | |
| margin-right: .7rem; | |
| } | |
| .t-referred-date { | |
| font-size: .7rem; | |
| } | |
| .t-countdown-container > div { | |
| padding: 15px 10px; | |
| } | |
| .t-countdown-container > div div:nth-child(1) { | |
| font-size: 2.5rem; | |
| } | |
| .t-waitlist-address { | |
| width: auto; | |
| } | |
| } | |
| @media (max-width:768px){ | |
| .t-hero-text .t-card { | |
| width: 100%; | |
| margin: 0 auto; | |
| } | |
| .t-footer-text .t-card { | |
| width: 100%; | |
| margin: 0 auto; | |
| } | |
| } | |
| @media (min-width:992px){ | |
| /*.t-container{max-width:960px;}*/ | |
| } | |
| @media (min-width:1200px){ | |
| /*.t-container{max-width:1140px;}*/ | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment