/*!
*
* Laravel Big bang default theme with light - dark alternatives
*
 */html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6}.h1,h1{line-height:1.25;letter-spacing:-.025rem}@media (max-width:767.98px){.h1,h1{font-size:rfs-fluid-value(3rem)}}.h2,h2{line-height:1.3;letter-spacing:.05rem}@media (max-width:767.98px){.h2,h2{font-size:rfs-fluid-value(2.25rem)}}.h3,h3{line-height:1.375}@media (max-width:767.98px){.h3,h3{font-size:rfs-fluid-value(1.875rem)}}.h4,h4{line-height:1.375}@media (max-width:767.98px){.h4,h4{font-size:rfs-fluid-value(1.5rem)}}.h5,h5{line-height:1.375}@media (max-width:767.98px){.h5,h5{font-size:rfs-fluid-value(1.25rem)}}.h6,h6{line-height:1.625}.p,p{font-weight:400;line-height:1.6}.lead{line-height:1.625}.h1,.h2,.h3,h1,h2,h3{font-weight:700}.h4,.h5,.h6,h4,h5,h6{font-weight:600}.h1,.h2,.h3,.h4,h1,h2,h3,h4{letter-spacing:-.05rem}a{letter-spacing:-.025rem;color:#000}.text-sm{line-height:1.5}.text-xs{line-height:1.25}.p,p{font-size:1rem}.text-lg{font-size:1.125rem!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.text-xxs{font-size:.65rem!important}p{line-height:1.625;font-weight:400}.text-sans-serif{font-family:Open Sans!important}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}.text-gradient.text-primary{background-image:linear-gradient(310deg, var(--template-gradient-from, var(--ds-accent)), var(--template-gradient-to, var(--ds-accent)))}.text-gradient.text-info{background-image:linear-gradient(310deg,#2152ff,#21d4fd)}.text-gradient.text-success{background-image:linear-gradient(310deg,#17ad37,#c1e823)}.text-gradient.text-warning{background-image:linear-gradient(310deg,#f53939,#fbcf33)}.text-gradient.text-danger{background-image:linear-gradient(310deg,#d60808,#ff6690)}.text-gradient.text-dark{background-image:linear-gradient(310deg,#141727,#3a416f)}.blockquote,blockquote{border-left:2px solid #6c757d;padding-left:1rem;font-style:italic;margin:1rem 0!important}.text-muted{color:#48494a!important}.letter-wider{letter-spacing:.05rem}.letter-normal{letter-spacing:0}.letter-tighter{letter-spacing:-.05rem}.text-light,.text-lighter{font-weight:lighter}.text-normal{font-weight:400}.text-bold{font-weight:600}.text-bolder{font-weight:700}.bg-gradient-primary{background-image:linear-gradient(310deg, var(--template-gradient-from, var(--ds-accent)), var(--template-gradient-to, var(--ds-accent)));background-repeat:repeat-x}.bg-gradient-secondary{background-image:linear-gradient(310deg,#627594,#a8b8d8);background-repeat:repeat-x}.bg-gradient-success{background-image:linear-gradient(310deg,#17ad37,#98ec2d);background-repeat:repeat-x}.bg-gradient-info{background-image:linear-gradient(310deg,#2152ff,#21d4fd);background-repeat:repeat-x}.bg-gradient-warning{background-image:linear-gradient(310deg,#f53939,#fbcf33);background-repeat:repeat-x}.bg-gradient-danger{background-image:linear-gradient(310deg,#ea0606,#ff667c);background-repeat:repeat-x}.bg-gradient-light{background-image:linear-gradient(310deg,#ced4da,#ebeff4);background-repeat:repeat-x}.bg-gradient-dark{background-image:linear-gradient(310deg,#141727,#3a416f);background-repeat:repeat-x}.bg-gradient-faded-primary{background-image:radial-gradient(370px circle at 80% 50%,hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .6) 0,hsl(calc(var(--primary-h) + 0.15) calc(var(--primary-s) + 0.18%) calc(var(--primary-l) - 10%)) 100%)}.bg-gradient-faded-secondary{background-image:radial-gradient(370px circle at 80% 50%,rgba(113,113,122,.6) 0,rgb(88.4765957447,88.4765957447,95.5234042553) 100%)}.bg-gradient-faded-success{background-image:radial-gradient(370px circle at 80% 50%,rgba(99,194,33,.6) 0,rgb(76.7577092511,150.4140969163,25.5859030837) 100%)}.bg-gradient-faded-info{background-image:radial-gradient(370px circle at 80% 50%,rgba(23,193,232,.6) 0,rgb(18.4,154.4,185.6) 100%)}.bg-gradient-faded-warning{background-image:radial-gradient(370px circle at 80% 50%,rgba(245,57,57,.6) 0,rgb(238.9326923077,12.0673076923,12.0673076923) 100%)}.bg-gradient-faded-danger{background-image:radial-gradient(370px circle at 80% 50%,rgba(234,6,6,.6) 0,rgb(184.275,4.725,4.725) 100%)}.bg-gradient-faded-light{background-image:radial-gradient(370px circle at 80% 50%,rgba(233,236,239,.6) 0,rgb(203.4736842105,210.5,217.5263157895) 100%)}.bg-gradient-faded-dark{background-image:radial-gradient(370px circle at 80% 50%,rgba(37,47,64,.6) 0,rgb(18.3168316832,23.2673267327,31.6831683168) 100%)}.bg-gradient-faded-primary-vertical{background-image:radial-gradient(200px circle at 50% 70%,hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .3) 0,hsl(var(--primary-h) var(--primary-s) var(--primary-l)) 100%)}.bg-gradient-faded-secondary-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(113,113,122,.3) 0,#71717a 100%)}.bg-gradient-faded-success-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(99,194,33,.3) 0,#63c221 100%)}.bg-gradient-faded-info-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(23,193,232,.3) 0,#17c1e8 100%)}.bg-gradient-faded-warning-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(245,57,57,.3) 0,#f53939 100%)}.bg-gradient-faded-danger-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(234,6,6,.3) 0,#ea0606 100%)}.bg-gradient-faded-light-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(233,236,239,.3) 0,#e9ecef 100%)}.bg-gradient-faded-dark-vertical{background-image:radial-gradient(200px circle at 50% 70%,rgba(37,47,64,.3) 0,#252f40 100%)}:root{--blue:#63b3ed;--indigo:#596cff;--purple:#6f42c1;--pink:#d63384;--red:#f56565;--orange:#fd7e14;--yellow:#fbd38d;--green:#81e6d9;--teal:#20c997;--cyan:#0dcaf0;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:hsl(var(--primary-h) var(--primary-s) var(--primary-l));--secondary:#71717a;--success:#63c221;--info:#17c1e8;--warning:#f53939;--danger:#ea0606;--light:#e9ecef;--dark:#252f40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Open Sans";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#48494a;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:600}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:700}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:transparent}a,a:hover{text-decoration:none}a:hover{color:hsl(calc(var(--primary-h) + 0.33) calc(var(--primary-s) - 0.35%) calc(var(--primary-l) - 14.91%))}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:400;line-height:1.2}.h1,h1{font-size:3rem}.h2,h2{font-size:2.25rem}.h3,h3{font-size:1.875rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:400}.display-1{font-size:6rem}.display-1,.display-2{font-weight:300;line-height:1.2}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-3,.display-4{font-weight:300;line-height:1.2}.display-4{font-size:3.5rem}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:.875em;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:.875em;color:#6c757d}.blockquote-footer:before{content:"\2014\A0"}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.25rem}kbd kbd{padding:0;font-size:100%;font-weight:600}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1312px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table{margin-bottom:1rem;color:#48494a}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#48494a;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:hsl(calc(var(--primary-h) - 0.24) calc(var(--primary-s) - 24.98%) calc(var(--primary-l) + 41.57%))}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:hsl(calc(var(--primary-h) + 0.12) calc(var(--primary-s) - 24.13%) calc(var(--primary-l) + 27.84%))}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:hsl(calc(var(--primary-h) - 0.11) calc(var(--primary-s) - 24.03%) calc(var(--primary-l) + 36.66%))}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:rgb(215.24,215.24,217.76)}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:rgb(181.16,181.16,185.84)}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:rgb(202.0727272727,202.0727272727,205.4272727273)}.table-success,.table-success>td,.table-success>th{background-color:rgb(211.32,237.92,192.84)}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:rgb(173.88,223.28,139.56)}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:rgb(197.2634628975,232.4235335689,172.8364664311)}.table-info,.table-info>td,.table-info>th{background-color:rgb(190.04,237.64,248.56)}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:rgb(134.36,222.76,243.04)}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:rgb(166.84,231.44,246.26)}.table-warning,.table-warning>td,.table-warning>th{background-color:rgb(252.2,199.56,199.56)}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:rgb(249.8,152.04,152.04)}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:rgb(250.9740384615,175.2859615385,175.2859615385)}.table-danger,.table-danger>td,.table-danger>th{background-color:rgb(249.12,185.28,185.28)}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:rgb(244.08,125.52,125.52)}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:rgb(247.1366666667,161.7633333333,161.7633333333)}.table-light,.table-light>td,.table-light>th{background-color:rgb(248.84,249.68,250.52)}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:rgb(243.56,245.12,246.68)}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:rgb(234.0768421053,236.93,239.7831578947)}.table-dark,.table-dark>td,.table-dark>th{background-color:rgb(193.96,196.76,201.52)}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:rgb(141.64,146.84,155.68)}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:rgb(180.3683129584,183.7917848411,189.6116870416)}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:rgb(69.1465517241,77.125,85.1034482759)}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:rgb(69.1465517241,77.125,85.1034482759)}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.4em + 1rem + 2px);padding:.5rem .75rem;font-size:1rem;font-weight:400;line-height:1.4;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%));outline:0;box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4}.col-form-label-lg{padding-top:calc(.75rem + 1px);padding-bottom:calc(.75rem + 1px);font-size:.875rem;line-height:2}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.75rem;line-height:1.25}.form-control-plaintext{display:block;width:100%;padding:.5rem 0;margin-bottom:0;font-size:1rem;line-height:1.4;color:#48494a;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.25em + .5rem + 2px);padding:.25rem .75rem;font-size:.75rem;line-height:1.25;border-radius:.25rem}.form-control-lg{height:calc(2em + 1.5rem + 2px);padding:.75rem;font-size:.875rem;line-height:2;border-radius:.75rem}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#63c221}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(99,194,33,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#63c221;padding-right:calc(1.4em + 1rem)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2363c221' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.35em + .25rem) center;background-size:calc(.7em + .5rem) calc(.7em + .5rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#63c221;box-shadow:0 0 0 .2rem rgba(99,194,33,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4em + 1rem);background-position:top calc(.35em + .25rem) right calc(.35em + .25rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#63c221;padding-right:calc(.75em + 2.5rem)!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2363c221' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.7em + .5rem) calc(.7em + .5rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#63c221;box-shadow:0 0 0 .2rem rgba(99,194,33,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#63c221}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#63c221}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{border-color:#63c221}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{border-color:rgb(124.1806167401,221.2731277533,56.7268722467);background-color:rgb(124.1806167401,221.2731277533,56.7268722467)}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(99,194,33,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#63c221}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#63c221;box-shadow:0 0 0 .2rem rgba(99,194,33,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#ea0606}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(234,6,6,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#ea0606;padding-right:calc(1.4em + 1rem)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ea0606'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ea0606' stroke='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.35em + .25rem) center;background-size:calc(.7em + .5rem) calc(.7em + .5rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#ea0606;box-shadow:0 0 0 .2rem rgba(234,6,6,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4em + 1rem);background-position:top calc(.35em + .25rem) right calc(.35em + .25rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#ea0606;padding-right:calc(.75em + 2.5rem)!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ea0606'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ea0606' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.7em + .5rem) calc(.7em + .5rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#ea0606;box-shadow:0 0 0 .2rem rgba(234,6,6,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#ea0606}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#ea0606}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{border-color:#ea0606}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{border-color:rgb(249.525,41.475,41.475);background-color:rgb(249.525,41.475,41.475)}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(234,6,6,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#ea0606}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#ea0606;box-shadow:0 0 0 .2rem rgba(234,6,6,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{justify-content:center}.form-inline .form-group,.form-inline label{display:flex;align-items:center;margin-bottom:0}.form-inline .form-group{flex:0 0 auto;flex-flow:row wrap}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:700;color:#48494a;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.75rem 1.5rem;font-size:.75rem;line-height:1.4;border-radius:.5rem;transition:all .15s ease-in}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#48494a;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 3px 5px -1px rgba(0,0,0,.09),0 2px 3px -1px rgba(0,0,0,.07)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:hsl(calc(var(--primary-h) - 0.06) calc(var(--primary-s) - 0.14%) calc(var(--primary-l) - 7.45%));border-color:hsl(calc(var(--primary-h) + 0.15) calc(var(--primary-s) + 0.18%) calc(var(--primary-l) - 10%))}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem hsl(calc(var(--primary-h) + 0.17) calc(var(--primary-s) - 23.9%) calc(var(--primary-l) + 8.62%) / .5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:hsl(calc(var(--primary-h) + 0.15) calc(var(--primary-s) + 0.18%) calc(var(--primary-l) - 10%));border-color:hsl(var(--primary-h) calc(var(--primary-s) + 0.56%) calc(var(--primary-l) - 12.55%))}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsl(calc(var(--primary-h) + 0.17) calc(var(--primary-s) - 23.9%) calc(var(--primary-l) + 8.62%) / .5)}.btn-secondary{color:#fff;background-color:#71717a;border-color:#71717a}.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover{color:#fff;background-color:rgb(94.6074468085,94.6074468085,102.1425531915);border-color:rgb(88.4765957447,88.4765957447,95.5234042553)}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(134.3,134.3,141.95,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#71717a;border-color:#71717a}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:rgb(88.4765957447,88.4765957447,95.5234042553);border-color:rgb(82.3457446809,82.3457446809,88.9042553191)}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(134.3,134.3,141.95,.5)}.btn-success{color:#fff;background-color:#63c221;border-color:#63c221}.btn-success.focus,.btn-success:focus,.btn-success:hover{color:#fff;background-color:rgb(82.3182819383,161.3105726872,27.4394273128);border-color:rgb(76.7577092511,150.4140969163,25.5859030837)}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(122.4,203.15,66.3,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#63c221;border-color:#63c221}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:rgb(76.7577092511,150.4140969163,25.5859030837);border-color:rgb(71.1971365639,139.5176211454,23.7323788546)}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(122.4,203.15,66.3,.5)}.btn-info{color:#fff;background-color:#17c1e8;border-color:#17c1e8}.btn-info.focus,.btn-info:focus,.btn-info:hover{color:#fff;background-color:rgb(19.55,164.05,197.2);border-color:rgb(18.4,154.4,185.6)}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(57.8,202.3,235.45,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17c1e8;border-color:#17c1e8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:rgb(18.4,154.4,185.6);border-color:rgb(17.25,144.75,174)}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(57.8,202.3,235.45,.5)}.btn-warning{color:#fff;background-color:#f53939;border-color:#f53939}.btn-warning.focus,.btn-warning:focus,.btn-warning:hover{color:#fff;background-color:rgb(243.1610576923,20.5889423077,20.5889423077);border-color:rgb(238.9326923077,12.0673076923,12.0673076923)}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(246.5,86.7,86.7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#fff;background-color:#f53939;border-color:#f53939}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:rgb(238.9326923077,12.0673076923,12.0673076923);border-color:rgb(226.7956730769,11.4543269231,11.4543269231)}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246.5,86.7,86.7,.5)}.btn-danger{color:#fff;background-color:#ea0606;border-color:#ea0606}.btn-danger.focus,.btn-danger:focus,.btn-danger:hover{color:#fff;background-color:rgb(196.70625,5.04375,5.04375);border-color:rgb(184.275,4.725,4.725)}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(237.15,43.35,43.35,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#ea0606;border-color:#ea0606}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:rgb(184.275,4.725,4.725);border-color:rgb(171.84375,4.40625,4.40625)}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(237.15,43.35,43.35,.5)}.btn-light{color:#212529;background-color:#e9ecef;border-color:#e9ecef}.btn-light.focus,.btn-light:focus,.btn-light:hover{color:#212529;background-color:rgb(210.8552631579,216.875,222.8947368421);border-color:rgb(203.4736842105,210.5,217.5263157895)}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(203,206.15,209.3,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#e9ecef;border-color:#e9ecef}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:rgb(203.4736842105,210.5,217.5263157895);border-color:rgb(196.0921052632,204.125,212.1578947368)}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(203,206.15,209.3,.5)}.btn-dark{color:#fff;background-color:#252f40;border-color:#252f40}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:#fff;background-color:rgb(22.9876237624,29.2004950495,39.7623762376);border-color:rgb(18.3168316832,23.2673267327,31.6831683168)}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(69.7,78.2,92.65,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#252f40;border-color:#252f40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:rgb(18.3168316832,23.2673267327,31.6831683168);border-color:rgb(13.646039604,17.3341584158,23.603960396)}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69.7,78.2,92.65,.5)}.btn-outline-primary{color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn-outline-primary:hover{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.btn-outline-secondary{color:#71717a;border-color:#71717a}.btn-outline-secondary:hover{color:#fff;background-color:#71717a;border-color:#71717a}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(113,113,122,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#71717a;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#71717a;border-color:#71717a}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(113,113,122,.5)}.btn-outline-success{color:#63c221;border-color:#63c221}.btn-outline-success:hover{color:#fff;background-color:#63c221;border-color:#63c221}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(99,194,33,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#63c221;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#63c221;border-color:#63c221}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(99,194,33,.5)}.btn-outline-info{color:#17c1e8;border-color:#17c1e8}.btn-outline-info:hover{color:#fff;background-color:#17c1e8;border-color:#17c1e8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,193,232,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17c1e8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17c1e8;border-color:#17c1e8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,193,232,.5)}.btn-outline-warning{color:#f53939;border-color:#f53939}.btn-outline-warning:hover{color:#fff;background-color:#f53939;border-color:#f53939}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(245,57,57,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#f53939;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#f53939;border-color:#f53939}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,57,57,.5)}.btn-outline-danger{color:#ea0606;border-color:#ea0606}.btn-outline-danger:hover{color:#fff;background-color:#ea0606;border-color:#ea0606}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(234,6,6,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#ea0606;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#ea0606;border-color:#ea0606}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(234,6,6,.5)}.btn-outline-light{color:#e9ecef;border-color:#e9ecef}.btn-outline-light:hover{color:#212529;background-color:#e9ecef;border-color:#e9ecef}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(233,236,239,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#e9ecef;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#e9ecef;border-color:#e9ecef}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(233,236,239,.5)}.btn-outline-dark{color:#252f40;border-color:#252f40}.btn-outline-dark:hover{color:#fff;background-color:#252f40;border-color:#252f40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(37,47,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#252f40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#252f40;border-color:#252f40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(37,47,64,.5)}.btn-link{font-weight:400;color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));text-decoration:none}.btn-link:hover{color:hsl(calc(var(--primary-h) + 0.33) calc(var(--primary-s) - 0.35%) calc(var(--primary-l) - 14.91%))}.btn-link.focus,.btn-link:focus,.btn-link:hover{text-decoration:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.875rem 4rem;font-size:.875rem;line-height:2;border-radius:.5rem}.btn-group-sm>.btn,.btn-sm{padding:.5rem .7rem;font-size:.75rem;line-height:1.25;border-radius:.5rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn{margin-bottom:1rem;letter-spacing:-.025rem;text-transform:uppercase;box-shadow:0 4px 7px -1px rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.07);background-size:150%;background-position-x:25%}.btn:not([class*=btn-outline-]){border:0}.icon-move-right i{transition:all .2s cubic-bezier(.34,1.61,.7,1.3)}.icon-move-right:focus i,.icon-move-right:hover i{transform:translateX(5px)}.icon-move-left i{transition:all .2s cubic-bezier(.34,1.61,.7,1.3)}.icon-move-left:focus i,.icon-move-left:hover i{transform:translateX(-5px)}.btn.bg-gradient-primary:hover{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn.bg-gradient-primary .btn.bg-outline-primary{border:1px solid hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-primary.dropdown-toggle{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn.bg-gradient-primary.focus,.btn.bg-gradient-primary:focus{color:#fff}.btn-outline-primary{box-shadow:none}.btn-outline-primary:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.btn.bg-gradient-secondary:hover{background-color:#71717a;border-color:#71717a}.btn.bg-gradient-secondary .btn.bg-outline-secondary{border:1px solid #71717a}.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-secondary.dropdown-toggle{color:#fff;background-color:#71717a}.btn.bg-gradient-secondary.focus,.btn.bg-gradient-secondary:focus{color:#fff}.btn-outline-secondary{box-shadow:none}.btn-outline-secondary:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#71717a}.btn.bg-gradient-success:hover{background-color:#63c221;border-color:#63c221}.btn.bg-gradient-success .btn.bg-outline-success{border:1px solid #63c221}.btn.bg-gradient-success:not(:disabled):not(.disabled).active,.btn.bg-gradient-success:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-success.dropdown-toggle{color:#fff;background-color:#63c221}.btn.bg-gradient-success.focus,.btn.bg-gradient-success:focus{color:#fff}.btn-outline-success{box-shadow:none}.btn-outline-success:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#63c221}.btn.bg-gradient-info:hover{background-color:#17c1e8;border-color:#17c1e8}.btn.bg-gradient-info .btn.bg-outline-info{border:1px solid #17c1e8}.btn.bg-gradient-info:not(:disabled):not(.disabled).active,.btn.bg-gradient-info:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-info.dropdown-toggle{color:#fff;background-color:#17c1e8}.btn.bg-gradient-info.focus,.btn.bg-gradient-info:focus{color:#fff}.btn-outline-info{box-shadow:none}.btn-outline-info:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#17c1e8}.btn.bg-gradient-warning:hover{background-color:#f53939;border-color:#f53939}.btn.bg-gradient-warning .btn.bg-outline-warning{border:1px solid #f53939}.btn.bg-gradient-warning:not(:disabled):not(.disabled).active,.btn.bg-gradient-warning:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-warning.dropdown-toggle{color:#fff;background-color:#f53939}.btn.bg-gradient-warning.focus,.btn.bg-gradient-warning:focus{color:#fff}.btn-outline-warning{box-shadow:none}.btn-outline-warning:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#f53939}.btn.bg-gradient-danger:hover{background-color:#ea0606;border-color:#ea0606}.btn.bg-gradient-danger .btn.bg-outline-danger{border:1px solid #ea0606}.btn.bg-gradient-danger:not(:disabled):not(.disabled).active,.btn.bg-gradient-danger:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-danger.dropdown-toggle{color:#fff;background-color:#ea0606}.btn.bg-gradient-danger.focus,.btn.bg-gradient-danger:focus{color:#fff}.btn-outline-danger{box-shadow:none}.btn-outline-danger:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#ea0606}.btn.bg-gradient-light:hover{background-color:#e9ecef;border-color:#e9ecef}.btn.bg-gradient-light .btn.bg-outline-light{border:1px solid #e9ecef}.btn.bg-gradient-light:not(:disabled):not(.disabled).active,.btn.bg-gradient-light:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-light.dropdown-toggle{color:#212529;background-color:#e9ecef}.btn-outline-light{box-shadow:none}.btn-outline-light:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#e9ecef}.btn.bg-gradient-dark:hover{background-color:#252f40;border-color:#252f40}.btn.bg-gradient-dark .btn.bg-outline-dark{border:1px solid #252f40}.btn.bg-gradient-dark:not(:disabled):not(.disabled).active,.btn.bg-gradient-dark:not(:disabled):not(.disabled):active,.show>.btn.bg-gradient-dark.dropdown-toggle{color:#fff;background-color:#252f40}.btn.bg-gradient-dark.focus,.btn.bg-gradient-dark:focus{color:#fff}.btn-outline-dark{box-shadow:none}.btn-outline-dark:hover:not(.active){background-color:transparent;opacity:.75;box-shadow:none;color:#252f40}.btn.bg-gradient-danger,.btn.bg-gradient-danger:hover,.btn.bg-gradient-dark,.btn.bg-gradient-dark:hover,.btn.bg-gradient-info,.btn.bg-gradient-info:hover,.btn.bg-gradient-primary,.btn.bg-gradient-primary:hover,.btn.bg-gradient-secondary,.btn.bg-gradient-secondary:hover,.btn.bg-gradient-success,.btn.bg-gradient-success:hover,.btn.bg-gradient-warning,.btn.bg-gradient-warning:hover{color:#fff}.btn.bg-gradient-light,.btn.bg-gradient-light:hover{color:#3a416f}.btn-outline-white{border-color:hsla(0,0%,100%,.75);background:hsla(0,0%,100%,.1)}.btn-success,.btn-success.focus,.btn-success:focus,.btn.bg-gradient-success.focus,.btn.bg-gradient-success:focus{color:#fff!important}.btn-grow{transition:all .2s ease-in-out}.btn-grow:hover{transform:scale(1.02)}.btn.btn-round{border-radius:1.875rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.width{transition:none}}@media (min-width:992px){.dropdown .dropdown-menu,.dropup .dropdown-menu{box-shadow:0 8px 26px -4px rgba(20,20,20,.15),0 8px 9px -5px rgba(20,20,20,.06);transition:visibility .25s,opacity .25s,transform .25s;cursor:pointer}.dropdown .dropdown-toggle:after,.dropup .dropdown-toggle:after{content:"\F107";font:normal normal normal 14px/1 FontAwesome;border:none;vertical-align:middle;font-weight:600}.dropdown .dropdown-toggle.show:after,.dropup .dropdown-toggle.show:after{transform:rotate(180deg)}.dropdown .dropdown-toggle:after,.dropup .dropdown-toggle:after{transition:.3s ease}.dropdown.dropdown-hover .dropdown-menu,.dropdown .dropdown-menu{display:block;opacity:0;top:0;transform-origin:50% 0;pointer-events:none;transform:perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0)!important;backface-visibility:hidden;will-change:transform,box-shadow}.dropdown.dropdown-hover:hover>.dropdown-menu,.dropdown .dropdown-menu.show{opacity:1;pointer-events:auto;visibility:visible;transform:perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px)!important}.dropdown.dropdown-hover:hover>.dropdown-menu:before,.dropdown .dropdown-menu.show:before{display:none;top:-20px}.dropdown.dropdown-hover:after{content:"";position:absolute;left:0;bottom:-24px;width:100%;height:100%}.dropdown:not(.dropdown-hover) .dropdown-menu{margin-top:8px!important}.dropdown .dropdown-menu:before{display:none;font-family:FontAwesome;content:"\F0D8";position:absolute;top:0;left:28px;right:auto;font-size:22px;color:#fff;transition:top .35s ease}.dropdown .dropdown-item .arrow{transform:rotate(-90deg)}.dropdown-item{transition:background-color .3s ease,color .3s ease}}@media (max-width:1199.98px){.dropdown:not(.nav-item) .dropdown-menu{display:block;opacity:0;top:0;transform-origin:50% 0;pointer-events:none;transform:perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0)!important;transition:visibility .25s,opacity .25s,transform .25s;backface-visibility:hidden;will-change:transform,box-shadow;box-shadow:0 8px 26px -4px rgba(20,20,20,.15),0 8px 9px -5px rgba(20,20,20,.06)}.dropdown:not(.nav-item) .dropdown-menu:before{font-family:FontAwesome;content:"\F0D8";position:absolute;top:0;left:28px;right:auto;font-size:22px;color:#fff;transition:top .35s ease}.dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu{margin-top:8px!important}.dropdown:not(.nav-item) .dropdown-menu.show{opacity:1;pointer-events:auto;visibility:visible;transform:perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px)!important}.dropdown:not(.nav-item) .dropdown-menu.show:before{top:-20px}.dropdown.nav-item .dropdown-menu-animation{display:block;height:0;transition:all .35s ease;padding-top:0!important;padding-bottom:0!important;opacity:0}.dropdown.nav-item .dropdown-menu-animation.show{height:250px;opacity:1}}.dropdown-menu li{position:relative}.dropdown.dropdown-subitem:after{left:100%;bottom:0;width:50%}.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before{transform:rotate(-90deg);left:0;top:0;z-index:-1;transition:left .35s ease}.dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before{left:-8px}.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu{transform:perspective(999px) rotateX(0deg) translateZ(0) translateZ(5px)!important}.dropdown .dropdown-menu .dropdown-item+.dropdown-menu{right:-197px;left:auto;top:0}.dropdown-image{background-size:cover}@media (min-width:992px){.dropdown-xl{min-width:40rem}.dropdown-lg{min-width:23rem}.dropdown-md{min-width:15rem}}.dropdown-lg-responsive{min-width:19rem}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:11rem;padding:.5rem 0;margin:1.625rem 0 0;font-size:.875rem;color:#48494a;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0 solid transparent;border-radius:.5rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1.625rem}.dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:1.625rem}.dropright .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-toggle:after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:1.625rem}.dropleft .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";display:none}.dropleft .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-toggle:before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid transparent}.dropdown-item{display:block;width:100%;padding:.3rem 1rem;clear:both;font-weight:400;color:#48494a;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#252f40;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#48494a;text-decoration:none;background-color:transparent}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.3rem 1rem;color:#48494a}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.525rem;padding-left:.525rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:3rem;padding-left:3rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.5rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.4;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(2em + 1.5rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.75rem;font-size:.875rem;line-height:2;border-radius:.75rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.25em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .75rem;font-size:.75rem;line-height:1.25;border-radius:.25rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%))}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:hsl(calc(var(--primary-h) - 0.42) calc(var(--primary-s) - 0.81%) calc(var(--primary-l) + 34.9%));border-color:hsl(calc(var(--primary-h) - 0.42) calc(var(--primary-s) - 0.81%) calc(var(--primary-l) + 34.9%))}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label:before{pointer-events:none;background-color:#fff;border:1px solid #adb5bd}.custom-control-label:after,.custom-control-label:before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:""}.custom-control-label:after{background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label:before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label:before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label:after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label:after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.custom-select{display:inline-block;width:100%;height:calc(1.4em + 1rem + 2px);padding:.5rem 1.75rem .5rem .75rem;font-size:1rem;font-weight:400;line-height:1.4;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%));outline:0;box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.25em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.75rem;font-size:.75rem}.custom-select-lg{height:calc(2em + 1.5rem + 2px);padding-top:.75rem;padding-bottom:.75rem;padding-left:.75rem;font-size:.875rem}.custom-file{display:inline-block;margin-bottom:0}.custom-file,.custom-file-input{position:relative;width:100%;height:calc(1.4em + 1rem + 2px)}.custom-file-input{z-index:2;margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%));box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label:after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]:after{content:attr(data-browse)}.custom-file-label{left:0;z-index:1;height:calc(1.4em + 1rem + 2px);overflow:hidden;font-weight:400;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label,.custom-file-label:after{position:absolute;top:0;right:0;padding:.5rem .75rem;line-height:1.4;color:#495057}.custom-file-label:after{bottom:0;z-index:3;display:block;height:calc(1.4em + 1rem);content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.custom-range::-webkit-slider-thumb:active{background-color:hsl(calc(var(--primary-h) - 0.42) calc(var(--primary-s) - 0.81%) calc(var(--primary-l) + 34.9%))}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none}.custom-range::-moz-range-thumb:active{background-color:hsl(calc(var(--primary-h) - 0.42) calc(var(--primary-s) - 0.81%) calc(var(--primary-l) + 34.9%))}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb{appearance:none}.custom-range::-ms-thumb:active{background-color:hsl(calc(var(--primary-h) - 0.42) calc(var(--primary-s) - 0.81%) calc(var(--primary-l) + 34.9%))}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;padding:.5rem 1rem}.navbar,.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.40625rem;padding-bottom:.40625rem;margin-right:1rem;font-size:1.125rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.125rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.5rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:hsl(calc(var(--primary-h) + 0.33) calc(var(--primary-s) - 0.35%) calc(var(--primary-l) - 14.91%));text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.125rem;line-height:2}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.25}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:all .15s ease-in}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:hsl(calc(var(--primary-h) + 0.15) calc(var(--primary-s) + 0.18%) calc(var(--primary-l) - 10%))}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5)}.badge-secondary{color:#fff;background-color:#71717a}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:rgb(88.4765957447,88.4765957447,95.5234042553)}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(113,113,122,.5)}.badge-success{color:#fff;background-color:#63c221}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:rgb(76.7577092511,150.4140969163,25.5859030837)}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(99,194,33,.5)}.badge-info{color:#fff;background-color:#17c1e8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:rgb(18.4,154.4,185.6)}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,193,232,.5)}.badge-warning{color:#fff;background-color:#f53939}a.badge-warning:focus,a.badge-warning:hover{color:#fff;background-color:rgb(238.9326923077,12.0673076923,12.0673076923)}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(245,57,57,.5)}.badge-danger{color:#fff;background-color:#ea0606}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:rgb(184.275,4.725,4.725)}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(234,6,6,.5)}.badge-light{color:#212529;background-color:#e9ecef}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:rgb(203.4736842105,210.5,217.5263157895)}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(233,236,239,.5)}.badge-dark{color:#fff;background-color:#252f40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:rgb(18.3168316832,23.2673267327,31.6831683168)}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(37,47,64,.5)}.btn .badge{position:relative;top:-1px}.badge.bg-primary{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.badge.bg-secondary{background:#71717a}.badge.bg-success{background:#63c221}.badge.bg-info{background:#17c1e8}.badge.bg-warning{background:#f53939}.badge.bg-danger{background:#ea0606}.badge.bg-light{background:#e9ecef}.badge.bg-dark{background:#252f40}.badge{color:#fff;font-weight:600;padding:.5rem}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:hsl(var(--primary-h) calc(var(--primary-s) + 0.45%) calc(var(--primary-l) - 20.2%));background-color:hsl(var(--primary-h) calc(var(--primary-s) - 22.74%) calc(var(--primary-l) + 46.27%));border-color:hsl(calc(var(--primary-h) - 0.24) calc(var(--primary-s) - 24.98%) calc(var(--primary-l) + 41.57%))}.alert-primary hr{border-top-color:hsl(calc(var(--primary-h) - 0.11) calc(var(--primary-s) - 24.03%) calc(var(--primary-l) + 36.66%))}.alert-primary .alert-link{color:hsl(calc(var(--primary-h) - 0.49) calc(var(--primary-s) + 1.16%) calc(var(--primary-l) - 30.4%))}.alert-secondary{color:rgb(58.76,58.76,63.44);background-color:rgb(226.6,226.6,228.4);border-color:rgb(215.24,215.24,217.76)}.alert-secondary hr{border-top-color:rgb(202.0727272727,202.0727272727,205.4272727273)}.alert-secondary .alert-link{color:rgb(34.2365957447,34.2365957447,36.9634042553)}.alert-success{color:rgb(51.48,100.88,17.16);background-color:rgb(223.8,242.8,210.6);border-color:rgb(211.32,237.92,192.84)}.alert-success hr{border-top-color:rgb(197.2634628975,232.4235335689,172.8364664311)}.alert-success .alert-link{color:rgb(29.2377092511,57.2940969163,9.7459030837)}.alert-info{color:rgb(11.96,100.36,120.64);background-color:rgb(208.6,242.6,250.4);border-color:rgb(190.04,237.64,248.56)}.alert-info hr{border-top-color:rgb(166.84,231.44,246.26)}.alert-info .alert-link{color:rgb(7.36,61.76,74.24)}.alert-warning{color:rgb(127.4,29.64,29.64);background-color:rgb(253,215.4,215.4);border-color:rgb(252.2,199.56,199.56)}.alert-warning hr{border-top-color:rgb(250.9740384615,175.2859615385,175.2859615385)}.alert-warning .alert-link{color:rgb(86.0258278146,20.0141721854,20.0141721854)}.alert-danger{color:rgb(121.68,3.12,3.12);background-color:rgb(250.8,205.2,205.2);border-color:rgb(249.12,185.28,185.28)}.alert-danger hr{border-top-color:rgb(247.1366666667,161.7633333333,161.7633333333)}.alert-danger .alert-link{color:rgb(71.955,1.845,1.845)}.alert-light{color:rgb(121.16,122.72,124.28);background-color:rgb(250.6,251.2,251.8);border-color:rgb(248.84,249.68,250.52)}.alert-light hr{border-top-color:rgb(234.0768421053,236.93,239.7831578947)}.alert-light .alert-link{color:rgb(95.9841525424,97.22,98.4558474576)}.alert-dark{color:rgb(19.24,24.44,33.28);background-color:rgb(211.4,213.4,216.8);border-color:rgb(193.96,196.76,201.52)}.alert-dark hr{border-top-color:rgb(180.3683129584,183.7917848411,189.6116870416)}.alert-dark .alert-link{color:rgb(.5568316832,.7073267327,.9631683168)}.alert-primary{background-image:linear-gradient(310deg, var(--template-gradient-from, var(--ds-accent)), var(--template-gradient-to, var(--ds-accent)));background-repeat:repeat-x}.alert-secondary{background-image:linear-gradient(310deg,#627594,rgb(139.8285714286,161.0095238095,203.3714285714));background-repeat:repeat-x}.alert-success{background-image:linear-gradient(310deg,#17ad37,rgb(132.1624454148,220.2707423581,19.9292576419));background-repeat:repeat-x}.alert-info{background-image:linear-gradient(310deg,#2152ff,rgb(2.1892857143,198.1303571429,243.0107142857));background-repeat:repeat-x}.alert-warning{background-image:linear-gradient(310deg,#f53939,rgb(250.2153846154,197.5846153846,10.9846153846));background-repeat:repeat-x}.alert-danger{background-image:linear-gradient(310deg,#ea0606,rgb(255,61.2,89.0666666667));background-repeat:repeat-x}.alert-light{background-image:linear-gradient(310deg,#ced4da,rgb(208.6774193548,217.9419354839,229.5225806452))}.alert-dark,.alert-light{background-repeat:repeat-x}.alert-dark{background-image:linear-gradient(310deg,#141727,rgb(43.9976331361,49.3076923077,84.2023668639))}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress{height:1rem;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#48494a;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:hsl(var(--primary-h) calc(var(--primary-s) + 0.45%) calc(var(--primary-l) - 20.2%));background-color:hsl(calc(var(--primary-h) - 0.24) calc(var(--primary-s) - 24.98%) calc(var(--primary-l) + 41.57%))}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:hsl(var(--primary-h) calc(var(--primary-s) + 0.45%) calc(var(--primary-l) - 20.2%));background-color:hsl(calc(var(--primary-h) - 0.11) calc(var(--primary-s) - 24.03%) calc(var(--primary-l) + 36.66%))}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:hsl(var(--primary-h) calc(var(--primary-s) + 0.45%) calc(var(--primary-l) - 20.2%));border-color:hsl(var(--primary-h) calc(var(--primary-s) + 0.45%) calc(var(--primary-l) - 20.2%))}.list-group-item-secondary{color:rgb(58.76,58.76,63.44);background-color:rgb(215.24,215.24,217.76)}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:rgb(58.76,58.76,63.44);background-color:rgb(202.0727272727,202.0727272727,205.4272727273)}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:rgb(58.76,58.76,63.44);border-color:rgb(58.76,58.76,63.44)}.list-group-item-success{color:rgb(51.48,100.88,17.16);background-color:rgb(211.32,237.92,192.84)}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:rgb(51.48,100.88,17.16);background-color:rgb(197.2634628975,232.4235335689,172.8364664311)}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:rgb(51.48,100.88,17.16);border-color:rgb(51.48,100.88,17.16)}.list-group-item-info{color:rgb(11.96,100.36,120.64);background-color:rgb(190.04,237.64,248.56)}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:rgb(11.96,100.36,120.64);background-color:rgb(166.84,231.44,246.26)}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:rgb(11.96,100.36,120.64);border-color:rgb(11.96,100.36,120.64)}.list-group-item-warning{color:rgb(127.4,29.64,29.64);background-color:rgb(252.2,199.56,199.56)}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:rgb(127.4,29.64,29.64);background-color:rgb(250.9740384615,175.2859615385,175.2859615385)}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:rgb(127.4,29.64,29.64);border-color:rgb(127.4,29.64,29.64)}.list-group-item-danger{color:rgb(121.68,3.12,3.12);background-color:rgb(249.12,185.28,185.28)}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:rgb(121.68,3.12,3.12);background-color:rgb(247.1366666667,161.7633333333,161.7633333333)}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:rgb(121.68,3.12,3.12);border-color:rgb(121.68,3.12,3.12)}.list-group-item-light{color:rgb(121.16,122.72,124.28);background-color:rgb(248.84,249.68,250.52)}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:rgb(121.16,122.72,124.28);background-color:rgb(234.0768421053,236.93,239.7831578947)}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:rgb(121.16,122.72,124.28);border-color:rgb(121.16,122.72,124.28)}.list-group-item-dark{color:rgb(19.24,24.44,33.28);background-color:rgb(193.96,196.76,201.52)}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:rgb(19.24,24.44,33.28);background-color:rgb(180.3683129584,183.7917848411,189.6116870416)}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:rgb(19.24,24.44,33.28);border-color:rgb(19.24,24.44,33.28)}.close{float:right;font-size:1.5rem;font-weight:600;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:.875rem;background-color:hsla(0,0%,100%,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:hsla(0,0%,100%,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.fade .modal-dialog{transform:translateY(-50px)}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem);height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable:before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.75rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.75rem - 1px);border-top-right-radius:calc(.75rem - 1px)}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.75rem - 1px);border-bottom-left-radius:calc(.75rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem);height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{top:0;left:0;z-index:1060;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.75rem}.popover,.popover .arrow{position:absolute;display:block}.popover .arrow{width:1rem;height:.5rem;margin:0 .75rem}.popover .arrow:after,.popover .arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow:before,.bs-popover-top>.arrow:before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow:after,.bs-popover-top>.arrow:after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.75rem 0}.bs-popover-auto[x-placement^=right]>.arrow:before,.bs-popover-right>.arrow:before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow:after,.bs-popover-right>.arrow:after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow:before,.bs-popover-bottom>.arrow:before{top:0;border-width:0 .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow:after,.bs-popover-bottom>.arrow:after{top:1px;border-width:0 .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid rgb(247.35,247.35,247.35)}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.75rem 0}.bs-popover-auto[x-placement^=left]>.arrow:before,.bs-popover-left>.arrow:before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow:after,.bs-popover-left>.arrow:after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:rgb(247.35,247.35,247.35);border-bottom:1px solid rgb(234.6,234.6,234.6);border-top-left-radius:calc(.75rem - 1px);border-top-right-radius:calc(.75rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#48494a}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid;border-right:.25em solid transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:hsl(calc(var(--primary-h) + 0.15) calc(var(--primary-s) + 0.18%) calc(var(--primary-l) - 10%))!important}.bg-secondary{background-color:#71717a!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:rgb(88.4765957447,88.4765957447,95.5234042553)!important}.bg-success{background-color:#63c221!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:rgb(76.7577092511,150.4140969163,25.5859030837)!important}.bg-info{background-color:#17c1e8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:rgb(18.4,154.4,185.6)!important}.bg-warning{background-color:#f53939!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:rgb(238.9326923077,12.0673076923,12.0673076923)!important}.bg-danger{background-color:#ea0606!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:rgb(184.275,4.725,4.725)!important}.bg-light{background-color:#e9ecef!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:rgb(203.4736842105,210.5,217.5263157895)!important}.bg-dark{background-color:#252f40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:rgb(18.3168316832,23.2673267327,31.6831683168)!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}.border-secondary{border-color:#71717a!important}.border-success{border-color:#63c221!important}.border-info{border-color:#17c1e8!important}.border-warning{border-color:#f53939!important}.border-danger{border-color:#ea0606!important}.border-light{border-color:#e9ecef!important}.border-dark{border-color:#252f40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.25rem!important}.rounded-lg{border-radius:.75rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix:after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive:before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9:before{padding-top:42.85714286%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{top:0}.fixed-bottom,.fixed-top{position:fixed;right:0;left:0;z-index:1030}.fixed-bottom{bottom:0}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .3125rem .625rem 0 rgba(0,0,0,.12)!important}.shadow{box-shadow:0 .25rem .375rem -.0625rem rgba(20,20,20,.12),0 .125rem .25rem -.0625rem rgba(20,20,20,.07)!important}.shadow-lg{box-shadow:0 8px 26px -4px rgba(20,20,20,.15),0 8px 9px -5px rgba(20,20,20,.06)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:600!important}.font-weight-bolder{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}a.text-primary:focus,a.text-primary:hover{color:hsl(calc(var(--primary-h) + 0.33) calc(var(--primary-s) - 0.35%) calc(var(--primary-l) - 14.91%))!important}.text-secondary{color:#71717a!important}a.text-secondary:focus,a.text-secondary:hover{color:rgb(76.214893617,76.214893617,82.285106383)!important}.text-success{color:#63c221!important}a.text-success:focus,a.text-success:hover{color:rgb(65.6365638767,128.6211453744,21.8788546256)!important}.text-info{color:#17c1e8!important}a.text-info:focus,a.text-info:hover{color:rgb(16.1,135.1,162.4)!important}.text-warning{color:#f53939!important}a.text-warning:focus,a.text-warning:hover{color:rgb(214.6586538462,10.8413461538,10.8413461538)!important}.text-danger{color:#ea0606!important}a.text-danger:focus,a.text-danger:hover{color:rgb(159.4125,4.0875,4.0875)!important}.text-light{color:#e9ecef!important}a.text-light:focus,a.text-light:hover{color:rgb(188.7105263158,197.75,206.7894736842)!important}.text-dark{color:#252f40!important}a.text-dark:focus,a.text-dark:hover{color:rgb(8.9752475248,11.400990099,15.5247524752)!important}.text-body{color:#48494a!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-1{opacity:.1!important}.opacity-2{opacity:.2!important}.opacity-3{opacity:.3!important}.opacity-4{opacity:.4!important}.opacity-5{opacity:.5!important}.opacity-6{opacity:.6!important}.opacity-7{opacity:.7!important}.opacity-8{opacity:.8!important}.opacity-9{opacity:.9!important}.opacity-10{opacity:1!important}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.z-index-2{z-index:2!important}.z-index-3{z-index:3!important}.z-index-4{z-index:4!important}.z-index-5{z-index:5!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}.ph-item{position:relative;display:flex;flex-wrap:wrap;padding:30px 15px 15px;margin-bottom:30px;overflow:hidden;direction:ltr;background-color:#fff;border:1px solid rgb(229.5,229.5,229.5);border-radius:2px}.ph-item,.ph-item *,.ph-item :after,.ph-item :before{box-sizing:border-box}.ph-item:before{position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;pointer-events:none;content:" ";background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%;animation:ph-animation .8s linear infinite}.ph-item>*{display:flex;flex:1 1 auto;flex-flow:column;padding-right:15px;padding-left:15px;margin-bottom:15px}.ph-row{display:flex;flex-wrap:wrap;margin-top:-7.5px}.ph-row div{height:10px;margin-top:7.5px;background-color:#ced4da}.ph-row .big,.ph-row.big div{height:20px}.ph-row .empty{background-color:hsla(0,0%,100%,0)}.ph-col-2{flex:0 0 16.6666666667%}.ph-col-4{flex:0 0 33.3333333333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.6666666667%}.ph-col-10{flex:0 0 83.3333333333%}.ph-col-12{flex:0 0 100%}[class*=ph-col]{direction:ltr}[class*=ph-col]>*+.ph-row{margin-top:0}[class*=ph-col]>*+*{margin-top:7.5px}.ph-avatar{position:relative;width:100%;min-width:60px;overflow:hidden;background-color:#ced4da;border-radius:50%}.ph-avatar:before{display:block;padding-top:100%;content:" "}.ph-picture{width:100%;height:120px;background-color:#ced4da}@keyframes ph-animation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}footer .copyRightInfo .nav-link:last-child{padding-right:0!important}footer .footer-social-links a:last-child{margin-right:0!important}footer{background-color:#fafafa}.ml-2-h{margin-left:.75rem}.bg-primary-soft{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .11)!important}.bg-primary-softer{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .08)!important}.h-pill{display:flex;justify-items:center;align-items:center;cursor:pointer;padding:.4rem;border-radius:1rem}.h-pill:hover{background-color:#9e9e9e;color:#fafafa}.h-pill-primary:hover{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .11)!important;color:hsl(calc(var(--primary-h) + 0.1) calc(var(--primary-s) + 0.15%) calc(var(--primary-l) + 15.09%))!important}.h-pill.rounded{border-radius:50%!important}.h-pill.active{color:hsl(calc(var(--primary-h) + 0.1) calc(var(--primary-s) + 0.15%) calc(var(--primary-l) + 15.09%))}.h-pill.disabled{color:rgb(122.301369863,124,125.698630137)}.h-pill.disabled:active,.h-pill.disabled:hover{background-color:transparent!important;color:rgb(122.301369863,124,125.698630137)!important;cursor:default!important}.home-bg-section{background-color:#f8f9fa}.h-pill-accent{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .1)!important;color:hsl(calc(var(--primary-h) + 0.1) calc(var(--primary-s) + 0.15%) calc(var(--primary-l) + 15.09%))!important}.h-pill-accent:hover{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)!important}.h-pill-media{display:inline-flex;align-items:center;cursor:pointer;padding:.4rem .55rem;border-radius:1rem;background:rgba(0,0,0,.28);color:hsla(0,0%,100%,.92);box-shadow:0 1px 6px rgba(0,0,0,.22);text-shadow:0 1px 2px rgba(0,0,0,.3)}.h-pill-media:hover{background:rgba(0,0,0,.38);color:hsla(0,0%,100%,.98)}.h-pill-media:focus{outline:0;box-shadow:0 0 0 2px hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25),0 1px 6px rgba(0,0,0,.22)}.h-pill-media.active{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .28);color:hsla(0,0%,100%,.98)}.h-pill-media.rounded{border-radius:999px!important}.h-pill-media--light{background:hsla(0,0%,100%,.78);color:rgba(0,0,0,.75);box-shadow:0 1px 6px rgba(0,0,0,.12);text-shadow:none}.h-pill-media--light:hover{background:hsla(0,0%,100%,.88);color:rgba(0,0,0,.85)}.h-pill-media--light.active{background:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .18);color:hsl(calc(var(--primary-h) + 0.15) calc(var(--primary-s) + 0.18%) calc(var(--primary-l) - 10%))}.dropdown-divider{border-top:1px solid #e9ecef!important}.mobile-bottom-nav{height:70px;display:flex;justify-content:space-evenly;align-items:center;position:fixed;bottom:0;width:100%}.neutral-bg{background-color:#f8f9fa!important}.side-menu .nav-link{justify-content:center!important}.side-menu .nav-item i{font-size:1.9rem!important}.side-menu .user-details{justify-content:center!important}.settings-content{border-left:none!important}.post-box .h-pill{border-radius:50%}.container-xl{padding-left:14px}.user-search-box-info{max-width:150px}.fixed-top-m{position:fixed;right:0;left:0;z-index:20}.m-pt-70{margin-top:70px}.feed-mobile-search{border-bottom:1px solid #dee2e6!important}.content-wrapper.border-right{border-right:none!important}.overflow-x-hidden-m{overflow-x:hidden}.swiper-button-next{right:25px!important}.swiper-button-prev{left:25px!important}@media (min-width:576px){.side-menu .nav-link{justify-content:center!important}.side-menu .nav-item i{font-size:1.9rem!important}.side-menu .user-details{justify-content:center!important}.p-pill{width:40px!important;height:40px!important}.settings-content{border-left:none!important}.post-box .h-pill{border-radius:50%}.container-xl{padding-left:14px}.user-search-box-info{max-width:150px}.fixed-top-m{position:fixed;right:0;left:0;z-index:20}.m-pt-70{margin-top:70px}.feed-mobile-search{border-bottom:1px solid #dee2e6!important}.content-wrapper.border-right{border-right:none!important}.overflow-x-hidden-m{overflow-x:hidden}.swiper-button-next{right:25px!important}.swiper-button-prev{left:25px!important}}@media (min-width:768px){.side-menu .nav-link{justify-content:space-between!important}.side-menu .nav-item i{font-size:19px!important;margin-right:.7rem}.side-menu .user-details{justify-content:flex-start!important}.settings-content{border-left:1px solid #dee2e6!important}.post-box .h-pill{border-radius:50%}.post-media{margin-left:0;margin-right:0}.user-search-box-info{max-width:inherit}.fixed-top-m{position:inherit}.m-pt-70{margin-top:0}.feed-mobile-search{border-bottom:none}.content-wrapper.border-right{border-right:1px solid #dee2e6!important}.overflow-x-hidden-m{overflow-x:inherit}.swiper-button-next{right:10px!important}.swiper-button-prev{left:10px!important}}@media (min-width:992px){.side-menu .nav-link{justify-content:space-between!important}.side-menu .nav-item i{font-size:19px!important;margin-right:.7rem}.side-menu .user-details{justify-content:flex-start!important}.settings-content{border-bottom:none}.post-box .h-pill{border-radius:1rem}.post-media{margin-left:0;margin-right:0}.user-search-box-info{max-width:inherit}.fixed-top-m{position:inherit}.m-pt-70{margin-top:0}.feed-mobile-search{border-bottom:none}.content-wrapper.border-right{border-right:1px solid #dee2e6!important}.overflow-x-hidden-m{overflow-x:inherit}.swiper-button-next{right:10px!important}.swiper-button-prev{left:10px!important}}@media (min-width:1200px){.side-menu .nav-link{justify-content:space-between!important}.side-menu .nav-item i{font-size:19px!important;margin-right:.7rem}.side-menu .user-details{justify-content:flex-start!important}.settings-content{border-left:1px solid #dee2e6!important}.post-box .h-pill{border-radius:1rem}.post-media{margin-left:0;margin-right:0}.user-search-box-info{max-width:inherit}.fixed-top-m{position:inherit}.m-pt-70{margin-top:0}.feed-mobile-search{border-bottom:none}.content-wrapper.border-right{border-right:1px solid #dee2e6!important}.overflow-x-hidden-m{overflow-x:inherit}.swiper-button-next{right:10px!important}.swiper-button-prev{left:10px!important}}.p-pill{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;color:hsl(calc(var(--primary-h) + 0.1) calc(var(--primary-s) + 0.15%) calc(var(--primary-l) + 15.09%))!important;background-color:transparent;font-size:1.2rem;line-height:1.4;transition:all .15s ease-in;border:transparent!important;box-shadow:inset 0 0 0 1px rgba(138,150,163,.25)!important}.p-pill.disabled{color:rgb(122.301369863,124,125.698630137)!important}.p-pill-text{width:100%!important;border-radius:2rem!important;font-weight:500!important;font-size:.9rem!important;padding-right:.5em!important;padding-left:.5em!important}.p-pill:hover{border:1px solid hsl(calc(var(--primary-h) + 0.1) calc(var(--primary-s) + 0.15%) calc(var(--primary-l) + 15.09%));background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .11)!important}.p-pill-white{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#dee2e6!important;background-color:rgba(248,249,250,.2)!important;font-size:1.2rem;line-height:1.4;transition:all .15s ease-in;border:1px solid hsla(0,0%,88.2%,.75)!important}.p-pill-white:hover{color:#f8f9fa!important;background-color:rgba(248,249,250,.3)!important}.inline-border-tabs .nav-link{padding-bottom:1.2rem;border-radius:0!important;background-color:transparent!important;color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important;border-bottom:1px solid #dee2e6!important}.inline-border-tabs .nav-link.active,.inline-border-tabs .nav-link:hover{border-bottom:2px solid hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}.bg-separator{height:.8rem;background-color:hsla(0,0%,88.2%,.2)}.user-side-menu .nav-item{margin-bottom:8px}.user-side-menu .nav-item a{color:#7e7e7e!important}.user-side-menu .h-pill:hover{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .15);color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}.user-side-menu .h-pill.active{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .2);color:hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}.user-side-menu .nav-item .btn,.user-side-menu .nav-item .btn:hover{color:#fff!important}.user-side-menu .nav-item .side-menu-label{font-size:18px;font-weight:500}.user-side-menu .nav-item .new-post-label{font-size:14px}.user-side-menu .nav-item{padding:0}.user-side-menu .btn{font-size:15px}.user-side-menu .btn i{font-size:19px}.text-dark-r{color:#3b3b3b!important}.text-light-r{color:#7e7e7e!important}.profile-cover-bg{background-color:#fafafa;height:200px}.profile-cover-bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-img,.profile-cover-bg img{border-radius:0!important}.avatar-holder{margin-top:-60px;width:120px;height:120px;border-radius:50%}.avatar-holder img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;background-color:hsla(0,0%,88.2%,.2)}.avatar-holder img,.online-indicator{border-radius:50%;border:2px solid #fff}.online-indicator{position:absolute;margin-left:-20px;bottom:5px;right:20px;width:18px;height:18px;background-color:#28a745}.table{width:100%;border:none}.table thead th{padding:20px 30px;font-size:14px;border:none;border-bottom:1px solid rgba(0,0,0,.1)!important;color:#252f40!important}.table tbody tr{margin-bottom:10px}.table tbody td,.table tbody th{padding:20px 30px;border:none;border-bottom:1px solid rgba(0,0,0,.1)!important;font-size:14px}a.text-hover:hover,a.text-light:hover,a.text-muted:hover{color:hsl(var(--primary-h) calc(var(--primary-s) - 0.11%) calc(var(--primary-l) + 30%))!important;text-decoration:underline}a.text-black:hover,a.text-dark:hover,a.text-light:hover,a.text-white:hover{text-decoration:underline}.posts-wrapper .swiper-button{width:40px;height:40px}.posts-wrapper .swiper-button:after{content:none!important}.posts-wrapper .locked-media{-o-object-fit:cover;object-fit:cover;width:100%;max-height:550px;height:550px;background-size:cover;background-position:50%;background-repeat:no-repeat}.ppv-info-bg{color:#fff;background:rgba(0,0,0,.45)}.non-blur-locked-actions .ppv-info-bg{color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:hsla(0,0%,100%,.3)}.bg-contain{background-size:contain!important}.svg-locked-post{height:280px!important}.posts-wrapper .post-media-image{height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%}@media (max-width:767px){.posts-wrapper .mySwiper,.posts-wrapper .mySwiper>img{height:320px!important}}@media (min-width:768px){.posts-wrapper .mySwiper,.posts-wrapper .mySwiper>img{height:480px!important}}@media (min-width:992px){.posts-wrapper .mySwiper,.posts-wrapper .mySwiper>img{height:550px!important}}.bookmarks-nav .list-group-item-action.active,.settings-menu .list-group-item-action.active{color:#48494a!important;background-color:#e9ecef!important;border:transparent!important}.lists-wrapper .list-link{color:inherit!important}.lists-wrapper .list-link:hover{background-color:#e9ecef!important}.lists-wrapper .list-link h5,.lists-wrapper .list-link span{font-size:1.03rem}.alert-default,.contact-active,.contact-box:hover{background-color:#e9ecef!important}.alert-default,.public-page-content p{color:#252f40!important}.selectize-input{border:1px solid #ced4da!important}.search-box-wrapper .input-group{display:inline-flex;border:1px solid #dee2e6;border-radius:.4rem}.search-box-wrapper .input-group input{padding:1rem;border:0;font:inherit}.search-box-wrapper .input-group input:focus{outline:none}.search-box-wrapper input{border-radius:.4rem}.search-box-wrapper .input-group-text{border:0;background:inherit!important;padding-top:0;padding-bottom:0}.search-box-wrapper .input-group:focus-within{border-color:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%))!important}.custom-switch.custom-switch-sm .custom-control-label{padding-left:1rem;padding-bottom:1rem}.custom-switch.custom-switch-sm .custom-control-label:before{height:1rem;width:1.75rem;border-radius:2rem}.custom-switch.custom-switch-sm .custom-control-label:after{width:calc(1rem - 4px);height:calc(1rem - 4px);border-radius:.5rem}.custom-switch.custom-switch-sm .custom-control-input:checked~.custom-control-label:after{transform:translateX(.75rem)}.custom-switch.custom-switch-md .custom-control-label{padding-left:2rem;padding-bottom:1.5rem}.custom-switch.custom-switch-md .custom-control-label:before{height:1.5rem;width:2.75rem;border-radius:3rem}.custom-switch.custom-switch-md .custom-control-label:after{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);border-radius:1.25rem}.custom-switch.custom-switch-md .custom-control-input:checked~.custom-control-label:after{transform:translateX(1.25rem)}.custom-switch.custom-switch-lg .custom-control-label{padding-left:3rem;padding-bottom:2rem}.custom-switch.custom-switch-lg .custom-control-label:before{height:2rem;width:3.75rem;border-radius:4rem}.custom-switch.custom-switch-lg .custom-control-label:after{width:calc(2rem - 4px);height:calc(2rem - 4px);border-radius:2rem}.custom-switch.custom-switch-lg .custom-control-input:checked~.custom-control-label:after{transform:translateX(1.75rem)}.custom-switch.custom-switch-xl .custom-control-label{padding-left:4rem;padding-bottom:2.5rem}.custom-switch.custom-switch-xl .custom-control-label:before{height:2.5rem;width:4.75rem;border-radius:5rem}.custom-switch.custom-switch-xl .custom-control-label:after{width:calc(2.5rem - 4px);height:calc(2.5rem - 4px);border-radius:2.75rem}.custom-switch.custom-switch-xl .custom-control-input:checked~.custom-control-label:after{transform:translateX(2.25rem)}.menu-notification-badge{position:absolute;background:hsl(var(--primary-h) var(--primary-s) var(--primary-l));color:#fff;min-width:16px;height:16px;line-height:20px;border-radius:1000px;padding:0 5px;top:-1px;right:2px;z-index:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.mobile-bottom-nav .menu-notification-badge{right:-1px}.notification-box .avatar{outline:3px solid #dee2e6!important}.notification-box.unread .avatar{outline:3px solid hsl(var(--primary-h) var(--primary-s) var(--primary-l))!important}.strike{display:block;text-align:center;overflow:hidden;white-space:nowrap}.strike>span{position:relative;display:inline-block}.strike>span:after,.strike>span:before{content:"";position:absolute;top:50%;width:9999px;height:1px;background:rgba(0,0,0,.1)!important}.strike>span:before{right:100%;margin-right:15px}.strike>span:after{left:100%;margin-left:15px}.messageBoxInput{line-height:1.7rem}.message-action-button{width:26px;height:26px}.message-action-button:hover{background-color:#e9ecef;border-radius:50%}.description-content blockquote{font-style:italic;border-left:3px solid #dee2e6!important;padding-left:1rem}.selectize-input{background-color:#fff!important}.selectize-input.focus{border-color:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%))!important;outline:0!important;outline-color:initial!important;outline-style:none!important;outline-width:0!important;box-shadow:0 0 0 .2rem hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .25)!important}.selectize-control.multi .selectize-input>div.active{background:hsl(calc(var(--primary-h) + 0.27) calc(var(--primary-s) + 0.38%) calc(var(--primary-l) + 25.09%))!important}.conversation-writeup .input-group-append{margin-left:-45px!important}.new-post-comment-area .input-group-append{margin-left:-60px!important}.text-link{color:hsl(var(--primary-h) var(--primary-s) var(--primary-l));background-color:transparent}.text-link:hover{color:hsl(calc(var(--primary-h) + 0.33) calc(var(--primary-s) - 0.35%) calc(var(--primary-l) - 14.91%))}.global-announcement-banner a{color:#fff!important;text-decoration:none!important}.global-announcement-banner a:hover{color:rgb(229.5,229.5,229.5)!important}.bg-secondary-neutral{background-color:#e9ecef!important}input[type=date],input[type=datetime-local]{color-scheme:light}.CodeMirror,.EasyMDEContainer,.editor-preview{background-color:#fff!important}.CodeMirror,.editor-preview{color:#495057!important}.cm-s-easymde .CodeMirror-cursor,.CodeMirror,.editor-preview,.editor-toolbar{border-color:#ced4da!important}.editor-toolbar button i{color:#252f40!important}.card-settings a,.contact-box,.lists-wrapper .list-link,.lists-wrapper a,.sidebar a,.user-side-menu .nav-link{transition:.15s}.story-upload-zone .dz-message,.story-upload-zone .dz-message *{color:#6c757d!important}.hl-highlights .hl-mention,.hl-highlights .hl-tag{color:inherit;padding:0;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hl-highlights .hl-mention,.hl-highlights .hl-tag{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .11)!important;box-shadow:1px 1px 1px 1px hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .11)}.mention-suggest-menu{max-height:280px;overflow-y:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08);padding:6px 0}.mention-suggest-item.dropdown-item{padding:10px 12px}.mention-avatar{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.mention-username{font-weight:600;line-height:1.15}.mention-name{line-height:1.15}.mention-suggest-item.active,.mention-suggest-item:active,.mention-suggest-item:focus{background-color:hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .11)!important;outline:none}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important}.rounded-sm{border-radius:.125rem!important}.rounded-top-sm{border-top-left-radius:.125rem!important}.rounded-right-sm,.rounded-top-sm{border-top-right-radius:.125rem!important}.rounded-bottom-sm,.rounded-right-sm{border-bottom-right-radius:.125rem!important}.rounded-bottom-sm,.rounded-left-sm{border-bottom-left-radius:.125rem!important}.rounded-left-sm{border-top-left-radius:.125rem!important}.rounded-lg{border-radius:.375rem!important}.rounded-top-lg{border-top-left-radius:.375rem!important}.rounded-right-lg,.rounded-top-lg{border-top-right-radius:.375rem!important}.rounded-bottom-lg,.rounded-right-lg{border-bottom-right-radius:.375rem!important}.rounded-bottom-lg,.rounded-left-lg{border-bottom-left-radius:.375rem!important}.rounded-left-lg{border-top-left-radius:.375rem!important}.rounded-xl{border-radius:1.25rem!important}.rounded-top-xl{border-top-left-radius:1.25rem!important}.rounded-right-xl,.rounded-top-xl{border-top-right-radius:1.25rem!important}.rounded-bottom-xl,.rounded-right-xl{border-bottom-right-radius:1.25rem!important}.rounded-bottom-xl,.rounded-left-xl{border-bottom-left-radius:1.25rem!important}.rounded-left-xl{border-top-left-radius:1.25rem!important}.rounded-xxl{border-radius:2rem!important}.rounded-top-xxl{border-top-left-radius:2rem!important}.rounded-right-xxl,.rounded-top-xxl{border-top-right-radius:2rem!important}.rounded-bottom-xxl,.rounded-right-xxl{border-bottom-right-radius:2rem!important}.rounded-bottom-xxl,.rounded-left-xxl{border-bottom-left-radius:2rem!important}.rounded-left-xxl{border-top-left-radius:2rem!important}.suggestions-box .swiper-pagination{position:relative;margin-top:.5rem;text-align:center;z-index:5}.suggestions-box .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px!important;opacity:1!important;box-shadow:none;transform:none!important;background:rgba(0,0,0,.22)!important}.suggestions-box .swiper-pagination-bullet-active{background:rgba(0,0,0,.55)!important}.suggestions-box .swiper-button-next,.suggestions-box .swiper-button-prev{width:26px;height:26px;border-radius:999px;top:auto;transform:none;background-image:none!important;box-shadow:none!important;opacity:1!important;background:rgba(0,0,0,.08)!important}.suggestions-box .swiper-button-next:after,.suggestions-box .swiper-button-prev:after{font-size:12px;font-weight:800;text-shadow:none!important;color:rgba(0,0,0,.7)!important}::-moz-selection{background-color:hsl(calc(var(--primary-h) - 0.14) calc(var(--primary-s) - 0.24%) calc(var(--primary-l) + 20%));color:#fff}::selection{background-color:hsl(calc(var(--primary-h) - 0.14) calc(var(--primary-s) - 0.24%) calc(var(--primary-l) + 20%));color:#fff}::moz-selection{background-color:hsl(calc(var(--primary-h) - 0.14) calc(var(--primary-s) - 0.24%) calc(var(--primary-l) + 20%));color:#fff}
body {
    font-family: 'Open Sans', sans-serif;
    min-height: 100%!important;
}
/* Top Navbar Menu */
.navbar{
    padding:1rem;
    font-size: 1.05rem;
}

.navbar-brand img{
    max-width: 180px;
    max-height: 42px;
}

/* In case we want extra/smaller padding for the logo*/
/*.navbar-brand{*/
/*    padding-top:.2rem;*/
/*    padding-bottom:.2rem;*/
/*}*/

.error-container{
    min-width: 350px;
}

.button-search {
    color: #DDD;
    background: none;
    position: absolute;
    right: 0;
    cursor: pointer;
    outline: none;
    border: none;
}

.home-user-avatar{
    width: 32px;
    height: 32px;
    margin-left:0.5rem;
}

/* Login Register pages  */
.login,
.image {
    min-height: 100vh
}

.bg-image {
    background-size: cover;
    background-position: center center
}

.brand-logo{
    width: 200px;
}

.rounded-lg{
    border-radius: 0.4rem!important;
}

.hidden{
    display: none!important;
}

/* Dropzone preview boxes + other general fixes */
.audio-preview-item {
    padding-right: 36px;
}

.video-preview-item{
    border-radius: 20px;
}

.video-preview-item .video-preview {
    border-radius: 20px;
    overflow: hidden;
    width: 240px;
    height: 240px;
    position: relative;
    display: block;
    z-index: 10;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone-previews.dropzone {
    background: none!important;
}

.sticky {
    position: sticky;
    top: 1.5rem;
}

.sticky-sm{
    position: sticky;
    top:1rem;
}

.min-h-75{
    min-height: 75%;
}

.sticky-profile-widgets {
    position: sticky;
    top: 1rem;
}

.sticky-widgets {
    position: sticky!important;
    padding-top: .5rem!important;
}

.pointer-cursor{
    cursor:pointer;
}

.avatar-placeholder i{
    font-size: 2.8rem;
}

.avatar-placeholder i:hover{
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.side-menu .icon-wrapper{
    width: 2.6rem;
}
.side-menu .nav{
    flex-wrap:nowrap;
}

.side-menu .nav-item i{
    font-size: 2.0rem!important;
}

.side-menu .user-avatar, .sidebar .user-avatar{
    width: 50px;
    height: 50px;
}

/*
 * Toasts.
 *
 * One line saying what just happened, in the shell's own card: a mark
 * coloured by the kind, the sentence, and a way to dismiss it. It used to
 * be a bootstrap header strip - a coloured square, the word "Success" in
 * bold, a times sign - above the sentence, which is a heading over one
 * line and a green box over news that nothing happened.
 */
.toast-container {
    position: fixed;
    z-index: 1055;
    margin: .5rem!important;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.top-right {
    top: 0;
    right: 0
}

.top-left {
    top: 0;
    left: 0
}

.top-center {
    transform: translateX(-50%);
    top: 0;
    left: 50%
}

.bottom-right {
    right: 0;
    bottom: 0
}

.bottom-left {
    left: 0;
    bottom: 0
}

.bottom-center {
    transform: translateX(-50%);
    bottom: 0;
    left: 50%
}

/* Bootstrap's own .toast is a 350px block; in a column that basis becomes
   its height. The card is laid out from the container, which outranks it. */
.toast-container > .toast {
    display: flex;
    flex: 0 0 auto;
    min-width: 0;
    max-width: none;
    opacity: 1;
}

.ds-toast {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 340px;
    max-width: calc(100vw - 24px);
    padding: 12px 12px 12px 14px;
    border: 0;
    border-radius: var(--ds-radius);
    background: var(--ds-surface);
    box-shadow: var(--ds-shadow-md);
    color: var(--ds-ink);
    font-size: 14px;
    line-height: 1.45;
}
.ds-toast-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    border-radius: 50%;
    font-size: 16px;
}
.ds-toast.is-success .ds-toast-mark { background: rgba(22, 163, 74, .12); color: #15803d; }
.ds-toast.is-info .ds-toast-mark { background: var(--ds-accent-soft); color: var(--ds-accent); }
.ds-toast.is-warning .ds-toast-mark { background: rgba(217, 119, 6, .14); color: #b45309; }
.ds-toast.is-danger .ds-toast-mark,
.ds-toast.is-error .ds-toast-mark { background: rgba(220, 38, 38, .12); color: #b91c1c; }

/* What pressing a button costs, said on the button: lighter than its word. */
.deed-price { margin-left: 4px; font-size: .85em; font-weight: 500; opacity: .75; white-space: nowrap; }

.ds-toast-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding-top: 2px; }
.ds-toast-text { overflow-wrap: anywhere; }
.ds-toast-note { font-size: 12px; color: var(--ds-ink-muted); }
.ds-toast-face { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; margin-bottom: 4px; }

.ds-toast-close {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--ds-ink-muted);
    font-size: 16px;
    cursor: pointer;
    opacity: .8;
}
.ds-toast-close:hover { background: var(--ds-surface-2); color: var(--ds-ink); opacity: 1; }

/* On a phone the top-right corner is the top bar's; a toast sits over
   the tab bar instead, where nothing it covers is being read. */
@media (max-width: 767.98px) {
    .toast-container.top-right, .toast-container.top-left, .toast-container.top-center,
    .toast-container.bottom-right, .toast-container.bottom-left, .toast-container.bottom-center {
        top: auto;
        left: 12px;
        right: 12px;
        bottom: calc(var(--ds-tabbar-occupied, 56px) + 12px);
        transform: none;
        margin: 0 !important;
    }
    .ds-toast { width: auto; max-width: none; }
}

/* Feed component */
.half-bg {
    background-color: rgba(0,0,0,.45);
}

.post-box .avatar{
    width:48px;
    height: 48px;
}

.post-box .post-content-data p{
    margin-bottom: 0px;
}

.post-details .dropdown .dropdown-toggle:after,.post-details .dropdown .dropdown-toggle:before{
    display: none;
}

.post-box .post-count-details{
    font-size: 15px;
}

.dropdown .dropdown-toggle:after, .dropdown .dropdown-toggle:before{
    display: none;
}

.post-box .post-comments .form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none!important;
}

.suggestions-header i{
    cursor: pointer;
}

.dropdown:not(.dropdown-hover) .dropdown-menu {
    margin-top: 0px!important;
}

.pswp_video{
    position: relative!important;
}
.pswp_audio{
    position: relative!important;
    width:75%!important;
    height:100px!important;
}

.pswp--zoom-allowed .pswp__img {
    cursor: default !important
}


/* Menu */
.open-menu{
    text-decoration: none!important;
}

.dropleft .dropdown-menu {
    top: 0!important;
    right: 0%!important;
    left: auto!important;
    margin-top: 0!important;
    margin-right: 0!important;
}

.dropright .dropdown-menu {
    top: 0!important;
    right: auto!important;
    left: 0%!important;
    margin-top: 0!important;
    margin-left: 0!important;
}


/* <ion-icon>, drawn by app.js from the bundle: the box the web component
   used to give itself. */
ion-icon{
    display: inline-block;
    width: 1em;
    height: 1em;
    contain: strict;
    fill: currentcolor;
    box-sizing: content-box !important;
}

ion-icon svg{
    display: block;
    height: 100%;
    width: 100%;
}

/* Icons wrapper for backend SVGs includes */
.ion-icon-wrapper{
    display: inline-block;
    width: 1em;
    height: 1em;
    contain: strict;
    fill: currentcolor;
    box-sizing: content-box !important;
}

.input-group-prepend .ion-icon-wrapper{
    width: 20px!important;
    height: 20px!important;
}

.ion-icon-inner, .ion-icon-inner svg{
    display: block;
    height: 100%;
    width: 100%;
}

.icon-large{
    font-size: 32px;
}

.icon-xlarge{
    font-size: 50px;
}

.icon-medium{
    font-size: 24px;
}

.icon-small{
    font-size: 18px;
}

.icon-xsmall{
    font-size: 11px;
}

.social-media-icon{
    width: 1.4rem;
    height: 1.4rem
}

/* Global nav override */
.page-item, .page-link{
    margin-left:4px;
    width:34px;
    height:34px;
    border-radius: 50%!important;
    text-align: center;
}

.btn-rounded-icon{
    width: 35px!important;
    height: 35px!important;
    padding:0;
    transition: 0.3s;
    border: none!important;
    border-radius: 50%;
    font-size: 20px;
    margin:0;
}

#login-dialog .card-wrapper{
    height: 100%;
}

/* User cards */
.suggestion-header-bg {
    background-color: #50505047;
    background-position: center center!important;
    background-size: cover!important;
    height:128px!important;
    /*border-radius: 1.25rem!important;*/
}

.creator-body{
    margin-top:-50px;
}

.creator-body .avatar{
    width: 100px;
    height: 100px;
}

.suggestion-card-btn{
    width: 30px;
    height: 30px;
}

/*  */

.installer-bg{
    background-color: #f8f9fa;
}


/* */

.checkout-dialog .rounded-circle.user-avatar{
    width:50px;
    height:50px;
}

/*  */

footer .copyRightInfo .d-flex.flex-row.nav{
    margin-left:-1rem;
}

footer .copyRightInfo .nav-link:nth-child(1){
    padding-left:0px!important;
}

footer .text-lg{
    font-size: 1.1rem!important;
}
footer .ion-icon-wrapper{
    font-size: 1.25rem!important;
}

footer .brand-logo{
    max-width: 180px;
    max-height: 60px;
}

/* Profile / Posts widget */
.recent-media .card-body img{
    width:75px!important;
    height:75px!important;
}

.dropdown:not(.nav-item) .dropdown-menu:before {
    content: none!important;
}


.grayscale {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(95%); /* Chrome 19+ & Safari 6+ */
}

.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.contact-illustration{
    width: 450px;
}

.posts-loading-indicator .spinner-border{
    width:2rem;
    height: 2rem;
}

.page-content-wrapper p{
    margin-bottom:.5rem;
}

.page-content-wrapper li p{
    margin:.4rem;
}

.page-content-wrapper h3{
    margin-top:1.5rem;
    margin-bottom: 0.5rem;

}

.page-content-wrapper h4{
    margin-bottom:1rem!important;
}

.min-vh-65{
    min-height: 65vh;
}

.page-link{
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-16{
    width: 16px;
    height: 16px;
}

.w-24{
    width:24px;
    height:24px;
}

.w-32{
    width:32px;
    height:32px;
}

.w-40{
    width:40px;
    height:40px;
}

.text-bold-600{
    font-weight: 600;
}

.blob {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 8px;
    height: 6px;
    width: 6px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.blob.red {
    background: rgba(234, 6, 5, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 6, 5, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(234, 6, 5, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 6, 5, 0);
    }
}


.text-orange{
    color:#FD7E14;
}


/* Streams CSS */
.stream-cover, .stream-cover-public{
    max-height: 40px;
    max-width: 150px;
    height:40px;
    width: 80px
}

.stream-chat-no-message{
    height: 300px;
}

.grecaptcha-badge{
    z-index: 100;
}

.captcha-field .text-danger{
    font-size: .875em;
}

.blurred{
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

/* Laravel-Bootstrap mobile navigation hack for larger pagination numbers */
@media screen and ( max-width: 400px ){
    li.page-item {

        display: none;
    }
    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-last-child( 2 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
}

.max-width-150{
    max-width: 150px;
}

.n-mt-2{
    margin-top:-2rem;
}

.widgets-footer-link{
    font-size: 15px;
}

.widgets-footer .widgets-footer-link:not(:last-child):after {
    content: "\2022";
    margin-left: 15px;
    font-size: 12px;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    color: #8a96a3;
}

.swiper-pagination-wrapper{
    margin-top: .7rem;
}

.feed-widgets .swiper-pagination, .search-widgets .swiper-pagination{
    position: relative;
}

.global-announcement-banner{
    border-radius: 0!important;
}

.global-announcement-banner .alert-dismissible .close{
    padding: 0em .3em;
}

.global-announcement-banner .content p{
    margin-bottom: 0px!important;
}

/* This re-centers the text despite the extra right padding */
.global-announcement-banner .announcement-body {
    max-width: calc(100% - 3rem);
    margin: 0 auto;
}

.global-announcement-banner .content{
    color: #fff;
}

.global-announcement-banner.alert-dismissible {
    /*position: relative;*/
}

.global-announcement-banner.alert-dismissible .close {
    color: #fff;
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    z-index: 2;
}

.no-long-press {
    /* Disable text selection */
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none;     /* IE 10+ */

    /* Disable image saving and callout menu on iOS */
    -webkit-touch-callout: none; /* Disable callout menu */
    -webkit-user-drag: none;     /* Disable image dragging */

    /* Allow touch actions like swipe and scroll */
    touch-action: manipulation; /* Prevent double-tap zoom, allow pan and pinch-zoom */
}

.fs-point-85{
   font-size:.83rem;
}

.bottom-0{
    bottom:0;
}
.poll-bar {
    width: 0;
    transition: width 0.8s ease-in-out;
    left: 1%;
    right: 0%;
    top: 10%;
    height: 80%;
    width: 0%;
    border-radius: .25rem
}

.fs-point-75{
    font-size:.75rem;
}

/* CookieConsent small spacing tweaks */
#cc-main .cc-intro {
    margin: 0 0 .75rem 0;
}

#cc-main .cc-moreinfo {
    all: revert;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}

#cc-main .cc-links {
    margin: 0;
    padding-left: 1.2rem;
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: .95em;
}

/*a.hashtag { font-weight: 600; }*/
/*a.mention { font-weight: 600; }*/

/* Suggestion boxes */
.suggestion-box{
    background-color: #FFF!important;
}

.suggestion-box .avatar{
    width: 90px;
    height: 90px;
    border: 2px solid #fefefe;
}
/* Desktop: hover reveal */
.suggestion-box .suggestion-card-btn{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease, visibility .15s ease;
}
.suggestion-box:hover .suggestion-card-btn,
.suggestion-box:focus-within .suggestion-card-btn{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Mobile/touch: always show */
@media (hover: none) and (pointer: coarse){
    .suggestion-box .suggestion-card-btn{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

/* default: keep nav hidden until we know the offset */
:root {
    --ga-h: 0px; /* default: no announcement */
}

/* Only hidden while JS is calculating offset */
html.ga-pending .sticky-nav {
    visibility: hidden;
}

/* Global Announcement */
.sticky-info-bar {
    position: sticky;
    top: 0;
    z-index: 1040; /* above navbar */
}

/* Navbar */
.sticky-nav {
    position: sticky;
    top: var(--ga-h);!important;
    z-index: 1030;
}

/*
 * The design system.
 *
 * One language for the whole product, written as tokens rather than as a
 * hundred one-off rules: surfaces, ink, rounding, shadow, spacing. Every
 * component below is that vocabulary applied - so changing the feel of the
 * site is changing a handful of values here, not hunting through pages.
 *
 * It loads last, over the bootstrap theme, and deliberately reaches for the
 * component families that theme ships (.card, .btn, .form-control) rather
 * than introducing parallel classes nobody would remember to use.
 *
 * Colour discipline: ink for what you press, accent for what you feel.
 * Primary actions are near-black because a page where everything is brand
 * pink has no hierarchy left; the accent is spent on likes, active states
 * and links, where it means something.
 */

:root {
    /*
     * The accent, in the three parts the bootstrap theme needs -----------
     *
     * That theme was compiled from Sass and carried forty-one shades of one
     * magenta: lighten() and darken() of #cb0c9f, written out as literal
     * colours in 558 places. Every one of them now reads
     * hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 15%)),
     * so a shade keeps the relationship it was drawn with while following
     * whatever accent the operator picked.
     *
     * elements/template/flair.blade.php overwrites these from the live
     * accent, later in the head. They are here so that a page which somehow
     * renders without it still has colours - the theme's own, as before.
     */
    --primary-h: 313.82;
    --primary-s: 88.84%;
    --primary-l: 42.16%;

    /* Surfaces --------------------------------------------------------- */
    --ds-bg: #f4f5f7;            /* the page behind everything */
    --ds-surface: #ffffff;       /* cards, sheets, bars */
    --ds-surface-2: #fafbfc;     /* quiet fills: inputs, hovers */
    --ds-border: rgba(16, 24, 40, .08);
    --ds-border-strong: rgba(16, 24, 40, .14);

    /* Ink -------------------------------------------------------------- */
    --ds-ink: #101828;           /* primary text and primary buttons */
    --ds-ink-soft: #475467;      /* secondary text */
    --ds-ink-muted: #667085;     /* captions, placeholders - still 4.7:1 on white */
    --ds-on-ink: #ffffff;

    /* Accent: a template may retint this; nothing else should. */
    --ds-accent: var(--template-accent, #e91e63);
    --ds-accent-soft: color-mix(in srgb, var(--ds-accent) 12%, transparent);
    --ds-like: #f4436c;
    --ds-chat: #ffc933;

    /* Rounding: a template may soften or square the whole product. */
    --ds-radius-sm: 10px;
    --ds-radius: var(--template-radius, 16px);
    --ds-radius-lg: calc(var(--ds-radius) + 6px);
    --ds-radius-pill: 999px;

    /* Elevation: light and low. Two levels is a system; five is a mess. */
    --ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 12px rgba(16, 24, 40, .05);
    --ds-shadow-md: 0 4px 8px rgba(16, 24, 40, .05), 0 12px 32px rgba(16, 24, 40, .10);

    --ds-gap: 16px;
    --ds-ease: cubic-bezier(.4, 0, .2, 1);
}

body[data-theme="dark"] {
    --ds-bg: #0f1115;
    --ds-surface: #171a21;
    --ds-surface-2: #1e222b;
    --ds-border: rgba(255, 255, 255, .09);
    --ds-border-strong: rgba(255, 255, 255, .16);

    --ds-ink: #f2f4f7;
    --ds-ink-soft: #b9c0cc;
    --ds-ink-muted: #98a2b3;
    --ds-on-ink: #101828;

    --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 12px rgba(0, 0, 0, .35);
    --ds-shadow-md: 0 4px 8px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .5);
}

/* Ground ---------------------------------------------------------------- */

body {
    background: var(--ds-bg) !important;
    color: var(--ds-ink);
    -webkit-font-smoothing: antialiased;
    /* A phone on its side has the notch at one edge: the page stays clear of it. */
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
}

/* Headings carry the weight so the rest of the page does not have to. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--ds-ink);
    letter-spacing: -.015em;
    font-weight: 700;
}

.text-muted { color: var(--ds-ink-muted) !important; }

/* A round picture is a face: sized square, it is cut to fit rather than
   squeezed - a portrait photo in a 48px circle came out a thin face. */
img.rounded-circle { object-fit: cover; }

a { color: var(--ds-ink); }
a:hover { color: var(--ds-accent); }

/* Surfaces -------------------------------------------------------------- */

/*
 * One card treatment everywhere. The old theme drew borders AND shadows on
 * some surfaces and neither on others, which is why the site read as a set
 * of pages rather than one product.
 */
.card,
.modal-content,
.feed-box,
.side-menu-wrapper,
.subscription-holder,
.profile-description-holder {
    background: var(--ds-surface);
    border: none !important;
    border-radius: var(--ds-radius) !important;
    box-shadow: var(--ds-shadow-sm);
}

.modal-content { border-radius: var(--ds-radius-lg) !important; }

.card-body { padding: 20px; }

/* Hairlines, where a card genuinely has to be divided. */
.border, .border-top, .border-bottom, .border-left, .border-right {
    border-color: var(--ds-border) !important;
}

.bg-separator { background: var(--ds-border); }

/* Buttons --------------------------------------------------------------- */

/*
 * The words sit in the middle, whatever the element and however tall the
 * button is made.
 *
 * A <button> centres its content on its own; a link or a label styled as
 * one does not, so wherever a button was given a touch-sized min-height
 * the link beside it had its text pinned to the top. Flex centres both
 * the same way, and the gap is the space between an icon and its label
 * that flex would otherwise swallow.
 */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4em;
    border-radius: var(--ds-radius-pill);
    font-weight: 600;
    letter-spacing: 0;
    box-shadow: none !important;
    transition: transform .14s var(--ds-ease), filter .14s var(--ds-ease);
}

.btn-block { display: flex; }

.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }

/*
 * The palette decides.
 *
 * These were ink whatever the operator picked, on the argument that the
 * strongest contrast says "press me" best. True, but it left the one
 * element people look at most refusing to wear the colour they chose - so
 * choosing a palette barely changed the site.
 *
 * Now a palette that offers a gradient gets it, and the Ink palette offers
 * a near-black one - so the restrained look is still one press away, and
 * every other look is actually visible. A template with no tokens at all
 * falls through to ink, so an untouched site does not change.
 */
.btn-primary,
.bg-gradient-primary {
    background-image: none !important;
    background-color: var(--template-gradient-from, var(--ds-ink)) !important;
    border: none !important;
    color: #fff !important;
}

/*
 * Except where the gradient is the letters themselves.
 *
 * .text-gradient clips the background to the glyphs and makes the text
 * transparent; a `background` shorthand resets background-clip along with
 * everything else, so the landing page's headline became a solid block of
 * colour with invisible words on it.
 */
.text-gradient.bg-gradient-primary,
.text-gradient.text-primary {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.btn-primary:hover, .bg-gradient-primary:hover { filter: brightness(1.08); }

.btn-outline-primary {
    background: transparent;
    border: 1.5px solid var(--ds-border-strong);
    color: var(--ds-ink);
}

.btn-outline-primary:hover {
    background: var(--ds-ink);
    border-color: var(--ds-ink);
    color: var(--ds-on-ink);
}

.btn-secondary, .btn-light {
    background: var(--ds-surface-2);
    border: 1px solid var(--ds-border);
    color: var(--ds-ink);
}

/* Inputs ---------------------------------------------------------------- */

/*
 * Filled, not outlined: a field reads as somewhere to put something, and a
 * form stops looking like a grid of empty boxes.
 */
.form-control, .custom-select, textarea.form-control {
    background: var(--ds-surface-2);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-sm);
    color: var(--ds-ink);
    box-shadow: none;
    transition: border-color .14s var(--ds-ease), background .14s var(--ds-ease);
}

.form-control:focus {
    background: var(--ds-surface);
    border-color: var(--ds-accent);
    box-shadow: 0 0 0 3px var(--ds-accent-soft);
    color: var(--ds-ink);
}

.form-control::placeholder { color: var(--ds-ink-muted); }

/* Faces ----------------------------------------------------------------- */

.home-user-avatar,
.conversation-header-avatar,
.contact-avatar,
.comment-avatar {
    border-radius: var(--template-avatar-radius, 50%) !important;
    object-fit: cover;
}

/* Taking the brand colour back ------------------------------------------ */

/*
 * The bootstrap theme hardcodes one magenta across twenty-odd selectors and
 * shouts !important on every one, which is why a site that picked Coral kept
 * finding magenta under it. These answer in kind, from the token, so the
 * accent an operator chose is the accent the product actually wears.
 *
 * Grouped by what the colour is doing - a fill, a tint, an edge, a word -
 * because that is the only way this stays maintainable.
 */

/* Solid fills */
.bg-primary,
.notification-box.unread .avatar {
    background-color: var(--ds-accent) !important;
}

/* Tints: a wash of the accent behind something */
.bg-primary-soft,
.h-pill-accent,
.h-pill-accent:hover,
.p-pill:hover,
.mention-suggest-item.active,
.mention-suggest-item:active,
.mention-suggest-item:focus,
.hl-highlights .hl-mention,
.hl-highlights .hl-tag {
    background-color: var(--ds-accent-soft) !important;
    color: var(--ds-accent) !important;
}

.bg-primary-softer { background-color: var(--ds-accent-soft) !important; }

/* Edges */
.border-primary,
.selectize-input.focus {
    border-color: var(--ds-accent) !important;
}

/* Words */
.text-primary,
.h-pill-accent,
.inline-border-tabs .nav-link.active,
.inline-border-tabs .nav-link:hover {
    color: var(--ds-accent) !important;
}

.inline-border-tabs .nav-link.active {
    border-color: var(--ds-accent) !important;
}

/* Only the dark themes shout this one, but it is the same colour. */
.list-group-item.active {
    background-color: var(--ds-accent) !important;
    border-color: var(--ds-accent) !important;
}

/* The slide-out menu on small screens, which has its own copies of these. */
.user-side-menu .h-pill:hover {
    background-color: var(--ds-accent-soft) !important;
    color: var(--ds-accent) !important;
}

.user-side-menu .h-pill.active {
    background-color: var(--ds-ink) !important;
    color: var(--ds-on-ink) !important;
}

/* Navigation ------------------------------------------------------------ */

/*
 * The sidebar and the top bar are chrome: they should recede. A flat surface
 * with one hairline does that better than a card floating over the page.
 */
.navbar, .main-header {
    background: var(--ds-surface) !important;
    border-bottom: 1px solid var(--ds-border);
    box-shadow: none !important;
}

/*
 * Nav items are pills that fill in when active - the same affordance as the
 * reference, and the one that survives a sidebar being narrow.
 */
.h-pill,
.side-menu .nav-link {
    border-radius: var(--ds-radius-pill) !important;
    color: var(--ds-ink-soft);
    font-weight: 600;
    transition: background .14s var(--ds-ease), color .14s var(--ds-ease);
}

/*
 * The theme ships .h-pill-primary states in a hardcoded magenta, with
 * !important on them - so these have to answer in kind, or a site running
 * any other palette gets magenta hovers under its own accent.
 */
.h-pill:hover,
.h-pill-primary:hover,
.h-pill-accent,
.side-menu .nav-link:hover {
    background-color: var(--ds-accent-soft) !important;
    color: var(--ds-accent) !important;
}

.h-pill.active,
.h-pill-primary.active,
.side-menu .nav-link.active {
    background-image: none !important;
    background-color: var(--template-gradient-from, var(--ds-ink)) !important;
    color: #fff !important;
}

/* The theme also tints a resting pill's text; that is the accent's job. */
.h-pill.active,
.h-pill-primary { color: inherit; }

.h-pill.active .icon-wrapper,
.side-menu .nav-link.active .icon-wrapper { color: var(--ds-on-ink); }

/* A like given is a filled heart in the like colour, not a pressed nav
   pill: the pill's fill and the accent the heart was drawn in are both the
   ink, and a liked post showed a dark disc with nothing on it. */
.h-pill.react-button.active {
    background-image: none !important;
    background-color: transparent !important;
    color: var(--ds-like) !important;
}
.h-pill.react-button.active:hover {
    background-image: none !important;
    background-color: color-mix(in srgb, var(--ds-like) 12%, transparent) !important;
    color: var(--ds-like) !important;
}

/* Controls that were spans and divs with an onclick are buttons now, for
   the keyboard and the screen reader. They take the look their classes
   give them: this only takes away the browser's own button, and with no
   weight at all, so any class wins over it. */
:where(button.h-pill, button.p-pill, button.text-link, button.show-more-actions, button.pointer-cursor, button.nc-card-link) {
    border: 0;
    padding: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    text-align: inherit;
}

/* Chips: counts, statuses, the small print of a profile. */
.p-pill {
    background: var(--ds-surface-2);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-pill);
    color: var(--ds-ink-soft);
    font-weight: 600;
    padding: 4px 12px;
}

.p-pill-badge {
    background: var(--ds-accent-soft);
    border-color: transparent;
    color: var(--ds-accent);
}

.badge, .menu-notification-badge {
    border-radius: var(--ds-radius-pill);
    font-weight: 700;
}

.menu-notification-badge { background: var(--ds-like); color: #fff; }

/* Dropdowns and menus sit on the same surface as everything else. */
.dropdown-menu {
    background: var(--ds-surface);
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius);
    box-shadow: var(--ds-shadow-md);
    padding: 6px;
}

/*
 * A menu that hangs off its toggle's right edge, and stays on the screen.
 *
 * The theme animates every dropdown with a transform it marks !important,
 * which is the one thing that outranks the inline transform bootstrap's
 * positioner writes - so a menu asked to align right never moved, sat at
 * its toggle's left edge and ran off the side of a phone. The page grew
 * to fit it, which is the whole screen shifted sideways.
 *
 * So the alignment is CSS's here, not the positioner's: the menu's right
 * edge is its toggle's, and on a narrow screen it is never wider than the
 * screen it has to fit on.
 */
.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

@media (max-width: 767.98px) {
    .dropdown-menu { max-width: calc(100vw - 24px); }
}

.dropdown-item {
    border-radius: var(--ds-radius-sm);
    color: var(--ds-ink-soft);
    font-weight: 500;
    padding: 9px 12px;
}

.dropdown-item:hover {
    background: var(--ds-surface-2);
    color: var(--ds-ink);
}

/* Tabs read as a segmented control rather than a row of underlines. */
.nav-tabs {
    border: none;
    background: var(--ds-surface-2);
    border-radius: var(--ds-radius-pill);
    padding: 4px;
    gap: 4px;
}

.nav-tabs .nav-link {
    border: none !important;
    border-radius: var(--ds-radius-pill) !important;
    color: var(--ds-ink-soft);
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    background: var(--ds-surface);
    color: var(--ds-ink);
    box-shadow: var(--ds-shadow-sm);
}

/* People ---------------------------------------------------------------- */

/*
 * The person card: a photograph first, with the name resting on it and the
 * two things you can do about it floating at the bottom. Everything here is
 * in service of the picture, which is the only thing anybody is looking at.
 */
.ds-person {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    border-radius: var(--ds-radius);
    overflow: hidden;
    background: var(--ds-surface-2);
    box-shadow: var(--ds-shadow-sm);
    transition: transform .18s var(--ds-ease), box-shadow .18s var(--ds-ease);
}

.ds-person:hover {
    transform: translateY(-3px);
    box-shadow: var(--ds-shadow-md);
}

/* The photograph and the name are the link; it fills the card. */
.ds-person-link {
    position: absolute;
    inset: 0;
    display: block;
    color: inherit;
    text-decoration: none;
}
.ds-person-link:hover, .ds-person-link:focus { color: inherit; text-decoration: none; }
.ds-person-link:focus-visible { outline: 3px solid var(--ds-accent); outline-offset: -3px; }

.ds-person > img,
.ds-person-link > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Faces sit in the upper half of a portrait; centring a square avatar in
       a 3:4 frame crops the top of the head off. */
    object-position: center 30%;
    display: block;
}

/* Under the photo, the initial on a plain ground: what shows while the
   photo is on its way, and all that shows if it never comes. */
.ds-person-link::before {
    content: attr(data-initial);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ds-surface-2);
    color: var(--ds-ink-muted);
    font-size: 44px;
    font-weight: 800;
}
.ds-person-link img { position: relative; }
.ds-person-link img.is-missing { visibility: hidden; }

/* A button that is waiting, and one that was refused: the state is the
   shape, not only the colour. */
.ds-person-btn.is-busy { opacity: .65; pointer-events: none; }
.ds-person-btn.is-failed { animation: ds-refused .36s var(--ds-ease); }
@keyframes ds-refused {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* A scrim, not a bar: the photograph keeps going underneath the words. */
.ds-person-scrim {
    position: absolute;
    inset: auto 0 0 0;
    display: block;
    padding: 44px 14px 14px;
    background: linear-gradient(to top,
        rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .35) 55%, transparent 100%);
    color: #fff;
}

.ds-person-name {
    display: block;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.2;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .35);
}

