@namelessmedia/tisc_nuxt
Version:
TISC NUXT Component Library
1 lines • 28.3 kB
CSS
@charset "UTF-8";:root{--tisc-bg-primary:#F8F7F1;--tisc-bg-secondary:#FFFFFF;--tisc-bg-third:#E6E9E4;--tisc-text-primary:#1E2937;--tisc-text-secondary:#374151;--tisc-text-third:#079DAD;--tisc-primary:#079DAD;--tisc-primary-darken:#048390;--tisc-primary-lighten:#5BC6D1;--tisc-hover-primary:#EBEAE6;--tisc-hover-secondary:#F3F4F6;--tisc-hover-third:#D7DAD5;--tisc-border-primary:#E5E7EB;--tisc-border-secondary:#d5d5d5;--tisc-box-shadow:#c7cbc6;--tisc-overlay:#094650;--tisc-disabled:#E7E9E4;--tisc-placeholder:#A7A7A7;--tisc-table-header:#E6E9E4;--tisc-table-primary:#F8F7F1;--tisc-table-secondary:#FFFFFF;--tisc-input:#FFFFFF}:root.dark-theme{--tisc-bg-primary:#374151;--tisc-bg-secondary:#101827;--tisc-bg-third:#1E2937;--tisc-text-primary:#F8F7F2;--tisc-text-secondary:#9CA3AF;--tisc-text-third:#5BC6D1;--tisc-hover-primary:#2E3745;--tisc-hover-secondary:#0C121E;--tisc-hover-third:#1A2431;--tisc-border-primary:#4C5563;--tisc-border-secondary:#1E2937;--tisc-box-shadow:#000000;--tisc-overlay:#5BC6D1;--tisc-disabled:#2E3238;--tisc-table-header:#101827;--tisc-table-primary:#1E2937;--tisc-table-secondary:#374151;--tisc-input:#374151}body{overflow-x:hidden;font-family:"Open Sans",sans-serif;font-size:16px;margin:0;padding:0}ol,ul{list-style:none;padding:0;margin:0}ol{list-style:decimal}.d-flex-between,.d-flex-center,.d-flex-left,.d-flex-right{display:flex;align-items:center}.d-flex-center{justify-content:center}.d-flex-between{justify-content:space-between}.d-flex-left{justify-content:flex-start}.d-flex-right{justify-content:flex-end}@media (max-width:736px){.show-mobile__f{display:flex}}@media (min-width:737px){.show-mobile__f{display:none}}@media (max-width:736px){.show-desktop__f{display:none}}@media (min-width:737px){.show-desktop__f{display:flex}}@media (max-width:736px){.show-mobile__i{display:inline-block}}@media (min-width:737px){.show-mobile__i{display:none}}@media (max-width:736px){.show-desktop__i{display:none}}@media (min-width:737px){.show-desktop__i{display:inline-block}}@media (max-width:736px){.show-mobile__b{display:block}}@media (min-width:737px){.show-mobile__b{display:none}}@media (max-width:736px){.show-desktop__b{display:none}}@media (min-width:737px){.show-desktop__b{display:block}}.heading-1,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6,.heading-7,.heading-8,.heading-9,h1,h2,h3,h4,h5,h6,h7,h8,h9{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:700;margin:15px 0;display:block}.heading-1,h1{font-size:48px}.heading-2,h2{font-size:34px}.heading-3,h3{font-size:28px}.heading-4,h4{font-size:24px}.heading-5,h5{font-size:20px}.heading-6,h6{font-size:18px}.heading-7,h7{font-size:16px}.heading-8,h8{font-size:18px;font-weight:400}.heading-9,h9{font-size:16px;font-weight:400}.body-1,p{font-size:16px}.body-2{font-size:14px}.body-3{font-size:12px}.italic{font-style:italic}.bold{font-weight:700}.blockquote,blockquote{padding-left:10px;border-left:1px solid #7a7f7d;line-height:28px}.blockquote__quote{position:relative;border:none;margin-left:110px;padding-left:20px}.blockquote__quote:before{font-weight:900;font-family:"Font Awesome 5 Free";font-size:48px;content:"";width:110px;position:absolute;top:calc(50% - 55px);right:100%;background:#079dad;color:#fff;border-radius:50%;line-height:110px;text-align:center}.link,a{color:#048390;text-decoration:none}.link:hover,a:hover{color:#04353e;text-decoration:underline}.dark-theme .link,.dark-theme a{color:#5bc6d1}.dark-theme .link:hover,.dark-theme a:hover{color:#c2e6ed}.list__ordered li,.list__unordered li,.sub-list li{margin:5px 0}.list__ordered,.list__unordered,.list__unordered--lg{margin:15px 0}.list__unordered--lg li:before{font-size:.8rem;content:"";line-height:2.4rem;padding-right:10px;font-family:"Font Awesome 5 Free";font-weight:900;color:#106673}.list__unordered li{position:relative}.list__unordered li:before{font-size:.5rem;content:"";line-height:1rem;padding-right:10px;font-family:"Font Awesome 5 Free";font-weight:900;position:relative;bottom:.2rem}.list__ordered{padding-left:20px}.sub-list{padding:0 0 0 1rem}.sub-list li:before{font-weight:500}.accordion--container{background:var(--tisc-bg-secondary);color:var(--tisc-text-primary);box-shadow:0 5px 0 0 var(--tisc-box-shadow)}.accordion__section{position:relative}.avatar{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;position:relative;text-align:center;vertical-align:middle;overflow:hidden;font-weight:700}.md{height:calc(46px + var(--height));width:calc(46px + var(--height));line-height:1.1;font-size:1.1rem}.sm{height:32px;width:32px;line-height:.8;font-size:.8rem}.lg{height:60px;width:60px;line-height:1.6;font-size:1.6rem}img{border-radius:inherit;display:inline-flex;height:inherit;width:inherit}.color-blue-fill{border:2px solid #079dad;background:#079dad;color:#fff}.color-blue-line{border:2px solid #079dad;color:#079dad;background:0 0}.color-green-fill{border:2px solid #58a546;background:#58a546;color:#fff}.color-green-line{border:2px solid #58a546;color:#58a546;background:0 0}.color-red-fill{border:2px solid #e33d25;background:#e33d25;color:#fff}.color-red-line{border:2px solid #e33d25;color:#e33d25;background:0 0}.color-yellow-fill{border:2px solid #edcb18;background:#edcb18;color:#000}.color-yellow-line{border:2px solid #edcb18;color:#edcb18;background:0 0}.container{position:relative;display:inline-block}.badge{width:20px;height:20px;background-color:red;border-radius:50%;position:absolute;top:auto;right:auto;bottom:calc(100% - 16px);left:calc(100% - 16px);will-change:transform,border-radius,width;transition:.2s transform,.2s border-radius,50ms width}.badge .notification{width:inherit;height:inherit;display:flex;text-align:center;color:#fff;justify-content:center;align-items:center;font-size:12px}.hundred{border-radius:100px;width:30px}.small{width:10px;height:10px;top:auto;right:auto;bottom:calc(100% - 8px);left:calc(100% - 8px)}.bottom{bottom:auto;right:auto;top:calc(100% - 16px);left:calc(100% - 16px)}.small.bottom{bottom:auto;right:auto;top:calc(100% - 8px);left:calc(100% - 8px)}.hide{transform:scale(0)}.show{transform:scale(1)}.hover .badge{transform:scale(0)}.hover:hover .badge{transform:scale(1)}.button,.button--blue,.button--darkgrey,.button--green,.button--grey,.button--lightgrey,.button--red,.button--yellow,button{background:#fff;color:#000;padding:9px 20px;margin:0 4px;min-height:40px;font-family:"Open Sans",sans-serif;font-size:18px;line-height:1;border:2px solid;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;transition:background .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.disabled.button,.disabled.button--blue,.disabled.button--darkgrey,.disabled.button--green,.disabled.button--grey,.disabled.button--lightgrey,.disabled.button--red,.disabled.button--yellow,button.disabled{opacity:.5;pointer-events:none}.button--blue:focus,.button--darkgrey:focus,.button--green:focus,.button--grey:focus,.button--lightgrey:focus,.button--red:focus,.button--yellow:focus,.button:focus,button:focus{outline:thin dotted;outline-offset:-4px}.button:hover,button:hover{background:#ccc}.button--blue{background:#079dad;border-color:#079dad;color:#fff}.button--blue:active,.button--blue:hover{background:#03444b;border-color:#03444b}.button--blue-alt{background:0 0;color:#079dad}.button--blue-alt:active,.button--blue-alt:hover{color:#fff;background:#079dad;border-color:#079dad}.button--blue-text{background:0 0;color:#079dad;border:none;box-shadow:none;padding:5px}.button--blue-text:active,.button--blue-text:hover{background:0 0;color:#03444b}.button--green{background:#58a546;border-color:#58a546;color:#fff}.button--green:active,.button--green:hover{background:#325d28;border-color:#325d28}.button--green-alt{background:0 0;color:#58a546}.button--green-alt:active,.button--green-alt:hover{color:#fff;background:#58a546;border-color:#58a546}.button--green-text{background:0 0;color:#58a546;border:none;box-shadow:none;padding:5px}.button--green-text:active,.button--green-text:hover{background:0 0;color:#325d28}.button--red{background:#e33d25;border-color:#e33d25;color:#fff}.button--red:active,.button--red:hover{background:#902212;border-color:#902212}.button--red-alt{background:0 0;color:#e33d25}.button--red-alt:active,.button--red-alt:hover{color:#fff;background:#e33d25;border-color:#e33d25}.button--red-text{background:0 0;color:#e33d25;border:none;box-shadow:none;padding:5px}.button--red-text:active,.button--red-text:hover{background:0 0;color:#902212}.button--yellow{background:#edcb18;border-color:#edcb18;color:#fff}.button--yellow:active,.button--yellow:hover{background:#947e0b;border-color:#947e0b}.button--yellow-alt{background:0 0;color:#edcb18}.button--yellow-alt:active,.button--yellow-alt:hover{color:#fff;background:#edcb18;border-color:#edcb18}.button--yellow-text{background:0 0;color:#edcb18;border:none;box-shadow:none;padding:5px}.button--yellow-text:active,.button--yellow-text:hover{background:0 0;color:#947e0b}.button--grey{background:#7a7f7d;border-color:#7a7f7d;color:#fff}.button--grey:active,.button--grey:hover{background:#484b4a;border-color:#484b4a}.button--grey-alt{background:0 0;color:#7a7f7d}.button--grey-alt:active,.button--grey-alt:hover{color:#fff;background:#7a7f7d;border-color:#7a7f7d}.button--grey-text{background:0 0;color:#7a7f7d;border:none;box-shadow:none;padding:5px}.button--grey-text:active,.button--grey-text:hover{background:0 0;color:#484b4a}.button--lightgrey{background:#f8f7f2;border-color:#f8f7f2}.button--lightgrey:active,.button--lightgrey:hover{color:#f8f7f2}.button--lightgrey-alt{background:0 0;color:#f8f7f2;background:#7a7f7d}.button--lightgrey-alt:active,.button--lightgrey-alt:hover{color:#000;background:#f8f7f2;border-color:#f8f7f2}.button--lightgrey-text{background:0 0;color:#f8f7f2;border:none;box-shadow:none;padding:5px}.button--lightgrey-text:active,.button--lightgrey-text:hover{background:0 0;color:#d4ceb0}.button--darkgrey{background:#333239;border-color:#333239;color:#fff}.button--darkgrey:active,.button--darkgrey:hover{background:#64626f;border-color:#64626f}.button--darkgrey-alt{background:0 0;color:#333239}.button--darkgrey-alt:active,.button--darkgrey-alt:hover{color:#fff;background:#333239;border-color:#333239}.button--darkgrey-text{background:0 0;color:#333239;border:none;box-shadow:none;padding:5px}.button--darkgrey-text:active,.button--darkgrey-text:hover{background:0 0;color:#64626f}.button--facebook,.button--facebook-alt,.button--twitter,.button--twitter-alt{border-radius:5px;padding:10px 20px;line-height:1;color:#fff}.button--facebook-alt:before,.button--facebook:before,.button--twitter-alt:before,.button--twitter:before{font-size:19px;font-weight:500;font-family:"Font Awesome 5 Brands";padding-right:10px}.button--twitter{background-color:#39a1f3;border:2px solid #39a1f3}.button--twitter:before{content:""}.button--twitter:hover{background-color:#0b6dbb;border:2px solid #0b6dbb}.button--twitter-alt{background-color:#fff;border:2px solid #39a1f3;color:#39a1f3}.button--twitter-alt:before{content:""}.button--twitter-alt:hover{background-color:#39a1f3;color:#fff;border:2px solid #39a1f3}.button--facebook{background-color:#3b5998;border:2px solid #3b5998}.button--facebook:before{content:""}.button--facebook:hover{background-color:#1e2e4f;border:2px solid #1e2e4f}.button--facebook-alt{background-color:#fff;border:2px solid #3b5998;color:#3b5998}.button--facebook-alt:before{content:""}.button--facebook-alt:hover{background-color:#3b5998;color:#fff;border:2px solid #3b5998}.button--small{font-size:calc(18px * .8);padding:5px;min-height:auto;min-width:auto}.button--large{font-size:calc(18px * 1.4);padding:10px 30px}.button--long{width:100%}.button--loading i{margin:0;position:relative;right:7px;top:1px}.button--submit:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"";margin-left:10px}.button--submit-alt:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";margin-right:10px}.button--search:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"";margin-left:10px}.button--icon,.button--icon-left,.button--icon-right,.button--icon-round{padding:6px;min-width:40px;display:flex;justify-content:center;align-items:center}.button--icon-round{border-radius:50%}.button--icon-left,.button--icon-right{padding:5px 20px}.button--icon-right i{order:1;padding-left:10px}.button--icon-left i{order:0;padding-right:10px}.card{transition:all .3s;background-color:var(--tisc-bg-secondary);color:var(--tisc-text-primary)}.card.hover:hover{box-shadow:0 3px 6px 0 var(--tisc-box-shadow)}.card__image img{display:block;margin:0 auto;max-width:100%;max-height:100%}.card__details{padding:25px 35px 55px}.card__body{overflow:hidden;line-height:25px}.card__body:not(:last-child){margin-bottom:15px}.card__link{color:var(--tisc-text-primary)}.card__link:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;padding-left:5px}.card__link:hover{color:#079dad}.clamp .card__body{display:-webkit-box;-webkit-line-clamp:var(--clamp);-webkit-box-orient:vertical}.header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px var(--tisc-box-shadow);flex-wrap:wrap;background:var(--tisc-bg-secondary);padding:20px;color:var(--tisc-text-primary)}.header .left,.header .right{max-width:10%;display:flex;justify-content:flex-start}.header .centre{width:75%}.header .right{justify-content:flex-end}.site-logo{font-size:20px;font-weight:700;text-transform:uppercase;display:flex;color:inherit;align-items:center;text-decoration:none}.site-logo:hover{text-decoration:none}.site-logo__image{padding-right:10px;width:50px;height:50px}.site-logo__name{text-transform:uppercase;margin-top:.75rem;font-family:Montserrat,Helvetica,sans-serif;font-size:24px;font-weight:700;letter-spacing:2.4px}.site-logo__name:hover{text-decoration:none}li{list-style:none;cursor:pointer;font-size:14px;line-height:20px;padding:5px 15px;font-family:"Open Sans",sans-serif}li a{color:var(--tisc-text-primary)}li:hover{background:#f3f4f6}li:hover a{text-decoration:none}.flash-message,.notification{display:flex;border-radius:2px;margin:10px 0;align-items:center;padding:5px;width:100%}.flash-message:before,.notification:before{font-family:"Font Awesome 5 Free";font-weight:900;font-size:25px;margin:0 15px;text-align:center;width:30px}.flash-message--error,.notification--error{color:#e33d25;background:#fff6f4;border-color:#e33d25}.flash-message--error.dark-theme,.notification--error.dark-theme{color:#fff6f4;background:#e33d25;border-color:#e33d25}.flash-message--error:before,.notification--error:before{content:""}.flash-message--warning,.notification--warning{background:#fdf9d1}.flash-message--warning.dark-theme,.notification--warning.dark-theme{color:#fdf9d1}.flash-message--warning:before,.notification--warning:before{content:""}.flash-message--success,.notification--success{color:#58a546;background:#f0f6ea;border-color:#58a546}.flash-message--success.dark-theme,.notification--success.dark-theme{color:#f0f6ea;background:#58a546;border-color:#58a546}.flash-message--success:before,.notification--success:before{content:""}.flash-message--notice,.notification--notice{color:#079dad;background:#ecf6f9;border-color:#079dad}.flash-message--notice.dark-theme,.notification--notice.dark-theme{color:#ecf6f9;background:#079dad;border-color:#079dad}.flash-message--notice:before,.notification--notice:before{content:""}.notification{border:1px solid}.notification__text--container{margin:10px 0}.notification__text{margin:0}.flash-message{position:relative;transition:.5s opacity}.flash-message__close{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer}.closing{opacity:0}.closed{display:none}.modal{display:none}.modal.open{display:block}.modal__overlay{background:var(--tisc-overlay);position:fixed;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:1001}.modal__body{min-width:750px;min-height:400px;max-height:900px;background:var(--tisc-bg-secondary);color:var(--tisc-text-primary);text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002}.modal__title{display:inline-block;font-weight:700;margin:15px 0;font-size:24px}.modal__close--button{padding:0;border-radius:50%;width:40px;height:40px;position:absolute;top:5px;right:5px;color:var(--tisc-text-primary);background:var(--tisc-bg-secondary);transition:all .2s;border:none}.modal__close--button:hover{border:none;box-shadow:0 4px 6px var(--tisc-box-shadow);color:#079dad}.modal__close--button:before{content:"×";position:relative;top:0;right:0;bottom:0;left:0;line-height:40px;font-size:36px}.modal__content{padding:0 35px 20px}.modal__open-button{display:contents}.pagination--container{text-align:center}.pagination__link{font-size:18px;width:30px;margin:0 4px;display:inline-block;text-align:center;line-height:30px;border-radius:50%;color:#079dad}.pagination__link i{font-size:inherit;margin:0}.pagination__link.active{background:#079dad;color:#fff}.pagination__link.active a{color:#fff}.pagination__link:hover{background-color:var(--tisc-table-header)}.pagination__link:hover a{text-decoration:none;color:inherit;display:block;border-radius:50%}.form__fieldset,.section--container{background:var(--tisc-bg-secondary);border-bottom:5px solid var(--tisc-border-primary);color:var(--tisc-text-primary);position:relative}.form__fieldset+.form__fieldset,.form__fieldset+.section--container,.section--container+.form__fieldset,.section--container+.section--container{margin-top:2.5em}.form__fieldset-header,.section__header{padding:15px 0 0 70px;display:flex;justify-content:space-between;cursor:pointer;position:relative}.form__fieldset-header:before,.section__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:10px;border-top:52px solid #079dad;border-right:30px solid transparent;transform:none}.form__fieldset-header h4,.section__header h4{transform:translateY(-15px);width:100%}.form__fieldset-header i,.section__header i{font-size:1.5em;padding-right:20px}.form__fieldset-body,.section__body{height:0;overflow:hidden;padding:0 20px 0 70px;transition:all .3s linear}.form__fieldset-body.open,.section__body.open{height:100%;padding:0 20px 20px 70px}.section-text__header{display:flex;align-items:center;cursor:pointer;color:var(--tisc-text-primary)}.section-text__header .body-1{color:var(--tisc-text-secondary);margin:10px 0}.js-text-section .body-1{padding-left:5px}.js-text-section .body-1:hover{color:var(--tisc-text-secondary)}.section-text__body{color:var(--tisc-text-primary);max-height:0;overflow:hidden;padding-left:44px;margin:0;transition:max-height .3s}.section-text__body.open{max-height:400px}.form__fieldset{border-width:0 0 5px 0;padding:0}.form__fieldset-body{transition:all .3s}.form__fieldset-body.open{padding:0 20px 20px 70px}.form__fieldset .form__item{margin-bottom:25px}.tab__content{display:none;padding:5px 25px}.tab__content.active{display:block}.table,table{width:100%;border-spacing:0;text-align:left;margin:10px 0;color:var(--tisc-text-primary)}.table__row,tr{background:var(--tisc-table-primary)}.table__row:nth-of-type(even),tr:nth-of-type(even){background:var(--tisc-table-secondary)}.table__row--heading,tr--heading{background:var(--tisc-table-header)}.tabel__cell,.table__heading,td,th{padding:10px 5px;text-align:left}.table__sortable{cursor:pointer}.table__sortable:before{content:"";font-family:"Font Awesome 5 Free";margin-right:5px}.table__sortable.asc:before{content:""}.table__sortable.desc:before{content:""}.tabs__horz--container,.tabs__vert--container{background:var(--tisc-bg-secondary);color:var(--tisc-text-primary)}.tabs__horz--buttons,.tabs__vert--buttons{display:flex;flex-wrap:wrap}.tab__button{padding:0 25px;cursor:pointer;border-bottom:5px solid var(--tisc-bg-secondary);transition:all .1s;text-align:center}@media (max-width:736px){.tab__button{width:calc(100% - 50px)}}.tab__button:hover{border-color:#5bc6d1;color:#5bc6d1}.tab__button.active{border-color:#079dad;color:#079dad}.tab__button.disabled{pointer-events:none;filter:opacity(.4)}.tabs__vert--container{display:flex}@media (max-width:736px){.tabs__vert--container{flex-direction:column}}.tabs__vert--buttons{width:150px}.tabs__vert--content{width:calc(100% - 150px)}@media (max-width:736px){.tabs__vert--buttons,.tabs__vert--content{width:100%}}.input__error,.input__hint,.input__label,label{display:block;margin-bottom:5px;color:var(--tisc-text-primary)}.input__file{position:absolute;opacity:0;pointer-events:none;width:fit-content}.input__file:disabled~.input__file--text{color:#a1a5a3;border-color:#a1a5a3}.input__file--container{display:flex;align-items:center}.input__file--button,.input__file--button-img{margin:0;padding:5px 30px;transition:all .2s;min-height:auto;min-width:auto}.input__file--button-img:before,.input__file--button:before{content:"";position:relative;top:0;right:0;bottom:0;left:0;font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.input__file--button-img:before{content:"";position:relative;top:0;right:0;bottom:0;left:0}.input__file--text{color:var(--tisc-text-secondary);margin-left:25px;font-style:italic;white-space:nowrap;border-bottom:2px solid var(--tisc-text-secondary);transition:all .5s}.input__file--text.active{border-color:#079dad}.required{color:#e33d25}.input__select,input,textarea{padding:10px 15px;width:100%;border:1px solid var(--tisc-border-primary);font-size:16px;border-radius:2px;box-sizing:border-box;background:var(--tisc-input);color:var(--tisc-text-primary)}.input__select:focus,input:focus,textarea:focus{border:1px solid var(--tisc-border-secondary);outline:1px solid #079dad;outline-offset:-3px;outline-style:dotted}.input__select:disabled,input:disabled,textarea:disabled{background-color:var(--tisc-disabled);cursor:default}.input__select::placeholder,input::placeholder,textarea::placeholder{font-style:italic}.input__error,.input__hint,.input__label,label{display:block;margin-bottom:5px;color:var(--tisc-text-secondary)}.input__hint{font-style:italic;font-size:.8em}.input__error{color:#e33d25;background:#fff6f4;padding:10px 5px}.input__error+input{border-color:#e33d25}.dark-theme .input__error{color:#fff6f4;background:#e33d25}textarea{height:200px;resize:none}.input__currency{padding-left:50px;width:100%}.input__currency--contianer{position:relative}.input__currency--symbol{position:absolute;line-height:40px;width:40px;text-align:center;border-right:1px solid var(--tisc-border-primary);color:var(--tisc-text-primary)}.input__select,input,textarea{padding:10px 15px;width:calc(100% - 32px);border:1px solid var(--tisc-border-primary);font-size:16px;border-radius:2px}.input__select:focus,input:focus,textarea:focus{border:1px solid;outline:1px solid #079dad;outline-offset:-3px;outline-style:dotted}.input__select:disabled,input:disabled,textarea:disabled{cursor:default}.input__select::placeholder,input::placeholder,textarea::placeholder{font-style:italic}.input__error,.input__hint,.input__label,label{display:block;margin-bottom:5px;color:var(--tisc-text-primary)}.input__checkbox--container,.input__checkbox--container-inline,.input__radio--container,.input__radio--container-inline,.input__toggle--container,.input__toggle--container-inline{border:1px solid var(--tisc-border-primary);border-radius:2px;padding:10px 15px;margin-bottom:10px;background:var(--tisc-bg-secondary)}.input__checkbox,.input__radio,.input__toggle{position:absolute;opacity:0;pointer-events:none;width:auto}.input__checkbox--text,.input__radio--text{position:relative;padding-left:35px;cursor:pointer;display:inline-block;line-height:25px;user-select:none}.input__checkbox--text:before,.input__radio--text:before{content:"";left:0;position:absolute;height:20px;width:20px;border:2px solid var(--tisc-border-primary);transition:all .2s}.input__checkbox--text:after,.input__radio--text:after{content:"";position:absolute;display:none}.input__hint{font-style:italic;font-size:.8em}.input__error{color:#e33d25;background:#fff6f4;padding:10px 5px}.input__error+input{border-color:#e33d25}.input__checkbox:checked+.input__checkbox--text:after{display:block}.input__checkbox:checked+.input__checkbox--text:before{border:2px solid #079dad;background-color:#079dad}.input__checkbox:disabled+.input__checkbox--text{cursor:initial}.input__checkbox:disabled+.input__checkbox--text:before{background-color:#ebebe4;border:2px solid #ebebe4}.input__checkbox--container-inline{display:inline-block}.input__checkbox--container-inline .input__checkbox--text{padding:30px 0 0 0}.input__checkbox--container-inline .input__checkbox--text:after,.input__checkbox--container-inline .input__checkbox--text:before{left:50%}.input__checkbox--container-inline .input__checkbox--text:after{transform:translateX(-50%) rotate(45deg)}.input__checkbox--container-inline .input__checkbox--text:before{top:0;transform:translateX(-50%)}.input__checkbox--text:hover:before{background-color:var(--tisc-border-primary)}.input__checkbox--text:after{left:8px;top:3px;width:5px;height:12px;border:solid var(--tisc-bg-secondary);border-width:0 3px 3px 0;transform:rotate(45deg)}.input__checkbox--text:before{border-radius:2px}.input__radio:checked+.input__radio--text:after{display:block}.input__radio:checked+.input__radio--text:before{border:2px solid #079dad}.input__radio:checked+.input__radio--text:hover:after{background-color:#079dad}.input__radio:checked:disabled+.input__radio--text:after{background-color:#fff}.input__radio:checked:disabled+.input__radio--text:hover:after{background-color:#fff}.input__radio:disabled+.input__radio--text{cursor:initial}.input__radio:disabled+.input__radio--text:before{background-color:#ebebe4;border:2px solid #ebebe4}.input__radio:disabled+.input__radio--text:hover:after{background-color:#ebebe4}.input__radio--container-inline{display:inline-block}.input__radio--container-inline .input__radio--text{padding:30px 0 0 0}.input__radio--container-inline .input__radio--text:after,.input__radio--container-inline .input__radio--text:before{left:50%;transform:translateX(-50%)}.input__radio--container-inline .input__radio--text:before{top:0}.input__radio--text:hover:after{background-color:var(--tisc-border-primary);display:block}.input__radio--text:before{border-radius:50%}.input__radio--text:after{left:5px;top:5px;width:14px;height:14px;border-radius:50%;background-color:#079dad}.input__toggle:checked+.input__toggle--switch{background-color:#c5e4ed}.input__toggle:checked+.input__toggle--switch:before{transform:translateY(-5px) translateX(35px);background-color:#079dad;box-shadow:0 0 6px 0 #5bc6d1}.input__toggle:disabled+.input__toggle--switch{background-color:#ebebe4}.input__toggle:disabled+.input__toggle--switch:before{background-color:#bebebe;box-shadow:none}.input__toggle:focus+.input__toggle--switch{box-shadow:0 0 1px #2196f3}.input__toggle--container{position:relative}.input__toggle--container-inline{position:relative;display:inline-block}.input__toggle--container-inline .input__toggle--text{padding:30px 0 0 0;margin:0 20px}.input__toggle--container-inline .input__toggle--text:after,.input__toggle--container-inline .input__toggle--text:before{left:50%;transform:translateX(-50%)}.input__toggle--container-inline .input__toggle--text:before{top:0}.input__toggle--container-inline .input__toggle--switch{top:15px;left:50%;transform:translateX(-50%)}.input__toggle--switch{position:absolute;cursor:pointer;height:15px;width:60px;top:50%;left:10px;background-color:#7a7f7d;transition:.4s;border-radius:34px;transform:translateY(-50%)}.input__toggle--switch:before{position:absolute;content:"";height:25px;width:25px;transform:translateY(-5px);transition:.4s;border-radius:50%;box-shadow:0 0 6px 0 var(--tisc-box-shadow)}.input__toggle--text{margin:10px 0 10px 60px}.input__select{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--tisc-input);color:var(--tisc-text-primary);cursor:pointer;width:100%}.input__select::-ms-expand{display:none}.input__select--container{background-color:var(--tisc-input);position:relative}.input__select--container:before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;position:absolute;top:13px;right:10px}