:root {
	--teamupdraft-black: #333;
	--teamupdraft-white: #fff;
	--teamupdraft-yellow: #FFDA4A;
	--teamupdraft-blue: #1D3C8F;
	--teamupdraft-dark-blue: #1D3C8F;
	--teamupdraft-green: #2B8133;
	--teamupdraft-red: #c6273b;
	--teamupdraft-orange: #ef8a09;

	--teamupdraft-orange-dark: #e97008;
    
    --teamupdraft-grey-100: #E5E7E9;
    --teamupdraft-grey-200: #9FA4A7;
	--teamupdraft-grey-300: #ededed;
	--teamupdraft-grey-400: #c6c6c6;
	--teamupdraft-grey-500: #888d91;
    --teamupdraft-grey-600: #696f72;
	--teamupdraft-grey-700: #4F565B;
    --teamupdraft-grey-900: #1C252C;

	--teamupdraft-fs-600: 1.125rem;
}
/*
! tailwindcss reset when preflight false
*/

#teamupdraft-onboarding *,
#teamupdraft-onboarding *::before,
#teamupdraft-onboarding *::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: #e9ecef; /* 2 */
}
#teamupdraft-onboarding *::before,
#teamupdraft-onboarding *::after {
    --tw-content: '';
}
#teamupdraft-onboarding  hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
}
#teamupdraft-onboarding abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
#teamupdraft-onboarding h1,
#teamupdraft-onboarding h2,
#teamupdraft-onboarding h3,
#teamupdraft-onboarding h4,
#teamupdraft-onboarding h5,
#teamupdraft-onboarding h6 {
    font-size: inherit;
    font-weight: inherit;
}
#teamupdraft-onboarding a {
    color: inherit;
    text-decoration: inherit;
}
#teamupdraft-onboarding b,
#teamupdraft-onboarding strong {
    font-weight: bolder;
}
#teamupdraft-onboarding code,
#teamupdraft-onboarding kbd,
#teamupdraft-onboarding samp,
#teamupdraft-onboarding pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-feature-settings: normal; /* 2 */
    font-variation-settings: normal; /* 3 */
    font-size: 1em; /* 4 */
}
#teamupdraft-onboarding small {
    font-size: 80%;
}
#teamupdraft-onboarding sub,
#teamupdraft-onboarding sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
#teamupdraft-onboarding sub {
    bottom: -0.25em;
}
#teamupdraft-onboarding sup {
    top: -0.5em;
}
#teamupdraft-onboarding table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
}
#teamupdraft-onboarding button,
#teamupdraft-onboarding input,
#teamupdraft-onboarding optgroup,
#teamupdraft-onboarding select,
#teamupdraft-onboarding textarea {
    font-family: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    font-size: 100%; /* 1 */
    font-weight: inherit; /* 1 */
    line-height: inherit; /* 1 */
    letter-spacing: inherit; /* 1 */
    color: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
}
#teamupdraft-onboarding button,
#teamupdraft-onboarding select {
    text-transform: none;
}
#teamupdraft-onboarding button,
#teamupdraft-onboarding input:where([type='button']),
#teamupdraft-onboarding input:where([type='reset']),
#teamupdraft-onboarding input:where([type='submit']) {
    -webkit-appearance: button; /* 1 */
    background-color: transparent; /* 2 */
    background-image: none; /* 2 */
}
#teamupdraft-onboarding :-moz-focusring {
    outline: auto;
}
#teamupdraft-onboarding :-moz-ui-invalid {
    box-shadow: none;
}
#teamupdraft-onboarding progress {
    vertical-align: baseline;
}
#teamupdraft-onboarding ::-webkit-inner-spin-button,
#teamupdraft-onboarding ::-webkit-outer-spin-button {
    height: auto;
}
#teamupdraft-onboarding [type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}
#teamupdraft-onboarding ::-webkit-search-decoration {
    -webkit-appearance: none;
}
#teamupdraft-onboarding ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}
#teamupdraft-onboarding summary {
    display: list-item;
}
#teamupdraft-onboarding blockquote,
#teamupdraft-onboarding dl,
#teamupdraft-onboarding dd,
#teamupdraft-onboarding h1,
#teamupdraft-onboarding h2,
#teamupdraft-onboarding h3,
#teamupdraft-onboarding h4,
#teamupdraft-onboarding h5,
#teamupdraft-onboarding h6,
#teamupdraft-onboarding hr,
#teamupdraft-onboarding figure,
#teamupdraft-onboarding p,
#teamupdraft-onboarding pre {
    margin: 0;
}
#teamupdraft-onboarding fieldset {
    margin: 0;
    padding: 0;
}
#teamupdraft-onboarding legend {
    padding: 0;
}
#teamupdraft-onboarding ol,
#teamupdraft-onboarding ul,
#teamupdraft-onboarding menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
#teamupdraft-onboarding dialog {
    padding: 0;
}
#teamupdraft-onboarding textarea {
    resize: vertical;
}
#teamupdraft-onboarding input::-moz-placeholder,
#teamupdraft-onboarding textarea::-moz-placeholder {
    opacity: 1; /* 1 */
    color: #ced4da; /* 2 */
}
#teamupdraft-onboarding input::placeholder,
#teamupdraft-onboarding textarea::placeholder {
    opacity: 1; /* 1 */
    color: #ced4da; /* 2 */
}
#teamupdraft-onboarding button,
#teamupdraft-onboarding [role="button"] {
    cursor: pointer;
}
#teamupdraft-onboarding :disabled {
    cursor: default;
}
#teamupdraft-onboarding img,
#teamupdraft-onboarding svg,
#teamupdraft-onboarding video,
#teamupdraft-onboarding canvas,
#teamupdraft-onboarding audio,
#teamupdraft-onboarding iframe,
#teamupdraft-onboarding embed,
#teamupdraft-onboarding object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}
#teamupdraft-onboarding img,
#teamupdraft-onboarding video {
    max-width: 100%;
    height: auto;
}
#teamupdraft-onboarding [hidden]:where(:not([hidden="until-found"])) {
    display: none;
}
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.container{
    width: 100%;
}
@media (min-width: 640px){
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1600px){
    .container{
        max-width: 1600px;
    }
}
#teamupdraft-onboarding .pointer-events-none{
    pointer-events: none;
}
#teamupdraft-onboarding .visible{
    visibility: visible;
}
#teamupdraft-onboarding .static{
    position: static;
}
#teamupdraft-onboarding .fixed{
    position: fixed;
}
#teamupdraft-onboarding .absolute{
    position: absolute;
}
#teamupdraft-onboarding .relative{
    position: relative;
}
#teamupdraft-onboarding .inset-0{
    inset: 0px;
}
#teamupdraft-onboarding .left-1\/2{
    left: 50%;
}
#teamupdraft-onboarding .left-3{
    left: 0.75rem;
}
#teamupdraft-onboarding .right-2{
    right: 0.5rem;
}
#teamupdraft-onboarding .right-3{
    right: 0.75rem;
}
#teamupdraft-onboarding .right-4{
    right: 1rem;
}
#teamupdraft-onboarding .top-1\/2{
    top: 50%;
}
#teamupdraft-onboarding .top-1\/4{
    top: 25%;
}
#teamupdraft-onboarding .z-10{
    z-index: 10;
}
#teamupdraft-onboarding .z-\[100001\]{
    z-index: 100001;
}
#teamupdraft-onboarding .z-\[100002\]{
    z-index: 100002;
}
#teamupdraft-onboarding .z-\[100003\]{
    z-index: 100003;
}
#teamupdraft-onboarding .order-1{
    order: 1;
}
#teamupdraft-onboarding .order-2{
    order: 2;
}
#teamupdraft-onboarding .order-last{
    order: 9999;
}
#teamupdraft-onboarding .col-start-1{
    grid-column-start: 1;
}
#teamupdraft-onboarding .col-end-2{
    grid-column-end: 2;
}
#teamupdraft-onboarding .row-start-1{
    grid-row-start: 1;
}
#teamupdraft-onboarding .row-end-2{
    grid-row-end: 2;
}
#teamupdraft-onboarding .m-3\.5{
    margin: 0.875rem;
}
#teamupdraft-onboarding .-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
#teamupdraft-onboarding .mx-3\.5{
    margin-left: 0.875rem;
    margin-right: 0.875rem;
}
#teamupdraft-onboarding .mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
#teamupdraft-onboarding .mx-auto{
    margin-left: auto;
    margin-right: auto;
}
#teamupdraft-onboarding .my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
#teamupdraft-onboarding .my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#teamupdraft-onboarding .my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
#teamupdraft-onboarding .my-3\.5{
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
}
#teamupdraft-onboarding .my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
#teamupdraft-onboarding .\!mt-1{
    margin-top: 0.25rem !important;
}
#teamupdraft-onboarding .\!mt-6{
    margin-top: 1.5rem !important;
}
#teamupdraft-onboarding .mb-1{
    margin-bottom: 0.25rem;
}
#teamupdraft-onboarding .mb-2{
    margin-bottom: 0.5rem;
}
#teamupdraft-onboarding .mb-3{
    margin-bottom: 0.75rem;
}
#teamupdraft-onboarding .mb-4{
    margin-bottom: 1rem;
}
#teamupdraft-onboarding .mb-\[10px\]{
    margin-bottom: 10px;
}
#teamupdraft-onboarding .mb-\[14px\]{
    margin-bottom: 14px;
}
#teamupdraft-onboarding .mb-\[5px\]{
    margin-bottom: 5px;
}
#teamupdraft-onboarding .ml-1{
    margin-left: 0.25rem;
}
#teamupdraft-onboarding .ml-2{
    margin-left: 0.5rem;
}
#teamupdraft-onboarding .ml-4{
    margin-left: 1rem;
}
#teamupdraft-onboarding .ml-8{
    margin-left: 2rem;
}
#teamupdraft-onboarding .ml-\[-4px\]{
    margin-left: -4px;
}
#teamupdraft-onboarding .mr-1{
    margin-right: 0.25rem;
}
#teamupdraft-onboarding .mr-2{
    margin-right: 0.5rem;
}
#teamupdraft-onboarding .mt-0{
    margin-top: 0px;
}
#teamupdraft-onboarding .mt-1{
    margin-top: 0.25rem;
}
#teamupdraft-onboarding .mt-2{
    margin-top: 0.5rem;
}
#teamupdraft-onboarding .mt-4{
    margin-top: 1rem;
}
#teamupdraft-onboarding .mt-\[10px\]{
    margin-top: 10px;
}
#teamupdraft-onboarding .mt-\[3px\]{
    margin-top: 3px;
}
#teamupdraft-onboarding .mt-auto{
    margin-top: auto;
}
#teamupdraft-onboarding .box-border{
    box-sizing: border-box;
}
#teamupdraft-onboarding .block{
    display: block;
}
#teamupdraft-onboarding .inline-block{
    display: inline-block;
}
#teamupdraft-onboarding .flex{
    display: flex;
}
#teamupdraft-onboarding .inline-flex{
    display: inline-flex;
}
#teamupdraft-onboarding .table{
    display: table;
}
#teamupdraft-onboarding .table-cell{
    display: table-cell;
}
#teamupdraft-onboarding .table-row{
    display: table-row;
}
#teamupdraft-onboarding .grid{
    display: grid;
}
#teamupdraft-onboarding .hidden{
    display: none;
}
#teamupdraft-onboarding .h-1{
    height: 0.25rem;
}
#teamupdraft-onboarding .h-1\.5{
    height: 0.375rem;
}
#teamupdraft-onboarding .h-10{
    height: 2.5rem;
}
#teamupdraft-onboarding .h-12{
    height: 3rem;
}
#teamupdraft-onboarding .h-3\.5{
    height: 0.875rem;
}
#teamupdraft-onboarding .h-4{
    height: 1rem;
}
#teamupdraft-onboarding .h-8{
    height: 2rem;
}
#teamupdraft-onboarding .h-\[11px\]{
    height: 11px;
}
#teamupdraft-onboarding .h-\[13px\]{
    height: 13px;
}
#teamupdraft-onboarding .h-\[19px\]{
    height: 19px;
}
#teamupdraft-onboarding .h-\[45px\]{
    height: 45px;
}
#teamupdraft-onboarding .h-\[54px\]{
    height: 54px;
}
#teamupdraft-onboarding .h-full{
    height: 100%;
}
#teamupdraft-onboarding .h-px{
    height: 1px;
}
#teamupdraft-onboarding .max-h-60{
    max-height: 15rem;
}
#teamupdraft-onboarding .max-h-\[200px\]{
    max-height: 200px;
}
#teamupdraft-onboarding .min-h-\[40px\]{
    min-height: 40px;
}
#teamupdraft-onboarding .w-1\.5{
    width: 0.375rem;
}
#teamupdraft-onboarding .w-10{
    width: 2.5rem;
}
#teamupdraft-onboarding .w-12{
    width: 3rem;
}
#teamupdraft-onboarding .w-3\.5{
    width: 0.875rem;
}
#teamupdraft-onboarding .w-4{
    width: 1rem;
}
#teamupdraft-onboarding .w-48{
    width: 12rem;
}
#teamupdraft-onboarding .w-\[11px\]{
    width: 11px;
}
#teamupdraft-onboarding .w-\[13px\]{
    width: 13px;
}
#teamupdraft-onboarding .w-\[35px\]{
    width: 35px;
}
#teamupdraft-onboarding .w-\[94vw\]{
    width: 94vw;
}
#teamupdraft-onboarding .w-auto{
    width: auto;
}
#teamupdraft-onboarding .w-fit{
    width: -moz-fit-content;
    width: fit-content;
}
#teamupdraft-onboarding .w-full{
    width: 100%;
}
#teamupdraft-onboarding .min-w-0{
    min-width: 0px;
}
#teamupdraft-onboarding .min-w-\[32ch\]{
    min-width: 32ch;
}
#teamupdraft-onboarding .min-w-\[50px\]{
    min-width: 50px;
}
#teamupdraft-onboarding .min-w-\[8rem\]{
    min-width: 8rem;
}
#teamupdraft-onboarding .min-w-\[var\(--radix-select-trigger-width\)\]{
    min-width: var(--radix-select-trigger-width);
}
#teamupdraft-onboarding .max-w-\[195px\]{
    max-width: 195px;
}
#teamupdraft-onboarding .max-w-\[500px\]{
    max-width: 500px;
}
#teamupdraft-onboarding .max-w-\[70ch\]{
    max-width: 70ch;
}
#teamupdraft-onboarding .max-w-md{
    max-width: 28rem;
}
#teamupdraft-onboarding .max-w-sm{
    max-width: 24rem;
}
#teamupdraft-onboarding .flex-1{
    flex: 1 1 0%;
}
#teamupdraft-onboarding .flex-shrink-0{
    flex-shrink: 0;
}
#teamupdraft-onboarding .shrink-0{
    flex-shrink: 0;
}
#teamupdraft-onboarding .-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .-translate-x-24{
    --tw-translate-x: -6rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .translate-x-24{
    --tw-translate-x: 6rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .translate-x-\[-15px\]{
    --tw-translate-x: -15px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .translate-x-\[0px\]{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .rotate-180{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#teamupdraft-onboarding .transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin{
    to{
        transform: rotate(360deg);
    }
}
#teamupdraft-onboarding .animate-spin{
    animation: spin 1s linear infinite;
}
#teamupdraft-onboarding .cursor-default{
    cursor: default;
}
#teamupdraft-onboarding .cursor-not-allowed{
    cursor: not-allowed;
}
#teamupdraft-onboarding .cursor-pointer{
    cursor: pointer;
}
#teamupdraft-onboarding .select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
#teamupdraft-onboarding .list-inside{
    list-style-position: inside;
}
#teamupdraft-onboarding .list-disc{
    list-style-type: disc;
}
#teamupdraft-onboarding .grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
#teamupdraft-onboarding .flex-row{
    flex-direction: row;
}
#teamupdraft-onboarding .flex-row-reverse{
    flex-direction: row-reverse;
}
#teamupdraft-onboarding .flex-col{
    flex-direction: column;
}
#teamupdraft-onboarding .flex-wrap{
    flex-wrap: wrap;
}
#teamupdraft-onboarding .flex-nowrap{
    flex-wrap: nowrap;
}
#teamupdraft-onboarding .items-start{
    align-items: flex-start;
}
#teamupdraft-onboarding .items-center{
    align-items: center;
}
#teamupdraft-onboarding .items-stretch{
    align-items: stretch;
}
#teamupdraft-onboarding .justify-end{
    justify-content: flex-end;
}
#teamupdraft-onboarding .justify-center{
    justify-content: center;
}
#teamupdraft-onboarding .justify-between{
    justify-content: space-between;
}
#teamupdraft-onboarding .gap-1{
    gap: 0.25rem;
}
#teamupdraft-onboarding .gap-2{
    gap: 0.5rem;
}
#teamupdraft-onboarding .gap-3{
    gap: 0.75rem;
}
#teamupdraft-onboarding .gap-4{
    gap: 1rem;
}
#teamupdraft-onboarding .gap-5{
    gap: 1.25rem;
}
#teamupdraft-onboarding .gap-\[10px\]{
    gap: 10px;
}
#teamupdraft-onboarding .gap-\[5px\]{
    gap: 5px;
}
#teamupdraft-onboarding :is(.space-x-2 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
#teamupdraft-onboarding :is(.space-x-4 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
#teamupdraft-onboarding :is(.space-y-1 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
#teamupdraft-onboarding :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
#teamupdraft-onboarding :is(.divide-x > :not([hidden]) ~ :not([hidden])){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
#teamupdraft-onboarding :is(.divide-gray-400 > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(206 212 218 / var(--tw-divide-opacity, 1));
}
#teamupdraft-onboarding .overflow-hidden{
    overflow: hidden;
}
#teamupdraft-onboarding .overflow-y-auto{
    overflow-y: auto;
}
#teamupdraft-onboarding .truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#teamupdraft-onboarding .whitespace-normal{
    white-space: normal;
}
#teamupdraft-onboarding .whitespace-nowrap{
    white-space: nowrap;
}
#teamupdraft-onboarding .whitespace-break-spaces{
    white-space: break-spaces;
}
#teamupdraft-onboarding .break-words{
    overflow-wrap: break-word;
}
#teamupdraft-onboarding .rounded{
    border-radius: 0.25rem;
}
#teamupdraft-onboarding .rounded-2xl{
    border-radius: 1rem;
}
#teamupdraft-onboarding .rounded-\[12px\]{
    border-radius: 12px;
}
#teamupdraft-onboarding .rounded-\[7px\]{
    border-radius: 7px;
}
#teamupdraft-onboarding .rounded-\[80px\]{
    border-radius: 80px;
}
#teamupdraft-onboarding .rounded-full{
    border-radius: 9999px;
}
#teamupdraft-onboarding .rounded-lg{
    border-radius: 0.5rem;
}
#teamupdraft-onboarding .rounded-md{
    border-radius: 0.375rem;
}
#teamupdraft-onboarding .rounded-none{
    border-radius: 0px;
}
#teamupdraft-onboarding .rounded-sm{
    border-radius: 0.125rem;
}
#teamupdraft-onboarding .rounded-xl{
    border-radius: 0.75rem;
}
#teamupdraft-onboarding .rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
#teamupdraft-onboarding .rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
#teamupdraft-onboarding .border{
    border-width: 1px;
}
#teamupdraft-onboarding .border-0{
    border-width: 0px;
}
#teamupdraft-onboarding .border-2{
    border-width: 2px;
}
#teamupdraft-onboarding .border-b{
    border-bottom-width: 1px;
}
#teamupdraft-onboarding .border-r{
    border-right-width: 1px;
}
#teamupdraft-onboarding .border-none{
    border-style: none;
}
#teamupdraft-onboarding .border-\[\#046C4E\]{
    --tw-border-opacity: 1;
    border-color: rgb(4 108 78 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-\[\#B40000\]{
    --tw-border-opacity: 1;
    border-color: rgb(180 0 0 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-\[\#FECACA\]{
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-\[\#fff5eb\]{
    --tw-border-opacity: 1;
    border-color: rgb(255 245 235 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-\[var\(--teamupdraft-grey-100\)\]{
    border-color: var(--teamupdraft-grey-100);
}
#teamupdraft-onboarding .border-\[var\(--teamupdraft-orange-dark\)\]{
    border-color: var(--teamupdraft-orange-dark);
}
#teamupdraft-onboarding .border-blue{
    --tw-border-opacity: 1;
    border-color: rgb(29 60 143 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(233 236 239 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-green{
    --tw-border-opacity: 1;
    border-color: rgb(43 129 51 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-orange{
    --tw-border-opacity: 1;
    border-color: rgb(239 138 9 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-primary{
    --tw-border-opacity: 1;
    border-color: rgb(43 129 51 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-red{
    --tw-border-opacity: 1;
    border-color: rgb(198 39 59 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .border-yellow{
    --tw-border-opacity: 1;
    border-color: rgb(255 218 74 / var(--tw-border-opacity, 1));
}
#teamupdraft-onboarding .bg-\[\#B40000\]\/10{
    background-color: rgb(180 0 0 / 0.1);
}
#teamupdraft-onboarding .bg-\[\#FEF2F2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-\[\#fff5eb\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 235 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-\[var\(--teamupdraft-grey-900\)\]{
    background-color: var(--teamupdraft-grey-900);
}
#teamupdraft-onboarding .bg-\[var\(--teamupdraft-orange-dark\)\]{
    background-color: var(--teamupdraft-orange-dark);
}
#teamupdraft-onboarding .bg-blue{
    --tw-bg-opacity: 1;
    background-color: rgb(29 60 143 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-blue-light{
    --tw-bg-opacity: 1;
    background-color: rgb(235 242 249 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-blue-lightest{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 248 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-gray-500{
    --tw-bg-opacity: 1;
    background-color: rgb(173 181 189 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-green{
    --tw-bg-opacity: 1;
    background-color: rgb(43 129 51 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-green-light{
    --tw-bg-opacity: 1;
    background-color: rgb(236 244 237 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(239 138 9 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-orange-light{
    --tw-bg-opacity: 1;
    background-color: rgb(254 245 234 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-orange-lightest{
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 235 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(43 129 51 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-red{
    --tw-bg-opacity: 1;
    background-color: rgb(198 39 59 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-red-light{
    --tw-bg-opacity: 1;
    background-color: rgb(251 235 237 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-white\/60{
    background-color: rgb(255 255 255 / 0.6);
}
#teamupdraft-onboarding .bg-yellow{
    --tw-bg-opacity: 1;
    background-color: rgb(255 218 74 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-yellow-light{
    --tw-bg-opacity: 1;
    background-color: rgb(249 245 228 / var(--tw-bg-opacity, 1));
}
#teamupdraft-onboarding .bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
#teamupdraft-onboarding .via-blue{
    --tw-gradient-to: rgb(29 60 143 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1D3C8F var(--tw-gradient-via-position), var(--tw-gradient-to);
}
#teamupdraft-onboarding .via-orange{
    --tw-gradient-to: rgb(239 138 9 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #ef8a09 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
#teamupdraft-onboarding .via-yellow{
    --tw-gradient-to: rgb(255 218 74 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FFDA4A var(--tw-gradient-via-position), var(--tw-gradient-to);
}
#teamupdraft-onboarding .object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}
#teamupdraft-onboarding .p-0{
    padding: 0px;
}
#teamupdraft-onboarding .p-1{
    padding: 0.25rem;
}
#teamupdraft-onboarding .p-2{
    padding: 0.5rem;
}
#teamupdraft-onboarding .p-4{
    padding: 1rem;
}
#teamupdraft-onboarding .p-6{
    padding: 1.5rem;
}
#teamupdraft-onboarding .p-\[14px\]{
    padding: 14px;
}
#teamupdraft-onboarding .px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
#teamupdraft-onboarding .px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
#teamupdraft-onboarding .px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
#teamupdraft-onboarding .px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}
#teamupdraft-onboarding .px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
#teamupdraft-onboarding .px-\[12px\]{
    padding-left: 12px;
    padding-right: 12px;
}
#teamupdraft-onboarding .py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
#teamupdraft-onboarding .py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
#teamupdraft-onboarding .py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
#teamupdraft-onboarding .py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#teamupdraft-onboarding .py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
#teamupdraft-onboarding .py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
#teamupdraft-onboarding .py-\[24px\]{
    padding-top: 24px;
    padding-bottom: 24px;
}
#teamupdraft-onboarding .py-\[5px\]{
    padding-top: 5px;
    padding-bottom: 5px;
}
#teamupdraft-onboarding .py-\[8px\]{
    padding-top: 8px;
    padding-bottom: 8px;
}
#teamupdraft-onboarding .pb-2{
    padding-bottom: 0.5rem;
}
#teamupdraft-onboarding .pl-1{
    padding-left: 0.25rem;
}
#teamupdraft-onboarding .pl-3{
    padding-left: 0.75rem;
}
#teamupdraft-onboarding .pl-8{
    padding-left: 2rem;
}
#teamupdraft-onboarding .pr-10{
    padding-right: 2.5rem;
}
#teamupdraft-onboarding .pr-2{
    padding-right: 0.5rem;
}
#teamupdraft-onboarding .pr-3{
    padding-right: 0.75rem;
}
#teamupdraft-onboarding .pr-8{
    padding-right: 2rem;
}
#teamupdraft-onboarding .pt-2{
    padding-top: 0.5rem;
}
#teamupdraft-onboarding .text-left{
    text-align: left;
}
#teamupdraft-onboarding .text-center{
    text-align: center;
}
#teamupdraft-onboarding .text-right{
    text-align: right;
}
#teamupdraft-onboarding .font-mono{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
#teamupdraft-onboarding .text-2xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
#teamupdraft-onboarding .text-3xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
#teamupdraft-onboarding .text-\[11px\]{
    font-size: 11px;
}
#teamupdraft-onboarding .text-\[14px\]{
    font-size: 14px;
}
#teamupdraft-onboarding .text-\[15px\]{
    font-size: 15px;
}
#teamupdraft-onboarding .text-\[17px\]{
    font-size: 17px;
}
#teamupdraft-onboarding .text-\[19px\]{
    font-size: 19px;
}
#teamupdraft-onboarding .text-\[24px\]{
    font-size: 24px;
}
#teamupdraft-onboarding .text-base{
    font-size: 0.8125rem;
    line-height: 1.25rem;
}
#teamupdraft-onboarding .text-lg{
    font-size: 1rem;
    line-height: 1.625rem;
}
#teamupdraft-onboarding .text-md{
    font-size: 0.875rem;
    line-height: 1.375rem;
}
#teamupdraft-onboarding .text-sm{
    font-size: 0.75rem;
    line-height: 1.125rem;
}
#teamupdraft-onboarding .text-xs{
    font-size: 0.625rem;
    line-height: 0.875rem;
}
#teamupdraft-onboarding .\!font-semibold{
    font-weight: 600 !important;
}
#teamupdraft-onboarding .font-bold{
    font-weight: 700;
}
#teamupdraft-onboarding .font-light{
    font-weight: 300;
}
#teamupdraft-onboarding .font-medium{
    font-weight: 500;
}
#teamupdraft-onboarding .font-normal{
    font-weight: 400;
}
#teamupdraft-onboarding .font-semibold{
    font-weight: 600;
}
#teamupdraft-onboarding .italic{
    font-style: italic;
}
#teamupdraft-onboarding .leading-\[1\.4\]{
    line-height: 1.4;
}
#teamupdraft-onboarding .leading-relaxed{
    line-height: 1.625;
}
#teamupdraft-onboarding .leading-snug{
    line-height: 1.375;
}
#teamupdraft-onboarding .\!text-\[\#C4511C\]{
    --tw-text-opacity: 1 !important;
    color: rgb(196 81 28 / var(--tw-text-opacity, 1)) !important;
}
#teamupdraft-onboarding .text-\[\#046C4E\]{
    --tw-text-opacity: 1;
    color: rgb(4 108 78 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-\[\#1C252C\]{
    --tw-text-opacity: 1;
    color: rgb(28 37 44 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-\[\#4F565B\]{
    --tw-text-opacity: 1;
    color: rgb(79 86 91 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-\[\#9FA4A7\]{
    --tw-text-opacity: 1;
    color: rgb(159 164 167 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-\[\#AD2E00\]{
    --tw-text-opacity: 1;
    color: rgb(173 46 0 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-\[\#B40000\]{
    --tw-text-opacity: 1;
    color: rgb(180 0 0 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-\[var\(--teamupdraft-grey-200\)\]{
    color: var(--teamupdraft-grey-200);
}
#teamupdraft-onboarding .text-\[var\(--teamupdraft-grey-600\)\]{
    color: var(--teamupdraft-grey-600);
}
#teamupdraft-onboarding .text-\[var\(--teamupdraft-grey-700\)\]{
    color: var(--teamupdraft-grey-700);
}
#teamupdraft-onboarding .text-\[var\(--teamupdraft-grey-900\)\]{
    color: var(--teamupdraft-grey-900);
}
#teamupdraft-onboarding .text-black{
    color: rgba(26,26,26,0.9);
}
#teamupdraft-onboarding .text-blue{
    --tw-text-opacity: 1;
    color: rgb(29 60 143 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-gray{
    color: rgba(69, 69, 82, 0.9);
}
#teamupdraft-onboarding .text-green{
    --tw-text-opacity: 1;
    color: rgb(43 129 51 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-orange-darkish{
    --tw-text-opacity: 1;
    color: rgb(196 81 28 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-red{
    --tw-text-opacity: 1;
    color: rgb(198 39 59 / var(--tw-text-opacity, 1));
}
#teamupdraft-onboarding .text-white{
    color: rgb(255 255 255 / 0.9);
}
#teamupdraft-onboarding .underline{
    text-decoration-line: underline;
}
#teamupdraft-onboarding .opacity-0{
    opacity: 0;
}
#teamupdraft-onboarding .opacity-100{
    opacity: 1;
}
#teamupdraft-onboarding .opacity-30{
    opacity: 0.3;
}
#teamupdraft-onboarding .opacity-50{
    opacity: 0.5;
}
#teamupdraft-onboarding .opacity-70{
    opacity: 0.7;
}
#teamupdraft-onboarding .shadow-\[0_0_10px_\#fff5eb\]{
    --tw-shadow: 0 0 10px #fff5eb;
    --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#teamupdraft-onboarding .shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#teamupdraft-onboarding .shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#teamupdraft-onboarding .shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#teamupdraft-onboarding .outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
#teamupdraft-onboarding .ring-0{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#teamupdraft-onboarding .ring-offset-white{
    --tw-ring-offset-color: #ffffff;
}
#teamupdraft-onboarding .filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#teamupdraft-onboarding .transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#teamupdraft-onboarding .transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#teamupdraft-onboarding .transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#teamupdraft-onboarding .transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#teamupdraft-onboarding .duration-200{
    transition-duration: 200ms;
}
#teamupdraft-onboarding .duration-300{
    transition-duration: 300ms;
}
#teamupdraft-onboarding .duration-500{
    transition-duration: 500ms;
}
#teamupdraft-onboarding .ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#teamupdraft-onboarding .ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#teamupdraft-onboarding .\[scrollbar-gutter\:stable\]{
    scrollbar-gutter: stable;
}