.ds-person-meta {
    display: block;
    font-size: 12.5px;
    opacity: .88;
}

/* The scrim leaves room under the name for the buttons beside the link. */
.ds-person-scrim.has-actions { padding-bottom: 68px; }

/*
 * Beside the link, not inside it - a button in a link is two things under
 * one tap - and placed where the scrim left room, under the words, centred
 * on the card. The row spans the card, so it lets taps through to the
 * photograph between its buttons. A thumb gets 44px; under a mouse, which
 * is a pointer and not a fingertip, they are 30px - decided by the
 * pointer, not the width, since a tablet is a thumb at a desk's width.
 */
.ds-person-actions {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 9px;
    pointer-events: none;
}

.ds-person-actions .ds-person-btn { pointer-events: auto; }

.ds-person-btn {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
    transition: transform .14s var(--ds-ease);
}

.ds-person-btn:hover { transform: scale(1.08); }
@media (hover: hover) and (pointer: fine) {
    .ds-person-btn { width: 30px; height: 30px; font-size: 14px; }
    .ds-person-actions { left: 12px; right: 12px; bottom: 12px; gap: 8px; }
    .ds-person-scrim.has-actions { padding-bottom: 52px; }
}
.ds-person-btn-like { background: var(--ds-like); }

/* Liked: the heart fills and settles, so a face that has been answered
   looks answered on the next scroll past it. */