/* Custom styles for the onboarding component */

/* Text color */
#teamupdraft-onboarding .text-orange-dark {
    color: var(--teamupdraft-orange-dark) !important;
}

/* Hover text color */
#teamupdraft-onboarding .hover\:text-orange-dark:hover {
    color: var(--teamupdraft-orange-dark) !important;
}

#teamupdraft-onboarding .custom-scrollbar{
    --scrollbar-track: initial;
    --scrollbar-thumb: initial;

    /* Firefox */
    scrollbar-color: var(--teamupdraft-orange-dark) #fff;
    scrollbar-width: thin;

    /* Keep a visible gutter so users notice the area is scrollable */
    scrollbar-gutter: stable;
}

/* WebKit (Chrome/Safari/Edge) */
#teamupdraft-onboarding .custom-scrollbar::-webkit-scrollbar {
    width: 10px;
}

#teamupdraft-onboarding .custom-scrollbar::-webkit-scrollbar-track {
    background: #fff;
}

#teamupdraft-onboarding .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--teamupdraft-orange-dark);
    border-radius: 9999px;
    border: 2px solid #fff;
}

#teamupdraft-onboarding .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--teamupdraft-orange-dark);
}

#teamupdraft-onboarding,
#teamupdraft-onboarding *{
    font-family: "Inter", sans-serif;
}