.ds-person-btn-like.is-liked {
    background: #fff;
    color: var(--ds-like);
    animation: ds-liked .34s cubic-bezier(.34, 1.56, .64, 1);
}

@keyframes ds-liked {
    0% { transform: scale(1); }
    45% { transform: scale(1.28); }
    100% { transform: scale(1); }
}
.ds-person-btn-chat { background: var(--ds-chat); color: var(--ds-ink); }

/* Keeping somebody is quieter than liking them: nobody is told, and the
   button says so by staying out of the accent until it is on. */
.ds-person-btn-keep { background: rgba(255, 255, 255, .22); backdrop-filter: blur(6px); }
.ds-person-btn-keep.is-kept { background: #fff; color: var(--ds-accent); }

/* How much is waiting ---------------------------------------------------
 *
 * On the top bar's Notifications pill, and on each tab of the notifications
 * page. A single total told you something had happened; per type it tells
 * you whether it is worth opening.
 */
.ds-topnav-count,
.ds-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 0 5px;
    border-radius: var(--ds-radius-pill);
    background: var(--ds-like);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

/* The pill collapses to an icon on a narrow bar, and a number beside a
   nameless icon reads as part of it. */
@media (max-width: 900px) {
    .ds-topnav-count { margin-left: 3px; }
}

/* The phone's tab bar ----------------------------------------------------
 *
 * Five unlabelled icons was a guessing game - a house and a speech bubble
 * read on their own, a compass and a flame do not. Icon over word, the way
 * every phone has done it for fifteen years, and safe-area padding so the
 * last row is not under the home indicator.
 */
/*
 * Two heights, and they must never be the same variable. --ds-tabbar-h is
 * the bar's designed height and is what the bar itself is built from;
 * --ds-tabbar-occupied is how much of the screen it actually takes, safe
 * area included, and is what a page reads to stay out from under it. The
 * shell measures the bar into the second and never touches the first: a
 * bar sized from its own measurement grew by the safe area every time the
 * window moved. The default here is right before any script has run.
 */
:root {
    --ds-tabbar-h: 56px;
    --ds-topbar-h: 59px;
    --ds-tabbar-occupied: calc(var(--ds-tabbar-h) + env(safe-area-inset-bottom, 0px));
    --ds-shell-gap: 12px; /* a phone page's breath above and below its content */
}

.ds-tabbar {
    display: flex;
    align-items: stretch;
    background: var(--ds-surface);
    border-top: 1px solid var(--ds-border);
    height: var(--ds-tabbar-h);
    box-sizing: content-box;
    padding: 0 env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
}

.ds-tab {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 8px 2px 6px;
    color: var(--ds-ink-muted);
    font-size: 10px;
    line-height: 1.2;
    text-decoration: none;
    min-width: 0;
}

.ds-tab:hover { color: var(--ds-ink-soft); text-decoration: none; }
.ds-tab.active { color: var(--ds-accent); }
/* A place that is not open keeps its seat: the bar never changes shape. */
.ds-tab.is-disabled { color: var(--ds-ink-muted); opacity: .4; pointer-events: none; }

.ds-tab-icon { position: relative; display: flex; font-size: 22px; line-height: 1; }

.ds-tab-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.ds-tab-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.ds-tab.active .ds-tab-avatar { box-shadow: 0 0 0 2px var(--ds-accent); }

.ds-tab-badge {
    position: absolute;
    top: -5px;
    left: 13px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--ds-radius-pill);
    background: var(--ds-like);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

/* Details --------------------------------------------------------------- */

/* Scrollbars that belong to the page rather than to the operating system. */
* { scrollbar-width: thin; scrollbar-color: var(--ds-border-strong) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
    background: var(--ds-border-strong);
    border-radius: var(--ds-radius-pill);
    border: 2px solid transparent;
    background-clip: content-box;
}

/* Focus is visible, once, and the same everywhere. */
:focus-visible {
    outline: 2px solid var(--ds-accent);
    outline-offset: 2px;
}

/* Nobody is asking for the motion. */
@media (prefers-reduced-motion: reduce) {
    * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* A person is here right now. Top-right, over the photograph. */
/* Who somebody is at a glance - see components/identity-marks. */
.ds-person-marks {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 5px;
    z-index: 2;
}
.ds-person-marks.is-inline { position: static; margin-top: 8px; flex-wrap: wrap; }
.ds-person-mark {
    display: inline-block;
    padding: 3px 8px;
    border-radius: var(--ds-radius-pill);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(16, 24, 40, .55);
    backdrop-filter: blur(6px);
}
.ds-person-mark.is-vip { background: linear-gradient(135deg, #d9b45c, #c8a24a); color: #3d3100; }
.ds-person-mark.is-boost { background: var(--ds-accent); }
.ds-person-mark.is-promoted { background: var(--ds-ink); color: var(--ds-surface); }
.ds-person-mark.is-ai { background: #2563eb; }
.ds-person-mark.is-private { background: var(--ds-ink-muted); }

.ds-person-live {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid rgba(255, 255, 255, .9);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .25);
}

/* The wall itself: as many as fit, never fewer than two. */
.ds-people-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: var(--ds-gap);
}

@media (max-width: 575.98px) {
    .ds-people-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

/* The shell ------------------------------------------------------------- */

/*
 * Two rails and a middle. The rails are fixed widths because navigation and
 * context should not reflow as content changes; the middle takes whatever is
 * left, which is the only column whose width is anybody's business.
 */
/*
 * Three widths. From 1280px the rail, 280px, and a middle of up to 1120px,
 * in a page no wider than 1440px - the rail had grown wide and the middle
 * had not, which read as a lot of page around not much. Between 768px and
 * 1279px there is no rail: the top bar and one column, the drawer behind
 * a button on the bar. Under 768px the phone: one column over the tab bar.
 */
.ds-shell-wrap { max-width: 1440px; margin: 0 auto; }

.ds-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 20px 24px;
    align-items: start;
}

.ds-rail-left, .ds-rail-right, .ds-topbar-menu { display: none; }

@media (min-width: 1280px) {
    .ds-shell { grid-template-columns: 280px minmax(0, 1120px); }
    .ds-shell-3 { grid-template-columns: 280px minmax(0, 1fr) 300px; }
    .ds-rail-left, .ds-rail-right { display: block; }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
    .ds-shell { grid-template-columns: minmax(0, 1120px); justify-content: center; }
    .ds-topbar-menu { display: inline-flex; }
}

@media (max-width: 767.98px) {
    .ds-shell, .ds-shell-3 {
        padding: var(--ds-shell-gap) 10px calc(var(--ds-tabbar-occupied, 56px) + var(--ds-shell-gap));
        gap: 14px;
    }
    /* A short page is one screen, not one screen and the bars: the
       column's floor is the screen less the bars and the gaps. */
    .ds-main.min-vh-100 {
        min-height: calc(var(--app-vh, 100dvh) - var(--ds-topbar-h, 59px) - var(--ds-tabbar-occupied, 56px) - 2 * var(--ds-shell-gap, 12px)) !important;
    }
}

/* The tab bar's seat: a phone's. */
.ds-tabbar-seat { display: none; }
@media (max-width: 767.98px) { .ds-tabbar-seat { display: block; } }

/*
 * The rails stay put while the middle scrolls. Anything taller than the
 * window scrolls inside its own rail rather than dragging the page with it.
 */
.ds-rail {
    position: sticky;
    top: 16px;
    max-height: calc(var(--app-vh, 100dvh) - 32px);
    overflow-y: auto;
    scrollbar-width: none;
}

.ds-rail::-webkit-scrollbar { display: none; }

.ds-main { min-width: 0; }

/*
 * The navigation sits on a surface like everything else. Floating it on the
 * page background read as unfinished next to a product made of cards.
 */
.ds-rail-left .side-menu {
    background: var(--ds-surface);
    border-radius: var(--ds-radius);
    box-shadow: var(--ds-shadow-sm);
    padding: 14px 10px 12px !important;
}

/*
 * The rail's rows: three groups, a small heading over each, rows of
 * 14px with a 20px icon - a rail is scanned, not read, and a row a
 * thumb-height tall on a screen with a mouse is a row of empty space.
 */
.sm-group + .sm-group { margin-top: 10px; }
.sm-heading {
    padding: 6px 12px 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ds-ink-muted);
}
.sm-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; }
.sm-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 6px 12px;
    border-radius: var(--ds-radius-sm);
    color: var(--ds-ink-soft);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .14s var(--ds-ease), color .14s var(--ds-ease);
}
.sm-link:hover, .sm-link:focus-visible { background: var(--ds-accent-soft); color: var(--ds-accent); text-decoration: none; outline: none; }
.sm-link.active { background: var(--template-gradient-from, var(--ds-ink)); color: #fff; }
.sm-link .ion-icon-wrapper { font-size: 20px; width: 20px; flex: 0 0 auto; }
/* In the rail the pill is a row like any other, and goes where they go. */
.checkin-pill.sm-link { border: 0; padding: 6px 12px; font-size: 14px; gap: 10px; }
.checkin-pill.sm-link:hover { background: var(--ds-accent-soft); }
.checkin-pill.sm-link .checkin-pill-icon { font-size: 20px; width: 20px; display: inline-flex; justify-content: center; }
.checkin-pill.sm-link .checkin-pill-streak { margin-inline-start: auto; }
.sm-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm-count {
    margin-inline-start: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: var(--ds-radius-pill);
    background: var(--ds-like);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}
.sm-cta { margin: 12px 6px 0; display: flex; flex-direction: column; gap: 8px; }
.sm-cta .btn { min-height: 42px; font-weight: 700; }

/* Rail cards share the product's one card treatment. */
.ds-rail > .card,
.ds-rail-card {
    background: var(--ds-surface);
    border: none;
    border-radius: var(--ds-radius);
    box-shadow: var(--ds-shadow-sm);
    padding: 16px;
    margin-bottom: var(--ds-gap);
}

.ds-rail-title {
    font-weight: 700;
    font-size: 15px;
    color: var(--ds-ink);
    margin-bottom: 12px;
}

/* Column contents ------------------------------------------------------- */

/*
 * What the middle column holds. The shell already decided the width, so
 * these only decide the rhythm inside it - which is why they are two rules
 * rather than the grid of nested bootstrap columns they replaced.
 */
.ds-feed-column > *,
.ds-profile-column > * {
    margin-bottom: var(--ds-gap);
}

.ds-feed-column > *:last-child,
.ds-profile-column > *:last-child {
    margin-bottom: 0;
}

/*
 * A profile reads as one sheet: the header, the details and the posts are
 * parts of a whole rather than a stack of separate cards.
 */
.ds-profile-column > div:first-child {
    background: var(--ds-surface);
    border-radius: var(--ds-radius);
    box-shadow: var(--ds-shadow-sm);
    overflow: hidden;
}

/* Inside that sheet the pieces have already been given a card treatment by
   the surface rules; here they are panes of one surface instead. */
.ds-profile-column .profile-description-holder,
.ds-profile-column .subscription-holder {
    background: transparent;
    box-shadow: none;
    border-radius: 0 !important;
}

/* A filter menu beside its content: two cards, not a card on a sheet. */
.settings-menu-wrapper {
    background: var(--ds-surface);
    border-radius: var(--ds-radius);
    box-shadow: var(--ds-shadow-sm);
    overflow: hidden;
}

/*
 * Column dividers, from before the pages were made of cards.
 *
 * A line between two columns and a gap between two cards say the same thing
 * twice - and the line, drawn on a column edge, lands hard against a card's
 * rounded corner. The cards separate themselves; these go.
 */
.ds-main .border-left,
.ds-main .border-right,
.ds-main .border-top,
.ds-main .border-bottom {
    border-color: transparent !important;
}

.settings-content {
    background: var(--ds-surface);
    border-radius: var(--ds-radius);
    box-shadow: var(--ds-shadow-sm);
    overflow: hidden;
}

/*
 * The panel beside the sign-in form, when the operator uploaded no image.
 *
 * A full-strength sheet of the accent is the loudest thing on a page whose
 * whole job is a quiet form. Ink ground, accent bloomed through it from two
 * corners, and the line pattern barely there - so the eye goes to the form.
 */
.auth-aside {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(120% 90% at 78% 12%,
            color-mix(in srgb, var(--ds-accent) 62%, transparent), transparent 62%),
        radial-gradient(100% 80% at 12% 92%,
            color-mix(in srgb, var(--template-gradient-from, var(--ds-accent)) 42%, transparent), transparent 60%),
        linear-gradient(150deg, #12161f, #090b10);
}

.auth-aside-pattern {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .07;
    mix-blend-mode: screen;
}

/* The checkout dialog ---------------------------------------------------- */

/*
 * With no tax to break down, the total is the only number in the dialog and
 * the one thing somebody is agreeing to. It reads like it.
 */
#checkout-center .total.is-bare {
    margin: 4px 0 2px;
}

#checkout-center .total.is-bare .total-amount b {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ds-ink);
}

#checkout-center .payment-method-section h6 {
    font-size: 12.5px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ds-ink-muted);
    font-weight: 700;
}

/* A method is a card to press, not a bordered picture of a logo. Every
   card in the row is the column's width, and as tall as what it says -
   the wallet's says its balance under its name, and a fixed height let a
   long balance spill out of the card onto the lines below. */
#checkout-center .checkout-payment-provider {
    width: 100%;
    height: auto;
    min-height: 58px;
    border: 1.5px solid var(--ds-border);
    border-radius: var(--ds-radius-sm);
    padding: 8px 10px;
    background: var(--ds-surface);
    transition: border-color .14s var(--ds-ease), background .14s var(--ds-ease);
}
/* A taller card makes the row taller; the others stretch to it. */
#checkout-center .radio-group > [class*="-payment-method"] { display: flex; }
#checkout-center .credit-provider-text { color: var(--ds-ink); line-height: 1.25; overflow-wrap: anywhere; }
#checkout-center .credit-provider-text b { display: block; font-size: 14px; font-weight: 700; }
#checkout-center .available-credit { margin-top: 2px; font-size: 12px; font-weight: 600; color: var(--ds-ink-muted); font-variant-numeric: tabular-nums; }

#checkout-center .checkout-payment-provider:hover {
    border-color: var(--ds-border-strong);
    background: var(--ds-surface-2);
}