#teamupdraft-onboarding button,
#teamupdraft-onboarding input,
#teamupdraft-onboarding select,
#teamupdraft-onboarding textarea {
    font: inherit;
}
#teamupdraft-onboarding .icon-magic-wand {
    margin-bottom: -2px;
}

/* Hide spinner arrows for number inputs */
#teamupdraft-onboarding input[type="number"]::-webkit-outer-spin-button,
#teamupdraft-onboarding input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#teamupdraft-onboarding input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}

#teamupdraft-onboarding .last\:border-b-0:last-child{
    border-bottom-width: 0px;
}

#teamupdraft-onboarding .focus-within\:border-primary-dark:focus-within{
    --tw-border-opacity: 1;
    border-color: rgb(35 53 37 / var(--tw-border-opacity, 1));
}

#teamupdraft-onboarding .focus-within\:ring:focus-within{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#teamupdraft-onboarding .focus-within\:ring-primary\/20:focus-within{
    --tw-ring-color: rgb(43 129 51 / 0.2);
}

#teamupdraft-onboarding .hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .hover\:bg-gray-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .hover\:bg-orange-light:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 245 234 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .hover\:bg-primary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(43 129 51 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .hover\:bg-red:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(198 39 59 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .hover\:\!text-orange-darkish:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(196 81 28 / var(--tw-text-opacity, 1)) !important;
}