#checkout-center .checkout-payment-provider.selected {
    border-color: var(--ds-accent);
    background: var(--ds-accent-soft);
    box-shadow: none;
}

#checkout-center .checkout-payment-provider img {
    max-height: 26px;
    max-width: 100%;
    object-fit: contain;
}

/*
 * A feed box already inside a surface is not a card of its own.
 *
 * .feed-box carries the card treatment because on the feed it is one. Inside
 * a page that is itself a sheet - bookmarks, a list, a profile - that makes a
 * card within a card: two borders of white, one seam, and an empty state
 * boxed twice over.
 */
.ds-main-surface .feed-box,
.settings-content .feed-box,
.ds-profile-column .feed-box {
    background: transparent;
    box-shadow: none;
    border-radius: 0 !important;
}

/* An empty state is a quiet page, not a panel. */
.ds-main-surface .posts-wrapper > .d-flex,
.settings-content .posts-wrapper > .d-flex {
    background: transparent;
}

/* The top bar ----------------------------------------------------------- */

.ds-topbar {
    position: sticky;
    top: var(--ga-h, 0px);
    z-index: 1030;
    background: var(--ds-surface);
    border-bottom: 1px solid var(--ds-border);
    /* Under a translucent status bar, the bar starts below it. */
    padding-top: env(safe-area-inset-top, 0);
}