#teamupdraft-onboarding .hover\:text-\[var\(--teamupdraft-grey-900\)\]:hover{
    color: var(--teamupdraft-grey-900);
}

#teamupdraft-onboarding .hover\:text-gray:hover{
    color: rgba(69, 69, 82, 0.9);
}

#teamupdraft-onboarding .hover\:underline:hover{
    text-decoration-line: underline;
}

#teamupdraft-onboarding .hover\:decoration-2:hover{
    text-decoration-thickness: 2px;
}

#teamupdraft-onboarding .hover\:underline-offset-4:hover{
    text-underline-offset: 4px;
}

#teamupdraft-onboarding .hover\:\[box-shadow\:0_0_0_3px_\#C4511C99\]:hover{
    box-shadow: 0 0 0 3px #C4511C99;
}

#teamupdraft-onboarding .hover\:\[box-shadow\:0_0_0_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover{
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}

#teamupdraft-onboarding .hover\:\[box-shadow\:0_0_0_3px_rgba\(198\2c 39\2c 59\2c 0\.5\)\]:hover{
    box-shadow: 0 0 0 3px rgba(198,39,59,0.5);
}

#teamupdraft-onboarding .hover\:\[box-shadow\:0_0_0_3px_rgba\(43\2c 129\2c 51\2c 0\.5\)\]:hover{
    box-shadow: 0 0 0 3px rgba(43,129,51,0.5);
}