.ds-topbar-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 24px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
}

.ds-topbar-brand img { height: 34px; width: auto; object-fit: contain; }

/* The pill group, centred by the grid rather than by guessing at margins. */
.ds-topnav {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-self: center;
}

.ds-topnav-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: var(--ds-radius-pill);
    color: var(--ds-ink-soft);
    font-weight: 600;
    font-size: 14.5px;
    text-decoration: none;
    white-space: nowrap;
    transition: background .14s var(--ds-ease), color .14s var(--ds-ease);
}

.ds-topnav-item:hover { background: var(--ds-surface-2); color: var(--ds-ink); }

/* The one destination you are on, in the colour the site is wearing. */
.ds-topnav-item.active {
    background: var(--ds-accent-soft);
    color: var(--ds-accent);
}

.ds-topnav-badge {
    position: absolute;
    top: 3px;
    right: 8px;
    min-width: 17px;
    height: 17px;
    font-size: 10.5px;
    line-height: 17px;
    text-align: center;
    padding: 0 4px;
}

.ds-topbar-end { justify-self: end; display: flex; align-items: center; }

.ds-topbar-me {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 12px 5px 5px;
    border-radius: var(--ds-radius-pill);
    color: var(--ds-ink-soft);
    font-weight: 600;
    text-decoration: none;
}

.ds-topbar-me:hover { background: var(--ds-surface-2); color: var(--ds-ink); }

.ds-topbar-me-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-topbar-me img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

/* Without the rail the bar also carries the drawer's button, and five
   labelled pills beside it do not fit a tablet: the labels go, the icons
   stay. Below that the mobile bar owns it. */
@media (max-width: 1279.98px) {
    .ds-topnav-item span:not(.ds-topnav-badge) { display: none; }
    .ds-topnav-item { padding: 9px 13px; }
}

@media (max-width: 767.98px) {
    .ds-topbar-inner { grid-template-columns: 1fr auto; padding: 8px 12px; }
    .ds-topnav { display: none; }
}

/* Between the rail and the phone, the drawer is behind one button on the bar. */
.ds-topbar-menu {
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 4px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--ds-ink-soft);
    font-size: 24px;
}
.ds-topbar-menu:hover { background: var(--ds-surface-2); color: var(--ds-ink); }

/* A 320px phone: the wordmark, two chips and a face have to share 296px.
   Nothing here may grow past its cell; the page must never scroll sideways.
   The bar carries identity and account only - the tab bar is the way
   around - so the wordmark can be read, the chip is a chip, and the face
   is under a full thumb. */
@media (max-width: 575.98px) {
    .ds-topbar-inner { gap: 8px; padding: 6px 12px; }
    .ds-topbar-brand { min-width: 0; display: flex; }
    .ds-topbar-brand img { height: 36px; max-width: 38vw; }
    .ds-topbar-end { min-width: 0; }
    .ds-topbar-me { padding: 0; gap: 0; min-width: 44px; min-height: 44px; justify-content: center; }
    .ds-topbar-me img { width: 36px; height: 36px; }
}

/* Three round buttons do not fit a half-width card on the narrowest phones;
   the bookmark is in the person's sheet as well, so it is the one to go. */
@media (max-width: 359.98px) {
    .ds-person-actions { gap: 8px; }
    .ds-person-actions .ds-person-btn-keep { display: none; }
}

/* A password field with an eye ------------------------------------------- */
.ds-pw { position: relative; }
.ds-pw .form-control { padding-right: 52px; }
.ds-pw-toggle {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--ds-radius-sm);
    background: transparent;
    color: var(--ds-ink-muted);
    font-size: 20px;
    cursor: pointer;
}
.ds-pw-toggle:hover { color: var(--ds-ink); }
.ds-pw-toggle:focus-visible { outline: 2px solid var(--ds-accent); outline-offset: -2px; }
.ds-pw-toggle[aria-pressed="true"] { color: var(--ds-accent); }


/*
 * The one-line bar: what just happened, and the one thing to do about it.
 * Above the tab bar, under a thumb. A page that has one carries
 * [data-snack]; the deck's own sits higher, over its buttons.
 */
.ds-snack {
    position: fixed;
    left: 50%;
    bottom: calc(var(--ds-tabbar-occupied, 56px) + 16px);
    transform: translateX(-50%);
    z-index: 1040;
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: calc(100% - 32px);
    padding: 10px 18px;
    border-radius: var(--ds-radius-lg);
    background: var(--ds-ink);
    color: var(--ds-surface);
    font-size: 14px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .22);
}
.ds-snack-action {
    border: 0;
    background: none;
    color: inherit;
    font-weight: 600;
    min-height: 32px;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.ds-snack-action:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* A badge that just went up hops once: noticed from the corner of the eye,
   and still for anybody who asked for less motion. */
.is-bumped { animation: dsBadgeBump .45s cubic-bezier(.2, .9, .3, 1.3); }
@keyframes dsBadgeBump {
    0% { transform: scale(1); }
    35% { transform: scale(1.35); }
    100% { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .is-bumped { animation: none; }
}

/*
 * The site's components, in a stylesheet.
 *
 * These used to write their CSS inline, beside their own markup - readable,
 * but painted after the browser had already drawn the page. Pushing them to
 * a head stack does not work either: the layout includes them in its body,
 * long after the head was written, so the rules were dropped entirely.
 *
 * A stylesheet in the head is the only place that both loads before the
 * first paint and does not depend on where a component is included from.
 * Each block below names the component it belongs to.
 */

/* elements/calls/call-overlay.blade.php */
            .call-overlay { position: fixed; inset: 0; z-index: 12000; display: none;
                            background: #1c2733; color: #fff; overflow: hidden;
                            font-size: 15px; }
            .call-overlay.is-open { display: block; }

            /* The Telegram gradient behind an audio call: the peer's avatar,
               blown up and blurred into a wash of their own colours. */
            .call-backdrop { position: absolute; inset: -40px; background-size: cover;
                             background-position: center; filter: blur(46px) brightness(.55);
                             transform: scale(1.15); }

            #call-remote-video { position: absolute; inset: 0; width: 100%; height: 100%;
                                 object-fit: cover; display: none; background: #000; }
            .call-overlay.kind-video.st-active #call-remote-video { display: block; }
            .call-overlay.kind-video.st-active .call-backdrop { display: none; }

            #call-local-video { position: absolute; top: 18px; right: 18px; width: 110px;
                                height: 160px; object-fit: cover; border-radius: 14px;
                                display: none; z-index: 3;
                                box-shadow: 0 4px 18px rgba(0,0,0,.45); }
            .call-overlay.kind-video #call-local-video { display: block; }
            .call-overlay.cam-off #call-local-video { display: none; }

            .call-top { position: absolute; top: 0; left: 0; right: 0; z-index: 2;
                        display: flex; flex-direction: column; align-items: center;
                        padding-top: 11vh; text-align: center;
                        text-shadow: 0 1px 8px rgba(0,0,0,.45); }
            .call-avatar { width: 120px; height: 120px; border-radius: 50%;
                           object-fit: cover; margin-bottom: 18px;
                           box-shadow: 0 6px 30px rgba(0,0,0,.4); }
            /* Talking on video: the face is on screen, so the big avatar goes
               and the name shrinks into a caption. */
            .call-overlay.kind-video.st-active .call-avatar { display: none; }
            .call-overlay.kind-video.st-active .call-top { padding-top: 22px; }
            .call-name { font-size: 26px; font-weight: 600; letter-spacing: .2px; }
            .call-overlay.kind-video.st-active .call-name { font-size: 17px; }
            .call-status { margin-top: 7px; font-size: 15px; opacity: .75;
                           font-variant-numeric: tabular-nums; }

            .call-actions { position: absolute; left: 0; right: 0; bottom: 6vh; z-index: 2;
                            display: none; justify-content: center; gap: 44px; }
            .call-overlay.st-incoming .call-actions-incoming { display: flex; }
            .call-overlay.st-outgoing .call-actions-live,
            .call-overlay.st-active .call-actions-live { display: flex; }
            .call-overlay:not(.kind-video) .call-action-camera { display: none; }

            .call-action { display: flex; flex-direction: column; align-items: center;
                           gap: 9px; font-size: 13px; opacity: .95; }
            /* Scoped: the messenger header's own buttons live in this same
               document on the standalone messenger page. */
            .call-overlay .call-btn { width: 68px; height: 68px; border-radius: 50%; border: 0;
                        cursor: pointer; color: #fff; display: flex; align-items: center;
                        justify-content: center; font-size: 28px;
                        transition: transform .12s ease, filter .12s ease; }
            .call-overlay .call-btn:hover { transform: scale(1.06); filter: brightness(1.08); }
            .call-btn-accept { background: #4fae4e; animation: call-pulse 1.6s ease-out infinite; }
            .call-btn-decline { background: #e53935; }
            .call-btn-tool { background: rgba(255,255,255,.22); backdrop-filter: blur(6px); }
            .call-btn-tool.is-on { background: rgba(255,255,255,.92); color: #1c2733; }

            @keyframes call-pulse {
                0% { box-shadow: 0 0 0 0 rgba(79,174,78,.55); }
                100% { box-shadow: 0 0 0 22px rgba(79,174,78,0); }
            }

            @media (max-width: 480px) {
                .call-actions { gap: 30px; bottom: 5vh; }
                .call-overlay .call-btn { width: 62px; height: 62px; }
                #call-local-video { width: 88px; height: 128px; top: 12px; right: 12px; }
            }
        

/* elements/checkin/checkin-header.blade.php */
        .checkin-pill {
            display: inline-flex; align-items: center; gap: 6px;
            border: 1px solid rgba(128, 128, 128, .35); border-radius: 999px;
            background: none; padding: 4px 12px; min-height: 36px; font-size: 13px; font-weight: 600;
            line-height: 1.4; color: inherit; cursor: pointer; text-decoration: none;
            transition: border-color .15s, background .15s;
        }
        .checkin-pill:hover { border-color: var(--ds-accent); background: var(--ds-accent-soft); color: inherit; text-decoration: none; }
        .checkin-pill-icon { font-size: 14px; line-height: 1; }
        /* The streak is a badge, not a sentence: with no run there is no
           number worth showing, only an invitation to start one. */
        .checkin-pill-streak {
            font-weight: 800; padding-inline-start: 6px;
            border-inline-start: 1px solid rgba(128, 128, 128, .35);
        }
        .checkin-pill.is-zero .checkin-pill-streak { display: none; }
    

/*
 * A dialog that is a sheet on a phone: pinned to the bottom edge, full
 * width, rising into place, the body scrolling under a footer that stays
 * put. Opt in with .is-phone-sheet on the .modal; a desktop is untouched.
 * The paywall is the same shape, in its own stylesheet.
 */
.ps-grip { display: none; justify-content: center; padding: 10px 0 0; }
.ps-grip span { width: 40px; height: 4px; border-radius: 2px; background: rgba(127,127,127,.35); }
@media (max-width: 767.98px) {
    .modal.is-phone-sheet .modal-dialog {
        position: fixed; left: 0; right: 0; bottom: 0; top: auto;
        margin: 0; width: 100%; max-width: none; min-height: 0; height: auto;
        display: flex; flex-direction: column; justify-content: flex-end;
        transform: none;
    }
    .modal.is-phone-sheet.fade .modal-dialog { transition: transform .22s cubic-bezier(.4,0,.2,1); transform: translateY(100%); }
    .modal.is-phone-sheet.show .modal-dialog { transform: none; }
    .modal.is-phone-sheet .modal-content {
        display: flex; flex-direction: column; overflow: hidden;
        border-radius: var(--ds-radius-lg) var(--ds-radius-lg) 0 0;
        max-height: calc(var(--app-vh, 100dvh) - 56px);
    }
    .modal.is-phone-sheet .modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .modal.is-phone-sheet .modal-footer { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0)); }
    .modal.is-phone-sheet .ps-grip { display: flex; }
    .modal.is-phone-sheet .modal-header .close { width: 44px; height: 44px; padding: 0; margin: -8px -10px -8px auto; }
}

/* elements/commissions/commission-modal.blade.php */
/* First what, then what it should be, then the order as the server knows it. */
.commission-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.commission-type { border: 2px solid rgba(127,127,127,.22); border-radius: var(--ds-radius-sm); padding: 10px 6px; min-height: 44px;
                   text-align: center; cursor: pointer; background: none; color: inherit; font: inherit; transition: border-color .15s, background .15s; }
.commission-type:hover { background: var(--ds-accent-soft); }
.commission-type.selected { border-color: var(--ds-accent); background: var(--ds-accent-soft); }
.commission-type .ct-emoji { font-size: 26px; }
.commission-type .ct-name { font-size: 12px; font-weight: 600; }
.commission-type .ct-price { font-size: 12px; color: var(--ds-accent); font-weight: 700; }
.commission-scope { display: block; margin-top: 8px; font-size: 12px; opacity: .6; }
.commission-for { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; font-size: 13.5px; font-weight: 600; }
.commission-for .ds-person-marks { margin-top: 0; }
.commission-done { text-align: center; padding: 14px 0 4px; }
.commission-done .ion-icon-wrapper { font-size: 48px; color: var(--ds-accent); }
.commission-done-title { font-weight: 800; font-size: 17px; margin-top: 6px; }
.commission-status { display: inline-block; margin-top: 8px; padding: 4px 12px; border-radius: var(--ds-radius-pill);
                     background: var(--ds-surface-2); font-size: 12.5px; font-weight: 600; }
.commission-foot { justify-content: space-between; flex-wrap: nowrap; align-items: center; gap: 12px; }
.commission-foot .btn { min-height: 44px; flex: 0 0 auto; font-weight: 700; }

/* elements/gifts/gift-modal.blade.php */
/* Categories in one row that scrolls sideways; the gifts in a grid of one
   shape; under them a footer that stays: who, what, how much, send. */
.gift-tabs { display: flex; gap: 6px; padding: 10px 16px 6px; overflow-x: auto; scrollbar-width: none; flex: 0 0 auto; }
.gift-tabs::-webkit-scrollbar { display: none; }
.gift-tab { flex: 0 0 auto; min-height: 36px; padding: 6px 14px; border: 1px solid rgba(127,127,127,.28); border-radius: var(--ds-radius-pill);
            background: none; color: inherit; font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.gift-tab.is-on { border-color: var(--ds-accent); background: var(--ds-accent-soft); color: var(--ds-accent); }
.gift-body { padding: 8px 16px 12px; }
.gift-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.gift-item { border: 2px solid transparent; border-radius: var(--ds-radius-sm); padding: 8px 4px; text-align: center; cursor: pointer;
             background: none; color: inherit; font: inherit; transition: border-color .15s, background .15s; }
.gift-item:hover { background: var(--ds-accent-soft); }
.gift-item.selected { border-color: var(--ds-accent); background: var(--ds-accent-soft); }
.gift-item .gift-visual { width: 56px; aspect-ratio: 1; margin: 0 auto 4px; display: flex; align-items: center; justify-content: center; font-size: 40px; }
.gift-item .gift-visual img { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
.gift-item .gift-name { font-size: 11px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gift-item .gift-price { font-size: 11px; color: var(--ds-accent); font-weight: 700; }
.gift-foot { justify-content: space-between; flex-wrap: nowrap; align-items: center; gap: 12px; }
.gift-foot-text { flex: 1 1 auto; min-width: 0; }
.gift-foot-to, .gift-foot-balance { font-size: 12px; opacity: .6; }
.gift-foot-picked { font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gift-send { flex: 0 0 auto; min-height: 44px; min-width: 96px; font-weight: 700; }
@media (max-width: 400px) {
    .gift-grid { grid-template-columns: repeat(4, 1fr); }
    .gift-item .gift-visual { width: 44px; font-size: 32px; }
}
#gift-overlay { position: fixed; inset: 0; z-index: 2000; pointer-events: none; display: none; align-items: center; justify-content: center; }
#gift-overlay video, #gift-overlay img { max-width: 60vw; max-height: 60vh; }
#gift-overlay .gift-overlay-emoji { font-size: 120px; animation: giftPop 2.4s ease forwards; }
#gift-overlay .gift-overlay-label { position: absolute; bottom: 18%; left: 0; right: 0; text-align: center; color: #fff; font-weight: 700; font-size: 20px; text-shadow: 0 2px 12px rgba(0,0,0,.7); }
@keyframes giftPop { 0% { transform: scale(.2); opacity: 0; } 15% { transform: scale(1.15); opacity: 1; } 25% { transform: scale(1); } 80% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.4); opacity: 0; } }

/* elements/messenger/floating-messenger.blade.php */
    /*
       The launcher is the only way into chat now that the top bar has no
       Messages pill, so it has to read as a control rather than as a dot in
       the corner: bigger, lifted clear of the bottom edge, and wearing the
       site's own colour instead of a magenta nothing else uses.
    */
    /*
       Where the dock sits: the launcher's bottom edge, as a share of the
       screen's height, and the toasts stacked directly above it. One
       number, because the two are one thing - the toasts were already
       written for a launcher at mid-screen while the launcher was still
       in the corner, half a screen below them.

       Off the bottom corner on purpose: that corner is where a browser
       puts its own status bar, and on a short window it is where the
       page's own last row ends up.
    */
    :root { --fm-dock: 38%; --fm-launcher-size: 68px; }

    #fm-launcher { position: fixed; right: 26px; bottom: var(--fm-dock); z-index: 1041;
        width: var(--fm-launcher-size); height: var(--fm-launcher-size);
        border-radius: 50%; border: none; cursor: pointer;
        background: linear-gradient(135deg,
            var(--template-gradient-from, var(--ds-accent)),
            var(--template-gradient-to, var(--ds-accent)));
        color: #fff;
        box-shadow: 0 10px 28px rgba(16,24,40,.30),
                    0 0 0 6px color-mix(in srgb, var(--ds-accent) 14%, transparent);
        display: flex; align-items: center; justify-content: center;
        transition: transform .18s ease, box-shadow .18s ease; }
    #fm-launcher:hover { transform: scale(1.07);
        box-shadow: 0 14px 34px rgba(16,24,40,.34),
                    0 0 0 9px color-mix(in srgb, var(--ds-accent) 18%, transparent); }
    #fm-launcher:active { transform: scale(.95); }
    #fm-launcher ion-icon { font-size: 31px; }
    #fm-launcher .fm-icon { position: absolute; display: flex; transition: opacity .18s ease, transform .18s ease; }
    #fm-launcher .fm-icon-close { opacity: 0; transform: rotate(-90deg); }
    #fm-root.fm-open .fm-icon-chat { opacity: 0; transform: rotate(90deg); }
    #fm-root.fm-open .fm-icon-close { opacity: 1; transform: rotate(0); }
    /*
       Ripples, spreading out from under the button.

       Behind it (z-index -1) so they leave the button itself clean, and
       staggered by half a period so one is always on its way out - a single
       ring reads as a stutter rather than as something alive.
    */
    #fm-launcher::before,
    #fm-launcher::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: var(--ds-accent);
        opacity: 0;
        z-index: -1;
        animation: fm-ripple 3s cubic-bezier(.22, .61, .36, 1) infinite;
    }

    #fm-launcher::after { animation-delay: 1.5s; }

    @keyframes fm-ripple {
        0%   { transform: scale(1);    opacity: .34; }
        70%  { opacity: .06; }
        100% { transform: scale(2.15); opacity: 0; }
    }

    /* Waiting messages get the button itself moving as well. A button that
       pulses all the time is wallpaper within a minute; the rings are quiet
       enough to live with, this is not. */
    #fm-launcher.has-unread { animation: fm-attention 2.6s ease-in-out infinite; }
    #fm-launcher.has-unread::before,
    #fm-launcher.has-unread::after { animation-duration: 1.9s; }

    @keyframes fm-attention {
        0%, 72%, 100% { transform: scale(1); }
        80% { transform: scale(1.075); }
        88% { transform: scale(.985); }
    }

    @media (prefers-reduced-motion: reduce) {
        #fm-launcher.has-unread,
        #fm-launcher::before,
        #fm-launcher::after { animation: none; }
    }

    .fm-badge { position: absolute; top: -1px; right: -1px; min-width: 23px; height: 23px;
        line-height: 23px; border-radius: 999px; background: var(--ds-like, #f4436c); color: #fff;
        border: 2.5px solid var(--ds-surface);
        font-size: 11px; font-weight: 700; text-align: center; padding: 0 5px;
        border: 2px solid #fff; box-sizing: content-box; }

    #fm-overlay { position: fixed; inset: 0; z-index: 1039; background: rgba(20,10,25,.45);
        opacity: 0; pointer-events: none; transition: opacity .22s ease;
        backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
    #fm-root.fm-open #fm-overlay { opacity: 1; pointer-events: auto; }

    /* Centered dialog, generous by default */
    #fm-panel { position: fixed; left: 50%; top: 50%; z-index: 1040;
        width: min(1080px, 94vw); height: min(86vh, 940px);
        background: var(--ds-surface); border-radius: var(--ds-radius-lg); overflow: hidden;
        box-shadow: 0 24px 80px rgba(0,0,0,.30), 0 4px 16px rgba(0,0,0,.12);
        display: flex; flex-direction: column;
        opacity: 0; transform: translate(-50%, -50%) scale(.96); pointer-events: none;
        transition: opacity .22s ease, transform .22s cubic-bezier(.2,.9,.3,1.15),
                    width .25s ease, height .25s ease; }
    #fm-root.fm-open #fm-panel { opacity: 1; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
    /* Maximized: near-fullscreen, still centered */
    #fm-root.fm-max #fm-panel { width: 98vw; height: 96vh; border-radius: var(--ds-radius-sm); }

    .fm-header { display: flex; align-items: center; justify-content: space-between;
        padding: 10px 16px; border-bottom: 1px solid rgba(0,0,0,.07); flex-shrink: 0;
        background: linear-gradient(135deg, var(--ds-accent-soft), rgba(156,39,176,.06)); }
    .fm-title { font-weight: 700; font-size: 15px; }
    .fm-actions { display: flex; gap: 4px; }
    .fm-btn { width: 34px; height: 34px; border-radius: 8px; border: none; background: transparent;
        display: flex; align-items: center; justify-content: center; cursor: pointer;
        color: inherit; font-size: 19px; transition: background .15s; }
    .fm-btn:hover { background: var(--ds-surface-2); color: inherit; }
    .fm-ic-contract { display: none; }
    #fm-root.fm-max .fm-ic-expand { display: none; }
    #fm-root.fm-max .fm-ic-contract { display: flex; }

    /* The messenger inside, sized to the panel instead of to the page it
       was written for: the two panes fill the body and only the thread
       scrolls. */
    .fm-body { flex: 1; min-height: 0; display: flex; }
    #fm-panel .container.messenger { flex: 1; min-width: 0; max-width: 100%; padding: 0; height: 100%; }
    #fm-panel .container.messenger > .row { height: 100%; margin: 0; }
    #fm-panel .conversations-wrapper,
    #fm-panel .conversation-wrapper { height: 100%; }
    /* The panel is the frame; the panes keep no border of their own,
       only the hairline that divides them. */
    #fm-panel .conversations-wrapper,
    #fm-panel .conversation-wrapper { border: 0 !important; border-radius: 0 !important; }
    #fm-panel .conversation-wrapper { border-left: 1px solid var(--ds-border) !important; }
    #fm-panel .conversation-content { overflow-y: auto; overscroll-behavior: contain; min-height: 0; }

    /* Mobile H5: no floating messenger at all - the mobile navbar covers it. */
    @media (max-width: 767.98px) {
        #fm-root { display: none; }
    }

/* elements/messenger/message-toasts.blade.php */
    /*
       Above the launcher, off the same anchor it uses, so the two move
       together. The stack grows upward (column-reverse), anchored by its
       bottom edge just clear of the button.
    */
    #msg-toasts { position: fixed; right: 26px; z-index: 1042;
        bottom: calc(var(--fm-dock, 38%) + var(--fm-launcher-size, 68px) + 14px);
        display: flex; flex-direction: column-reverse; gap: 10px; pointer-events: none; }
    .msg-toast { pointer-events: auto; width: 330px; max-width: calc(100vw - 32px);
        background: var(--ds-surface); border-radius: var(--ds-radius); padding: 12px 12px 12px 14px;
        box-shadow: 0 10px 32px rgba(0,0,0,.20), 0 2px 6px rgba(0,0,0,.08);
        display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
        animation: msgToastIn .28s cubic-bezier(.2,.9,.3,1.2); }
    .msg-toast.msg-toast-out { animation: msgToastOut .22s ease forwards; }
    @keyframes msgToastIn  { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
    @keyframes msgToastOut { to { opacity: 0; transform: translateX(24px); } }
    .msg-toast img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
    .msg-toast .mt-body { flex: 1; min-width: 0; }
    .msg-toast .mt-name { font-weight: 700; font-size: 13px; line-height: 1.3;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .msg-toast .mt-text { font-size: 12px; opacity: .75; line-height: 1.4; margin-top: 2px;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .msg-toast .mt-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
    .msg-toast .mt-reply { border: none; border-radius: 8px; padding: 5px 12px; font-size: 12px;
        font-weight: 700; color: #fff; cursor: pointer;
        background: linear-gradient(135deg, rgb(var(--primary-600, 233 30 99)), #9c27b0); }
    .msg-toast .mt-close { border: none; background: transparent; font-size: 15px; line-height: 1;
        opacity: .4; cursor: pointer; padding: 0; }
    .msg-toast .mt-close:hover { opacity: .8; }

    /* Mobile: behave like the phone notification shade */
    @media (max-width: 767.98px) {
        #msg-toasts { right: 8px; left: 8px; top: 8px; bottom: auto; flex-direction: column; }
        .msg-toast { width: auto; max-width: none; }
        @keyframes msgToastIn { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
        @keyframes msgToastOut { to { opacity: 0; transform: translateY(-18px); } }
    }

/* elements/notifications/notification-toasts.blade.php
 *
 * Something happened to you: a card drops from the top of the page, on
 * every screen, the way a phone shows a notification. The card is the
 * message card's shape; it opens the centre rather than a conversation.
 */
    #nf-toasts { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); z-index: 1043;
        width: min(420px, calc(100vw - 16px)); display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
    .nf-toast { pointer-events: auto; position: relative;
        background: var(--ds-surface); border-radius: var(--ds-radius); padding: 12px 40px 12px 14px;
        box-shadow: 0 10px 32px rgba(0,0,0,.20), 0 2px 6px rgba(0,0,0,.08);
        display: flex; align-items: center; gap: 12px; cursor: pointer;
        animation: nfToastIn .28s cubic-bezier(.2,.9,.3,1.2); }
    .nf-toast.nf-toast-out { animation: nfToastOut .22s ease forwards; }
    @keyframes nfToastIn  { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: none; } }
    @keyframes nfToastOut { to { opacity: 0; transform: translateY(-18px); } }
    .nf-toast img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
    .nf-toast.is-blind img { filter: blur(5px); }
    .nf-toast .mt-body { flex: 1; min-width: 0; }
    .nf-toast .mt-name { font-weight: 700; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; opacity: .6; }
    .nf-toast .mt-text { font-size: 14px; font-weight: 600; line-height: 1.35; margin-top: 2px;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .nf-toast .mt-close { position: absolute; top: 8px; right: 10px; border: none; background: transparent;
        font-size: 18px; line-height: 1; opacity: .4; cursor: pointer; padding: 4px; }
    .nf-toast .mt-close:hover { opacity: .8; }
    /* What kind of attention it is, at a glance: a warm edge and a tint
       for the ones that are somebody wanting you. */
    .nf-toast.is-likes, .nf-toast.is-super_likes, .nf-toast.is-matches, .nf-toast.is-pokes, .nf-toast.is-wishes {
        border-left: 3px solid var(--ds-accent);
        background: linear-gradient(100deg, var(--ds-accent-soft), var(--ds-surface) 58%);
    }
    .nf-toast.is-super_likes, .nf-toast.is-matches { animation: nfToastIn .28s cubic-bezier(.2,.9,.3,1.2), nfToastGlow 1.4s ease-out 1; }
    @keyframes nfToastGlow {
        0%   { box-shadow: 0 10px 32px rgba(0,0,0,.20), 0 0 0 0 var(--ds-accent-soft); }
        45%  { box-shadow: 0 10px 32px rgba(0,0,0,.20), 0 0 0 10px transparent; }
        100% { box-shadow: 0 10px 32px rgba(0,0,0,.20), 0 2px 6px rgba(0,0,0,.08); }
    }
    @media (prefers-reduced-motion: reduce) {
        .nf-toast, .nf-toast.is-super_likes, .nf-toast.is-matches { animation: none; }
    }

/* elements/wishes/wish-modal.blade.php */
/* The list, then the one chosen: two steps of the same sheet. */
.wish-content { border-radius: var(--ds-radius-lg); }
.wish-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }
/* No painted background: the card inherits the modal's theme, the way the
   gift grid does - a hardcoded white is a searchlight in dark mode. */
.wish-card { border-radius: var(--ds-radius); overflow: hidden; cursor: pointer; padding: 0; text-align: start;
             background: none; color: inherit; font: inherit;
             border: 1px solid rgba(128,128,128,.18); box-shadow: 0 3px 12px rgba(0,0,0,.10);
             transition: transform .15s, box-shadow .15s; }
.wish-card:hover { transform: translateY(-3px); }
.wish-card.is-selected { border-color: var(--ds-accent); box-shadow: 0 0 0 3px var(--ds-accent-soft); }
.wish-card img { width: 100%; height: 118px; object-fit: cover; display: block; background: rgba(128,128,128,.12); }
.wish-card .wish-no-img { width: 100%; height: 118px; display: flex; align-items: center;
    justify-content: center; font-size: 34px; background: rgba(128,128,128,.12); }
.wish-card .wish-name { font-size: 13px; font-weight: 700; padding: 7px 8px 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wish-card .wish-price { font-size: 12px; padding: 0 8px 8px; opacity: .75; }
.wish-back { width: 44px; height: 44px; margin: -8px 4px -8px -12px; border: 0; background: none; color: inherit;
             display: inline-flex; align-items: center; justify-content: center; font-size: 22px; }
.wish-confirm-img { width: 120px; height: 120px; object-fit: cover; border-radius: var(--ds-radius); }
.wish-foot { display: block; }
.wish-confirm-btn { min-height: 48px; font-weight: 800; }
@media (max-width: 400px) { .wish-grid { grid-template-columns: repeat(2, 1fr); } }
        

/* elements/profile/widgets/wishes.blade.php */
        .pw-img { width: 44px; height: 44px; border-radius: var(--ds-radius-sm); object-fit: cover; background: rgba(128,128,128,.12); }
        .pw-img-empty { display: flex; align-items: center; justify-content: center; font-size: 20px; }
        .pw-row + .pw-row { border-top: 1px solid rgba(0,0,0,.06); }
    

/* elements/settings/settings-appearance.blade.php */
    .ap-swatches { display: flex; flex-wrap: wrap; gap: 12px; }
    .ap-swatch { position: relative; cursor: pointer; }
    .ap-swatch input { position: absolute; opacity: 0; pointer-events: none; }
    .ap-chip { display: block; width: 76px; height: 56px; border-radius: var(--ds-radius-sm);
               border: 3px solid transparent; box-shadow: 0 0 0 1px rgba(128,128,128,.3); }
    .ap-swatch input:checked + .ap-chip { border-color: var(--ds-accent); }
    .ap-chip-none { background: repeating-linear-gradient(45deg, rgba(128,128,128,.15) 0 8px, transparent 8px 16px); }
    .ap-label { display: block; text-align: center; font-size: 12px; margin-top: 4px; opacity: .7; }

/* elements/settings/settings-wallet-deposit.blade.php */
        .deposit-bundle { border: 2px solid rgba(0,0,0,.12); border-radius: var(--ds-radius-sm); padding: 8px 16px; transition: all .15s; }
        .deposit-bundle:hover, .deposit-bundle.selected { border-color: var(--ds-accent); background: var(--ds-accent-soft); }
    

/* elements/settings/settings-wish-list.blade.php */
    .mw-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; }
    .mw-row + .mw-row { border-top: 1px solid rgba(0,0,0,.06); }
    .mw-img { width: 56px; height: 56px; border-radius: var(--ds-radius-sm); object-fit: cover; background: rgba(128,128,128,.12);
        display: flex; align-items: center; justify-content: center; font-size: 22px; }

/* elements/feed/fixed-height-feed-posts.blade.php */
    {!! str_replace('$height', $height, file_get_contents(public_path('/css/posts/height-locked-posts.css'))) !!}

/* elements/profile/profile-header.blade.php */
        /* A pill carrying a word rather than an icon. .p-pill is a 40px circle
           at 1.2rem, which "💕 LV5" does not fit into: it wrapped onto two
           lines and spilled out of the circle it was drawn in. */
        .p-pill-badge {
            /* !important because generic.scss pins .p-pill to 40px with one
               inside a media query, and a circle is exactly what this is not. */
            width: auto !important;
            min-width: 40px;
            padding: 0 12px;
            gap: 4px;
            border-radius: 999px;
            font-size: .85rem;
            white-space: nowrap;
        }
    

/* elements/settings/settings-wallet.blade.php
 *
 * The balance used to be a bootstrap alert - a warning box, in a blue that
 * belonged to no theme, holding the one number on the page anybody came for.
 */
.wallet-hero {
    position: relative;
    overflow: hidden;
    padding: 22px 24px 24px;
    border-radius: var(--ds-radius);
    color: #fff;
    background:
        radial-gradient(120% 120% at 12% 0%,
            color-mix(in srgb, var(--template-gradient-from, var(--ds-accent)) 85%, transparent), transparent 70%),
        linear-gradient(135deg,
            var(--template-gradient-from, var(--ds-accent)),
            var(--template-gradient-to, var(--ds-accent)));
}

.wallet-hero-label {
    display: block;
    font-size: .8rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .75;
}

.wallet-hero-amount {
    margin-top: 2px;
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
}

.wallet-hero-note {
    max-width: 46ch;
    margin: 6px 0 0;
    font-size: .875rem;
    opacity: .8;
}

/* On the accent, an accent button is invisible: this one is the card's own
   ground turned inside out. */
.wallet-hero-action,
.wallet-hero-action:hover,
.wallet-hero-action:focus {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 26px;
    border-radius: var(--ds-radius-pill);
    background: #fff;
    color: var(--ds-ink);
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .18);
}

.wallet-hero-action:hover {
    transform: translateY(-1px);
}

/* elements/settings/settings-wallet-withdrawal/withdrawal-input-container.blade.php */
.withdrawal-amount-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: var(--ds-ink-soft);
}

/* messenger: a message whose window closed */
.expired-message-box {
    display: inline-block;
    padding: 14px 18px;
    border-radius: var(--ds-radius);
    background: var(--ds-surface-2);
    border: 1px dashed var(--ds-border-strong);
    color: var(--ds-ink-soft);
}

.expired-message-title { font-size: .9rem; }

/* elements/profile/dating-album.blade.php
 *
 * On a dating profile the album is the profile, so it gets the room a post
 * feed would have had. A locked cell shows the blurred preview and its price;
 * the picture itself is not in the page until it has been paid for.
 */
.pa-album { padding: 18px 16px 6px; }

.pa-album-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 12px;
}

.pa-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.pa-cell {
    position: relative;
    display: block;
    padding: 0;
    border: none;
    background: var(--ds-surface-2);
    border-radius: var(--ds-radius-sm);
    overflow: hidden;
    aspect-ratio: 1;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}

.pa-cell:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(16, 24, 40, .16);
}

.pa-cell:focus-visible {
    transform: translateY(-2px);
    outline: 2px solid var(--ds-accent);
    outline-offset: 2px;
}

.pa-cell img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pa-play,
.pa-price,
.pa-shut {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

.pa-play { inset: 0; justify-content: center; font-size: 34px; }

/* A locked cell has to read as locked at a glance ------------------------
 *
 * The blurred preview alone reads as a bad photograph. A cell is a picture
 * somebody is being asked to pay for, so it says so twice: a scrim that
 * darkens whatever is behind it, and the lock in the middle of it.
 */
.pa-veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16, 24, 40, .18), rgba(16, 24, 40, .48));
}

.pa-locked img { filter: blur(6px); transform: scale(1.08); }

/* Not .pa-lock: that is already the badge on a walled Message button, and
   the two were fighting over one rule - the album's lock came out as a
   20px accent dot in the corner of every cell. */
.pa-shut {
    inset: 0;
    justify-content: center;
    font-size: 24px;
    opacity: .92;
}