#teamupdraft-onboarding .focus\:border-none:focus{
    border-style: none;
}

#teamupdraft-onboarding .focus\:border-primary-dark:focus{
    --tw-border-opacity: 1;
    border-color: rgb(35 53 37 / var(--tw-border-opacity, 1));
}

#teamupdraft-onboarding .focus\:bg-gray-100:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#teamupdraft-onboarding .focus\:ring:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#teamupdraft-onboarding .focus\:ring-0:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#teamupdraft-onboarding .focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#teamupdraft-onboarding .focus\:ring-blue:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(29 60 143 / var(--tw-ring-opacity, 1));
}

#teamupdraft-onboarding .focus\:ring-offset-2:focus{
    --tw-ring-offset-width: 2px;
}

#teamupdraft-onboarding .focus\:\[box-shadow\:0_0_0_3px_\#C4511C99\]:focus{
    box-shadow: 0 0 0 3px #C4511C99;
}

#teamupdraft-onboarding .focus\:\[box-shadow\:0_0_0_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:focus{
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}

#teamupdraft-onboarding .focus\:\[box-shadow\:0_0_0_3px_rgba\(198\2c 39\2c 59\2c 0\.5\)\]:focus{
    box-shadow: 0 0 0 3px rgba(198,39,59,0.5);
}