/* Nothing to preview: a tinted face rather than a broken image. Videos
   rarely carry a blurred preview at all. */
.pa-blank {
    background: linear-gradient(135deg, var(--ds-surface-2), var(--ds-border));
}

/* Which kind of thing is behind the lock, out of the lock's way. */
.pa-kind {
    position: absolute;
    top: 7px;
    inset-inline-start: 8px;
    display: inline-flex;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

.pa-price {
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    padding: 4px 10px;
    border-radius: var(--ds-radius-pill);
    background: rgba(16, 24, 40, .62);
    backdrop-filter: blur(6px);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.pa-album-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ds-ink);
}

.pa-progress-pill.is-close {
    border-color: color-mix(in srgb, #f97316 40%, transparent);
    background: color-mix(in srgb, #f97316 10%, transparent);
    color: #c2410c;
}

body[data-theme="dark"] .pa-progress-pill.is-close { color: #fdba74; }

/* elements/feed/posts-wrapper.blade.php
 *
 * A rule between posts, and one after the last one too - so every feed
 * ended on an empty strip with a line across it. The paginator adds a
 * trailing rule of its own when it appends a page, so this is written
 * against whichever is last at the time rather than fixed in the markup:
 * append another page and the rule that was last becomes a separator
 * again, which is what it is.
 *
 * The line goes, not the space. An <hr> carries a margin either side, and
 * taking the element away took the room under the last post with it, which
 * left the feed ending hard against the footer.
 */
.posts-wrapper > hr:last-of-type { border-top-width: 0; }

.pa-head-dot { margin: 0 6px; }

/* Two rows, then this. Everything behind it is already in the page.
   Not .pa-more: that is the round "..." button on the actions row. */
.pa-showall {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-sm);
    background: transparent;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ds-ink-soft);
}

.pa-showall:hover { background: var(--ds-surface-2); color: var(--ds-ink); }

@media (max-width: 575.98px) {
    .pa-grid { grid-template-columns: repeat(3, 1fr); gap: 5px; }
}

/* The dating profile leads with the person -------------------------------
 *
 * "重点展示个人资料（需要突出个人资料的头像）" - and the portrait was the
 * same 120px circle the posts-first layout uses, where it is a byline rather
 * than the subject. Here it is the first thing on the page and sized like it.
 */
.is-dating-profile { --profile-avatar: 168px; --pfi-gutter: 20px; }

.is-dating-profile .profile-avatar-img {
    box-shadow: 0 10px 30px rgba(16, 24, 40, .22);
}

/* The cover is a backdrop, not a picture in its own right. Full height it
   competed with the face in front of it; a scrim gives the portrait an edge
   to sit against whatever the member uploaded. */
.is-dating-profile .profile-cover-bg { position: relative; max-height: 190px; overflow: hidden; }
.is-dating-profile .profile-cover-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16, 24, 40, 0) 40%, rgba(16, 24, 40, .28));
    pointer-events: none;
}

/* elements/profile/dating-identity.blade.php --------------------------------
 *
 * A name, one line of facts, one line of numbers, and what they wrote. It
 * replaces five blocks with five paddings, of which one - "September 08",
 * captioned with a balloon next to an age and a town - was the day the
 * account was created and read as a birthday.
 */
.pfi { padding: 14px var(--pfi-gutter) 0; }

.pfi-name {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: var(--ds-ink);
}

.pfi-name .pfi-live { display: inline-flex; align-items: center; flex: 0 0 auto; }

/* The facts read as one sentence, separated rather than boxed: a chip each
   would make a username look like a tag. */
.pfi-facts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 8px;
    margin: 6px 0 0;
    font-size: 14px;
    color: var(--ds-ink-soft);
}

.pfi-facts span + span::before {
    content: "·";
    margin-inline-end: 8px;
    color: var(--ds-ink-muted);
}

/* Whether they are here now changes by the minute, so it is a state with a
   light on it rather than another fact in the row above. */
.pfi-presence {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--ds-ink-soft);
}

.pfi-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ds-ink-soft);
}

:root { --pfi-online: #067647; }
body[data-theme="dark"] { --pfi-online: #47cd89; }

.pfi-presence.is-online { color: var(--pfi-online); }
.pfi-presence.is-online .pfi-dot { background: #17b26a; box-shadow: 0 0 0 3px rgba(23, 178, 106, .18); }

.pfi-counts {
    display: flex;
    gap: 16px;
    margin: 10px 0 0;
    font-size: 14px;
    color: var(--ds-ink-soft);
}

.pfi-counts b { color: var(--ds-ink); font-weight: 700; }

.pfi-body { padding: 0 var(--pfi-gutter); }

.pfi-bio {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--ds-ink-soft);
}

/* The template's answers and the things they like are the same kind of
   thing - a short fact you might have in common - so they are the same chip. */
.pfi-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.pfi-chip {
    padding: 4px 11px;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-pill);
    background: var(--ds-surface-2);
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--ds-ink-soft);
}

.pfi-chip.is-common {
    border-color: var(--ds-accent);
    background: var(--ds-accent-soft);
    color: var(--ds-accent);
    font-weight: 600;
}

.pfi-common {
    margin: 8px 0 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ds-accent);
}

.pfi-site {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 0;
    font-size: 14px;
}

/* The buttons are what the page is for, so they sit under the name rather
   than below the bio, the chips and the interests. */
.is-dating-profile .pfh {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "utility utility"
        "avatar details"
        "status status"
        "actions actions";
    align-items: end;
}

.is-dating-profile .pfh-details { align-self: center; }
.is-dating-profile .pfh-actions { justify-self: stretch; padding: 16px var(--pfi-gutter) 0; }
.is-dating-profile .pa { justify-content: flex-start; }
.is-dating-profile .pa { gap: 8px; }
.is-dating-profile .pfh-status { padding: 12px var(--pfi-gutter) 0; }

/* The album is the thing most people came for, so it is a section of its
   own between the person and everything else. */
.is-dating-profile .pa-album { padding-top: 22px; }

/* No cover to hang under, so the face starts the page rather than being
   pulled up over a photograph that is no longer there. */
.is-dating-profile .avatar-holder { margin-top: 0 !important; }
.is-dating-profile .pfh { padding-top: 20px; }

/* Everything that was behind "...", out on the page.
 *
 * A tip and a wish list are what this page is for, and they were three dots
 * and a second press away. Icon over label, wrapping, so ten of them read
 * as a strip of tools rather than a menu.
 */
/* The things to do about somebody, as equal tiles.
 *
 * A wrapping flex row left a ragged last line - four across, then three and
 * a hole. A grid gives every tile the same width and fills the row.
 */
.pa-tools {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 14px var(--pfi-gutter, 20px) 4px;
}

/* Inside the action row it is not a box of its own - its buttons belong to
   that row, beside the like and the message. */
.pa .pa-tools { display: contents; }

.pa-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--ds-border);
    border-radius: var(--ds-radius-pill);
    background: var(--ds-surface);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--ds-ink-soft);
    transition: transform .12s var(--ds-ease), background .12s var(--ds-ease), color .12s var(--ds-ease);
}

.pa-tool:hover { transform: translateY(-1px); color: var(--ds-ink); }
.pa-tool:active { transform: none; }
.pa-tool:focus-visible { outline: 2px solid var(--ds-accent); outline-offset: 2px; }
.pa-tool .ion-icon-wrapper { font-size: 18px; }

/* A long label on a narrow phone shortens rather than pushing the button
   off the edge - a grid item keeps its content's width until told not to. */
.pa-tool { min-width: 0; }

.pa-tool span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* On a dating profile every one of the six is its icon.
 *
 * The words were six different lengths, so six buttons that do the same
 * kind of thing were six different widths - and "Send a little something"
 * beside "Poke" made one of them look like the important one. The name is
 * on the button for a screen reader and in the tooltip for a cursor.
 * .pa-lock is the badge on a walled message button, not a label. */
.is-dating-profile .pa-btn > span:not(.pa-lock),
.is-dating-profile .pa .pa-tool > span { display: none; }

.is-dating-profile .pa-btn,
.is-dating-profile .pa .pa-tool {
    flex: 1 1 0;
    min-width: 0;
    padding: 0;
}

.is-dating-profile .pa-btn .ion-icon-wrapper,
.is-dating-profile .pa .pa-tool .ion-icon-wrapper { font-size: 20px; }

/* Six equal tiles, so the message is not a filled button among outlines.
   Its icon is ink - the accent is the heart's pink beside it. The lock
   badge still says when it is walled. */
.is-dating-profile .pa-btn.pa-message:not(.is-closed) {
    background: var(--ds-surface);
    border-color: var(--ds-border);
    color: var(--ds-ink);
}
.is-dating-profile .pa-btn.pa-message:not(.is-closed) .ion-icon-wrapper { color: var(--ds-ink); }

.pa-tool.is-kept,
.pa-tool.is-poked { border-color: var(--ds-accent); color: var(--ds-accent); }

/* Housekeeping - keeping somebody, the link, the code, the report - in the
   card's top corner as icons. They are not what the page is for, and a
   labelled tile each said they were. */
/* The strip across the top of the card: the standing in the middle, where
   it reads as a headline about the two of you, and the housekeeping at the
   end. Centred on the card rather than on what is left over, so the pill
   does not drift when an icon appears or goes. */
.pfh-top {
    grid-area: utility;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 40px;
    margin-bottom: 6px;
    padding: 0 var(--pfi-gutter, 20px);
}

.pfh-utility { margin-inline-start: auto; }

.pa-utility {
    display: flex;
    gap: 6px;
}

.pa-tool.is-utility {
    width: 40px;
    min-height: 40px;
    padding: 0;
    color: var(--ds-ink-muted);
}

.pa-tool.is-utility span { display: none; }
.pa-tool.is-utility .ion-icon-wrapper { font-size: 17px; }

@media (max-width: 575.98px) {
    .pa-tools { grid-template-columns: repeat(3, 1fr); gap: 6px; }
    .pa-tool { padding: 0 8px; font-size: .72rem; }
    .pa-tool .ion-icon-wrapper { font-size: 16px; }
    .is-dating-profile .pa { gap: 6px; }
}

/* On a phone the face is the top of the page, so it sits in the middle of
   it with the name under - a portrait, rather than a picture with a caption
   pushed against the left edge. The bio stays where it starts: centred
   prose is harder to read, whatever it looks like. */
@media (max-width: 767.98px) {
    .is-dating-profile .pfh-avatar {
        padding-left: 0;
        justify-self: center;
    }

    .is-dating-profile .pfh-avatar .avatar-holder { justify-content: center; }
    .is-dating-profile .pfi { text-align: center; }
    .is-dating-profile .pfi-name { justify-content: center; }
    .is-dating-profile .pfi-facts,
    .is-dating-profile .pfi-presence,
    .is-dating-profile .pfi-counts { justify-content: center; }
    .is-dating-profile .pfh-status { justify-content: center; }
}

@media (max-width: 767.98px) {
    /* The face over the name reads as a portrait; beside it on a phone it
       reads as an avatar in a list. */
    .is-dating-profile .pfh {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "utility"
            "avatar"
            "details"
            "status"
            "actions";
    }
    .is-dating-profile .pfh-avatar { padding-left: var(--pfi-gutter); }
}

@media (max-width: 575.98px) {
    .is-dating-profile { --profile-avatar: 132px; --pfi-gutter: 16px; }
    .pfi-name { font-size: 1.4rem; }
}

/* The cookie bar's "manage" is a link in its line, not a third button. */
.cc__link {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

/* elements/notifications/notification-toasts.blade.php - the cheer
 *
 * A super like and a match are not a card in the corner: the page warms
 * for a moment around the face it is about, which stays blurred until
 * they may see it. Tap anywhere to put it away; it goes by itself after
 * a few seconds. Still for anybody who asked for less motion.
 */
.nf-cheer {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(12, 6, 14, .55);
    backdrop-filter: blur(2px);
    animation: nfCheerIn .26s ease;
    cursor: pointer;
}
.nf-cheer.is-going { animation: nfCheerOut .26s ease forwards; }
.nf-cheer-glow {
    position: absolute;
    width: min(150vw, 900px);
    height: min(150vw, 900px);
    border-radius: 50%;
    background: radial-gradient(circle, var(--ds-accent) 0%, transparent 62%);
    opacity: .35;
    animation: nfCheerPulse 1.6s ease-out;
}
.nf-cheer-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: min(320px, calc(100vw - 48px));
    padding: 26px 22px 22px;
    border-radius: var(--ds-radius-lg);
    background: var(--ds-surface);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
    text-align: center;
}
.nf-cheer-card img {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--ds-surface-2);
    box-shadow: 0 0 0 3px var(--ds-surface), 0 0 0 6px var(--ds-accent);
}
.nf-cheer.is-blind .nf-cheer-card img { filter: saturate(.6); }
.nf-cheer-title { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ds-accent); }
.nf-cheer-text { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--ds-ink); }
.nf-cheer-cta { margin-top: 6px; min-width: 180px; }

@keyframes nfCheerIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes nfCheerOut { to { opacity: 0; } }
@keyframes nfCheerPulse {
    0% { transform: scale(.4); opacity: .1; }
    55% { opacity: .38; }
    100% { transform: scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .nf-cheer, .nf-cheer.is-going, .nf-cheer-glow { animation: none; }
    .nf-cheer-glow { opacity: .2; }
}

/*
 * The paywall. Markup: resources/views/components/paywall-sheet.blade.php;
 * behaviour: public/js/modules/paywall.js.
 */
/* The paywall: what the wall says, and the sheet it is on a phone. */
.pg-grip { display: none; justify-content: center; padding: 10px 0 0; }
.pg-grip span { width: 40px; height: 4px; border-radius: 2px; background: rgba(127,127,127,.35); }
.pg-lead { padding: 4px 0 14px; }
.pg-lead-body { margin: 0; font-size: 15px; line-height: 1.5; }
.pg-lead-vip { margin: 8px 0 0; font-size: 13px; color: var(--ds-accent); font-weight: 600; }
.pg-lead-inbox { margin: 6px 0 0; font-size: 13.5px; opacity: .75; }

/* One thing picked at a time, and the button that buys it. */
.pg-option { border: 2px solid rgba(127,127,127,.22); border-radius: var(--ds-radius-sm); padding: 14px 16px;
             display: flex; flex-direction: column; gap: 4px; cursor: default; }
.pg-option b { font-size: 15px; }
.pg-option span { font-size: 12.5px; opacity: .6; }
.pg-option.is-selected, .pg-amount.is-selected, .pg-tier.is-selected {
    border-color: var(--ds-accent); box-shadow: 0 0 0 3px var(--ds-accent-soft);
}
.pg-tier { cursor: pointer; }
.pg-tier:focus-visible { outline: 2px solid var(--ds-accent); outline-offset: 2px; }
.pg-foot { display: block; padding: 12px 22px calc(12px + env(safe-area-inset-bottom, 0)); border-top: 1px solid rgba(127,127,127,.18); }
.pg-foot-note { font-size: 12.5px; opacity: .6; text-align: center; margin-bottom: 8px; }
.pg-confirm { min-height: 48px; font-weight: 800; font-size: 15px; margin: 0; }
.pg-confirm:disabled { opacity: .45; }
.pg-pay { min-height: 48px; font-weight: 800; font-size: 15px; }

/*
 * On a phone the dialog is a sheet: pinned to the bottom edge, full
 * width, rising into place, with the grip a thumb expects. The same
 * markup - only where it sits changes.
 */
@media (max-width: 767.98px) {
    #paywall .modal-dialog {
        position: fixed; left: 0; right: 0; bottom: 0; top: auto;
        margin: 0; width: 100%; max-width: none; min-height: 0;
        align-items: flex-end; justify-content: flex-end; transform: none;
    }
    #paywall.fade .modal-dialog { transition: transform .22s cubic-bezier(.4,0,.2,1); transform: translateY(100%); }
    #paywall.show .modal-dialog { transform: none; }
    #paywall .modal-content {
        border-radius: var(--ds-radius-lg) var(--ds-radius-lg) 0 0;
        max-height: calc(var(--app-vh, 100dvh) - 56px);
    }
    #paywall .pg-grip { display: flex; }
    #paywall .pg-header { padding-top: 10px; }
    #paywall .pg-close { width: 44px; height: 44px; margin: -8px -10px -8px 0; }
}

/* The wall's doors and amounts. */
/* Translucent greys throughout: this dialog opens over a light or a
   dark theme and must not carry a background of its own into either. */
.pg-dialog { max-width: 540px; }
.pg-content { border: 0; border-radius: var(--ds-radius-lg); overflow: hidden; }

.pg-header { align-items: flex-start; padding: 20px 22px 16px; border-bottom: 1px solid rgba(127,127,127,.18); }
.pg-head-text { min-width: 0; }
/* The action first - "Write to Mia" - then the numbers under it. The
   shortfall used to be the headline, and the thing being paid for a label. */
.pg-head-title { font-size: 17px; font-weight: 800; line-height: 1.25; }
.pg-head-gap { display: flex; align-items: baseline; gap: 7px; margin-top: 4px; }
.pg-head-gap .pg-missing { font-size: 20px; font-weight: 800; line-height: 1.15; color: var(--ds-accent); }
.pg-head-word { font-size: 14px; opacity: .6; }
.pg-head-sums { font-size: 13px; opacity: .6; margin-top: 3px; }
.pg-dot { opacity: .45; margin: 0 4px; }
.pg-close { padding: 4px 6px; margin: -4px -6px 0 0; opacity: .5; }

.pg-body-wrap { padding: 18px 22px 22px; }
.pg-loading { text-align: center; padding: 34px 0; opacity: .5; }

/* Tabs, so only one way out is on screen at a time. */
.pg-tabs { display: flex; gap: 6px; margin-bottom: 16px; }
.pg-tab { flex: 1 1 0; border: 1px solid rgba(127,127,127,.28); border-radius: var(--ds-radius-sm);
          background: none; color: inherit; font: inherit; font-weight: 600;
          padding: 9px 10px; cursor: pointer; line-height: 1.25;
          transition: border-color .15s, background .15s; }
.pg-tab:hover { border-color: var(--ds-accent); }
.pg-tab.is-on { border-color: var(--ds-accent); background: var(--ds-accent-soft); }
.pg-tab-hint { display: block; font-size: 11px; font-weight: 600; opacity: .55; margin-top: 1px; }

/* Top-up amounts. A grid rather than a wrapping row, so five buttons
   make two tidy lines instead of four and a stray. */
.pg-amounts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.pg-amount { position: relative; border: 2px solid rgba(127,127,127,.22); border-radius: var(--ds-radius-sm);
             padding: 12px 8px; cursor: pointer; text-align: center;
             background: none; color: inherit; font: inherit;
             transition: border-color .15s, background .15s, transform .12s; }
.pg-amount:hover { border-color: var(--ds-accent); background: var(--ds-accent-soft); transform: translateY(-1px); }
.pg-amount b { display: block; font-size: 17px; font-weight: 800; }
.pg-amount small { display: block; font-size: 12px; opacity: .55; margin-top: 1px; }
.pg-amount.is-enough { border-color: var(--ds-accent); background: var(--ds-accent-soft); }
.pg-pick { position: absolute; top: -9px; left: 50%; transform: translateX(-50%);
           background: var(--ds-accent); color: #fff; font-size: 10px; font-weight: 700;
           padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.pg-bonus { position: absolute; top: 6px; right: 7px; font-size: 10px; font-weight: 800; color: var(--ds-accent); }
.pg-first-bonus { background: var(--ds-accent-soft); border: 1px solid var(--ds-accent);
                  border-radius: var(--ds-radius-sm); padding: 9px 13px; margin-bottom: 12px;
                  font-size: 13px; text-align: center; }
.pg-first-bonus b { color: var(--ds-accent); font-size: 15px; }
.pg-first-cap { opacity: .6; }
.pg-rate { font-size: 12px; opacity: .5; text-align: center; margin-top: 14px; }

/* Membership tiers, one compact row each. The full benefit list is a
   page, not a dialog - two lines and a count is what a decision made
   mid-purchase needs. */
.pg-tier { display: flex; align-items: center; gap: 14px;
           border: 1px solid rgba(127,127,127,.22); border-radius: 13px;
           padding: 13px 15px; margin-bottom: 9px; }
.pg-tier.is-current { border-color: rgba(240,185,11,.65); background: rgba(240,185,11,.07); }
.pg-tier-main { flex: 1 1 auto; min-width: 0; }
.pg-tier-name { font-weight: 700; font-size: 15px; display: flex; align-items: center;
                gap: 7px; flex-wrap: wrap; }
.pg-tier-tag { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; color: #fff; }
.pg-tier-now { background: rgba(240,185,11,.85); color: #3d3100; }
.pg-tier-perks { font-size: 12.5px; opacity: .62; margin-top: 3px; line-height: 1.45; }
.pg-tier-more { opacity: .8; }
.pg-tier-buy { flex: 0 0 auto; text-align: center; }
.pg-tier-price { font-size: 17px; font-weight: 800; line-height: 1.1; }
.pg-tier-days { font-size: 11px; opacity: .5; }
.pg-tier-btn { margin-top: 6px; border: none; border-radius: 999px; padding: 6px 18px;
               font-size: 13px; font-weight: 700; color: #3d3100; cursor: pointer;
               background: linear-gradient(135deg, #d9b45c, #c8a24a); }
.pg-tier-btn:hover { filter: brightness(1.05); }
.pg-all { display: block; text-align: center; font-size: 12.5px; margin-top: 12px; opacity: .7; }

@media (max-width: 400px) {
    .pg-amounts { grid-template-columns: repeat(2, 1fr); }
    .pg-tier { flex-wrap: wrap; }
    .pg-tier-buy { flex: 1 1 100%; text-align: start; display: flex;
                   align-items: baseline; gap: 8px; }
    .pg-tier-btn { margin-top: 0; margin-inline-start: auto; }
}