#teamupdraft-onboarding .focus\:\[box-shadow\:0_0_0_3px_rgba\(43\2c 129\2c 51\2c 0\.5\)\]:focus{
    box-shadow: 0 0 0 3px rgba(43,129,51,0.5);
}

#teamupdraft-onboarding .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
}

#teamupdraft-onboarding .disabled\:border-gray-200:disabled{
    --tw-border-opacity: 1;
    border-color: rgb(233 236 239 / var(--tw-border-opacity, 1));
}

#teamupdraft-onboarding .disabled\:bg-gray-200:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding .disabled\:opacity-50:disabled{
    opacity: 0.5;
}

#teamupdraft-onboarding :is(.group:focus-within .group-focus-within\:opacity-100){
    opacity: 1;
}

#teamupdraft-onboarding :is(.group:hover .group-hover\:opacity-100){
    opacity: 1;
}

#teamupdraft-onboarding .data-\[disabled\]\:pointer-events-none[data-disabled]{
    pointer-events: none;
}

#teamupdraft-onboarding .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#teamupdraft-onboarding .data-\[side\=left\]\:-translate-x-1[data-side="left"]{
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#teamupdraft-onboarding .data-\[side\=right\]\:translate-x-1[data-side="right"]{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#teamupdraft-onboarding .data-\[side\=top\]\:-translate-y-1[data-side="top"]{
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#teamupdraft-onboarding .data-\[state\=checked\]\:translate-x-\[0px\][data-state="checked"]{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#teamupdraft-onboarding .data-\[state\=checked\]\:translate-x-\[15px\][data-state="checked"]{
    --tw-translate-x: 15px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes slideUp{
    from{
        height: var(--radix-accordion-content-height);
    }
    to{
        height: 0;
    }
}

#teamupdraft-onboarding .data-\[state\=closed\]\:animate-slideUp[data-state="closed"]{
    animation: slideUp 300ms cubic-bezier(0.87,0,0.13,1);
}

@keyframes slideDown{
    from{
        height: 0;
    }
    to{
        height: var(--radix-accordion-content-height);
    }
}

#teamupdraft-onboarding .data-\[state\=open\]\:animate-slideDown[data-state="open"]{
    animation: slideDown 300ms cubic-bezier(0.87,0,0.13,1);
}

#teamupdraft-onboarding .data-\[state\=open\]\:border-orange-darkish[data-state="open"]{
    --tw-border-opacity: 1;
    border-color: rgb(196 81 28 / var(--tw-border-opacity, 1));
}

#teamupdraft-onboarding .data-\[state\=checked\]\:bg-\[var\(--teamupdraft-orange-dark\)\][data-state="checked"]{
    background-color: var(--teamupdraft-orange-dark);
}

#teamupdraft-onboarding .data-\[disabled\]\:opacity-50[data-disabled]{
    opacity: 0.5;
}

#teamupdraft-onboarding .hover\:data-\[state\=closed\]\:bg-blue-lightest[data-state="closed"]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 248 / var(--tw-bg-opacity, 1));
}

#teamupdraft-onboarding :is(.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180){
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px){
    #teamupdraft-onboarding .sm\:w-\[70vw\]{
        width: 70vw;
    }
    #teamupdraft-onboarding .sm\:text-4xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    #teamupdraft-onboarding .sm\:leading-7{
        line-height: 1.75rem;
    }
}

@media (min-width: 768px){
    #teamupdraft-onboarding .md\:order-first{
        order: -9999;
    }
    #teamupdraft-onboarding .md\:my-8{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    #teamupdraft-onboarding .md\:flex-row{
        flex-direction: row;
    }
    #teamupdraft-onboarding .md\:p-4{
        padding: 1rem;
    }
}
