/* Generated by scripts/build-core-styles.mjs: shared mirror fixes, Bootstrap layout, LikeSoon V2 tokens, site styles, and foundation contracts. Do not edit this output directly. */

/* Static mirror runtime fixes scoped to captured LikeSoon sections. */
.mtp-sliders,
.mtp-sliders .swiper-wrapper,
.mtp-sliders .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.mtp-sliders .mtp-story.slider {
  overflow: hidden !important;
}

.mtp-case,
.mtp-case .case-box-container,
.mtp-case .timeline-swiper,
.mtp-case .swiper-wrapper,
.mtp-case .swiper-slide,
.mtp-case .case-box .text {
  height: auto !important;
  min-height: 0 !important;
}

.mtp-case .case-box-container,
.mtp-case .timeline-swiper {
  overflow: hidden !important;
}

.best-swiper,
.best-swiper .swiper-wrapper,
.best-swiper .swiper-slide,
.best-swiper .item,
.package-swiper .item {
  height: auto !important;
  min-height: 0 !important;
}

.bf-16 #ratesSlide,
.bf-16 #ratesSlide .slick-list,
.bf-16 #ratesSlide .slick-track,
.bf-16 #ratesSlide .slick-slide {
  height: auto !important;
  min-height: 0 !important;
}

.swiper-ugc .swiper-wrapper,
.swiper-ugc .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.story-sliders.slider,
.story-sliders.slider .swiper-wrapper,
.story-sliders.slider .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.inpageContent img.inpage-img[src="/images/static-placeholder.svg"] {
  width: auto !important;
  max-width: 100% !important;
  height: 1.35em !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

footer .footer-flex .footer-center {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: flex-start !important;
  gap: clamp(36px, 3vw, 64px) !important;
  width: 100% !important;
}

footer .footer-flex .footer-center > .footer-links {
  width: auto !important;
  min-width: 0 !important;
}

footer .footer-flex .footer-center > .footer-links:nth-child(1) {
  order: 1;
}

footer .footer-flex .footer-center > .footer-links:nth-child(5) {
  order: 2;
}

footer .footer-flex .footer-center > .footer-links:nth-child(2) {
  order: 3;
}

footer .footer-flex .footer-center > .footer-links:nth-child(3) {
  order: 4;
}

footer .footer-flex .footer-center > .footer-links:nth-child(4) {
  order: 5;
}

footer .footer-list-item {
  width: max-content !important;
  max-width: 100% !important;
}

footer .footer-list-item span {
  white-space: nowrap !important;
}

@media (max-width: 1199.98px) {
  footer .footer-flex {
    flex-direction: column !important;
    gap: 42px !important;
  }

  footer .footer-flex .footer-left {
    width: 100% !important;
    max-width: 720px !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
  }

  footer .footer-flex .footer-center {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 36px 42px !important;
  }
}

@media (max-width: 767.98px) {
  footer .footer-flex .footer-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 28px !important;
  }
}

@media (max-width: 479.98px) {
  /* Preserve the two-column footer menu down to the narrowest supported phone width. */
  footer .footer-flex .footer-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#intercom-container,
.intercom-namespace,
.intercom-app,
[class*="intercom-with-namespace"],
iframe[class*="intercom"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Keep legacy team portraits centered after responsive max-width scaling. */
.team-card .hover-switch > img {
  left: 50%;
  transform: translateX(-50%);
}

/* Reserve the final 1066:580 video-thumbnail ratio before lazyload swaps the square placeholder. */
[data-page-template="buy-service"] [data-structured-section-slot="buy-service-hero"] .mtp-top-header .thumb img {
  height: 70px;
  object-fit: cover;
}

html :where(a, button, input, select, textarea, [tabindex]):focus-visible:focus {
  outline: 3px solid var(--color-logo-purple-600) !important;
  outline-offset: 3px;
}

/* Twitter (X) character counter: remove the retired ad rail so the active
 * writing surface spans the same inner width as the page's guide sections. */
main[data-calculator-route="/twitter-character-counter/"] .parent {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(260px, 0.85fr) repeat(2, minmax(0, 1fr)) !important;
}

main[data-calculator-route="/twitter-character-counter/"] .sidebar {
  display: none !important;
}

@media (max-width: 1100px) {
  main[data-calculator-route="/twitter-character-counter/"] .parent {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Calculator select: keep the shared control as one visual field. The
 * captured inline rule styles both the wrapper and the native select, which
 * otherwise renders a second inset dropdown button. The wrapper remains a
 * transparent positioning shell; the select owns the only visible field. */
#inst_calc_v2 .icv2_inputArea > div.folObj {
  background: var(--color-surface-transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#inst_calc_v2 .icv2_inputArea > div.folObj select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--color-surface-translucent-20) !important;
  border: 1px solid var(--color-surface-transparent) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  color: var(--color-text-inverse) !important;
  height: 45px !important;
  max-width: none !important;
  padding: 11px 12px !important;
  width: 100% !important;
}
#inst_calc_v2 .icv2_inputArea > div.folObj.cntrlArea::before {
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  right: 14px !important;
}
#inst_calc_v2 .icv2_inputArea > div.folObj select {
  position: relative !important;
  z-index: 1 !important;
  padding-right: 32px !important;
}

/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--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:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;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{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}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:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):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{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}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:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{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:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.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:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}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{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.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:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.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{border:1px solid #dee2e6}.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:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.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:#454d55}.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:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.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.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;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:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-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:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;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.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;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:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;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(40,167,69,.9);border-radius:.25rem}.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:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.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:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.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(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;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(220,53,69,.9);border-radius:.25rem}.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:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.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:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.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(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.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:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.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 rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.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(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.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(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.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(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.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(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.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(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.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(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.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(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;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:#007bff;border-color:#007bff}.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 rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;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:#6c757d;border-color:#6c757d}.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(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;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:#28a745;border-color:#28a745}.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(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;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:#17a2b8;border-color:#17a2b8}.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,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;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:#212529;background-color:#ffc107;border-color:#ffc107}.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(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;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:#dc3545;border-color:#dc3545}.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(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;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:#f8f9fa;border-color:#f8f9fa}.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(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;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:#343a40;border-color:#343a40}.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(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.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%}.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}}.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:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.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:.125rem}.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:.125rem}.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:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{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 #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.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 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;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:.5625rem;padding-left:.5625rem}.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:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;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 input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;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(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.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:-ms-flexbox;display:flex;-ms-flex-align:center;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-append,.input-group-prepend{display:-ms-flexbox;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;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(1.5em + 1rem + 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:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .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 .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.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-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.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;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;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:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.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{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 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:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 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:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.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,%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:rgba(0,123,255,.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:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .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;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.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.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.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{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;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 rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;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;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.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:#007bff;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;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.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:#007bff;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;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.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{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{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{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.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:no-repeat center center;background-size:100% 100%}@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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;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{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;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{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;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{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;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{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.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 .navbar-nav{-ms-flex-direction:row;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{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' 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{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.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:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border: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-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.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-header+.list-group .list-group-item:first-child{border-top: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-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;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:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;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:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;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{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item{display:-ms-flexbox;display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;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:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.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:#007bff;border-color:#007bff}.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.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .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){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.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:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:#212529;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:#007bff;border-color:#007bff}.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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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{-ms-flex-direction:row;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:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;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{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;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{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;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:-ms-flexbox;display:flex;-ms-flex-direction:column;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:.3rem;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:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 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:-webkit-min-content;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:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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;word-spacing:normal;white-space: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{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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;word-spacing:normal;white-space: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:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.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:.3rem 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 .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 .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 #f7f7f7}.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:.3rem 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:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;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%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-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){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;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:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 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,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;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}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.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:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!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:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!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:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;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.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;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;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-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:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;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 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!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:rgba(0,0,0,0)}.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:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.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-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!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;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{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}}
 @-webkit-keyframes tossing{
    0%{
        -webkit-transform:rotate(-4deg)
    }
    50%{
        -webkit-transform:rotate(4deg)
    }
    100%{
        -webkit-transform:rotate(-4deg)
    }
}
@-moz-keyframes tossing{
    0%{
        -moz-transform:rotate(-4deg)
    }
    50%{
        -moz-transform:rotate(4deg)
    }
    100%{
        -moz-transform:rotate(-4deg)
    }
}
@-o-keyframes tossing{
    0%{
        -o-transform:rotate(-4deg)
    }
    50%{
        -o-transform:rotate(4deg)
    }
    100%{
        -o-transform:rotate(-4deg)
    }
}
@keyframes tossing{
    0%{
        transform:rotate(-4deg)
    }
    50%{
        transform:rotate(4deg)
    }
    100%{
        transform:rotate(-4deg)
    }
}
@-webkit-keyframes j{
    0%{
        -webkit-top:0;
        -webkit-transform:rotate(0deg)
    }
    45%{
        -webkit-top:6px;
        -webkit-transform:rotate(145deg)
    }
    75%{
        -webkit-transform:rotate(130deg)
    }
    to{
        -webkit-transform:rotate(135deg)
    }
}
@-moz-keyframes j{
    0%{
        -moz-top:0;
        -moz-transform:rotate(0deg)
    }
    45%{
        -moz-top:6px;
        -moz-transform:rotate(145deg)
    }
    75%{
        -moz-transform:rotate(130deg)
    }
    to{
        -moz-transform:rotate(135deg)
    }
}
@-o-keyframes j{
    0%{
        -o-top:0;
        -o-transform:rotate(0deg)
    }
    45%{
        -o-top:6px;
        -o-transform:rotate(145deg)
    }
    75%{
        -o-transform:rotate(130deg)
    }
    to{
        -o-transform:rotate(135deg)
    }
}
@keyframes j{
    0%{
        top:0;
        transform:rotate(0deg)
    }
    45%{
        top:6px;
        transform:rotate(145deg)
    }
    75%{
        transform:rotate(130deg)
    }
    to{
        transform:rotate(135deg)
    }
}
@-webkit-keyframes k{
    0%{
        -webkit-top:6px;
        -webkit-transform:rotate(135deg)
    }
    45%{
        -webkit-transform:rotate(-10deg)
    }
    75%{
        -webkit-transform:rotate(5deg)
    }
    to{
        -webkit-top:0;
        -webkit-transform:rotate(0)
    }
}
@-moz-keyframes k{
    0%{
        -moz-top:6px;
        -moz-transform:rotate(135deg)
    }
    45%{
        -moz-transform:rotate(-10deg)
    }
    75%{
        -moz-transform:rotate(5deg)
    }
    to{
        -moz-top:0;
        -moz-transform:rotate(0)
    }
}
@-o-keyframes k{
    0%{
        -o-top:6px;
        -o-transform:rotate(135deg)
    }
    45%{
        -o-transform:rotate(-10deg)
    }
    75%{
        -o-transform:rotate(5deg)
    }
    to{
        -o-top:0;
        -o-transform:rotate(0)
    }
}
@keyframes k{
    0%{
        top:6px;
        transform:rotate(135deg)
    }
    45%{
        transform:rotate(-10deg)
    }
    75%{
        transform:rotate(5deg)
    }
    to{
        top:0;
        transform:rotate(0)
    }
}
@-webkit-keyframes l{
    0%{
        -webkit-bottom:0;
        -webkit-transform:rotate(0deg)
    }
    45%{
        -webkit-bottom:8px;
        -webkit-transform:rotate(-145deg)
    }
    75%{
        -webkit-transform:rotate(-130deg)
    }
    to{
        -webkit-transform:rotate(-135deg)
    }
}
@-moz-keyframes l{
    0%{
        -moz-bottom:0;
        -moz-transform:rotate(0deg)
    }
    45%{
        -moz-bottom:8px;
        -moz-transform:rotate(-145deg)
    }
    75%{
        -moz-transform:rotate(-130deg)
    }
    to{
        -moz-transform:rotate(-135deg)
    }
}
@-o-keyframes l{
    0%{
        -o-bottom:0;
        -o-transform:rotate(0deg)
    }
    45%{
        -o-bottom:8px;
        -o-transform:rotate(-145deg)
    }
    75%{
        -o-transform:rotate(-130deg)
    }
    to{
        -o-transform:rotate(-135deg)
    }
}
@keyframes l{
    0%{
        bottom:0;
        transform:rotate(0deg)
    }
    45%{
        bottom:8px;
        transform:rotate(-145deg)
    }
    75%{
        transform:rotate(-130deg)
    }
    to{
        transform:rotate(-135deg)
    }
}
@-webkit-keyframes m{
    0%{
        -webkit-bottom:6px;
        -webkit-transform:rotate(-135deg)
    }
    45%{
        -webkit-transform:rotate(10deg)
    }
    75%{
        -webkit-transform:rotate(-5deg)
    }
    to{
        -webkit-bottom:0;
        -webkit-transform:rotate(0)
    }
}
@-moz-keyframes m{
    0%{
        -moz-bottom:6px;
        -moz-transform:rotate(-135deg)
    }
    45%{
        -moz-transform:rotate(10deg)
    }
    75%{
        -moz-transform:rotate(-5deg)
    }
    to{
        -moz-bottom:0;
        -moz-transform:rotate(0)
    }
}
@-o-keyframes m{
    0%{
        -o-bottom:6px;
        -o-transform:rotate(-135deg)
    }
    45%{
        -o-transform:rotate(10deg)
    }
    75%{
        -o-transform:rotate(-5deg)
    }
    to{
        -o-bottom:0;
        -o-transform:rotate(0)
    }
}
@keyframes m{
    0%{
        bottom:6px;
        transform:rotate(-135deg)
    }
    45%{
        transform:rotate(10deg)
    }
    75%{
        transform:rotate(-5deg)
    }
    to{
        bottom:0;
        transform:rotate(0)
    }
}
@-webkit-keyframes wobble-bottom{
    16.65%{
        -webkit-transform:skew(-12deg)
    }
    33.3%{
        -webkit-transform:skew(10deg)
    }
    49.95%{
        -webkit-transform:skew(-6deg)
    }
    66.6%{
        -webkit-transform:skew(4deg)
    }
    83.25%{
        -webkit-transform:skew(-2deg)
    }
    100%{
        -webkit-transform:skew(0)
    }
}
@-moz-keyframes wobble-bottom{
    16.65%{
        -moz-transform:skew(-12deg)
    }
    33.3%{
        -moz-transform:skew(10deg)
    }
    49.95%{
        -moz-transform:skew(-6deg)
    }
    66.6%{
        -moz-transform:skew(4deg)
    }
    83.25%{
        -moz-transform:skew(-2deg)
    }
    100%{
        -moz-transform:skew(0)
    }
}
@-o-keyframes wobble-bottom{
    16.65%{
        -o-transform:skew(-12deg)
    }
    33.3%{
        -o-transform:skew(10deg)
    }
    49.95%{
        -o-transform:skew(-6deg)
    }
    66.6%{
        -o-transform:skew(4deg)
    }
    83.25%{
        -o-transform:skew(-2deg)
    }
    100%{
        -o-transform:skew(0)
    }
}
@keyframes wobble-bottom{
    16.65%{
        transform:skew(-12deg)
    }
    33.3%{
        transform:skew(10deg)
    }
    49.95%{
        transform:skew(-6deg)
    }
    66.6%{
        transform:skew(4deg)
    }
    83.25%{
        transform:skew(-2deg)
    }
    100%{
        transform:skew(0)
    }
}
@-webkit-keyframes fadeRTL{
    0%{
        -webkit-transform:translateY(0);
        -webkit-opacity:0
    }
    50%{
        -webkit-transform:translate(-10px,-20px);
        -webkit-opacity:1
    }
    100%{
        -webkit-transform:translate(-10px,-20px);
        -webkit-opacity:0
    }
}
@-moz-keyframes fadeRTL{
    0%{
        -moz-transform:translateY(0);
        -moz-opacity:0
    }
    50%{
        -moz-transform:translate(-10px,-20px);
        -moz-opacity:1
    }
    100%{
        -moz-transform:translate(-10px,-20px);
        -moz-opacity:0
    }
}
@-o-keyframes fadeRTL{
    0%{
        -o-transform:translateY(0);
        -o-opacity:0
    }
    50%{
        -o-transform:translate(-10px,-20px);
        -o-opacity:1
    }
    100%{
        -o-transform:translate(-10px,-20px);
        -o-opacity:0
    }
}
@keyframes fadeRTL{
    0%{
        transform:translateY(0);
        opacity:0
    }
    50%{
        transform:translate(-10px,-20px);
        opacity:1
    }
    100%{
        transform:translate(-10px,-20px);
        opacity:0
    }
}
@-webkit-keyframes fadeLTR{
    0%{
        -webkit-transform:translateY(0);
        -webkit-opacity:0
    }
    50%{
        -webkit-transform:translate(10px,-20px);
        -webkit-opacity:1
    }
    100%{
        -webkit-transform:translate(10px,-20px);
        -webkit-opacity:0
    }
}
@-moz-keyframes fadeLTR{
    0%{
        -moz-transform:translateY(0);
        -moz-opacity:0
    }
    50%{
        -moz-transform:translate(10px,-20px);
        -moz-opacity:1
    }
    100%{
        -moz-transform:translate(10px,-20px);
        -moz-opacity:0
    }
}
@-o-keyframes fadeLTR{
    0%{
        -o-transform:translateY(0);
        -o-opacity:0
    }
    50%{
        -o-transform:translate(10px,-20px);
        -o-opacity:1
    }
    100%{
        -o-transform:translate(10px,-20px);
        -o-opacity:0
    }
}
@keyframes fadeLTR{
    0%{
        transform:translateY(0);
        opacity:0
    }
    50%{
        transform:translate(10px,-20px);
        opacity:1
    }
    100%{
        transform:translate(10px,-20px);
        opacity:0
    }
}
@-webkit-keyframes fade-up{
    0%{
        -webkit-transform:translateY(0);
        -webkit-opacity:0
    }
    50%{
        -webkit-transform:translate(0,-20px);
        -webkit-opacity:1
    }
    100%{
        -webkit-transform:translate(0,-20px);
        -webkit-opacity:0
    }
}
@-moz-keyframes fade-up{
    0%{
        -moz-transform:translateY(0);
        -moz-opacity:0
    }
    50%{
        -moz-transform:translate(0,-20px);
        -moz-opacity:1
    }
    100%{
        -moz-transform:translate(0,-20px);
        -moz-opacity:0
    }
}
@-o-keyframes fade-up{
    0%{
        -o-transform:translateY(0);
        -o-opacity:0
    }
    50%{
        -o-transform:translate(0,-20px);
        -o--o-opacity:1
    }
    100%{
        -o-transform:translate(0,-20px);
        -o-opacity:0
    }
}
@keyframes fade-up{
    0%{
        transform:translateY(0);
        opacity:0
    }
    50%{
        transform:translate(0,-20px);
        opacity:1
    }
    100%{
        transform:translate(0,-20px);
        opacity:0
    }
}
@-webkit-keyframes fadeInDown{
    0%{
        -webkit-opacity:0;
        -webkit-transform:translate3d(0,-100%,0)
    }
    100%{
        -webkit-opacity:1;
        -webkit-transform:none
    }
}
@-moz-keyframes fadeInDown{
    0%{
        -moz-opacity:0;
        -moz-transform:translate3d(0,-100%,0)
    }
    100%{
        -moz-opacity:1;
        -moz-transform:none
    }
}
@-o-keyframes fadeInDown{
    0%{
        -o-opacity:0;
        -o-transform:translate3d(0,-100%,0)
    }
    100%{
        -o-opacity:1;
        -o-transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    100%{
        opacity:1;
        transform:none
    }
}
@-webkit-keyframes shake{
    0%{
        -webkit-transform:translate(0,0)
    }
    10%{
        -webkit-transform:translate(-10px,0)
    }
    20%{
        -webkit-transform:translate(10px,0)
    }
    30%{
        -webkit-transform:translate(-10px,0)
    }
    40%{
        -webkit-transform:translate(10px,0)
    }
    50%{
        -webkit-transform:translate(-10px,0)
    }
    60%{
        -webkit-transform:translate(10px,0)
    }
    70%{
        -webkit-transform:translate(-10px,0)
    }
    80%{
        -webkit-transform:translate(10px,0)
    }
    90%{
        -webkit-transform:translate(-10px,0)
    }
    100%{
        -webkit-transform:translate(0,0)
    }
}
@-moz-keyframes shake{
    0%{
        -moz-transform:translate(0,0)
    }
    10%{
        -moz-transform:translate(-10px,0)
    }
    20%{
        -moz-transform:translate(10px,0)
    }
    30%{
        -moz-transform:translate(-10px,0)
    }
    40%{
        -moz-transform:translate(10px,0)
    }
    50%{
        -moz-transform:translate(-10px,0)
    }
    60%{
        -moz-transform:translate(10px,0)
    }
    70%{
        -moz-transform:translate(-10px,0)
    }
    80%{
        -moz-transform:translate(10px,0)
    }
    90%{
        -moz-transform:translate(-10px,0)
    }
    100%{
        -moz-transform:translate(0,0)
    }
}
@-o-keyframes shake{
    0%{
        -o-transform:translate(0,0)
    }
    10%{
        -o-transform:translate(-10px,0)
    }
    20%{
        -o-transform:translate(10px,0)
    }
    30%{
        -o-transform:translate(-10px,0)
    }
    40%{
        -o-transform:translate(10px,0)
    }
    50%{
        -o-transform:translate(-10px,0)
    }
    60%{
        -o-transform:translate(10px,0)
    }
    70%{
        -o-transform:translate(-10px,0)
    }
    80%{
        -o-transform:translate(10px,0)
    }
    90%{
        -o-transform:translate(-10px,0)
    }
    100%{
        -o-transform:translate(0,0)
    }
}
@keyframes shake{
    0%{
        transform:translate(0,0)
    }
    10%{
        transform:translate(-10px,0)
    }
    20%{
        transform:translate(10px,0)
    }
    30%{
        transform:translate(-10px,0)
    }
    40%{
        transform:translate(10px,0)
    }
    50%{
        transform:translate(-10px,0)
    }
    60%{
        transform:translate(10px,0)
    }
    70%{
        transform:translate(-10px,0)
    }
    80%{
        transform:translate(10px,0)
    }
    90%{
        transform:translate(-10px,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:rotate(0deg) scaleX(1) scaleY(1)
    }
    10%{
        -webkit-transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    20%{
        -webkit-transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    30%{
        -webkit-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    40%{
        -webkit-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    50%{
        -webkit-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    60%{
        -webkit-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    70%{
        -webkit-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    80%{
        -webkit-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    90%{
        -webkit-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    100%{
        -webkit-transform:rotate(0deg) scaleX(1.2) scaleY(1.2)
    }
}
@-moz-keyframes tada{
    0%{
        -moz-transform:rotate(0deg) scaleX(1) scaleY(1)
    }
    10%{
        -moz-transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    20%{
        -moz-transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    30%{
        -moz-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    40%{
        -moz-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    50%{
        -moz-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    60%{
        -moz-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    70%{
        -moz-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    80%{
        -moz-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    90%{
        -moz-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    100%{
        -moz-transform:rotate(0deg) scaleX(1.2) scaleY(1.2)
    }
}
@-o-keyframes tada{
    0%{
        -o-transform:rotate(0deg) scaleX(1) scaleY(1)
    }
    10%{
        -o-transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    20%{
        -o-transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    30%{
        -o-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    40%{
        -o-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    50%{
        -o-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    60%{
        -o-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    70%{
        -o-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    80%{
        -o-transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    90%{
        -o-transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    100%{
        -o-transform:rotate(0deg) scaleX(1.2) scaleY(1.2)
    }
}
@keyframes tada{
    0%{
        transform:rotate(0deg) scaleX(1) scaleY(1)
    }
    10%{
        transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    20%{
        transform:rotate(-3deg) scaleX(.8) scaleY(.8)
    }
    30%{
        transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    40%{
        transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    50%{
        transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    60%{
        transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    70%{
        transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    80%{
        transform:rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }
    90%{
        transform:rotate(3deg) scaleX(1.2) scaleY(1.2)
    }
    100%{
        transform:rotate(0deg) scaleX(1.2) scaleY(1.2)
    }
}
@-webkit-keyframes heartBeat{
    0%{
        -webkit-transform:scale(1)
    }
    25%{
        -webkit-transform:scale(1.1)
    }
    40%{
        -webkit-transform:scale(1)
    }
    60%{
        -webkit-transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes heartBeat{
    0%{
        -moz-transform:scale(1)
    }
    25%{
        -moz-transform:scale(1.1)
    }
    40%{
        -moz-transform:scale(1)
    }
    60%{
        -moz-transform:scale(1.1)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes heartBeat{
    0%{
        -o-transform:scale(1)
    }
    25%{
        -o-transform:scale(1.1)
    }
    40%{
        -o-transform:scale(1)
    }
    60%{
        -o-transform:scale(1.1)
    }
    100%{
        -o-transform:scale(1)
    }
}
@keyframes heartBeat{
    0%{
        transform:scale(1)
    }
    25%{
        transform:scale(1.1)
    }
    40%{
        transform:scale(1)
    }
    60%{
        transform:scale(1.1)
    }
    100%{
        transform:scale(1)
    }
}
@-webkit-keyframes fly{
    0%{
        -webkit-transform:translate(0,0)
    }
    25%{
        -webkit-transform:translate(10px,10px)
    }
    40%{
        -webkit-transform:translate(-10px,20px)
    }
    60%{
        -webkit-transform:translate(10px,30px)
    }
    100%{
        -webkit-transform:translate(-10px,40px)
    }
}
@-moz-keyframes fly{
    0%{
        -moz-transform:translate(0,0)
    }
    25%{
        -moz-transform:translate(10px,10px)
    }
    40%{
        -moz-transform:translate(-10px,20px)
    }
    60%{
        -moz-transform:translate(10px,30px)
    }
    100%{
        -moz-transform:translate(-10px,40px)
    }
}
@-o-keyframes fly{
    0%{
        -o-transform:translate(0,0)
    }
    25%{
        -o-transform:translate(10px,10px)
    }
    40%{
        -o-transform:translate(-10px,20px)
    }
    60%{
        -o-transform:translate(10px,30px)
    }
    100%{
        -o-transform:translate(-10px,40px)
    }
}
@keyframes fly{
    0%{
        transform:translate(0,0)
    }
    25%{
        transform:translate(10px,10px)
    }
    40%{
        transform:translate(-10px,20px)
    }
    60%{
        transform:translate(10px,30px)
    }
    100%{
        transform:translate(-10px,40px)
    }
}
@-webkit-keyframes float{
    0%,50%{
        -webkit-transform:translateY(0);
        -webkit-animation-timing-function:cubic-bezier(.2,.25,.55,1)
    }
    25%{
        -webkit-transform:translateY(-7px);
        -webkit-animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    75%{
        -webkit-transform:translateY(7px);
        -webkit-animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    to{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes float{
    0%,50%{
        -moz-transform:translateY(0);
        -moz-animation-timing-function:cubic-bezier(.2,.25,.55,1)
    }
    25%{
        -moz-transform:translateY(-7px);
        -moz-animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    75%{
        -moz-transform:translateY(7px);
        -moz-animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    to{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes float{
    0%,50%{
        -o-transform:translateY(0);
        -o-animation-timing-function:cubic-bezier(.2,.25,.55,1)
    }
    25%{
        -o-transform:translateY(-7px);
        -o-animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    75%{
        -o-transform:translateY(7px);
        -o-animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    to{
        -o-transform:translateY(0)
    }
}
@keyframes float{
    0%,50%{
        transform:translateY(0);
        animation-timing-function:cubic-bezier(.2,.25,.55,1)
    }
    25%{
        transform:translateY(-7px);
        animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    75%{
        transform:translateY(7px);
        animation-timing-function:cubic-bezier(.45,0,.8,.75)
    }
    to{
        transform:translateY(0)
    }
}
@-webkit-keyframes rotation{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg)
    }
}
@-moz-keyframes rotation{
    from{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(359deg)
    }
}
@-o-keyframes rotation{
    from{
        -o-transform:rotate(0deg)
    }
    to{
        -o-transform:rotate(359deg)
    }
}
@keyframes rotation{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        -webkit-box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@-moz-keyframes pulse{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        -moz-box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        -moz-box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@-o-keyframes pulse{
    0%{
        -o-box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        -o-box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        -o-box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@-webkit-keyframes pulseTwo{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        -webkit-box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@-moz-keyframes pulseTwo{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        -moz-box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        -moz-box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@-o-keyframes pulseTwo{
    0%{
        -o-box-shadow:0 0 0 0 rgba(204,169,44,.4)
    }
    70%{
        -o-box-shadow:0 0 0 10px rgba(204,169,44,0)
    }
    100%{
        -o-box-shadow:0 0 0 0 rgba(204,169,44,0)
    }
}
@keyframes pulseTwo{
    0%{
        box-shadow:0 0 0 0 rgb(86,180,177,.2)
    }
    70%{
        box-shadow:0 0 0 10px rgb(86,180,177,.2)
    }
    100%{
        box-shadow:0 0 0 0 rgb(86,180,177,.2)
    }
}

/*
 * LikeSoon UI V2 token layer.
 *
 * Primitive values live here; semantic, effect and geometry tokens are the
 * only V2 values that shared components should consume. Platform-specific
 * values deliberately remain in site.css, where their existing slots keep
 * third-party brand colours local to platform surfaces.
 */
:root {
	/* Brand primitives */
	--brand-500: #7c33a8;
	--brand-950: #1b0a2a;

	/* Semantic surfaces and ink */
	--surface-canvas: #fbfaff;
	--surface-raised: #ffffff;
	--text-primary: var(--brand-950);
	--border-subtle: #e8e0ef;
	--action-primary: var(--brand-500);

	/* Geometry and responsive rhythm */
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--page-gutter: clamp(20px, 2vw, 32px);
	--layout-wide-max: 1320px;
	--radius-control: 10px;
	--radius-card: 18px;
	--control-height: 44px;
	--control-height-touch: 48px;
	--button-height-compact: 44px;
	--button-height-prominent: var(--control-height-touch);
	--button-radius: var(--radius-control);

	/* Effect and interaction language */
	--shadow-raised: 0 14px 30px rgb(88 34 126 / 12%);
	--focus-ring: 0 0 0 3px rgb(124 51 168 / 24%);
	--motion-fast: 160ms;
	--ease-standard: cubic-bezier(.2, .75, .25, 1);

	/* Shared action contract. Page and platform owners may consume these slots,
	 * but may not replace the global primary action with a platform colour. */
	--action-primary-bg: var(--gradient-brand-180);
	--action-primary-bg-hover: var(--gradient-brand-360);
	--action-primary-fg: var(--color-text-inverse);
	--button-secondary-bg: var(--surface-raised);
	--button-secondary-fg: var(--action-primary);
	--button-secondary-border: var(--action-primary);
	--button-quiet-bg-hover: var(--color-surface-lilac-soft);
	--button-quiet-fg: var(--text-primary);
	--button-disabled-opacity: .54;
	--button-transition: var(--motion-fast) var(--ease-standard);
}

/*
 * Canonical editable LikeSoon stylesheet.
 *
 * The build copies this directory one way into site-src/public/styles. Do not
 * edit the public copy: it is generated and verified against this source.
 */
html {
	/* Neutral visual design tokens for active pages. */
	--color-surface-elevated: var(--color-surface);
	--color-border-inverse: #fff;
	--color-border-transparent: #151d4600;
	--color-border-neutral: #ccc;
	--color-border-blue-faint: #e7edff;
	--color-border-video-avatar: #f6f5fa;
	--color-border-inverse-translucent: #ffffff40;
	--color-border-inverse-subtle: rgba(255, 255, 255, .1);
	--color-text-muted-neutral: #7b7b7b;
	--color-text-muted-flat: #6B7280;
	--color-text-inverse: #fff;
	--color-text-inverse-86: rgba(255, 255, 255, .86);
	--color-text-inverse-78: rgba(255, 255, 255, .78);
	--color-border-inverse-42: rgba(255, 255, 255, .42);
	--color-blog-card-deep: #11071e;
	--color-blog-card-meta-surface: rgba(17, 7, 30, .22);
	--color-blog-hero-surface: #2b153c;
	--color-blog-hero-scrim-strong: rgba(18, 8, 31, .94);
	--color-blog-hero-scrim-middle: rgba(20, 9, 35, .73);
	--color-blog-hero-scrim-faint: rgba(24, 10, 40, .1);
	--color-blog-hero-scrim-middle-mobile: rgba(20, 9, 35, .76);
	--color-blog-hero-scrim-faint-mobile: rgba(24, 10, 40, .14);
	--color-blog-hero-category-surface: rgba(24, 10, 42, .65);
	--color-blog-hero-title-shadow: rgba(20, 8, 32, .2);
	--shadow-blog-hero: 0 24px 52px rgba(57, 27, 81, .12);
	--gradient-free-banner-overlay: linear-gradient(90deg, rgba(55, 19, 84, .98) 0%, rgba(55, 19, 84, .95) 47%, rgba(55, 19, 84, .78) 59%, rgba(55, 19, 84, 0) 82%);
	--color-overlay: rgba(0, 0, 0, .6);
	--color-overlay-soft: rgba(0, 0, 0, .2);
	--color-overlay-tooltip-arrow: rgba(0, 0, 0, .1);
	--color-overlay-strong-line: rgba(0, 0, 0, .3);
	--color-overlay-video-modal: rgb(20 12 36 / 72%);
	--color-surface-inverse: #000;
	--color-surface-video-modal: #170d2a;
	--shadow-video-modal: 0 1.5rem 4rem rgb(21 11 44 / 38%);
	--color-surface-neutral-line: #eaeaea;
	--color-surface-lilac-soft: #f4edff;
	--color-surface-lilac-faint: rgb(248 244 255);
	--color-surface-lilac-hover: #e8dcf6;
	--color-surface-translucent-15: rgb(255, 255, 255, .15);
	--color-surface-translucent-20: rgba(255, 255, 255, .2);
	--color-surface-translucent-30: rgb(255, 255, 255, .3);
	--color-surface-translucent-60: rgba(255, 255, 255, .6);
	--color-surface-translucent-70: rgba(255, 255, 255, .7);
	--color-surface-translucent-92: rgba(255, 255, 255, .92);
	--color-surface-rgb: 255, 255, 255;
	--color-surface-transparent: rgba(var(--color-surface-rgb), 0);
	--color-css-transparent: transparent;
	--color-text-badge-strong: var(--color-brand-deep);
	--color-surface-badge-soft: rgb(244 237 255);
	--button-dark-bg: var(--color-action-bright);
	--card-price-bg: rgb(246 240 255);
	--card-price-text: var(--color-logo-purple-500);
	--section-calculator-guide-accent: #823cc7;
	--section-glow-start: var(--color-action-bright);
	--section-glow-end: rgba(var(--color-brand-bright-rgb), .15);
	--section-contact-bg: var(--color-brand-strong);
	--section-slider-control-bg: var(--color-brand-strong);
	--section-slider-control-border: var(--color-logo-purple-500);
	--section-orbit-dot-bg: var(--color-action-bright);
	--section-factor-label-text: var(--color-logo-lilac-100);
	--section-meet-label-bg: var(--color-logo-lilac-100);
	--section-calculator-hover-bg: rgba(var(--color-brand-bright-rgb), .15);
	--section-story-slider-glow: rgba(var(--color-brand-bright-rgb), .25);
	--section-sf-gradient-start: rgba(216, 194, 255, 1);
	--section-sf-artwork-fade: linear-gradient(180deg, var(--color-surface-transparent) 68%, var(--color-page) 100%);
	--section-pr-item-bg: var(--color-brand);
	--section-pr-item-border: var(--color-logo-lilac-300);
	--section-pr-item-gradient-start: rgba(var(--color-brand-rgb), 1);
	--section-pr-item-gradient-end: rgba(157, 86, 214, 1);
	--section-play-bg: rgba(var(--color-brand-bright-rgb), .5);
	--section-play-bg-hover: rgba(var(--color-brand-bright-rgb), 1);
	--footer-ink-bg: var(--color-brand-deep);
	--footer-social-hover-border: var(--color-brand-strong);
	--button-best-icon-bg: rgba(var(--color-brand-rgb), .2);
	--color-text-inverse-muted: rgba(255, 255, 255, .5);
	--form-control-placeholder-text: #cecece;
	--form-select-inverse-text: rgba(255, 255, 255, .842);
	--form-select-placeholder-text: var(--color-text-inverse-muted);
	--color-overlay-backdrop: rgba(0, 0, 0, .5);
	--tabs-scrollbar-thumb-bg: #bbb;
	--tabs-hover-bg: rgb(0, 0, 0, .03);
	--color-text-review-score-muted: #898989;
	--color-text-faq-menu-link: #aaa;
	--color-text-head-review-star: #faca15;
	--color-text-product-inverse-muted: rgba(255, 255, 255, .8);
	--service-package-check-bg: #f62f4f;
	--card-premium-badge-bg: #fef3c7;
	--review-score-button-hover-bg: #ff6d56;
	--color-highlight-mark-bg: #fff907;
	--button-inverse-hover-bg: #ffffff90;
	--section-subscription-input-bg: rgb(0, 0, 0, .35);
	--service-package-old-price-text: #464646;
	--review-head-count-text: #4a5264;
	--section-factor-item-bg: var(--color-border-inverse-subtle);
	--shadow-calculator-control-color: rgba(0, 0, 0, .15);
	--shadow-message-card-color: rgba(10, 39, 83, .03);
	--section-team-image-overlay-start: rgba(249, 80, 0, 0);
	--section-team-image-overlay-end: rgba(14, 14, 14, 0.89);
	--color-text-circle: #111;
	--section-team-hover-overlay: rgba(0, 0, 0, 0.50);
	--color-overlay-popup-strong: rgba(0, 0, 0, 0.8);
	--section-video-play-bg: rgba(0, 0, 0, .05);
	--section-sf-gradient-end: var(--color-page);
	--color-text-box-heading: #3c3c3c;
	--color-text-form-label-strong: #0c0c0c;
	--color-text-top-feature-icon: #858585;
	--color-text-review-user-sign: #6c91e6;
	--color-border-cost-factor-header: #d7def4;
	--color-border-package-top: #414141;
	--color-text-package-top-muted: #b8b8b8;
	--color-text-package-save: #dc3545;
	--color-text-api-copy: #656565;
	--color-border-calculator-knob: #dededf;
	--color-text-why-button: #aa3dab;
	--color-text-premium-badge: #92400e;
	--color-text-standard-badge: #1e40af;
	--shadow-logo-tooltip-layer-1: #00000003;
	--shadow-logo-tooltip-layer-2: #0000000a;
	--shadow-logo-tooltip-layer-3: #00000012;
	--shadow-logo-tooltip-layer-4: #00000014;
	--section-story-text-dark-bg: #1d1d21;
	--section-calculator-selector-hover-bg: #3f3f3f;
	--card-region-count-badge-bg: #c3cff2;
	--card-standard-badge-bg: #dbeafe;
	--form-autofill-inset-bg: #f7fafc;
	--shadow-card-3: rgb(10 39 83 / 7%);
	--search-surface-dark: rgb(238, 242, 255);
	--shadow-team-overlay: rgba(0, 0, 0, 0.30);
	--header-fixed-shell-bg: var(--color-surface-translucent-92);
	--shadow-now-button-glow: rgba(255, 255, 255, 0.5);
	--shadow-infinite-band: rgba(255, 255, 255, .3);
	--color-glow-pulse-red-end: rgba(255, 82, 82, 0);
	--color-glow-pulse-red-start: rgba(255, 82, 82, .7);
	--color-text-form-strong: #0c2447;
	--service-package-hint-text: #9a9a9a;
	--section-bottom-item-border: rgb(0 0 0 / 10%);
	/* Shared Chinese-first typography contract.
	 * One neutral UI family, then semantic scales instead of page-local font recipes. */
	--font-family-ui: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
	--font-display: var(--font-family-ui);
	--font-body: var(--font-family-ui);
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-display: 760;
	--type-size-caption: 11px;
	--type-size-meta: 12px;
	--type-size-ui: 14px;
	--type-size-body: 15px;
	--type-size-control: 16px;
	--type-size-card-title: clamp(18px, 1.15vw, 22px);
	--type-size-section-title: 28px;
	--type-size-section-title-mobile: 24px;
	--type-size-heading-2: 36px;
	--type-size-heading-2-mobile: 28px;
	--type-size-display: 56px;
	--type-size-display-mobile: 32px;
	--type-size-campaign-title: 38px;
	--type-size-campaign-section: 42px;
	--type-size-tool-title: clamp(28px, 2.5vw, 36px);
	--type-size-article-title: clamp(29px, 3.3vw, 54px);
	/* Article prose follows the site-wide reading size. Article headings retain
	 * their own semantic scale; only paragraph-level content is normalized. */
	--type-size-article-body: var(--type-size-body);
	--type-size-article-section: clamp(24px, 2.3vw, 34px);
	--type-size-article-subhead: clamp(19px, 1.55vw, 23px);
	--type-size-article-minor-heading: clamp(17px, 1.35vw, 20px);
	--type-size-article-lead: var(--type-size-body);
	--type-size-article-table: clamp(14px, .95vw, 15px);
	--type-size-article-action: clamp(20px, 1.7vw, 25px);
	--type-leading-ui: 1.6;
	--type-leading-control: 24px;
	--type-leading-tight: 1.08;
	--type-leading-title: 1.2;
	--type-leading-section: 1.285;
	--type-leading-reading: 1.85;
	--type-leading-lead: 1.75;
	--type-leading-meta: 1.5;
	--type-leading-article-section: 1.32;
	--type-leading-article-subhead: 1.45;
	--type-leading-article-callout: 1.78;
	--type-tracking-body: 0;
	--type-tracking-label: .01em;
	--type-tracking-heading: -.012em;
	--type-tracking-display: -.018em;
	--type-tracking-article-title: -.022em;
	--type-tracking-article-heading: var(--type-tracking-heading);
	--type-tracking-article-body: var(--type-tracking-body);
	--letter-spacing-body: var(--type-tracking-body);
	--color-brand-rgb: 124, 51, 168;
	--color-brand-strong-rgb: 88, 34, 126;
	--color-brand-bright-rgb: 184, 121, 241;
	--color-brand-deep-rgb: 55, 19, 84;
	--color-brand-ink-rgb: 27, 10, 42;
	--color-brand-soft: rgba(var(--color-brand-rgb), .13);
	--color-brand-soft-strong: rgba(var(--color-brand-strong-rgb), .2);
	--color-brand-glow-rgb: 184, 121, 241;
	--color-accent-warm: var(--color-warm);
	--color-decor-blue-social: #24A1DE;
	--color-decor-blue-soft: #808af3;
	--color-decor-purple-soft: #f6efff;
	--color-decor-purple-mid: #9569f9;
	--color-decor-magenta: #bf00cb;
	--color-decor-coral-orange-rgb: 255, 85, 0;
	--color-decor-gold-bright: #ffd02c;
	--color-decor-orange-red: #FF492C;
	--color-decor-danger-deep: #cb0029;
	--color-decor-rose: #f25b65;
	--color-decor-black-soft: #101010;
	--color-decor-black-deep: #0B0B0F;
	--color-brand-deep-flat: rgb(var(--color-brand-deep-rgb));
	--color-success-bg: var(--color-success-soft);
	--color-rating: #facc15;
	--color-verified-badge: var(--platform-instagram-blue);
	--color-rating-muted: #DFDFE2;
	--color-energy-vivid: #7F52FF;
	--color-icon-inverse: var(--color-text-inverse);
	--color-chart-trend: #83b8f0;
	--color-chart-track: var(--color-surface-green-line);
	--color-bootstrap-surface: #f8f9fa;
	--color-bootstrap-text: #212529;
	--color-bootstrap-muted: #868e96;
	--color-tool-ink: #333;
	--color-tool-ink-strong: #111827;
	--color-tool-ink-muted: #374151;
	--color-tool-muted: #999;
	--color-tool-muted-strong: #555;
	--color-tool-border-light: #ececec;
	--color-tool-border-pale: #eee;
	--color-tool-border-muted: #ccc;
	--color-tool-border-subtle: #f1f1f1;
	--color-tool-border-cool: #e5e7eb;
	--color-tool-neutral-line: #d9d9d9;
	--color-tool-gradient-warm: #F0AF58;
	--color-tool-gradient-coral: #EA5140;
	--color-tool-gradient-purple: #9563BA;
	--color-tool-gradient-warm-alt: #F0AD57;
	--color-tool-gradient-coral-alt: #E85244;
	--color-tool-gradient-purple-alt: #9360B2;
	--color-tool-danger: #dc2626;
	--color-tool-danger-muted: #d64b4a;
	--color-tool-danger-soft: #ee7d76;
	--color-tool-youtube-red: #cf2b28;
	--color-tool-youtube-red-alt: #cf2a28;
	--color-tool-youtube-red-deep: #cc1e1d;
	--color-tool-youtube-pink: #f14074;
	--color-tool-soundcloud-surface: #fff7ed;
	--color-tool-soundcloud-ink: #7c2d12;
	--color-tool-mint-panel: #B2EEDF;
	--color-tool-brand-ink: #206544;
	--color-tool-surface-subtle: #F3F3F3;
	--color-tool-surface-cool: #f9f9fc;
	--color-tool-tiktok-purple-soft: #E3CCFF;
	--color-tool-twitch-lavender: #a28ccc;
	--color-tool-twitch-lavender-deep: #917ac0;
	--color-tool-twitch-surface: #efecf7;
	--color-tool-dark-panel: #272727;
	--color-tool-slate: #57646c;
	--color-twitter-counter-surface: #cfebfc;
	--color-twitter-counter-surface-soft: #e7f5fe;
	--color-twitter-counter-blue-deep: #0078a6;
	--color-twitter-counter-red: #d52d2b;
	--color-twitter-counter-green: #1e7b1e;
	--color-twitter-counter-ink: #434343;
	--color-twitter-counter-navy: #063e60;
	--color-twitter-counter-success: #5cb85c;
	--color-twitter-counter-danger: #d9534f;
	/* Calculator interface tokens: preserve platform-specific visual language
	 * without scattering raw values across the workbench implementations. */
	--color-calculator-result-divider: rgba(255, 255, 255, .19);
	--color-calculator-result-label: rgba(255, 255, 255, .68);
	--color-calculator-twitter-frame-border: #dedfe1;
	--shadow-calculator-twitter-frame: 0 22px 55px rgba(17, 24, 39, .1);
	--color-calculator-twitter-ink-strong: #111827;
	--color-calculator-twitter-ink-muted: #374151;
	--color-calculator-twitter-ink-deep: #18181b;
	--color-calculator-twitter-ink-soft: #4b5563;
	--color-calculator-twitter-top-muted: #6b7280;
	--color-calculator-twitter-heading-surface: #f7f8fa;
	--color-calculator-twitter-divider-strong: #e6e8ec;
	--color-calculator-twitter-divider: #e7e9ed;
	--color-calculator-twitter-stat-surface: #f4f5f7;
	--color-calculator-twitter-stat-surface-alt: #f8f8f9;
	--color-calculator-twitter-row-divider: #eceef1;
	--color-calculator-twitter-editor-surface: #fbfbfc;
	--color-calculator-twitter-editor-border: #d5d9df;
	--shadow-calculator-twitter-editor-inset: inset 0 1px 0 rgba(17, 24, 39, .02);
	--color-calculator-twitter-focus-ring: rgb(17 24 39 / 10%);
	--color-calculator-twitter-placeholder: #9ca3af;
	--color-calculator-twitter-action-secondary: #e5e7eb;
	--color-calculator-twitter-action-secondary-hover: #d1d5db;
	--color-calculator-twitter-action-secondary-ink: #1f2937;
	--color-calculator-twitter-action-danger: #fbe7e7;
	--color-calculator-twitter-action-danger-hover: #f8d2d2;
	--color-calculator-twitter-action-danger-ink: #b42318;
	--shadow-calculator-twitter-action-hover: 0 7px 14px rgba(17, 24, 39, .11);
	--color-calculator-soundcloud-glow: rgba(255, 85, 0, .18);
	--color-calculator-soundcloud-frame-tint: #fffaf6;
	--color-calculator-soundcloud-frame-border: rgba(255, 85, 0, .2);
	--shadow-calculator-soundcloud-frame: 0 22px 58px rgba(117, 47, 12, .13);
	--color-calculator-soundcloud-divider: rgba(124, 45, 18, .12);
	--color-calculator-soundcloud-ink-strong: #4a1d0c;
	--color-calculator-soundcloud-ink-muted: #8a5b45;
	--color-calculator-soundcloud-input-border: #e4c8b9;
	--shadow-calculator-soundcloud-input-inset: inset 0 1px 0 rgba(124, 45, 18, .03);
	--color-calculator-soundcloud-focus-ring: rgba(255, 85, 0, .14);
	--color-calculator-soundcloud-notice-surface: #fff1e8;
	--color-calculator-soundcloud-notice-ink: #8c3210;
	--color-calculator-soundcloud-result-surface: rgba(255, 255, 255, .74);
	--color-calculator-soundcloud-result-start: #59210c;
	--color-calculator-soundcloud-result-end: #8c310d;
	--shadow-calculator-soundcloud-result: 0 10px 20px rgba(124, 45, 18, .16);
	--color-calculator-soundcloud-result-label: #6f4838;
	--color-calculator-soundcloud-result-label-inverse: rgba(255, 255, 255, .78);
	--color-calculator-soundcloud-result-ink: #7c2d12;
	--color-calculator-soundcloud-tier-primary: #a33b16;
	--color-calculator-soundcloud-tier-secondary: #7b3faf;
	--color-review-icon-google-yellow: #ffc107;
	--color-review-icon-google-blue: #448aff;
	--color-review-icon-sourceforge: #ff6600;
	/* Phase 3A exact aliases for legacy CSS raw colors. */
	/* Values are exact source-color bridges; rename semantically only during module cleanup. */
	/* End Phase 3A exact aliases. */
	--color-glow-rgb: var(--color-brand-glow-rgb);
	--shadow-cool-elevated: 0px 34px 35px rgba(160, 171, 191, 0.21);
	--shadow-overlay-strong: 0 5px 15px 0 var(--color-overlay);
	--shadow-bottom-navigation-glow: 1px 1px 22px 10px rgb(216 194 255);
	--shadow-language-menu: 0 18px 38px rgba(38, 19, 75, .13);
	--shadow-service-menu: var(--shadow-language-menu);
	--shadow-service-submenu: 0 16px 40px rgba(69, 35, 105, .14);
	--color-glow-pulse-start: rgba(var(--color-brand-bright-rgb), .7);
	--color-glow-pulse-end: rgba(var(--color-brand-bright-rgb), 0);
	--platform-facebook: #0866ff;
	--platform-facebook-alt: #1877f2;
	--platform-facebook-tint: #93a1ff;
	--platform-facebook-light: #5d9bff;
	--platform-facebook-mid: #0061ff;
	--platform-facebook-deep: #0052d6;
	--platform-facebook-ink: #0d4fba;
	--platform-instagram: #c13584;
	--platform-instagram-blue: #0095f6;
	--platform-instagram-yellow: #fdf497;
	--platform-instagram-orange: #fd5949;
	--platform-instagram-orange-rgb: 253, 89, 73;
	--platform-instagram-pink: #d6249f;
	--platform-instagram-pink-rgb: 214, 36, 159;
	--platform-instagram-indigo: #285AEB;
	--platform-instagram-classic-start: #833ab4;
	--platform-instagram-classic-end: #fcb045;
	--platform-instagram-action-purple: var(--color-decor-magenta);
	--platform-instagram-action-orange-rgb: var(--color-decor-coral-orange-rgb);
	--platform-tiktok-red: #fe2c55;
	--platform-tiktok-red-deep: #f72e4d;
	--platform-tiktok-cyan: #09f3f3;
	--platform-tiktok-cyan-radial: #25f4ee;
	--platform-tiktok-black: #000000;
	--platform-tiktok-action: #171717;
	--platform-youtube: #ff0033;
	--platform-youtube-red: #ff0000;
	--platform-pinterest: #e60023;
	--platform-pinterest-rgb: 230, 0, 35;
	--platform-pinterest-tint: #ff6b7f;
	--platform-pinterest-light: #f1425a;
	--platform-pinterest-mid: #d50020;
	--platform-pinterest-deep: #a80018;
	--platform-pinterest-ink: #8f0014;
	/* X brand: black on light surfaces, white only on dark surfaces. */
	--platform-x: #000000;
	--platform-x-rgb: 0, 0, 0;
	/* Legacy selector alias retained for captured Twitter page shells. */
	--platform-twitter: var(--platform-x);
	--platform-spotify: #1db954;
	--platform-telegram: #229ed9;
	--platform-twitch: #9146ff;
	--platform-twitch-legacy: #6441a5;
	--platform-linkedin: #0a66c2;
	--platform-discord: #5865f2;
	--platform-discord-legacy: #7289DA;
	--platform-soundcloud: #ff5500;
	--platform-soundcloud-tint: #ff9662;
	--platform-snapchat: #fffc00;
	--platform-snapchat-gold: #ffcc00;
	--platform-kick: #00e701;
	--platform-kick-bright: #2aff2b;
	--platform-kick-lime: #53fc18;
	--platform-quora: #b92b27;
	--platform-threads: #111111;
	--platform-vimeo-bright: #19B7EA;
	--platform-onlyfans: #00aff0;
	--platform-facebook-menu: #12a1f4;
	--platform-twitter-menu: var(--platform-x);
	--platform-linkedin-menu: #0475b4;
	--platform-telegram-menu: #1b95cf;
	--platform-discord-menu: #5865f6;
	--platform-twitch-menu: #6842ac;
	--platform-youtube-menu: #e60606;
	--platform-soundcloud-menu: #ef7509;
	--platform-reddit-menu: #f44707;
	--platform-snapchat-menu: #f9f606;
	--platform-youtube-rgb: 255, 0, 51;
	--platform-twitter-rgb: var(--platform-x-rgb);
	--platform-discord-rgb: 88, 101, 242;
	--platform-soundcloud-rgb: var(--color-decor-coral-orange-rgb);
	--platform-snapchat-rgb: 255, 252, 0;
	--platform-kick-rgb: 0, 231, 1;
	--platform-tiktok-card-bg: var(--platform-tiktok-red);
	--platform-tiktok-radial-hot: var(--platform-tiktok-red);
	--platform-tiktok-radial-cyan: var(--platform-tiktok-cyan-radial);
	--platform-youtube-tag-bg: rgba(var(--platform-youtube-rgb), .15);
	--platform-youtube-title-bg: rgba(var(--platform-youtube-rgb), .7);
	--platform-x-tag-bg: rgba(var(--platform-x-rgb), .15);
	--platform-twitter-tag-bg: var(--platform-x-tag-bg);
	--platform-soundcloud-tag-bg: rgba(var(--platform-soundcloud-rgb), .15);
	--platform-snapchat-tag-bg: rgba(var(--platform-snapchat-rgb), .15);
	--platform-snapchat-tag-text: #a09e00;
	--platform-twitch-tag-bg: rgb(137, 86, 251, .15);
	--platform-instagram-list-bg: rgba(var(--color-surface-rgb), .7);
	--platform-tiktok-red-glow: #f72e4dfc;
	--platform-google-blue: #4285f4;
	--platform-google-green: #34a853;
	--platform-google-yellow: #fbbc05;
	--platform-google-red: #ea4335;
	--gradient-platform-instagram-radial: radial-gradient(circle at 30% 107%, var(--platform-instagram-yellow) 0%, var(--platform-instagram-yellow) 5%, var(--platform-instagram-orange) 45%, var(--platform-instagram-pink) 60%, var(--platform-instagram-indigo) 90%);
	--gradient-platform-instagram-text: linear-gradient(180deg, var(--platform-instagram-classic-start) 0%, var(--platform-instagram-pink) 40%, var(--platform-instagram-orange) 74%, var(--platform-instagram-classic-end) 100%);
	--gradient-platform-instagram-action: radial-gradient(68.89% 784.69% at 91.3% 54.37%, rgba(var(--platform-instagram-action-orange-rgb), .65) 0%, var(--platform-instagram-action-purple) 100%);
	--gradient-platform-tiktok-action: var(--platform-tiktok-action);
	--gradient-platform-tiktok-radial: radial-gradient(circle at 20% 20%, var(--platform-tiktok-red) 0%, transparent 60%), radial-gradient(circle at 100% 100%, var(--platform-tiktok-cyan-radial) 0%, transparent 60%), var(--platform-tiktok-black);
	--gradient-platform-facebook-radial: radial-gradient(circle at 30% 107%, var(--platform-facebook) 0%, var(--platform-facebook-tint) 5%, var(--platform-facebook) 45%, var(--platform-facebook) 60%, var(--platform-facebook) 90%);
	--gradient-platform-facebook-blue-radial: radial-gradient(circle at 30% 107%, var(--platform-facebook-light) 0%, var(--platform-facebook-mid) 5%, var(--platform-facebook-deep) 45%, var(--platform-facebook) 60%, var(--platform-instagram-indigo) 90%);
	--gradient-platform-facebook-deep-radial: radial-gradient(68.89% 784.69% at 91.3% 54.37%, var(--platform-facebook-ink) 0, var(--platform-facebook) 100%);
	--gradient-platform-kick-radial: radial-gradient(circle at 30% 107%, var(--platform-kick) 0%, var(--platform-kick) 5%, var(--platform-kick) 45%, var(--platform-kick) 60%, var(--platform-kick) 90%);
	--gradient-platform-snapchat-163: linear-gradient(163deg, var(--platform-snapchat-gold) 0%, var(--platform-snapchat) 100%);
	--gradient-platform-snapchat-radial: radial-gradient(circle at 30% 107%, var(--platform-snapchat-gold) 0%, var(--platform-snapchat-gold) 5%, var(--platform-snapchat-gold) 45%, var(--platform-snapchat) 60%, var(--platform-snapchat) 90%);
	--gradient-platform-soundcloud-163: linear-gradient(163deg, var(--platform-soundcloud-tint) 0%, var(--platform-soundcloud) 100%);
	--gradient-platform-soundcloud-radial: radial-gradient(circle at 30% 107%, var(--platform-soundcloud-tint) 0%, var(--platform-soundcloud-tint) 5%, var(--platform-soundcloud-tint) 45%, var(--platform-soundcloud) 60%, var(--platform-soundcloud) 90%);
	--gradient-surface-fade-top: linear-gradient(to top, rgba(var(--color-surface-rgb), 1) 0%, var(--color-surface-transparent) 100%);
	--gradient-surface-fade-bottom: linear-gradient(to bottom, rgba(var(--color-surface-rgb), 1) 0%, var(--color-surface-transparent) 100%);
	--gradient-warm-180: var(--gradient-warm-muted-180);
	--gradient-warm-360: var(--gradient-warm-muted-360);
}

html {
	/* Phase 4: LikeSoon logo-sampled premium purple SaaS theme. */
	--brand-purple-950: #1b0a2a;
	--brand-purple-900: #2c0f46;
	--brand-purple-800: #371354;
	--brand-purple-700: #58227e;
	--brand-purple-600: #7c33a8;
	--brand-purple-500: #9d56d6;
	--brand-purple-400: #b879f1;
	--brand-pink-500: #ff8ad4;
	--brand-lavender-300: #d8c2ff;
	--brand-lavender-surface-100: #f4edff;
	--brand-champagne-300: #eab4a0;
	--brand-copper-500: #c38168;
	--color-logo-purple-950: var(--brand-purple-950);
	--color-logo-purple-900: var(--brand-purple-900);
	--color-logo-purple-800: var(--brand-purple-800);
	--color-logo-purple-700: var(--brand-purple-700);
	--color-logo-purple-600: var(--brand-purple-600);
	--color-logo-purple-500: var(--brand-purple-500);
	--color-logo-purple-400: var(--brand-purple-400);
	--color-logo-lilac-300: var(--brand-lavender-300);
	--color-logo-lilac-100: var(--brand-lavender-surface-100);
	--color-logo-champagne: var(--brand-champagne-300);
	--color-logo-copper: var(--brand-copper-500);
	--color-spectrum-pink: var(--brand-pink-500);
	--color-page: #fbfaff;
	--color-surface: #ffffff;
	--color-surface-soft: #f5f0ff;
	--color-surface-cool-alt: #f2ebff;
	--color-surface-blue-faint: #f5f2ff;
	--color-surface-cool-faint: #faf7ff;
	--color-surface-neutral-soft: #fbfaff;
	--color-surface-green-soft: #f6f0ff;
	--color-surface-green-line: #dfcff8;
	--color-surface-mint-soft: #efe7ff;
	--color-surface-mint-pale: #f7efff;
	--color-border: #d9c8f1;
	--color-border-soft: #e5dcef;
	--color-border-light: #efe8f8;
	--color-border-green-soft: #e2d2f6;
	--color-text: #1c1430;
	--color-text-strong: #12091f;
	--color-text-ink: #1a1128;
	--color-text-ink-deep: #100719;
	--color-text-ink-soft: #271d3a;
	--color-text-neutral: #2a2138;
	--color-text-muted: #756a86;
	--color-text-muted-cool: #817393;
	--color-brand: var(--color-logo-purple-600);
	--color-brand-strong: var(--color-logo-purple-700);
	--color-brand-bright: var(--color-logo-purple-400);
	--color-brand-deep: var(--color-logo-purple-800);
	--color-warm: var(--color-logo-copper);
	--color-accent-mint: var(--color-logo-lilac-300);
	--color-energy: var(--color-logo-purple-500);
	--color-energy-rgb: 157, 86, 214;
	--color-action-bright: var(--color-logo-purple-400);
	--color-action-bright-rgb: 184, 121, 241;
	--color-action-bright-soft: rgb(var(--color-action-bright-rgb), .16);
	--color-action-blue-rgb: 124, 92, 255;
	--color-action-green: var(--color-logo-purple-500);
	--color-decor-forest: var(--color-logo-purple-700);
	--color-decor-forest-muted: #6b2e96;
	--color-decor-forest-deep: var(--color-logo-purple-800);
	--color-decor-forest-bright: var(--color-logo-purple-500);
	--color-decor-forest-border: #b893de;
	--color-decor-forest-shadow: #4f2470;
	--color-decor-mint-bright: #c084fc;
	--color-decor-mint-glow: #eadcff;
	--color-decor-lime: var(--color-logo-champagne);
	--color-selection-bg: var(--color-logo-purple-600);
	--color-success: var(--color-logo-purple-500);
	--color-success-emerald: var(--color-logo-purple-600);
	--color-success-bright: var(--color-logo-purple-400);
	--color-success-soft: rgba(184, 121, 241, .18);
	--color-rating-success: var(--color-logo-purple-600);
	--color-rating-source: #d763c8;
	--color-chart-growth: var(--color-logo-purple-500);
	--color-success-bright-rgb: var(--color-brand-bright-rgb);
	--gradient-brand-90: linear-gradient(90deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 100%);
	--gradient-brand-legacy-163: linear-gradient(287deg, var(--color-logo-purple-800) 0%, var(--color-logo-purple-500) 100%);
	--gradient-brand-180: linear-gradient(270deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 100%);
	--gradient-brand-275: linear-gradient(275deg, var(--color-logo-purple-800) 0%, var(--color-logo-purple-500) 62%, var(--color-spectrum-pink) 100%);
	--gradient-brand-360: linear-gradient(90deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 100%);
	--gradient-brand-deep-0: linear-gradient(90deg, var(--color-logo-purple-950) 0%, var(--color-logo-purple-600) 52%, var(--color-logo-purple-900) 100%);
	--gradient-brand-bright-fade-180: linear-gradient(180deg, var(--color-logo-purple-400) 50%, transparent 100%);
	--gradient-action: linear-gradient(100deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 58%, var(--color-spectrum-pink) 100%);
	--gradient-social-green-radial: radial-gradient(circle at 30% 107%, var(--color-logo-lilac-300) 0%, var(--color-logo-purple-400) 28%, var(--color-logo-purple-600) 62%, var(--color-logo-purple-800) 100%);
	--gradient-warm-muted-180: linear-gradient(270deg, var(--color-logo-copper) 0%, var(--color-logo-champagne) 100%);
	--gradient-warm-muted-360: linear-gradient(90deg, var(--color-logo-copper) 0%, var(--color-logo-champagne) 100%);
	--gradient-action-green-soft-120: linear-gradient(120deg, rgba(184, 121, 241, .18) 0%, rgba(255, 138, 212, .12) 100%);
	--gradient-success-emerald-up: linear-gradient(to top, var(--color-logo-purple-700), var(--color-logo-purple-400));
	--gradient-gold-275: linear-gradient(275deg, var(--color-logo-champagne) 0%, #f4c9b7 100%);
	--gradient-surface-cool-90: linear-gradient(90deg, rgba(var(--color-surface-rgb), 1) 0%, var(--color-logo-lilac-100) 100%);
		--platform-spotify-menu: var(--platform-spotify);
	--platform-kick-tag-bg: rgba(var(--color-brand-bright-rgb), .15);
}

body {
	font-family: var(--font-body);
	letter-spacing: var(--letter-spacing-body);
	font-weight: var(--font-weight-regular);
	font-size: var(--type-size-ui);
	line-height: var(--type-leading-ui);
	min-width: 375px;
	color: var(--color-brand);
	background-color: var(--color-page)
}

a {
	text-decoration: none !important;
	color: var(--color-text)
}

a,
[type="checkbox"] {
	cursor: pointer
}

a:hover {
	color: var(--color-brand-strong)
}

button,
input {
	background-color: var(--color-css-transparent);
	line-height: 0;
	border: 0;
	padding: 0
}

button:focus,
input:focus {
	/* Component owners provide their focus rings and border geometry. Keeping
	 * this reset override-free prevents a focused control from losing its own
	 * transparent border and shifting its content by one pixel. */
	outline: 0;
	border: 0
}

b,
strong {
	letter-spacing: var(--type-tracking-body);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-ui);
	transition: all 0.15s ease
}

:where(button, input, select, textarea) {
	font-family: var(--font-body);
	letter-spacing: var(--type-tracking-body);
}

/* Synthetic document headings and form labels remain available to assistive
 * technology, without entering the visual layout.  Bootstrap previously
 * supplied this utility; keeping it in the shared stylesheet prevents the
 * semantic fallback H1 from appearing above the fixed site header. */
.visually-hidden,
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.hidden {
	display: none !important
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

::-webkit-scrollbar-thumb {
	background: var(--color-brand-strong);
	border-radius: 5px
}

::-webkit-scrollbar-track {
	background: var(--color-css-transparent)
}

::-moz-selection {
	background: var(--color-selection-bg);
	color: var(--color-text-inverse)
}

::selection {
	background: var(--color-selection-bg);
	color: var(--color-text-inverse)
}

.primary-color {
	color: var(--color-brand) !important;
	font-weight: 700
}

.alert {
	border-radius: 15px;
	border: none !important
}

.alert.alert-success {
	color: var(--color-success) !important;
	background: var(--color-success-bg) !important
}

.badge {
	background: var(--color-brand-strong) !important;
	color: var(--color-text-inverse) !important
}

.cursor-pointer {
	cursor: pointer !important
}

.h-section {
	margin: 100px 0
}

.h-section h2,
.music-section h2 {
	font-style: normal;
	font-size: var(--type-size-section-title);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-section);
	letter-spacing: var(--type-tracking-heading);
	margin-bottom: 15px;
	color: var(--color-text-strong)
}

.h-section h2 span,
.music-section h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-brand)
}

.h-section h2 span::after,
.music-section h2 span::after {
	content: '';
	background-image: url(../images/shared-decorative-divider-01.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -18px;
	width: calc(100% + 10px);
	height: 20px
}

/* The translation runtime wraps protected product names in spans. They are
 * ordinary inline words inside card titles, not title accents, so they must
 * not inherit the decorative divider reserved for authored heading spans. */
.h-section h2 > .translation-protected-term,
.music-section h2 > .translation-protected-term {
	position: static;
	display: inline;
	color: inherit;
}

.h-section h2 > .translation-protected-term::after,
.music-section h2 > .translation-protected-term::after {
	content: none;
}

.c-pointer {
	cursor: pointer
}

.transition {
	transition: all 0.15s ease
}

.btn {
	--button-text: var(--color-page);
	--button-hover-text: var(--color-text-inverse);
	position: relative;
	font-weight: var(--font-weight-regular);
	font-size: var(--type-size-ui);
	line-height: var(--type-leading-control);
	border-radius: 15px;
	padding: 10px 25px;
	border: none;
	color: var(--button-text)
}

main {
	overflow-x: hidden
}

.btn:hover,
.btn:focus {
	color: var(--button-hover-text)
}

.btn-rounded {
	border-radius: 50px
}

.btn-100 {
	display: block;
	width: 100%
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus {
	--button-text: var(--color-text-inverse);
	background: var(--button-dark-bg);
	color: var(--button-text);
	font-weight: var(--font-weight-medium);
	font-size: var(--type-size-control);
	text-transform: uppercase
}

.btn-primary {
	--button-text: var(--color-text-inverse);
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180);
	font-size: var(--type-size-control);
	color: var(--button-text);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;

}

.btn-primary:hover,
.btn-primary:focus {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-360);
}

:where(
	.mtp-best .best-packages .best-package-card,
	.mtp-srv-content .package-item,
	.mtp-instagram .best-swiper .item-wrapper,
	.big-packages .big-packages-item
) .btn-primary > i,
.mtp-calculator .btn-primary.btn-free > i {
	display: flex;
	align-items: center;
	justify-content: center;
	/* Package actions use flex layout. Prevent the arrow capsule from shrinking
	 * horizontally when the label or price uses the remaining space. */
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	aspect-ratio: 1;
	border-radius: 50%;
	line-height: 1
}

.btn-secondary {
	--button-text: var(--color-text-inverse);
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-warm-180);
	font-size: var(--type-size-control);
	color: var(--button-text)
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-warm-360);
	color: var(--button-hover-text)
}

.btn-secondary a,
.btn-secondary a:hover,
.btn-secondary a:focus {
	color: var(--color-text-inverse)
}

body.stop-body {
	overflow: hidden
}

.head-out {
	position: fixed;
	top: 0;
	background-color: var(--color-css-transparent);
	width: 100%;
	z-index: 1030
}

.head-out.fixed {
	border: 1px solid var(--color-page);
	border-top: none;
	background: var(--header-fixed-shell-bg);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.head-out.fixed :where(.hm-wrapper) .home-logo img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	transition: 300ms all
}

.hm-wrapper {
	display: block;
	position: fixed;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 0;
	padding: 77px 10px;
	height: 100%;
	transition: 0.14s ease;
	transform: translateY(-101%);
	opacity: .4;
	background: var(--color-surface-soft);
	overflow: auto;
	z-index: 1
}

.hm-wrapper.active {
	transform: translateY(0);
	opacity: 1
}

.hm-wrapper .home-logo img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	transition: 300ms all
}

.header-brand-lockup,
.mobile-brand-lockup {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	white-space: nowrap;
}

.header-brand-text {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.08;
	text-decoration: none;
}

.header-brand-name {
	display: inline-block;
	font-size: 22px;
	font-weight: 800;
	background: var(--gradient-brand-90);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--color-css-transparent);
}

.header-brand-platform {
	display: inline-block;
	margin-top: 4px;
	font-size: 15px;
	font-weight: 700;
	color: var(--color-text-strong);
	letter-spacing: 0;
}

.sm-header {
	display: block;
	padding: 14px 0;
	transition: 0.14s ease
}

.menu-btn {
	height: 42px;
	width: 42px;
	border-radius: 10px;
	background-color: var(--color-brand-strong);
	color: var(--color-text-inverse);
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.b-menu-close {
	height: 48px;
	width: 48px;
	border-radius: 15px;
	background-color: var(--color-brand-soft);
	color: var(--color-brand);
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2000
}

.mob-logo img {
	position: relative;
	z-index: 2;
	height: 65px;
	object-fit: contain
}

.mobile-brand-lockup .header-brand-name {
	font-size: 18px;
}

.mobile-brand-lockup .header-brand-platform {
	font-size: 13px;
}

.header-btn {
	border-radius: 25px;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 10px 35px;
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180);
	color: var(--color-text-inverse);
	text-decoration: none;
	transition: 0.14s ease
}

.header-btn:hover {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-360);
	color: var(--color-text-inverse)
}

.header-btn .text {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -.03em;
	position: relative;
	z-index: 1004;
	white-space: nowrap
}

.header-menu {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	gap: 10px;
	padding: 10px 0 20px 0
}

.header-menu .hm-item {
	position: relative;
	display: flex;
	justify-content: flex-start
}

:where(.header-menu .hm-item) .hm-link {
	font-weight: var(--font-weight-bold);
	font-size: 23px;
	line-height: 1.25;
	letter-spacing: var(--type-tracking-body);
	color: var(--color-accent-warm);
	opacity: 1;
	padding: 7px 0;
	transition: 0.14s ease;
	text-decoration: none;
	display: inline-block;
	text-align: left
}

:where(.header-menu .hm-item) .hm-link:hover {
	opacity: .7
}

:where(.header-menu .hm-item) .hm-link.is-active {
	color: var(--color-brand);
	opacity: 1
}

.h-section.header-alt :where(h2 span)::after {
	display: none
}

.ms-title h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	color: var(--color-text-strong)
}

#productSlide {
	position: relative
}

/* The free-service package rail must remain a horizontal affordance even if a
 * deferred Slick dependency is delayed or unavailable. Slick takes ownership
 * as soon as it initializes; until then this is a scroll-snap safety net, not
 * a second carousel implementation. */
main[data-page-template="free-service"] #productSlide:not(.slick-initialized) {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 12px;
}

main[data-page-template="free-service"] #productSlide:not(.slick-initialized) > .slide-item {
	flex: 0 0 calc((100% - 48px) / 3);
	min-width: 0;
	scroll-snap-align: start;
}

main[data-page-template="free-service"] #productSlide:not(.slick-initialized) > .slide-item > .prItem {
	width: 100%;
	height: 100%;
}

@media (max-width: 991.98px) {
	main[data-page-template="free-service"] #productSlide:not(.slick-initialized) > .slide-item {
		flex-basis: 100%;
	}
}

#productSlide .fa-angle-left,
#productSlide .fa-angle-right {
	position: absolute;
	background: var(--section-slider-control-bg);
	border-radius: 25px;
	width: 50px;
	height: 50px;
	border: none;
	color: var(--color-text-inverse);
	/* The mirror now ships Font Awesome 7 (solid arrows are weight 900).
	 * The original template used FA5 Pro's light 300 glyphs; retaining 300
	 * leaves an unavailable glyph and renders a square instead of the arrow. */
	font-weight: 900;
	font-size: 32px;
	border: 1px solid var(--section-slider-control-border)
}

#productSlide .fa-angle-left {
	top: 200px;
	left: -50px
}

#productSlide .fa-angle-right {
	top: 200px;
	right: -50px
}

#productSlide .slick-track {
	display: flex;
	gap: 75px
}

.prItem {
	overflow: hidden;
	border-radius: 25px;
	background: var(--section-pr-item-bg);
	background: -moz-linear-gradient(240deg, var(--section-pr-item-gradient-start) 0%, var(--section-pr-item-gradient-end) 100%);
	background: -webkit-linear-gradient(240deg, var(--section-pr-item-gradient-start) 0%, var(--section-pr-item-gradient-end) 100%);
	border-radius: 15px;
	border: 1px solid var(--section-pr-item-border);
	width: 100%;
	position: relative
}

.prItem .prContent {
	padding: 15px 20px
}

.prItem .prContent {
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
	flex-direction: column;
	height: 100%;
	justify-content: space-between
}

.prItem .prContent>h3 {
	background: var(--color-surface-translucent-15);
	padding: 5px 15px;
	font-size: 20px;
	border-radius: 0 5px 5px 0;
	margin-left: -20px
}

.prItem .prContent>h2.title {
	color: var(--color-text-inverse);
}

.prItem .prContent>ul {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--color-text-inverse);
	padding: 10px;
	list-style-type: none;
	min-height: 200px;
	margin: 20px 0 20px
}

.prItem .prContent>ul>li:not(:last-child) {
	padding-bottom: 10px
}

.prItem .prContent>ul>li {
	font-size: 14px;
	font-weight: 400
}

.prItem .prContent>ul>li>i {
	font-size: 13px;
	width: 20px;
	color: var(--color-text-inverse)
}

.prItem .prContent .prTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px
}

.prItem .prContent .prTop .prPrice {
	font-size: 28px
}

.prItem .prContent .prTop .prIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: var(--color-surface-translucent-15);
	border-radius: 5px
}

.prItem .prContent .prTop .prIcon img {
	max-width: 25px
}

.main-faq .faq-item {
	position: relative;
	cursor: pointer;
	background: var(--color-css-transparent);
	padding: 13px 20px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	margin-bottom: 14px;
	background-color: var(--color-brand-soft);
	color: var(--color-brand-strong);
	border-radius: 5px
}

.main-faq :where(.faq-item) .fa-minus {
	display: none
}

.main-faq .faq-item.active {
	background: var(--color-brand-soft);
	color: var(--color-brand)
}

.main-faq :where(.faq-item.active) .faq-head {
	color: var(--color-brand)
}

.main-faq :where(.faq-item.active .faq-head) .right-p {
	color: var(--color-brand)
}

.main-faq :where(.faq-item.active) .fa-minus {
	display: block
}

.main-faq :where(.faq-item.active) .fa-plus {
	display: none
}

:where(.main-faq .faq-item) .faq-head,
:where(.main-faq .faq-item .faq-head) h3 {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-text)
}

.dark :where(.main-faq .faq-item) .faq-head {
	color: var(--color-brand)
}

:where(.main-faq .faq-item .faq-head) .right-p {
	color: var(--color-brand);
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

:where(.main-faq .faq-item) .faq-content {
	display: none;
	padding-top: 12px;
	color: var(--color-text);
	font-size: 15px;
	line-height: 170%;
	padding-bottom: 8px
}

footer {
	background: var(--color-brand);
	padding: 50px 0 25px 0;
	color: var(--color-text-inverse)
}

footer .footer-links nav {
	display: flex;
	flex-direction: column
}

footer .footer-links a strong {
	font-size: 13px;
	line-height: 1.5rem;
	color: var(--color-accent-mint);
	font-weight: 600
}

footer .footer-links a {
	font-size: 13px;
	color: var(--color-text-inverse);
	line-height: 1.5rem
}

footer .footer-links a:hover {
	color: var(--color-accent-mint)
}

footer span {
	font-size: 14px
}

.footer-links {
	display: flex;
	flex-direction: column;
	text-align: left
}

footer .mail-link {
	color: var(--color-text-inverse)
}

.contact-icon {
	margin: 10px 0;
	line-height: 24px
}

.steps-content h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px
}

@media (min-width: 768px) {
	.steps-content h2 {
		white-space: nowrap;
	}

	.steps-content h2 br {
		display: none;
	}
}

.pages {
	padding: 150px 0
}

.form-control,
.form-control:read-only,
.form-control:disabled {
	background: var(--color-surface-elevated);
	border: none !important;
	border-radius: 10px;
	line-height: 20px;
	padding: 10px 18px;
	outline: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--color-text);
	height: 45px
}

.form-control:focus,
.form-control:hover {
	background: var(--color-surface-elevated);
	border: none !important;
	box-shadow: none !important;
	color: var(--color-text) !important
}

.dark .form-control,
.dark .form-control:read-only,
.dark .form-control:disabled {
	background: var(--color-surface-elevated)
}

.dark .form-control:focus,
.dark .form-control:hover {
	background: var(--color-surface-elevated)
}

.form-control::placeholder {
	color: var(--form-control-placeholder-text)
}

.dark .form-control::placeholder {
	color: var(--color-border-neutral)
}

.form-control:disabled {
	background-color: var(--color-brand);
	opacity: .7
}

.form-select,
select.form-control {
	background: var(--color-surface-elevated);
	border-radius: 35px;
	line-height: 20px;
	padding: 14px 18px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--form-select-inverse-text);
	width: 100%
}

.form-select:focus,
select.form-control:focus {
	background: var(--color-surface-elevated);
	box-shadow: none !important
}

.form-select::placeholder,
select.form-control::placeholder {
	color: var(--form-select-placeholder-text)
}

.form-label,
label {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-text);
	margin-bottom: 12px
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 30px var(--form-autofill-inset-bg) inset !important;
	-webkit-text-fill-color: var(--color-text-form-strong) !important
}

.d-dropdown .dropdown-toggle::after {
	display: none
}

@media only screen and (min-width:992px) {
	.head-out.fixed {
		border: 1px solid var(--color-page);
		border-top: none;
		background: var(--color-surface-translucent-60);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px
	}

	.head-out.fixed :where(.header-menu .hm-item) .hm-link {
		padding: 20px 20px
	}

	.hm-wrapper {
		display: block;
		bottom: inherit;
		background-color: var(--color-css-transparent);
		position: relative;
		border-radius: 0;
		padding: 10px 0;
		width: 100%;
		transform: none;
		overflow: inherit;
		opacity: 1 !important
	}

	main[data-page-template="free-service"] .appContent {
		padding-top: 90px;
	}

	.sm-header {
		display: none
	}

	.b-menu-close {
		display: none
	}

	.header-menu {
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		padding: 10px 0 10px 0
	}

	:where(.header-menu .hm-item) .hm-link,
	.login-link {
		padding: 34px 20px;
		display: block;
		font-size: 16px
	}
}

@media only screen and (max-width:991.98px) {
	.hm-wrapper .row.row-btn {
		display: unset !important
	}

	.h-section {
		margin: 25px 0
	}

	.prItem {
		width: 100% !important
	}

	.main-faq .faq-item .faq-head {
		font-size: 16px
	}

	.faq-section {
		padding: 50px 0
	}

	footer {
		text-align: center;
		padding: 25px 0
	}

	footer .footer-links {
		margin-top: 20px
	}

	.header-btn {
		justify-content: center;
		margin-left: 5px
	}
}

@-webkit-keyframes floating {
	0% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}

	50% {
		box-shadow: 0 25px 15px 0 var(--color-overlay-soft);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px)
	}

	100% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}
}

@keyframes floating {
	0% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}

	50% {
		box-shadow: 0 25px 15px 0 var(--color-overlay-soft);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px)
	}

	100% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}
}

@media (max-width:992px) {
}

@media (min-width:768px) {
}

.appContent {
	padding-bottom: 40px
}

@media (min-width:992px) {
	.appContent {
		padding: 0 15px 0
	}
}

.card {
	background: var(--color-page);
	border: 1px solid var(--color-border-transparent);
	box-sizing: border-box;
	border-radius: 10px
}

.card-body {
	padding: 15px;
	border-radius: 10px !important
}

.select2-container:not(.select2-container--open) .select2-selection--single {
	box-shadow: none !important;
}

.select2-results__option--highlighted:not(.is-selected) {
	background: var(--color-action-bright-soft);
	color: var(--color-action-bright) !important;
}

.select2-results__option[aria-disabled="true"],
.select2-results__option.select2-results__option--disabled,
.select2-container--default .select2-results__option[aria-disabled="true"],
.select2-results__option[aria-disabled="true"][aria-selected="false"],
.select2-results__option:not([aria-selected="true"])[aria-disabled="true"],
.select2-results__option[data-select2-hidden="true"],
.select2-results__option.select2-results__option--hidden {
	display: none !important;
}

select option[hidden],
select option:disabled[hidden],
select option[disabled][hidden],
select option[data-hidden="true"],
option.hidden-category {
	display: none !important;
}

@media (max-width: 1000px) {
}

@media (min-width: 1000px) {
}

@media (min-width:992px) {
}

@media (min-width:992px) {
}

@media (min-width:992px) {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (max-width:992px) {
}

@media (max-width:992px) {
}

@media (min-width:992px) {
}


@media (min-width:992px) {
}

@media (max-width:991.98px) {
}

@media (min-width:992px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {
}

.pagination .page-item.active .page-link {
	background-color: var(--color-brand-strong);
	color: var(--color-text-inverse) !important
}

.pagination .page-item.active .page-link::before {
	content: "";
	bottom: 0;
	height: 3px;
	width: 14px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--color-accent-mint)
}

.pagination .page-item:first-child {
	border-right: 1px solid var(--color-brand)
}

.pagination .page-item:first-child .page-link {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-weight: 400
}

.pagination .page-item:last-child {
	border-left: 1px solid var(--color-brand)
}

.pagination .page-item:last-child .page-link {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-weight: 400
}

.pagination .page-item .page-link {
	background: var(--color-brand-soft);
	border: none;
	margin: 0;
	height: 50px;
	padding: 0;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: var(--color-text) !important;
	position: relative;
}

.pagination .page-item .page-link:focus {
	z-index: 2
}

.btn-group .dropdown-menu {
	margin-left: calc(100% - 10rem);
	margin-top: 10px;
	border-radius: 15px
}

.search {
	background: var(--color-page);
	height: 55px;
	border-radius: 25px;
	line-height: 55px;
	padding-left: 30px
}

.dark .search {
	background: var(--search-surface-dark);
	background: var(--gradient-surface-cool-90)
}

.search i {
	color: var(--color-text)
}

.card-3 {
	border: 1px solid var(--color-surface-soft);
	box-sizing: border-box;
	box-shadow: 0 25px 50px var(--shadow-card-3);
	border-radius: 15px;
	position: relative;
	z-index: 25;
	padding: 10px 0;
	overflow: hidden
}

.card-3.card-shadow {
	background: var(--color-surface-soft);
	position: relative;
	border-radius: 25px;
	width: 100%
}

.card-3.card-shadow::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: linear-gradient(35deg, var(--color-surface-soft) 50%, var(--color-brand-soft) 100%);
	z-index: -1;
	border-radius: 25px
}

.card-3 .gi-title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text)
}

.dark .card-3 .gi-title {
	color: var(--color-text-strong)
}

.card-3 p {
	font-size: 14px
}

@media (min-width:991.98px) {
	.card-3 p {
		width: 600px
	}
}

.card-3 .card-icon {
	width: 44px;
	height: 44px;
	font-size: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.card-3 .card-icon.gi-1 {
	background-color: var(--color-brand-soft);
	color: var(--color-brand-strong)
}

@media (min-width:1440.98px) {
	.card-3 .card-icon {
		width: 82px;
		height: 82px;
		font-size: 40px
	}
}

@media (max-width:991.98px) {
}

.gi-title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text-strong)
}

.gi-text {
	color: var(--color-text-strong)
}

.dark .gi-text {
	color: var(--color-brand)
}

.gi-text a {
	color: var(--color-brand-strong)
}

.hw-img img {
	border-radius: 15px;
	border: 3px solid var(--color-brand-soft)
}

.card-img {
	position: absolute;
	right: 0;
	top: -65px;
	width: auto;
	opacity: .15
}

@media (max-width:991.98px) {
	.card-img {
		display: none
	}
}

.blog-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 28px;
	margin-top: 42px;
}

.blog-wrapper .blog-item {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--color-surface-soft);
	border-radius: 20px;
	background: var(--color-surface);
	box-shadow: 0 14px 32px color-mix(in srgb, var(--color-text) 6%, transparent);
	cursor: pointer;
	transition: border-color 220ms ease, box-shadow 220ms ease;
}

.blog-wrapper .blog-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}


.blog-wrapper .blog-img-wrapper {
	position: relative;
	display: flex;
	min-height: clamp(238px, 20vw, 258px);
	overflow: hidden;
	border-radius: 19px 19px 0 0;
	background: var(--color-surface-soft);
	isolation: isolate;
}

.blog-wrapper .blog-img-wrapper img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: inherit;
	transition: transform 260ms ease;
}

.blog-wrapper .blog-card-scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, color-mix(in srgb, var(--color-blog-card-deep) 92%, var(--color-css-transparent)) 0%, color-mix(in srgb, var(--color-blog-card-deep) 82%, var(--color-css-transparent)) 42%, color-mix(in srgb, var(--color-blog-card-deep) 58%, var(--color-css-transparent)) 72%, color-mix(in srgb, var(--color-blog-card-deep) 14%, var(--color-css-transparent)) 100%);
	opacity: .96;
	transition: opacity 220ms ease;
}

.blog-wrapper .blog-title {
	position: relative;
	z-index: 2;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
	min-height: clamp(238px, 20vw, 258px);
	margin: 0;
	padding: 18px 20px 24px;
	box-shadow: inset 3px 0 0 var(--blog-card-accent, var(--color-brand));
}

.blog-wrapper .blog-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	color: var(--color-text-inverse-86);
	font-size: var(--type-size-caption);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-label);
}

.blog-wrapper .blog-card-meta span,
.blog-wrapper .blog-card-meta small {
	min-width: 0;
	padding: 5px 8px;
	border: 1px solid var(--color-border-inverse-42);
	border-radius: 999px;
	background: var(--color-blog-card-meta-surface);
	color: inherit;
	font: inherit;
	white-space: nowrap;
}

.blog-wrapper .blog-card-meta small {
	margin: 0;
	border-color: var(--color-css-transparent);
	background: var(--color-css-transparent);
	padding-right: 0;
	color: var(--color-text-inverse-78);
}

.blog-wrapper .blog-title h2 {
	margin: 0;
	color: var(--color-text-inverse);
	font-family: var(--font-display);
	font-size: var(--type-size-card-title);
	font-weight: 650;
	line-height: 1.3;
	letter-spacing: var(--type-tracking-heading);
	display: block;
	overflow: visible;
	text-overflow: clip;
	line-break: strict;
	text-wrap: pretty;
	word-break: normal;
	-webkit-line-clamp: unset;
	-webkit-box-orient: initial;
}

.blog-wrapper .blog-item:is(:hover, :focus-within) .blog-img-wrapper img {
	transform: scale(1.015);
}

.blog-wrapper .blog-item:is(:hover, :focus-within) .blog-card-scrim {
	opacity: 1;
}

.blog-wrapper .blog-item:hover h2 {
	color: var(--color-text-inverse);
}

.blog-wrapper .blog-card-link:focus-visible .blog-img-wrapper {
	outline: 3px solid var(--blog-card-accent, var(--color-brand));
	outline-offset: 4px;
}

.blog-wrapper .blog-card-summary {
	min-height: 112px;
	padding: 18px 20px 20px;
	border-top: 1px solid var(--color-surface-soft);
	background: var(--color-surface);
}

.blog-wrapper .blog-card-summary p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--color-text-muted);
	font-size: var(--type-size-ui);
	font-weight: var(--font-weight-regular);
	line-height: 1.68;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media (min-width:992px) {
}

details {
	background: var(--color-surface-elevated);
	border-radius: 10px
}

details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	list-style: none;
	user-select: none;
	padding: 15px
}

details summary i {
	transition: 0.15s;
	color: var(--color-brand)
}

details[open] summary i {
	transform: rotate(45deg)
}

details p {
	padding: 26px;
	border-top: 1px solid var(--color-brand)
}

h2.hsTitle {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px
}

.brandSlider {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 400px
}

.brandSlider .bShadow {
	overflow: hidden;
	position: relative
}

@-webkit-keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6))
	}
}

@keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6))
	}
}

#infinite .bShadow {
	box-shadow: 0 3px 10px -3px var(--shadow-infinite-band);
	background: var(--color-page)
}

#infinite .bShadow::before,
#infinite .bShadow::after {
	content: " ";
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100px
}

#infinite .bShadow::before {
	bottom: 0;
	left: 0;
	background: var(--gradient-surface-fade-top)
}

#infinite .bShadow::after {
	top: 0;
	right: 0;
	background: var(--gradient-surface-fade-bottom)
}

#infinite .bShadow div {
	width: 100%;
	-webkit-animation: translateinfinite 25s linear infinite;
	animation: translateinfinite 25s linear infinite
}

.productBox {
	background: var(--color-surface-soft);
	border-radius: 10px;
	height: 60px;
	padding: 0 25px;
	margin-bottom: 10px
}

.productBox .pbLeft {
	color: var(--color-brand)
}

.productBox .pbLeft i {
	width: 35px;
	text-align: center
}

.productBox .pbRight {
	background: var(--color-accent-warm);
	border-radius: 7px;
	padding: 3px 15px;
	font-size: 12px;
	color: var(--color-text-product-inverse-muted)
}

@media (max-width:767.98px) {
}

@media (max-width:991.98px) {
}

.table td,
.table th {
	color: var(--color-text)
}

.footer-social ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 0;
	padding-top: 15px
}

.footer-social ul li {
	list-style-type: none;
	margin-right: 10px
}

.footer-social ul li a {
	color: var(--color-brand);
	font-size: 18px;
	line-height: 1
}

footer .footer-social ul li a {
	color: var(--color-text-inverse)
}

footer .footer-social ul li {
	border: 1px solid var(--color-border-inverse-translucent);
	width: 42px;
	height: 42px;
	text-align: center;
	border-radius: 100%;
	line-height: 42px;
	background: var(--color-surface-translucent-15);
}

@media (min-width:992px) {
	.card-3 .gi-title {
		font-size: 30px
	}

	.card-3 p {
		width: auto;
		font-size: 18px
	}
}

@media (min-width:992px) and (max-width:1440px) {
	.card-3 .card-icon {
		width: 42px;
		height: 42px;
		font-size: 32px
	}

	.card-3 p {
		width: auto
	}
}

.home-rates .trust {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	padding-bottom: 15px;
	color: var(--color-text)
}

.home-rates .trust .stars {
	margin-top: -3px
}

.home-rates .trust .stars i {
	font-size: 12px;
	color: var(--color-text-head-review-star);
	/*animation: stars-animation 2.5s ease infinite both*/
}

.home-rates .trust .stars:first-child {
	animation-delay: 0s;
}

.home-rates .trust .stars i:nth-child(2) {
	animation-delay: 0.2s;
}

.home-rates .trust .stars i:nth-child(3) {
	animation-delay: 0.4s;
}

.home-rates .trust .stars i:nth-child(4) {
	animation-delay: 0.6s;
}

.home-rates .trust .stars i:nth-child(5) {
	animation-delay: 0.8s;
}

.label {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 8px 14px;
	min-height: 35px;
	display: flex;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-radius: 20px
}

.steps-content p {
	color: var(--color-text-strong)
}

@media (max-width:991.98px) {

.home-rates {
		display: flex;
		justify-content: center;
		padding-top: 15px
	}

	.h-section h2 {
		font-size: 20px
	}
}

@media (min-width:991.98px) {
}

.marks {
	background: var(--color-highlight-mark-bg);
	position: relative
}

.circles {
	background: var(--section-orbit-dot-bg);
	position: relative
}


@media(max-width:991.98px) {
}

@media (max-width: 991.98px) {
}

.language-selector {
	position: relative;
	display: inline-flex;
}

/* The desktop selector is a fixed-width navigation item. Its floating menu
 * must never take part in the header's flex sizing while it opens. */
.language-selector:not(.language-selector--mobile) {
	flex: 0 0 92px;
	width: 92px;
	min-width: 92px;
	max-width: 92px;
	contain: layout;
}

.header-preference-controls {
	gap: 2px;
}

.header-language-switch,
.language-selector .header-language-switch {
	display: block;
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 38px;
	min-height: 38px;
	max-height: 38px;
	padding: 0 6px;
	/* Retain this transparent border on focus so the icon/label coordinate
	 * system cannot jump one pixel up and left when a menu opens. */
	border: 1px solid var(--color-surface-transparent);
	border-radius: 8px;
	background: var(--color-surface-transparent);
	color: var(--color-text-strong);
	font-size: var(--type-size-ui);
	font-weight: var(--font-weight-semibold);
	line-height: 1;
	box-shadow: none;
	transition: color 110ms ease;
}

.language-selector .header-language-switch::after {
	display: none;
	content: none;
}

.language-selector .header-language-switch:hover,
.language-selector .header-language-switch:focus-visible,
.language-selector.show .header-language-switch {
	border-color: var(--color-surface-transparent);
	background: var(--color-surface-transparent);
	box-shadow: none;
	color: var(--color-brand);
}

.language-selector .header-language-switch:focus-visible {
	outline: 2px solid rgba(var(--color-brand-rgb), .35);
	outline-offset: 2px;
}

.language-selector__globe,
.language-selector__chevron {
	flex: 0 0 auto;
}

.language-selector__globe {
	position: absolute;
	left: 6px;
	top: 50%;
	width: 22px;
	height: 22px;
	padding: 0;
	border-radius: 0;
	background: var(--color-surface-transparent);
	color: var(--color-brand);
	transform: translateY(-50%);
}

.language-selector__trigger > span {
	position: absolute;
	left: 32px;
	top: 50%;
	/* Keep the label paint stable between the closed and open states. The
	 * globe and chevron supply the active-state feedback, while recolouring
	 * Chinese glyphs makes their anti-aliasing look like a horizontal jump. */
	color: var(--color-text-strong);
	letter-spacing: .01em;
	transition: none;
	transform: translateY(-50%);
}

.language-selector__chevron {
	position: absolute;
	right: 6px;
	top: 50%;
	margin-left: 0;
	color: var(--color-brand);
	transform: translateY(-50%);
	transition: transform 110ms ease;
}

.language-selector.show .language-selector__chevron {
	transform: translateY(-50%) rotate(180deg);
}

/* Keep the desktop label on whole-pixel coordinates while the popup is
 * composited. The chevron remains the only part of the top-level item that
 * animates. */
.language-selector:not(.language-selector--mobile) .language-selector__globe {
	top: 8px;
	transform: none;
}

.language-selector:not(.language-selector--mobile) .language-selector__trigger > span {
	top: 12px;
	transform: none;
}

.language-selector:not(.language-selector--mobile) .language-selector__chevron {
	top: 12px;
	transform: none;
}

.language-selector:not(.language-selector--mobile).show .language-selector__chevron {
	transform: rotate(180deg);
}

.language-selector__menu.dropdown-menu {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 8px 0 0;
	padding: 5px;
	border: 1px solid rgba(var(--color-brand-rgb), .13);
	border-radius: 12px;
	background: var(--color-surface);
	box-shadow: var(--shadow-language-menu);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-5px) scale(.985);
	transform-origin: top left;
	visibility: hidden;
	transition: opacity 110ms ease, transform 110ms ease, visibility 0s linear 110ms;
}

/* Keep the menu's established desktop width when its header trigger is compact. */
.language-selector:not(.language-selector--mobile) .language-selector__menu.dropdown-menu {
	width: 132px;
	min-width: 132px;
}

.language-selector__menu.dropdown-menu.show {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	visibility: visible;
	transition-delay: 0s;
}

.language-selector__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 32px;
	padding: 0 7px;
	border: 0;
	border-radius: 8px;
	background: var(--color-surface-transparent);
	color: var(--color-text-strong);
	font: inherit;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	transition: color 120ms ease;
}

.language-selector__selected-mark {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border: 1px solid rgba(var(--color-brand-rgb), .32);
	border-radius: 50%;
	background: var(--color-surface-transparent);
	transform: scale(.75);
	transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.language-selector__option[aria-checked="true"] {
	background: rgba(var(--color-brand-rgb), .09);
	color: var(--color-brand);
	font-weight: 600;
}

.language-selector__option[aria-checked="true"] .language-selector__selected-mark {
	border-color: var(--color-brand);
	background: var(--color-brand);
	transform: scale(1);
}

.language-selector[data-translation-phase="provider-loading"] .language-selector__globe,
.language-selector[data-translation-phase="translating"] .language-selector__globe,
.language-selector[data-translation-phase="restoring"] .language-selector__globe {
	animation: language-selector-spin 800ms linear infinite;
}

.language-selector[aria-busy="true"] .language-selector__option {
	cursor: progress;
	opacity: .64;
}

.language-selector[data-translation-phase="error"] .language-selector__globe {
	color: var(--color-accent-warm);
}

.language-selector__option:hover {
	background: var(--color-surface-transparent);
	color: var(--color-brand);
	transform: none;
}

.language-selector__option:hover .language-selector__selected-mark {
	border-color: var(--color-brand);
}

.language-selector__option:focus-visible {
	background: var(--color-surface-transparent);
	color: var(--color-brand);
	outline: 0;
	box-shadow: inset 0 0 0 1px rgba(var(--color-brand-rgb), .28);
	transform: none;
}

.translation-provider-mount {
	position: fixed;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	clip-path: inset(50%);
}

/* The provider's word-level hover balloon is intentionally disabled. */
#goog-gt-tt,
.goog-tooltip,
.goog-te-balloon-frame {
	display: none;
	visibility: hidden;
	pointer-events: none;
}

.goog-text-highlight {
	border: 0;
	background-color: var(--color-surface-transparent);
	box-shadow: none;
}

html[data-translation-locale="en"] .translation-protected-term,
html[data-translation-locale="es"] .translation-protected-term,
html[data-translation-locale="de"] .translation-protected-term,
html[data-translation-locale="fr"] .translation-protected-term,
html[data-translation-locale="pt"] .translation-protected-term {
	margin-inline: .1em;
}

@keyframes language-selector-spin {
	to {
		transform: rotate(360deg);
	}
}

.language-selector--mobile .header-language-switch {
	flex-basis: 116px;
	width: 116px;
	min-height: 34px;
	padding: 0 9px;
	font-size: 13px;
}

.language-selector--mobile .language-selector__menu.dropdown-menu {
	left: auto;
	right: 0;
	width: 132px;
	min-width: 132px;
	max-width: calc(100vw - 24px);
	transform-origin: top right;
}

@media (prefers-reduced-motion: reduce) {
	.language-selector *,
	.language-selector *::before,
	.language-selector *::after {
		transition-duration: 0.01ms !important;
	}
}

@media only screen and (max-width:992px) {
}

@media only screen and (max-width:550px) {
}

@media only screen and (max-width:550px) {
}

@media (max-width: 991.98px) {
}

.h-section.why-more {
	margin: 0
}

.why-more {
	background: url(../images/shared-decorative-illustration-21.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 125px 0
}

.why-more h2 {
	font-style: normal;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 180.5%;
	margin-bottom: 15px;
	color: var(--color-brand);
}

.why-more h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-text-strong);
}

.bf-box {
	background: var(--color-surface-elevated);
	border-radius: 25px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden
}

.bf-box h3 {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-text-box-heading)
}

.bf-box p {
	position: relative;
	z-index: 1
}

.bf-box.bg-1::before {
	content: "";
	position: absolute;
	top: 0%;
	right: 30%;
	width: 60%;
	height: 80%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: var(--gradient-action-green-soft-120);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.box-header h2 {
	font-style: normal;
	font-size: 29px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 180.5%;
	color: var(--color-text-strong);
	max-width: 500px;
	text-align: center;
	margin: 0 auto 25px auto;
}

.sf-9 .box-header h2 {
	max-width: 700px;
}

.box-header h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-brand);
	font-weight: 700;
}

.box-header h2 span::after {
	content: '';
	background-image: url(../images/shared-decorative-divider-01.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	bottom: -8px;
	width: 70%;
	height: 20px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.ww-faq :where(.faq-item) .fa-minus {
	display: none
}

.dark :where(.ww-faq .faq-item) .faq-head {
	color: var(--color-brand)
}

.ww-faq :where(.faq-item.active .faq-head) .right-p {
	color: var(--color-brand)
}

.ww-faq :where(.faq-item.active) .fa-minus {
	display: block
}

.ww-faq :where(.faq-item.active) .fa-plus {
	display: none
}

:where(.ww-faq .faq-item .faq-head) .right-p {
	color: var(--color-brand);
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

.review-container h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 600px;
	margin: auto;
	text-align: center;
	font-weight: 700;
	color: var(--color-brand)
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: var(--color-css-transparent);
	display: block;
	width: 12px;
	height: 12px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: var(--color-css-transparent);
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background-color: var(--color-brand-strong);
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	text-align: center;
	color: red;
	border: 1px solid var(--color-brand-strong);
	border-radius: 50%;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	color: var(--color-brand-strong);
	width: 12px;
	height: 12px;
	background-color: var(--color-brand-strong);
	position: absolute;
	top: 0;
	left: 0;
}

.slick-dots li button::before {
	content: "";
}

@media only screen and (max-width:991.98px) {

	.review-container h2 {
		font-size: 24px;
		max-width: unset
	}

	.h-section.review-section {
		margin: 0 0 75px 0
	}

	.main-faq .faq-item .faq-head {
		font-size: 16px
	}

	.video-container img {
		max-width: 100%;
		height: auto;
	}

	.box-header h2 {
		font-size: 20px
	}

	.bf-box {
		padding: 15px;
	}

	.bf-box h3 {
		font-size: 18px
	}

	.why-more h2 {
		font-size: 20px;
		text-align: center;
	}

	.why-more {
		background-position: top right;
		padding: 20px 0 25px 0;
	}

	.cs-content .btn-primary,
	.wm-left .btn-primary {
		display: flex;
		margin: auto;
		max-width: max-content;
	}
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-overlay-popup-strong);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999
}

.popup.hidden {
	display: none;
}

.popup-content {
	position: relative;
	width: 100%;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.close {
	position: absolute;
	top: 30px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
	color: var(--color-text-inverse);
	z-index: 100;
	background: var(--color-brand);
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-radius: 100%;
}

.video-containers {
	position: relative;
	width: 100%;
	padding-top: 177.78%;
}

.video-containers iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.swiper-ugc {
	overflow: hidden
}

.meet-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	gap: 15px
}

.meet-header small {
	background: var(--section-meet-label-bg);
	color: var(--color-decor-forest-deep);
	width: max-content;
	font-size: 16px;
	border-radius: 15px;
	padding: 5px 15px;
	margin: auto
}

.meet-header h1 {
	color: var(--color-text-ink);
	font-size: 56px;
	font-weight: 700;
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.meet-header h1 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.meet-header h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1;
}

.meet-header p {
	color: var(--color-text-ink);
	margin: 0 auto 25px auto
}

.story-2 {
	padding: 75px 0
}

.story-img-geo {
	position: relative;
	isolation: isolate;
	padding: 12px 38px 30px 12px;
}

.story-img-geo > img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	box-shadow: 0 16px 32px rgba(var(--color-brand-deep-rgb), .08);
}

.story-img-geo::before,
.story-img-geo::after {
	content: '';
	position: absolute;
	z-index: 0;
	pointer-events: none;
}

.story-img-geo::before {
	bottom: 0;
	left: 0;
	width: 92px;
	height: 92px;
	border: 1px dashed rgba(var(--color-brand-rgb), .36);
	border-radius: 50%;
}

.story-img-geo::after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 26px;
	background:
		linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 0 0 / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 0 100% / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 100% 50% / 20px 92px no-repeat;
}

.story-img-geo--vision::before {
	left: auto;
	right: 0;
}

.story-img-geo--vision::after {
	right: auto;
	left: 0;
	background:
		linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 100% 0 / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 100% 100% / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 0 50% / 20px 92px no-repeat;
}

.story-img-geo--value::before {
	top: 0;
	bottom: auto;
}

.story-img-geo--value::after {
	top: 0;
	bottom: 0;
}

.story-text-1 {
	position: relative
}

.story-text-1 small {
	font-size: 18px;
	color: var(--color-decor-forest-deep)
}

.story-text-1 h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -0.50px;
	color: var(--color-text-ink);
}

.story-text-1 h2 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.story-text-1 h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1;
}

.story-text-1 h3 {
	font-size: 36px;
	font-weight: 700;
	color: var(--color-decor-forest-deep);
	margin-bottom: 35px
}

.story-text-1 p {
	line-height: 24px;
	color: var(--color-text-ink)
}

.story-text-1 a {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px
}

.story-text-1 a img {
	width: 36px
}

.story-text-1 a span {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-decor-forest-deep)
}

.story-2 {
	padding: 75px 0
}

.story-6 {
	padding: 75px 0
}

.story-img-6 {
	margin: auto;
	text-align: center
}

.story-img-6 .si6-big {
	max-width: 900px;
	margin: auto;
	text-align: center
}

/* Keep the About-page team-building photograph documentary and monochrome. */
.story-img-6 .si6-big[src$="our-story-team-building.webp"] {
	filter: grayscale(100%);
}

.story-text-6 {
	background: var(--section-story-text-dark-bg);
	border: 2px solid var(--color-decor-mint-bright);
	border-radius: 15px;
	color: var(--color-text-inverse);
	text-align: center;
	max-width: 600px;
	margin: -50px auto 0 auto;
	padding: 25px;
	position: relative;
	z-index: 1;
	font-size: 16px
}

.story-7 {
	padding: 50px 0
}

@media (min-width: 991.98px) {
}


.bottom-navigation-out {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-surface-soft);
	border-top: 1px solid var(--color-brand-soft);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0 10px;
	gap: 0;
	z-index: 50;
	box-shadow: var(--shadow-bottom-navigation-glow)
}

.bottom-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	gap: 5px;
	line-height: 1;
	padding: 10px 0px;
	color: var(--color-text);
	border-right: 1px solid var(--section-bottom-item-border)
}

.bottom-item:last-child {
	border-right: none
}

.bottom-item i {
	font-size: 18px;
}

.bottom-item-name {
	white-space: nowrap;
}

.bottom-item.active {
	color: var(--color-brand) !important
}

@media only screen and (min-width: 991.98px) {

	.bottom-navigation,
	.bottom-navigation-out {
		display: none !important;
	}
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}

@keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}


@media (max-width: 991.98px) {

	.appContent {
		padding-bottom: 65px;
	}

	.swiper-ugc {
		overflow: hidden;
	}

	.meet-header {
		margin-bottom: 25px
	}

	.story-img-1,
	.story-img-5 {
		margin-bottom: 35px
	}

	.story-text-1,
	.story-text-4,
	.story-text-5 {
		text-align: center
	}

	.story-text-4 a,
	.story-text-1 a {
		justify-content: center;
	}

	.story-4 {
		margin: 0;
	}

	.story-2 {
		padding: 50px 0;
	}

	.story-6 {
		padding: 25px 0;
	}

	.story-img-6 .si6-big {
		max-width: 100%
	}

	.story-text-6 {
		max-width: 300px;
		padding: 15px;
		font-size: 13px
	}

	.story-7 {
		padding: 25px 0;
	}

	.header-menu {
		gap: 0
	}

	.footer-social {
		display: flex;
		justify-content: center;
		margin: auto;
		gap: 10px
	}

	.footer-social ul li {
		margin: 0 10px
	}
}

.sf-1 {
	background: rgb(var(--color-glow-rgb));
	background: linear-gradient(180deg, var(--section-sf-gradient-start) 0%, var(--section-sf-gradient-end) 100%);
	position: relative;
	padding: 50px 0;
}

.sf-1 h1 {
	color: var(--color-text-ink);
	font-size: 38px;
	font-weight: 700;
	text-align: center;
}

.sf-1 h1 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.sf-1 h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
}

.sf-1 p {
	color: var(--color-text-ink);
	text-align: center;
	max-width: 750px;
	margin: 25px auto 0 auto;
}

.sf-1 .sf-wrapper {
	display: flex;
	gap: 35px;
	margin-top: 60px;
}

.sf-1 .sf-wrapper .sf-img {
	width: 153px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}

.sf-1 .sf-wrapper .sf-img img {
	width: 153px;
	height: auto !important;
	position: relative;
	z-index: 1
}

.sf-1 .sf-wrapper .sf-img::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 10px;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: var(--color-brand-deep-flat);
	opacity: 0.1;
	width: 100px;
	height: 100px;
	animation: ripple 1.75s infinite ease-out;
}

.sf-1 .sf-wrapper .sf-img::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: var(--color-brand-deep-flat);
	opacity: 0.03;
	width: 120px;
	height: 120px;
	animation: ripple 1.75s infinite ease-out;
}

@keyframes ripple {
	0% {
		transform: scale(1);
		opacity: 0.2;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

.sf-1 .sf-form {
	width: 100%;
}

.sf-1 .sf-form .form {
	background: var(--color-surface-cool-alt);
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 35px 20px;
	width: 100%;
}

.sf-1 .sf-form .form .sf-group-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 60px;
}

.sf-1 .sf-form .form .sf-group {
	width: 100%;
}

.sf-1 .sf-form .form .sf-group label {
	color: var(--color-text-form-label-strong);
}

.sf-1 .sf-form .form .sf-group .form-control,
.sf-1 .sf-form .form .sf-group .form-control:hover,
.sf-1 .sf-form .form .sf-group .form-control:focus {
	border-radius: 10px;
	border: 1px solid var(--color-border) !important;
	background: var(--color-surface);
	color: var(--color-text-ink);
	height: 50px;
	width: 100%;
}

.sf-1 .sf-form .btn-sf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: var(--button-height-prominent);
	border: 1px solid var(--button-action-border, transparent);
	background: var(--button-action-bg, var(--action-primary-bg));
	font-size: 16px;
	color: var(--button-action-fg, var(--action-primary-fg));
	line-height: 18px;
	padding: 12px 30px;
	border-radius: var(--button-radius);
	width: 100%;
	transition:
		background-color var(--button-transition),
		border-color var(--button-transition),
		color var(--button-transition),
		box-shadow var(--button-transition);
}

.sf-1 .sf-content {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.sf-1 .sf-content .text p {
	text-align: left;
	margin: 0;
	color: var(--color-decor-forest)
}

.sf-1 .sf-content .text p i {
	color: var(--color-decor-forest)
}

.sf-1 .sf-content .sf-count {
	display: flex;
	align-items: center;
	gap: 60px;
	margin-top: 50px
}

.sf-1 .sf-content .sf-count small {
	font-size: 28px;
	font-weight: 700;
	color: var(--color-text)
}

.sf-1 .sf-content .text p {
	text-align: left;
	margin: 0;
	color: var(--color-decor-forest)
}

.sf-1 .sf-content .sf-count p {
	font-size: 15px;
	color: var(--color-decor-forest)
}

.sf-1 .sf-bg-effects .sf-bg-1,
.sf-1 .sf-bg-effects .sf-bg-2,
.sf-1 .sf-bg-effects .sf-bg-3 {
	position: absolute
}

.sf-1 .sf-bg-effects .sf-bg-1 {
	max-width: 200px;
	top: 0;
	left: 0
}

.sf-1 .sf-bg-effects .sf-bg-2 {
	max-width: 150px;
	top: 0;
	right: 0
}

.sf-1 .sf-bg-effects .sf-bg-3 {
	max-width: 200px;
	bottom: -100px;
	right: 0
}

.sf-2 {
	margin: 100px 0;
}

.sf-2 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-2 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep)
}

.sf-2 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep)
}

.sf-3 {
	background: var(--section-sf-artwork-fade), url(../images/shared-decorative-illustration-21.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 125px 0;
}

.sf-3 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-3 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep)
}

.sf-3 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep)
}

.sf-3 .ww-boxes {
	background: url(../images/shared-decorative-illustration-26.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 350px 100px 25px;
	border-radius: 23px;
	position: relative
}

.sf-3 .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px
}

.sf-3 .ww-boxes h3 {
	font-size: 24px;
	font-weight: 500;
	color: var(--color-text)
}

.sf-3 .ww-boxes p {
	color: var(--color-text-muted-cool)
}

.sf-3 .ww-boxes img {
	position: absolute;
	top: auto;
	bottom: 0;
	right: 10px;
	max-width: 300px
}

.sf-3 .ww-boxes .btn {
	border-radius: 10px
}

.sf-4 {
	margin: 0
}

@media (min-width: 992px) {
	.sf-4 .ww-img {
		transform: translateY(-24px)
	}
}

.sf-4 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-4 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep);
	max-width: 500px
}

.sf-4 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep);
	max-width: 500px
}

.sf-5 {
	background: var(--section-sf-artwork-fade), url(../images/shared-decorative-illustration-21.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 135px 0 125px 0;
}

.sf-5 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-5 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep)
}

.sf-5 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep)
}

.sf-5 .ww-boxes-2 {
	background: url(../images/shared-decorative-illustration-24.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 23px;
	position: relative;
}

.sf-5 .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	max-width: 375px;
	padding: 75px 50px;
	text-align: center
}

.sf-5 .ww-boxes-2 h3 {
	font-size: 24px;
	color: var(--color-text-inverse)
}

.sf-5 .ww-boxes-2 p {
	font-size: 14px;
	color: var(--color-decor-purple-soft);
	max-width: 200px;
	margin: auto
}

.sf-5 .ww-boxes-2 .btn {
	--button-text: var(--color-decor-forest-shadow);
	--button-hover-text: var(--color-decor-forest-shadow);
	background: var(--color-surface);
	border-radius: 10px;
	color: var(--button-text);
	height: 50px;
	line-height: 25px;
	max-width: 225px;
	margin: auto
}

.sf-5 .ww-boxes-2 .btn:hover,
.sf-5 .ww-boxes-2 .btn:focus {
	background: var(--button-inverse-hover-bg);
	color: var(--button-hover-text);
	opacity: .9
}

.sf-6 {
	margin: 0 0 100px 0;
}

.sf-6 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-6 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep);
	max-width: 450px
}

.sf-6 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep);
	max-width: 500px
}

.sf-7 .sf-banner {
	background-color: var(--color-logo-purple-700);
	background-image: var(--gradient-free-banner-overlay), url(../images/free-service-social-media-bottom.webp);
	background-position: center, bottom center;
	background-repeat: no-repeat;
	background-size: cover, cover;
	border-radius: 15px;
	position: relative;
	padding: 60px 60px 125px 60px
}

.sf-7 .sf-banner h2 {
	font-size: 42px;
	color: var(--color-surface-mint-pale);
	max-width: 525px
}

.sf-7 .sf-banner p {
	font-size: 18px;
	color: var(--color-surface-mint-pale);
	max-width: 525px
}

.sf-8 {
	margin: 125px 0
}

.sf-9 h2 {
	font-family: var(--font-display);
	font-size: 36px;
	font-weight: 600;
	color: var(--color-text-ink-deep);
	max-width: 500px;
}

.sf-10 {
	margin: 50px 0
}

.sf-10 .sf-contact {
	background: var(--section-contact-bg);
	border-radius: 15px;
	padding: 50px
}

.sf-10 .sf-contact {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.sf-10 .sf-contact .sf-wrapper {
	display: flex;
	align-items: center;
	gap: 25px
}

.sf-10 .sf-contact .sf-wrapper .sf-arrow i {
	background: var(--color-surface-mint-pale);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	color: var(--color-text)
}

.sf-10 .sf-contact .sf-wrapper .sf-arrow i:before {
	transform: rotate(-30deg)
}

.sf-10 .sf-contact .sf-head {
	display: flex;
	flex-direction: column;
	gap: 0
}

.sf-10 .sf-contact .sf-head,
.sf-10 .sf-contact .sf-head a {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text-inverse) !important
}

.sf-10 .sf-contact .sf-head a:hover {
	color: var(--color-text-inverse) !important;
	opacity: .7
}

.sf-10 .sf-contact .sf-text {
	font-size: 16px;
	color: var(--color-text-inverse)
}

/* Free-service follow-up links are semantic navigation, not another submit.
 * Registration remains the locally stronger route while service discovery
 * stays outlined, so neither competes with the form request above. */
main[data-page-template="free-service"] [data-action-role="free-service-registration-link"] {
	min-height: var(--control-height);
}

main[data-page-template="free-service"] .ww-content + .row.mt-4 :is(
	[data-action-role="free-service-service-link"],
	[data-action-role="free-service-registration-link"]
) {
	min-height: var(--control-height);
	padding-inline: var(--space-4);
	white-space: nowrap;
}

main[data-page-template="free-service"] .ww-content + .row.mt-4 [data-action-role="free-service-service-link"] {
	--button-action-hover-shadow: none;
}

@media (max-width: 991.98px) {
	/* On mobile, keep the repeated free-service "服务 / 注册" pair centered as one CTA group. */
	main[data-page-template="free-service"] .ww-content + .row.mt-4 {
		justify-content: center;
	}

	main[data-page-template="free-service"] .ww-content + .row.mt-4 > .col-auto,
	main[data-page-template="free-service"] .ww-content + .row.mt-4 > .col {
		flex: 0 0 auto;
		width: auto;
	}

	main[data-page-template="free-service"] [data-action-role="free-service-registration-link"] {
		min-height: var(--control-height-touch);
	}

	main[data-page-template="free-service"] .ww-content + .row.mt-4 :is(
		[data-action-role="free-service-service-link"],
		[data-action-role="free-service-registration-link"]
	) {
		min-height: var(--control-height-touch);
		padding-inline: var(--space-3);
	}

	.sf-1 .sf-wrapper {
		gap: 40px;
		margin-top: 30px;
		flex-direction: column
	}

	.sf-1 .sf-form .form {
		padding: 30px 25px
	}

	.sf-1 .sf-form .form .sf-group-item {
		gap: 15px;
		flex-direction: column;
	}

	.sf-1 h1 {
		font-size: 24px
	}

	.sf-1 .sf-bg-effects .sf-bg-1 {
		width: 75px;
		left: -30px;
		top: -10px
	}

	.sf-1 .sf-bg-effects .sf-bg-2 {
		top: 275px;
		right: 0;
		width: 100px;
	}

	.sf-1 .sf-bg-effects .sf-bg-3 {
		bottom: -80px;
		width: 75px
	}

	.sf-card {
		padding-top: 25px
	}

	.sf-1 p {
		font-size: 14px;
		margin: 15px auto 0 auto;
	}

	.sf-1 .sf-content {
		margin-top: 30px;
		flex-direction: column;
	}

	.sf-1 .sf-content .text p {
		font-size: 12px;
	}

	.sf-1 .sf-content .image {
		margin-top: 30px
	}

	.sf-1 .sf-content .sf-count {
		gap: 40px;
		margin-top: 25px;
		justify-content: center;
		text-align: center
	}

	.sf-1 .sf-content .sf-count .item p {
		text-align: center
	}

	.sf-1 .sf-wrapper .sf-img {
		width: 153px;
		height: 120px
	}

	.sf-1 .sf-wrapper .sf-img img {
		width: 153px;
		height: auto
	}

	.sf-2 {
		margin: 100px 0 0 0;
	}

	.sf-2 .ww-content {
		text-align: center
	}

	.sf-2 .ww-content h2 {
		font-size: 24px;
	}

	.sf-3 {
		padding: 50px 0 25px 0;
	}

	.sf-3 .ww-boxes {
		padding: 50px 15px;
		width: 100%;
	}

	.sf-3 .ww-boxes img {
		display: none
	}

	.sf-3 .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.sf-3 .ww-content {
		text-align: center;
		margin-top: 25px
	}

	.sf-3 .ww-content h2 {
		font-size: 24px;
	}

	.sf-4 .ww-content {
		text-align: center
	}

	.sf-4 .ww-content h2 {
		font-size: 24px;
	}

	.sf-5 {
		padding: 25px 0 50px 0;
	}

	/* The banner sits in a persistent flex column, so explicitly fill the mobile content width. */
	main[data-page-template="free-service"] .sf-5 .ww-boxes-2 {
		width: 100%;
	}

	.sf-5 .ww-content {
		text-align: center;
		margin-top: 25px
	}

	.sf-5 .ww-content h2 {
		font-size: 24px;
	}

	.sf-6 {
		margin: 0 0 50px 0;
	}

	.sf-6 .ww-content {
		text-align: center
	}

	.sf-6 .ww-content h2 {
		font-size: 24px;
	}

	.sf-7 .sf-banner {
		padding: 50px;
		text-align: center
	}

	.sf-7 .sf-banner h2 {
		font-size: 24px;
		max-width: 100%;
	}

	.sf-8 {
		margin: 50px 0;
	}

	.sf-9 h2 {
		font-size: 26px
	}

	.sf-9 .bf-box {
		text-align: center
	}

	.sf-10 {
		margin: 25px 0;
	}

	.sf-10 .sf-contact {
		gap: 15px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 25px 50px
	}

	.sf-10 .sf-contact .sf-wrapper {
		gap: 10px;
		flex-direction: column;
	}
}

.bf-alt .head-review .hr-text :where(span)>span {
	color: var(--review-head-count-text)
}

.bf-7 :where(.main-faq .faq-item) .faq-head {
	font-weight: 600;
	color: var(--color-decor-forest-muted)
}

.bf-7 :where(.main-faq .faq-item) .faq-content {
	color: var(--color-decor-forest-muted)
}

@media (max-width: 767.98px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {

	#productSlide .fa-angle-right,
	#contentSlide .fa-angle-right,
	.bf-9 #userSlide .fa-chevron-right,
	.bf-16 #ratesSlide .fa-chevron-right {
		right: 8px;
	}
}

@media only screen and (max-width:991.98px) {
}

@keyframes stars-animation {
	0% {
		scale: 0;
	}

	10% {
		scale: 1.1;
	}

	15% {
		scale: 1;
	}
}

@media screen and (max-width: 1440px) {
}

.footer-flex {
	display: flex;
}

.footer-flex .footer-left {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-right: 40px;
	width: 25%;
}

.footer-flex .footer-left p {
	margin-bottom: 0;
	font-size: 12px
}

.footer-flex .footer-left>img {
	width: 200px;
	height: 56px;
	object-fit: contain;
	object-position: left center
}

.footer-flex .footer-center {
	display: flex;
	gap: 25px;
	width: 80%;
}

:where(.mtp-owner .wm-left) .head-btn-alt .btn {
	text-align: center;
	justify-content: center;
	max-width: 300px
}

@media (min-width:991.98px) {

	#productSlide .slick-dots {
		display: none !important
	}

	.prItem .prContent>h3 {
		min-height: 60px;
	}
}

@media (max-width:991.98px) {

	#productSlide .slick-track {
		gap: 0
	}

	#productSlide .fa-angle-left,
	#productSlide .fa-angle-right {
		display: none !important
	}

	.footer-flex {
		flex-direction: column;
		padding-bottom: 50px;
	}

	.footer-left {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 0px;
		margin-bottom: 26px;
		gap: 0px;
		width: 100%
	}

	.footer-center {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: flex-start;
		gap: 42px 60px;
		justify-content: center;
		width: 100%
	}

	footer .footer-links a {
		font-size: 12px;
	}

	.contact-icon {
		margin: 0
	}
}

.blog-box .bb-wrapper {
	overflow: visible;
	position: relative
}

.blog-box .bb-img img {
	object-fit: cover;
	border-radius: 15px;
	width: 100%;
}

.blog-box .bb-title {
	text-align: center;
	margin-bottom: 35px
}

.blog-box .bb-title h1 {
	font-size: 36px;
	font-weight: 600;
	line-height: 52px;
	color: var(--color-text)
}

.blog-box .bb-wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top: 25px
}

.blog-box .bb-wrapper .bb-content {
	width: 900px;
	color: var(--color-text);
	font-size: 16px
}

.blog-box .bb-wrapper .bb-content h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin: 35px 0 35px;
}

.blog-box .bb-wrapper .bb-content h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

#author .ms-title h2 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: var(--color-text-strong);
}

#author .ms-title h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-brand);
}

#author .ms-title h2 span::after {
	content: '';
	background-image: url(../images/shared-decorative-divider-01.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -18px;
	width: calc(100% + 10px);
	height: 20px;
}

.why-more .ww-boxes {
	background: url(../images/shared-decorative-illustration-26.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 300px 30px 25px;
	border-radius: 23px;
	position: relative
}

.why-more .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px
}

.why-more .ww-boxes h3 {
	font-size: 20px;
	font-weight: 500;
	color: var(--color-text)
}

.why-more .ww-boxes p {
	color: var(--color-text-muted-cool)
}

.why-more .ww-boxes img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 275px
}

.why-more .ww-boxes .btn {
	border-radius: 10px
}

.ms-title h3 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: var(--color-text-strong);
}

@media (max-width:991.98px) {
	.ms-title h3 {
		font-size: 20px;
	}

	.blog-box .bb-wrapper {
		flex-direction: column;
	}

	.blog-box .bb-wrapper .bb-content {
		width: auto
	}

	.blog-box .bb-title {
		margin-bottom: 15px;
	}

	.blog-box .bb-title h1 {
		font-size: 24px;
		line-height: 32px
	}

	.blog-box .bb-wrapper .bb-content h2 {
		font-size: 18px;
		margin: 15px 0 15px;
	}

	.blog-box .bb-wrapper .bb-content h3 {
		font-size: 16px;
		margin: 10px 0 10px;
	}

	.blog-wrapper {
		grid-template-columns: 1fr;
		gap: 15px
	}

	.why-more .ww-boxes {
		padding: 50px 15px;
		width: 100%;
		margin-bottom: 25px
	}

	.why-more .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.why-more .ww-boxes img {
		display: none
	}

	.why-more .btn {
		width: 100%;
	}
}

.hm-services-item a {
	display: flex !important;
	align-items: center;
	gap: 5px
}

@media only screen and (min-width:992px) {
	/* Preserve the header's horizontal grid while the fixed-state brand compacts. */
	.header-brand-lockup {
		flex: 0 0 179px;
		width: 179px;
	}

	.head-out.fixed .hm-wrapper {
		padding: 4px 0;
	}

	/* Keep the original 70px header rhythm: logo breathing room is internal. */
	.head-out:not(.fixed) .home-logo {
		flex: 0 0 70px;
		width: 70px;
		height: 70px;
		display: flex;
		align-items: center;
	}

	.head-out:not(.fixed) .home-logo img {
		width: 66px;
		height: 66px;
	}

	/* First-screen branding can use the full visual space without moving the grid. */
	.head-out:not(.fixed) .header-brand-lockup {
		gap: 6px;
	}

	/* Preserve the desktop brand column while compacting only the fixed-state image. */
	.head-out.fixed .home-logo {
		flex: 0 0 70px;
		width: 70px;
		height: 49px;
		display: flex;
		align-items: center;
	}

	.head-out.fixed .home-logo img {
		width: 42px;
		height: 42px;
	}

	.head-out.fixed .header-brand-lockup {
		gap: 8px;
	}

	/* Keep the 70px grid slot, while visually following the 42px fixed logo. */
	.head-out.fixed .header-brand-text {
		transform: translateX(calc(42px - 70px));
	}

	.head-out.fixed .header-brand-name {
		font-size: 15.4px;
	}

	.head-out.fixed .header-brand-platform {
		margin-top: 2.8px;
		font-size: 10.5px;
	}

	.header-menu {
		gap: 8px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: var(--color-surface-transparent);
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	:where(.header-menu .hm-item) .hm-link,
	.head-out.fixed :where(.header-menu .hm-item) .hm-link {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		padding: 10px 15px;
		border-radius: 10px;
		font-size: var(--type-size-body);
		line-height: 1;
		transition: color 140ms ease, background-color 140ms ease, transform 140ms ease;
	}

	.header-menu .hm-services-item>.hm-link {
		box-sizing: border-box;
		flex: 0 0 106px;
		width: 106px;
		gap: 7px;
		justify-content: center;
		white-space: nowrap;
	}

	.header-menu .hm-services-item>button.hm-link {
		border: 0;
		background: var(--color-surface-transparent);
		color: var(--color-accent-warm);
		font-family: inherit;
		font-size: var(--type-size-body);
		font-weight: var(--font-weight-bold);
		line-height: 1;
		letter-spacing: var(--type-tracking-body);
		cursor: pointer;
	}

	.header-menu .hm-resources-item>.hm-link {
		flex-basis: 122px;
		width: 122px;
	}

	.header-menu .hm-item>.hm-link.is-active {
		background: var(--color-surface-lilac-soft);
		color: var(--color-brand);
	}

	.header-menu .hm-item>.hm-link:hover,
	.header-menu .hm-item>.hm-link:focus-visible {
		background: rgba(var(--color-brand-rgb), .07);
		color: var(--color-brand);
		opacity: 1;
		outline: 0;
	}

	.header-menu .hm-services-item.is-menu-open>.hm-link,
	.header-menu .hm-services-item.is-menu-open>.hm-link:hover,
	.header-menu .hm-services-item.is-menu-open>.hm-link:focus-visible {
		background: var(--color-surface-transparent);
		color: var(--color-accent-warm);
		opacity: 1;
	}

	.header-menu .hm-link:focus-visible {
		box-shadow: 0 0 0 2px rgba(var(--color-brand-rgb), .35);
	}

	.header-menu .hm-services-item>.hm-link .fa-angle-down {
		font-size: 12px;
		transition: transform 140ms ease;
	}

	.header-menu .hm-services-item.is-menu-open>.hm-link .fa-angle-down {
		transform: rotate(180deg);
	}

}

.mtp-alt-menu {
	position: absolute;
	top: 64px;
	left: 0;
	margin: 0;
	padding: 8px;
	min-width: 244px;
	background: var(--color-surface);
	border: 1px solid rgba(var(--color-brand-rgb), .13);
	box-shadow: var(--shadow-service-menu);
	border-radius: 12px;
	z-index: 9999;
	width: 244px;
	overflow: visible;
}

.resource-navigation-menu {
	min-width: 184px;
	width: 184px;
}

.mtp-alt-menu li {
	list-style-type: none
}

.mtp-alt-menu {
	display: none;
}

.mtp-alt-menu.show {
	display: flex;
	flex-direction: column;
	animation: service-menu-reveal 160ms cubic-bezier(.2, .75, .25, 1) both;
}

.mtp-alt-menu>li {
	padding: 0;
	position: relative;
	z-index: 2;
}

.mtp-alt-menu-second.is-open {
	display: block;
	animation: service-menu-submenu-reveal 150ms cubic-bezier(.2, .75, .25, 1) both;
}

.mtp-alt-menu-first {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 42px;
	padding: 0 12px;
	margin-bottom: 0;
	border: 0;
	border-radius: 11px;
	background: var(--color-css-transparent);
	color: var(--color-text-ink);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;
	transition: background-color 140ms ease, color 140ms ease;
}

.mtp-alt-menu-first:hover,
.mtp-alt-menu>li:focus-within>.mtp-alt-menu-first {
	background: var(--color-surface-lilac-soft);
	color: var(--color-brand);
	text-decoration: none;
}

.mtp-alt-menu-first:focus-visible,
.mtp-alt-menu-second a:focus-visible {
	outline: 2px solid rgba(var(--color-brand-rgb), .58);
	outline-offset: -2px;
}

.mtp-alt-menu-first .mtp-alt-menu-text {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.mtp-alt-menu-first .mtp-alt-menu-text i {
	flex: 0 0 24px;
	width: 24px;
	font-size: 18px;
	text-align: center;
}

.mtp-alt-menu-second {
	display: none;
}

.mtp-alt-menu-second {
	position: absolute;
	top: -8px;
	left: calc(100% - 8px);
	right: auto;
	width: 264px;
	margin: 0;
	padding: 8px;
	background-color: var(--color-surface);
	border: 1px solid rgba(var(--color-brand-rgb), .12);
	border-radius: 16px;
	box-shadow: var(--shadow-service-submenu);
	z-index: 3;
}

.mtp-alt-menu>li:nth-child(n+11) .mtp-alt-menu-second.is-open {
	bottom: 0;
	top: auto
}

.mtp-alt-menu-first .fa-caret-right {
	margin-left: auto;
	font-size: 12px;
	opacity: .58;
	transition: opacity 140ms ease;
}

.mtp-alt-menu>li:hover .mtp-alt-menu-first .fa-caret-right,
.mtp-alt-menu>li:focus-within .mtp-alt-menu-first .fa-caret-right {
	opacity: 1;
}

.mtp-alt-menu-second li a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 0 12px;
	color: var(--color-text-ink);
	font-size: 14px;
	font-weight: 550;
	line-height: 1.3;
	justify-content: flex-start;
	text-decoration: none;
	border-radius: 10px;
	transition: background-color 140ms ease, color 140ms ease;
}

.mtp-alt-menu-second>li {
	padding: 0;
}

.mtp-alt-menu-second>li:hover,
.mtp-alt-menu-second>li:focus-within {
	background: var(--color-css-transparent);
}

.mtp-alt-menu-second>li:hover a,
.mtp-alt-menu-second>li:focus-within a {
	background: var(--color-surface-lilac-soft);
	color: var(--color-brand);
	text-decoration: none;
}

.mtp-alt-menu-second li a>i {
	width: 17px;
	font-size: 16px;
	text-align: center;
}

.mtp-alt-menu-second-icon {
	display: grid;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 8px;
	background: var(--color-surface-lilac-faint);
}

@keyframes service-menu-reveal {
	from {
		opacity: 0;
		transform: translateY(-5px) scale(.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes service-menu-submenu-reveal {
	from {
		opacity: 0;
		transform: translateY(-4px) scale(.99);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media only screen and (min-width:992px) {
	.mtp-alt-menu {
		top: calc(100% + 6px);
		/* Keep the platform index naturally sized; only tighten its desktop rhythm. */
		padding: 6px;
		display: flex;
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transform: translateY(-5px) scale(.985);
		transform-origin: top left;
		will-change: opacity;
		transition: opacity 110ms ease, transform 110ms ease, visibility 0s linear 110ms;
	}

	.mtp-alt-menu.show,
	.mtp-alt-menu.is-open {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0) scale(1);
		animation: none;
		transition-delay: 0s;
	}

	.mtp-alt-menu-first {
		min-height: 40px;
		padding-inline: 11px;
	}

	.mtp-alt-menu-first .mtp-alt-menu-text {
		gap: 9px;
	}

	/* The 6px overlap remains the pointer bridge to the temporary hover flyout. */
	.mtp-alt-menu-second {
		top: -6px;
		left: calc(100% - 6px);
		width: 256px;
		padding: 6px;
	}

	.mtp-alt-menu-second li a {
		padding-inline: 11px;
	}
}

.fa-brands.fa-instagram,
.fa-facebook,
.fa-discord,
.fa-reddit,
.fa-soundcloud,
.fa-spotify,
.fa-twitch,
.fa-youtube,
.fa-discord,
.fa-vimeo,
.fa-telegram,
.fa-linkedin,
.fa-x-twitter,
.fa-quora,
.fa-snapchat,
.fa-linkedin,
.fa-discourse {
	-webkit-background-clip: text;
	background-clip: text
}

.mtp-platform-icon-kick {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	vertical-align: -.125em;
}

.mtp-platform-icon-kick::before {
	content: '' !important;
	display: block;
	width: 100%;
	height: 100%;
	background: currentColor;
	-webkit-mask: url('/images/kick.svg') center / contain no-repeat;
	mask: url('/images/kick.svg') center / contain no-repeat;
	/* The official Kick mark fills its square SVG viewBox; FA brand glyphs carry
	 * more built-in side bearing. Keep the allocated icon box unchanged and
	 * reduce only the mark's visual footprint for menu and card parity. */
	-webkit-mask-size: 72%;
	mask-size: 72%;
}

.mtp-alt-menu .mtp-platform-icon-kick {
	color: var(--platform-kick)
}

.mtp-alt-menu .fa-twitch {
	color: var(--platform-twitch-menu)
}

.mtp-alt-menu .fa-reddit {
	color: var(--platform-reddit-menu)
}

.mtp-alt-menu .fa-telegram {
	color: var(--platform-telegram-menu)
}

.mtp-alt-menu.fa-linkedin {
	color: var(--platform-linkedin-menu)
}

.mtp-alt-menu .fa-soundcloud {
	color: var(--platform-soundcloud-menu)
}

.mtp-alt-menu .fa-spotify {
	color: var(--platform-spotify-menu)
}

.mtp-alt-menu .fa-pinterest-p {
	color: var(--platform-pinterest);
}

.mtp-alt-menu .fa-x-twitter {
	color: var(--platform-twitter-menu)
}

.mtp-alt-menu .mtp-platform-icon-threads {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: var(--platform-threads);
	-webkit-mask: url('/images/threads.svg') center / contain no-repeat;
	mask: url('/images/threads.svg') center / contain no-repeat;
}

.mtp-alt-menu .fa-facebook {
	color: var(--platform-facebook-menu)
}

.mtp-alt-menu .fa-youtube {
	color: var(--platform-youtube-menu)
}

.mtp-alt-menu .fa-snapchat {
	color: var(--platform-snapchat-menu)
}

.mtp-alt-menu .fa-tiktok {
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan)
}

.mtp-alt-menu .fa-discord {
	color: var(--platform-discord-menu)
}

.mtp-alt-menu .fa-brands.fa-instagram {
	background: none;
	color: var(--platform-instagram);
	-webkit-text-fill-color: currentColor;
}

.mtp-alt-menu .fa-brands.fa-instagram:before {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	color: var(--color-css-transparent);
}

.mtp-alt-menu .fa-linkedin {
	color: var(--platform-linkedin)
}

.mtp-alt-menu .fa-quora {
	color: var(--platform-quora)
}

.h-section h3 {
	font-size: 16px;
}

.h-section .bf-box {
	background: url(../images/shared-decorative-illustration-02.png), var(--color-surface);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	padding: 25px 25px 0 25px;
	box-shadow: var(--shadow-cool-elevated);
	border: 1px solid var(--color-border-light);
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 25px;
	min-height: 265px;
}

.h-section .bf-box h3 {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-decor-forest-muted)
}

.h-section .bf-box p {
	line-height: 18px;
	color: var(--color-text);
	min-height: 75px
}

:where(.services-faq .faq-item) .faq-head {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: var(--color-brand-soft);
	color: var(--color-text-strong);
	border-radius: 5px;
	padding: 13px 15px;
	cursor: pointer
}

.services-faq :where(.faq-item.active) .faq-head {
	border-radius: 5px 5px 0 0
}

:where(.services-faq .faq-item .faq-head) .faq-icon {
	width: 32px;
	height: 32px;
	background: var(--color-brand);
	border-radius: 100px;
	text-align: center;
	line-height: 32px;
	color: var(--color-text-inverse);
	flex-shrink: 0
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-instagram {
	background: var(--gradient-platform-instagram-radial)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-facebook {
	background: var(--platform-facebook-alt)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-tiktok {
	background: var(--color-surface-inverse)
}

:where(.services-faq .faq-item .faq-head .faq-icon) .fa-tiktok {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-youtube {
	background: var(--platform-youtube-red)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-twitter {
	background: var(--color-surface-inverse)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-spotify {
	background: var(--platform-spotify)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-discord {
	background: var(--platform-discord-legacy)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-kick {
	background: var(--platform-kick)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-twitch {
	background: var(--platform-twitch-legacy)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-linkedin {
	background: var(--platform-linkedin)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-quora {
	background: var(--platform-quora)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-snapchat {
	background: var(--platform-snapchat)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-soundcloud {
	background: var(--platform-soundcloud)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-telegram {
	background: var(--color-decor-blue-social)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-vimeo {
	background: var(--platform-vimeo-bright)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-onlyfans {
	background: var(--platform-onlyfans)
}

:where(.services-faq .faq-item .faq-head) .faq-arrow {
	margin-left: auto;
	color: var(--color-brand)
}

:where(.services-faq .faq-item) .faq-drop {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	gap: 7px
}

:where(.services-faq .faq-item .faq-drop) h4 {
	display: flex;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	width: 100%
}

:where(.services-faq .faq-item .faq-drop h4) a {
	background: var(--color-surface-lilac-soft);
	color: var(--color-brand);
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	width: 100%
}

:where(.services-faq .faq-item .faq-drop h4) a:hover {
	background: var(--color-surface-lilac-hover)
}

.ww-content h3 {
	font-size: 18px
}

.footer-list,
.footer-drop {
	padding-left: 0
}

.footer-list li {
	list-style-type: none
}

.footer-list-item {
	position: relative;
	cursor: pointer;
	line-height: 1.5rem;
}

.footer-list-item span {
	text-decoration: none;
	display: block;
	font-size: 13px
}

.footer-drop {
	border-radius: 15px;
	display: none;
	position: absolute;
	top: 0px;
	left: 100%;
	color: var(--color-text);
	background-color: var(--color-accent-mint);
	min-width: max-content;
	max-height: 300px;
	overflow: auto;
	z-index: 9999;
}

@media (max-width: 991px) {
	.footer-drop {
		top: 100%;
		left: 0;
		right: auto;
	}
}

:where(.footer-list-item:hover) .footer-drop {
	display: block;
}

.footer-drop-item {
	width: 100%;
}

footer .footer-links .footer-drop-item>a {
	color: var(--color-brand);
	border-bottom: 1px solid var(--color-decor-forest-border);
	text-decoration: none;
	padding: 3px 7px;
	display: block;
	font-family: inherit;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5rem;
}

.footer-drop-item:hover,
.footer-drop-item:focus-within {
	background-color: var(--color-brand);
}

footer .footer-links .footer-drop-item:hover>a,
footer .footer-links .footer-drop-item:focus-within>a {
	color: var(--color-text-inverse)
}

@-webkit-keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-red-start)
	}

	70% {
		box-shadow: 0 0 0 10px var(--color-glow-pulse-red-end)
	}

	100% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-red-end)
	}
}

.page-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	border-radius: 10px;
	background: var(--gradient-brand-275);
	margin-bottom: 10px;
	position: relative;
	padding: 24px;
	overflow: hidden;
	z-index: 10;
	width: 100%;
}

.page-box::before {
	content: '';
	width: 8px;
	height: 60%;
	background: var(--color-surface);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.page-box::after {
	content: "";
	position: absolute;
	top: 95%;
	right: 20%;
	width: 60%;
	height: 50%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: linear-gradient(120deg, var(--color-action-bright) 0%, var(--color-action-bright-soft) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.page-box img {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
	opacity: .1;
}

.page-box h4 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 0;
	font-size: 24px;
	color: var(--color-text-inverse)
}

.page-box p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	padding-top: 5px;
	color: var(--color-text-inverse)
}

.page-box .page-text p {
	max-width: 725px
}

.page-box .page-text,
.page-box a {
	position: relative;
	z-index: 3
}

@-webkit-keyframes pulse-green {
	0% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}

.modal-header {
	display: flex;
	padding: 15px 25px;
	align-items: center;
	justify-content: start;
	gap: 14px;
	position: relative;
	border-bottom: 1px solid var(--color-brand-soft)
}

.modal-header .btn-line-icon {
	background: var(--color-surface-elevated);
	width: 32px;
	height: 32px;
	padding: 10px;
	line-height: 32px;
	color: var(--color-text);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	margin-left: auto
}

.modal-content {
	background: var(--color-page);
}

.modal-body {
	overflow-y: auto;
}

.modal-content {
	max-height: calc(100vh - 60px);
	border-radius: 15px
}

.modal-title {
	color: var(--color-text);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.36px;
	margin: 0;
}

.modal-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background-color: var(--color-brand-soft);
	color: var(--color-brand-strong);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 18px;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 700px
	}
}

#switch {
	margin: 0 auto;
	position: relative;
	display: block;
	width: 60px;
	height: 25px;
	background: var(--gradient-gold-275);
	border-radius: 100px;
	cursor: pointer;
}

#circle {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background: var(--color-surface);
	right: calc(100% - 5px - 1em);
	top: -2px;
	left: 0;
	transition: 0.6s ease;
	transition: 0.6s cubic-bezier(0.65, -0.05, 0.29, 1.2);
	background-clip: padding-box;
	z-index: 5;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	text-align: center;
	line-height: 30px;
	color: var(--color-text-circle)
}

#toggle:checked+#switch #circle {
	left: 30px
}

#toggle:checked+#switch {
	background: var(--color-action-bright);
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

:where(.faq-menu .nav) .nav-link {
	background: var(--color-surface-elevated);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 10px;
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	color: var(--color-text-faq-menu-link);
}

:where(.faq-menu .nav) .nav-link:hover {
	background: var(--color-brand-soft);
}

:where(.faq-menu .nav) .nav-link.active {
	background: var(--color-decor-gold-bright);
	color: var(--color-text-inverse);
}

:where(.faq-tabs-content .faq-wrapper) .faq-item {
	position: relative;
	cursor: pointer;
	background: var(--color-css-transparent);
	-webkit-transition: .2s ease;
	transition: .2s ease;
	background: var(--color-page);
	border: 1px solid var(--color-border-inverse-subtle);
	color: var(--color-text);
	border-radius: 10px;
	height: max-content;
	margin-bottom: 0;
}

:where(.faq-tabs-content .faq-wrapper .faq-item) .faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

:where(.faq-tabs-content .faq-wrapper .faq-item .faq-head) h3 {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-text);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.faq-tabs-content :where(.faq-wrapper .faq-item.active .faq-head) h3 {
	color: var(--color-action-bright)
}

:where(.faq-tabs-content .faq-wrapper .faq-item) .faq-arrow {
	color: var(--color-text);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.faq-tabs-content :where(.faq-wrapper .faq-item.active) .fa-angle-down {
	transform: rotate(180deg);
}

:where(.faq-tabs-content .faq-wrapper .faq-item) .faq-content {
	display: none;
	padding-top: 12px;
	background: var(--color-page);
	border-radius: 0 0 10px 10px;
	padding: 0 15px 10px 15px;
	color: var(--color-text);
	font-size: 13px;
}

@media (min-width:991.98px) {
}

@media (max-width:991.98px) {

	.page-box {
		flex-direction: column;
		text-align: center;
		padding: 10px 20px
	}

	.page-box h4 {
		justify-content: center;
	}

	.header-menu .hm-item {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.mtp-alt-menu>li {
		/* Keep the mobile platform index as compact as the desktop menu. */
		padding: 0
	}

	.mtp-alt-menu>li:hover {
		background: var(--color-css-transparent)
	}

	.mtp-alt-menu {
		position: relative;
		width: 100%;
		left: inherit;
		right: inherit;
		top: inherit;
		min-width: 100%;
		margin: 8px 0 0;
		padding: 8px;
		background: var(--color-surface);
		border: 1px solid rgba(var(--color-brand-rgb), .13);
		border-radius: 12px;
		box-shadow: var(--shadow-language-menu);
		transform-origin: top left;
	}

	/* `site-shell-runtime.js` controls the mobile service index with .is-open.
	 * The desktop rule only changes visibility, so touch navigation also needs
	 * an explicit layout state here. */
	.mtp-alt-menu.is-open {
		display: flex;
		flex-direction: column;
		animation: service-menu-reveal 110ms ease both;
	}

	.mtp-alt-menu-first {
		min-height: 44px;
		padding-inline: 11px;
	}

	.mtp-alt-menu-first .mtp-alt-menu-text {
		gap: 9px
	}

	.mtp-alt-menu-second {
		position: relative;
		inset: auto;
		transform: none;
		width: 100%;
	}

	/* The shared shell runtime toggles this state for touch navigation. Keep it
	 * explicit instead of relying on desktop :hover/:focus-within rules. */
	.mtp-alt-menu-second.is-open {
		display: block;
		animation: service-menu-submenu-reveal 110ms ease both;
	}

	.mtp-alt-menu-first .fa-caret-right {
		transform: translate(0) rotate(90deg);
		transition: transform 110ms ease, opacity 110ms ease;
	}

	.mtp-alt-menu-first[aria-expanded="true"] .fa-caret-right {
		transform: translate(0) rotate(270deg)
	}

	.modal-title {
		font-size: 14px;
	}

	.modal-icon {
		display: none;
	}

	.pagination .page-item .page-link {
		height: 30px;
		min-width: 30px;
	}

	.pagination .page-item:first-child .page-link {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px
	}

	.pagination .page-item:last-child .page-link {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px
	}

	.page-box img {
		opacity: .08;
	}

	:where(.faq-tabs-content .faq-wrapper .faq-item .faq-head) h3 {
		font-size: 14px
	}
}

.aff-faq :where(.faq-tabs-content) .faq-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	margin-top: 0
}

.aff-faq :where(.faq-tabs-content .faq-wrapper) .faq-item {
	background: var(--color-surface-elevated);
	color: var(--color-text);
}

@media (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
}

.mark,
mark {
	padding: .2em;
	background-color: var(--color-action-bright);
}

[data-hint] {
	position: relative
}

[data-hint]:hover {
	z-index: 1
}

[data-hint]:before {
	content: attr(data-hint);
	font-size: 13px !important;
	font-weight: 400 !important;
	text-align: center;
	position: absolute;
	width: max-content;
	max-width: 239px;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	color: var(--color-text-ink);
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	padding: 4px 15px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease, visibility .15s ease;
	z-index: 99
}

[data-hint]:hover:before {
	opacity: 1;
	visibility: visible;
	bottom: calc(100% + 8px)
}

#product-start {
	position: relative;
	padding-top: 150px;
}

.mtp-margin {
	position: relative;
	margin: 75px 0
}

.mtp-margin .glow {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 50%;
	height: 100px;
	background: var(--gradient-social-green-radial);
	border-radius: 100px;
	filter: blur(100px);
	opacity: .3;
	z-index: -1
}

.mtp-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.mtp-header h2 {
	font-family: var(--font-display);
	font-size: var(--type-size-heading-2);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
	color: var(--color-text-ink);
	margin-bottom: 0
}

.mtp-header h2 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.mtp-header h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1
}

.mtp-header h3 {
	font-family: var(--font-display);
	font-size: var(--type-size-section-title);
	font-weight: var(--font-weight-semibold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
	color: var(--color-text-ink);
	margin-bottom: 0
}

.mtp-header h3 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 600;
	position: relative;
}

.mtp-header h3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1
}

.insta-pages .mtp-header h3 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 600;
	position: relative;
}

.insta-pages .mtp-header h3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background: var(--gradient-platform-instagram-text);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1
}

.mtp-header p {
	font-size: var(--type-size-body);
	line-height: var(--type-leading-lead);
	margin-bottom: 0;
	color: var(--color-text-muted-neutral);
	max-width: 850px;
}

.mtp-header img {
	max-height: 52px
}

.mtp-top {
	overflow: hidden;
	position: relative;
}

.mtp-top-header {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 35px;
	position: relative;
	z-index: 2;
}

.mtp-top-header h1 {
	font-family: var(--font-display);
	color: var(--color-text-ink);
	font-size: var(--type-size-display);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-tight);
	letter-spacing: var(--type-tracking-display);
	position: relative;
	margin-bottom: 0;
	text-align: center;
	max-width: 1040px;
}

.mtp-top-header h1 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.mtp-top-header h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1;
}

/* Homepage hero: solid brand hierarchy with a single emphasized phrase. */
.mtp-top-header h1.home-hero-title > .home-hero-title-lead,
.mtp-top-header h1.home-hero-title > .hero-title-line,
.mtp-top-header h1.home-hero-title .home-hero-title-prefix {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: currentColor;
}

.mtp-top-header h1.home-hero-title > .home-hero-title-lead:before,
.mtp-top-header h1.home-hero-title > .hero-title-line:before,
.mtp-top-header h1.home-hero-title .home-hero-title-prefix:before {
	content: none;
}

.mtp-top-header h1.home-hero-title .home-hero-title-prefix {
	color: var(--color-logo-purple-800);
}

.mtp-top-header h1.home-hero-title .hero-title-line {
	color: var(--color-brand-deep);
}

@media (max-width: 575.98px) {
	.mtp-top-header h1.home-hero-title {
		font-size: clamp(26px, 7.2vw, 28px);
		letter-spacing: -.035em;
	}

	.mtp-top-header h1.home-hero-title > span {
		white-space: nowrap;
	}
}

.mtp-top-header p {
	font-size: var(--type-size-body);
	line-height: var(--type-leading-lead);
	color: var(--color-text-ink);
	max-width: 950px;
	margin-bottom: 0;
	text-align: center;
}

.mtp-top .container {
	position: relative
}

.mtp-top-images {
	gap: 30px;
	position: absolute;
	top: 28px;
	right: calc(650px - 50vw);
	bottom: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	width: min(36vw, 470px);
	max-width: 470px;
	opacity: .26;
	z-index: 1;
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.mtp-top-images img {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.mtp-top-images .img-fluid {
	display: block;
	width: 100%;
	max-height: min(760px, 72vh);
	object-fit: contain;
	object-position: right top;
}

.message-card {
	border-radius: 12px;
	outline: 1px solid var(--color-border);
	outline-offset: 5px;
	padding: 8px;
	background-color: var(--color-surface);
	box-shadow: 0px 21.377px 42.754px 0px var(--shadow-message-card-color);
	pointer-events: none;
	user-select: none;
	opacity: .4
}

.message-card {
	position: absolute;
	top: 100px;
	left: 40%;
	z-index: 15;
	transform: translateX(-570px);
	display: flex;
	align-items: center;
	gap: 10px;
}

.message-card .avatar {
	width: 38px;
	height: 38px;
	border-radius: 8px;
}

.message-card .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.message-card .text {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.325px;
	padding-right: 10px;
	color: var(--color-text-ink)
}

.mtp-top-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 100px;
	row-gap: 10px;
	padding-left: 0
}

.mtp-top-features li {
	list-style: none
}

.mtp-top-features .mtp-top-features-item .title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	width: max-content;
	margin: auto
}

.mtp-top-features .mtp-top-features-item .title p {
	/* Neutralize the global paragraph bottom margin so the icon follows the
	 * actual text line rather than the paragraph's invisible trailing space. */
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0;
}

.mtp-top-features .mtp-top-features-item .title span {
	position: absolute;
	right: -15px;
	top: 0;
	font-size: 10px;
	cursor: pointer
}

.mtp-top-features .mtp-top-features-item .title span svg {
	color: var(--color-text-top-feature-icon)
}

/* Buy pages render the shared trust/action band after the title wrapper.
 * Mirror the homepage header's vertical flex rhythm so the two sections
 * retain the same breathing room instead of visually collapsing together. */
.buy-service-home-hero-footer {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 35px;
	position: relative;
	z-index: 2;
	margin-top: 35px;
	padding-bottom: 35px;
}

.mtp-top .home-seperator {
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(125px);
	filter: blur(125px);
	height: 220px;
	position: absolute;
	/* Shared source: anchor the glow to the Hero floor so it diffuses upward. */
	bottom: 0;
	margin-top: 0;
	opacity: .45;
	width: -webkit-fill-available;
	z-index: -1;
}

.mtp-now {
	display: flex;
	align-items: center;
	gap: 35px;
	border-radius: 10px;
	outline: 1px solid var(--color-border);
	outline-offset: 5px;
	padding: 8px;
	background-color: var(--color-surface);
	box-shadow: 0px 21.377px 42.754px 0px var(--shadow-message-card-color);
}

.mtp-now .mtp-now-left {
	display: flex;
	align-items: center;
	gap: 10px
}

.mtp-now .mtp-now-img {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.mtp-now .mtp-now-img .panel {
	position: relative
}

.mtp-now .mtp-now-img img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 3px solid var(--color-border-inverse)
}

.mtp-now .mtp-now-img img:not(:first-child) {
	margin-left: -30px;
}

.mtp-now .mtp-now-text {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.mtp-now .mtp-now-btn :is(button, .btn) {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none
}

.mtp-now .mtp-now-btn :is(button, .btn):before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1, 2);
	box-shadow: 0 0 30px 15px var(--shadow-now-button-glow);
	animation: button-glow 2000ms ease-in-out infinite;
}

@keyframes button-glow {
	0% {
		left: -20%;
	}

	50%,
	100% {
		left: 120%;
	}
}

.mtp-team .mtp-now {
	width: max-content;
	margin: 50px auto 0 auto;
	background-color: var(--color-surface-blue-faint)
}

.mtp-team .mtp-now .panel .support-dot {
	position: absolute;
	background: var(--color-success-emerald);
	width: 8px;
	height: 8px;
	border-radius: 100%;
	right: 5px;
	top: 5px;
	z-index: 1;
	-webkit-animation: pulse-green 2s infinite;
	animation: pulse-green 2s infinite;
	display: inline-block;
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.65);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		transform: scale(.65);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}

.mtp-tabs-menu {
	display: flex;
	align-items: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 10px;
	background-color: var(--color-surface-blue-faint);
	position: relative;
	z-index: 6
}

.mtp-tabs-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-border) transparent;
	cursor: grab
}

.mtp-tabs-menu .nav:active {
	cursor: grabbing;
}

.mtp-tabs-menu .nav::-webkit-scrollbar {
	height: 5px;
}

.mtp-tabs-menu .nav::-webkit-scrollbar-track {
	background: var(--color-css-transparent);
	border-radius: 10px;
}

.mtp-tabs-menu .nav::-webkit-scrollbar-thumb {
	background: var(--tabs-scrollbar-thumb-bg);
	border-radius: 10px;
}

.mtp-tabs-menu .nav .nav-item {
	width: 100%
}

.mtp-tabs-menu .nav .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-tabs-menu .nav .nav-link.active {
	background: var(--color-text-ink);
	color: var(--color-text-inverse)
}

.mtp-tabs-menu .nav .nav-link:not(.active):hover {
	background: var(--tabs-hover-bg)
}

.mtp-tabs-menu.platform-menu {
	display: flex;
	align-items: center;
	gap: 15px;
	border: none;
	padding: 10px 10px 0 0;
	background-color: var(--color-css-transparent);
	border-radius: 0;
	position: relative;
	z-index: 6
}

.mtp-tabs-menu.platform-menu .nav .nav-link {
	position: relative;
	border-bottom: 3px solid var(--color-border);
	border-radius: 0;
	font-size: 15px
}

.mtp-tabs-menu.platform-menu .nav {
	padding-bottom: 5px;
	gap: 0
}

.mtp-tabs-menu.platform-menu .nav .nav-link.active {
	background: var(--color-css-transparent);
	border-radius: 0;
	color: var(--color-text-ink)
}

.mtp-tabs-menu.platform-menu .nav .nav-link.active:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--color-decor-orange-red);
}

.mtp-customer .mtp-srv-content .mtp-tabs-menu.platform-menu .nav .nav-item .nav-link:not(.active):hover,
.mtp-customer .mtp-srv-content .mtp-tabs-menu.platform-menu .nav .nav-item .nav-link:not(.active):focus-visible {
	background: var(--color-css-transparent);
	border-radius: 0;
	color: var(--color-text-ink)
}

.mtp-tabs-menu.platform-menu .nav .nav-link:not(.active):hover:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--color-decor-orange-red);
}

.review-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px
}

:where(.review-container .review-score) .rs-stars {
	display: flex;
	align-items: center;
	gap: 5px
}

:where(.review-container .review-score) strong {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.review-container .review-score) small {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-review-score-muted)
}

:where(.review-container .review-score) .btn {
	font-size: 15px;
	font-weight: 400;
	border-radius: 20px;
	background: var(--color-decor-orange-red)
}

:where(.review-container .review-score) .btn:hover,
:where(.review-container .review-score) .btn:focus {
	background: var(--review-score-button-hover-bg)
}

.review-container .mtp-review-item {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc(50% - 10px);
	background: var(--color-surface);
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 15px 20px;
	position: relative;
	height: 100%;
	overflow: hidden
}

.review-container .mtp-review-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.review-container .mtp-review-item) .content {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-bottom: 0;
	position: relative;
	z-index: 2
}

:where(.review-container .mtp-review-item) .user {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 7px;
	margin-top: 22px;
	position: relative;
	z-index: 2
}

:where(.review-container .mtp-review-item .user) .user-sign {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	background: var(--color-surface-cool-faint);
	color: var(--color-text-review-user-sign);
	font-size: 18px;
	font-weight: 600;
	border-radius: 100%
}

:where(.review-container .mtp-review-item .user) .user-name {
	display: flex;
	flex-direction: column;
	gap: 0
}

:where(.review-container .mtp-review-item .user) span {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.review-container .mtp-review-item .user span) img {
	height: 15px;
	margin-top: -3px
}

:where(.review-container .mtp-review-item .user) date {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-text-muted-neutral)
}

.review-container .mtp-review-item strong {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.review-container .mtp-review-item p {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-ink-soft);
	line-height: 1.65;
	margin: 0;
	overflow: visible;
	padding-left: 0;
	text-align: left;
	text-indent: 0
}

.videos-swiper {
	margin-top: 25px
}

/* Swiper's base stylesheet makes every untouched slide 100% wide. The review
 * runtime is deferred, so preserve the final rail geometry during that brief
 * first paint instead of exposing one full-width portrait card. */
.review-video-swiper:not(.swiper-initialized) .swiper-wrapper {
	gap: 25px;
}

.review-video-swiper:not(.swiper-initialized) .swiper-slide {
	flex: 0 0 calc((100% - 100px) / 5);
	width: calc((100% - 100px) / 5);
}

@media (max-width: 1027.98px) {
	.review-video-swiper:not(.swiper-initialized) .swiper-wrapper {
		gap: 10px;
	}

	.review-video-swiper:not(.swiper-initialized) .swiper-slide {
		flex-basis: calc((100% - 10px) / 2);
		width: calc((100% - 10px) / 2);
	}
}

.mtp-videos-item {
	background: var(--color-brand);
	background-size: 32px 32px;
	border-radius: 24px;
	color: var(--color-text-inverse);
	cursor: default;
	display: flex;
	flex-shrink: 0;
	font-weight: 500;
	letter-spacing: -.01em;
	line-height: 28px;
	min-height: 450px;
	overflow: hidden;
	padding: 74px 16px 16px;
	position: relative;
}

/* Video proof is a compact social-media preview, not a full-height portrait
 * panel. Keep the card at a deliberate 3:4 crop while allowing the media,
 * rating and author overlay to retain their established hierarchy. */
.mtp-videos-item[data-review-card-kind="video"] {
	aspect-ratio: 3 / 4;
	min-height: 0;
}

.mtp-videos-item[data-review-card-kind="video"] .mtp-videos-space {
	block-size: 100%;
	inline-size: 100%;
	min-height: 0;
}

.mtp-videos-item.brown {
	background: var(--color-accent-warm)
}

.mtp-videos-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.1;
	z-index: 1;
}

.mtp-videos-space {
	display: flex;
	flex-direction: column;
	min-height: 350px;
	padding: 14px 16px 0px;
	box-sizing: border-box;
}

.mtp-videos-rating {
	background: var(--color-surface);
	display: flex;
	align-items: center;
	gap: 5px;
	height: 24px;
	position: absolute;
	left: 15px;
	top: 12px;
	vertical-align: top;
	color: var(--color-text-ink);
	font-weight: 600;
	padding: 5px 10px 5px 0;
	border-radius: 5px;
	z-index: 11
}

.mtp-videos-content {
	flex: 1 1 auto;
}

:where(#customerreview) .mtp-videos-content {
	flex: 0 0 auto;
}

:where(#customerreview) .mtp-videos-space {
	min-height: 0;
}

:where(#customerreview) .mtp-videos-item {
	min-height: 0;
}

:where(#customerreview) .mtp-videos-item .mtp-videos-user {
	margin-top: 24px;
}

:where(#customerreview) .mtp-videos-item p {
	display: block;
	overflow: visible;
}

.mtp-videos-date {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 8px;
	vertical-align: top;
	color: var(--color-text-inverse);
	font-size: 13px;
	font-weight: 400;
	padding: 5px 10px 5px 0;
	border-radius: 5px;
	z-index: 11
}

.review-icon-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.review-icon--calendar {
	margin-top: -2px;
}

.review-icon--verified {
	margin-top: -3px;
}

.mtp-videos-item .title {
	color: inherit;
	font-size: 26px;
	letter-spacing: -.04em;
	line-height: 32px;
	margin-bottom: 16px;
	font-weight: 700
}

/* Customer feedback is supporting proof. Its heading should lead the card
 * without competing with the section headline or the review content. */
:where(#customerreview) .mtp-videos-item .title {
	font-size: 22px;
	letter-spacing: -.025em;
	line-height: 29px;
	margin-bottom: 12px;
}

.mtp-videos-item p {
	font-size: 15px;
	padding-top: 10px
}

.mtp-videos-item p:last-of-type {
	margin-bottom: 0;
}

.mtp-videos-item div span {
	font-size: 16px
}

.mtp-videos-user {
	display: flex;
	flex-direction: row;
	line-height: 24px;
	position: relative;
	z-index: 12;
	margin-top: auto;
	font-weight: 700
}

.mtp-videos-user img {
	border-radius: 50%;
	display: block;
	flex-shrink: 0;
	height: 48px;
	margin-right: 13px;
	outline: 3px solid var(--color-border-video-avatar);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 48px;
}

.mtp-videos-user cite {
	display: block;
	font-style: normal;
	font-weight: 500;
	opacity: .8;
}

.mtp-videos-video {
	bottom: 0;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.mtp-videos-play {
	background: var(--section-video-play-bg) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNjIzIDQyQzEuNjUxIDQyIC4zMzYgNDAuNTc0LjMzNiAzOC4zNDRWMy42NTZDLjMzNiAxLjQyNiAxLjY1IDAgMy42MjMgMGMxLjA2OSAwIDEuOTQ1LjM2MyAzLjA2OC45NmwzMC4zMjYgMTYuNjE4YzIuMTkxIDEuMTkyIDIuOTg2IDIuMDQ4IDIuOTg2IDMuNDIycy0uNzk1IDIuMjMtMi45ODYgMy40MjJMNi42OSA0MS4wNDFjLTEuMTIzLjU5Ni0yIC45NTktMy4wNjguOTU5WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%;
	background-size: 39px auto;
	bottom: 0;
	cursor: pointer;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .3s ease;
	z-index: 3;
}

.mtp-videos-video img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	z-index: 1;
}

.slider-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center
}

.slider-controls {
	position: relative;
	z-index: 12;
}

.slider-controls .slide-pagination {
	text-align: center;
	margin-top: 25px;
}

.slider-controls .slide-pagination .swiper-pagination-bullet {
	width: 13px;
	height: 10px;
	display: inline-block;
	background: var(--color-action-bright);
	opacity: 0.2;
	margin: 0 5px;
	border-radius: 20px;
	transition: opacity 0.5s, background-color 0.5s, width 0.5s;
	transition-delay: 0.5s, 0.5s, 0s;
}

.slider-controls .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.slider-controls .slide-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--color-action-bright);
	width: 100px;
	transition-delay: 0s;
}

.readmoreBtn {
	cursor: pointer
}

.mtp-case {
	background-color: var(--color-surface-green-soft);
	position: relative;
	overflow: hidden
}

.mtp-case .mtp-case-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-case .mtp-case-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.case-box-container {
	position: relative;
	overflow: hidden;
}

.case-box-container .timeline-swiper {
	padding: 50px 0 25px 0;
	overflow: unset !important;
}

.case-box-container .case-box {
	display: flex;
	justify-content: center;
	text-align: center;
	position: relative;
	padding: 25px;
	transition: 250ms ease-in-out;
	opacity: .5;
}

.case-box-container .swiper-slide.case-box:first-child:before {
	left: 50% !important;
}

.case-box-container .swiper-slide.case-box:last-child:before {
	right: 50% !important;
}

.case-box-container .case-box:after,
.case-box-container .case-box:before {
	content: "";
	position: absolute;
	display: block;
	transition: 250ms ease-in-out;
	background: var(--color-brand)
}

.case-box-container .case-box:before {
	top: 0;
	right: 0;
	left: 0;
	width: auto;
	height: 1px;
	opacity: .15
}

.case-box-container .case-box:after {
	top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: scale(.5);
	transition: transform .25s;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.case-box-container .swiper-slide.swiper-slide-active.case-box {
	opacity: 1
}

.case-box-container .swiper-slide.swiper-slide-active.case-box:after {
	transform: scale(1);
	background: var(--color-action-bright);
}

.case-box-container .swiper-slide.swiper-slide-active.case-box .text strong {
	color: var(--color-action-bright)
}

.case-box-container .case-box .text strong {
	font-size: 42px;
	font-weight: 700;
	color: var(--color-text-ink)
}

.case-box-container .case-box .text p {
	font-size: 16px;
	color: var(--color-text-ink);
	margin-bottom: 0
}

.case-box-container .casetip {
	position: absolute;
	cursor: pointer;
	right: 0;
	bottom: 0;
	left: 0;
	/* FA 7 gives every icon a fixed width; reset it so the tooltip trigger spans
	   the stat card and its glyph follows the card's centered text alignment. */
	width: auto;
	font-size: 20px;
	color: var(--color-action-bright)
}

.casetip-text {
	visibility: hidden;
	width: 250px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	color: var(--color-text);
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	padding: 10px 15px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
}

.casetip:hover+.casetip-text {
	visibility: visible;
	opacity: 1;
}

.cost-factors-component {
	max-width: 1400px;
	width: 100%;
	background: var(--color-surface);
	border-radius: 20px;
	border: 1px solid var(--color-border-green-soft);
	padding: 35px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.cost-factors-component:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.cost-factors-component .main-content {
	display: flex;
	gap: 30px;
}

.cost-factors-component .image-placeholder {
	flex: 1;
	position: sticky;
	top: 60px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	border-radius: 18px;
	max-width: 480px;
	max-height: 480px;
	margin: 0 auto;
}

.cost-factors-component .feature-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.cost-factors-component .feature-accordion {
	flex: 1.2;
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow: auto;
	max-height: 450px;
	padding: 0 10px 0 0
}

:where(.cost-factors-component) .accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out, margin-top 0.5s ease-out;
}

:where(.cost-factors-component .accordion-item.active) .accordion-content {
	max-height: max-content;
	margin-top: 8px;
}

:where(.cost-factors-component .accordion-item) .accordion-header {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: var(--color-surface-cool-faint);
	border: 1px solid var(--color-border-cost-factor-header);
	padding: 15px 10px;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}

:where(.cost-factors-component .accordion-item) .accordion-header:before {
	content: '';
	width: 4px;
	height: 60%;
	background: var(--color-action-bright);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.cost-factors-component .accordion-item .accordion-header span {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: var(--color-surface);
	text-align: center;
	border-radius: 100%;
	color: var(--color-text);
	line-height: 24px;
	font-size: 16px;
	font-weight: 500
}

.cost-factors-component .accordion-item .accordion-header h3,
.cost-factors-component .accordion-item .accordion-header h4,
.cost-factors-component .accordion-item .accordion-header small {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	color: var(--color-text-ink)
}

.cost-factors-component .accordion-item .accordion-content p {
	font-size: 14px;
	margin-bottom: 0;
	color: var(--color-text-ink);
	padding: 0 10px 5px 10px;
	margin-bottom: 0.7rem;
}

.details-area {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 25px 0 0 0
}

.details-area details {
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	border: 1px solid var(--color-border);
	padding: 5px 0;
	background-color: var(--color-surface-blue-faint);
}

.details-area details summary {
	cursor: pointer;
	list-style: none;
	position: relative
}

.details-area details summary h2,
.details-area details summary h3 {
	font-size: 18px;
	color: var(--color-text-ink);
	margin-bottom: 0
}

.details-area details summary h3 {
	font-size: 15px;
}

.details-area details p {
	padding: 15px;
	margin-bottom: 0;
	border: none
}

.details-area details[open] summary h2,
.details-area details[open] summary h3 {
	color: var(--color-action-bright)
}

.details-area details summary:before {
	content: '';
	width: 5px;
	height: 60%;
	background: var(--color-action-bright);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.details-area details>div {
	font-size: 14px;
	color: var(--color-text-ink);
	padding: 0 10px 10px 10px
}

.details-area details summary:after {
	content: "\f13a";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	float: right;
}

.details-area details[open] summary:after {
	content: "\f139";
}

:where(.mtp-best) .best-packages {
	display: flex;
	align-items: stretch;
	gap: 15px;
	margin-top: 35px
}

:where(.mtp-best .best-packages)>div {
	flex: 1;
}

:where(.mtp-best .best-packages) .best-package-card {
	display: flex;
	flex-direction: column;
	background-color: var(--color-text-ink);
	text-align: left;
	background-image: url("data:image/svg+xml;utf8,<svg width='454' height='391' viewBox='0 0 454 391' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.11' d='M0 297L257.5 0H429.5L454 52V390.5H0V297Z' fill='url(%23paint0_linear_4195_76)'/><defs><linearGradient id='paint0_linear_4195_76' x1='64.9999' y1='61.5001' x2='201.5' y2='208.5' gradientUnits='userSpaceOnUse'><stop stop-color='white'/><stop offset='1' stop-color='white' stop-opacity='0'/></linearGradient></defs></svg>");
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto;
	border-radius: 15px;
	height: 100%;
	line-height: 24px;
	padding: 25px;
	position: relative;
	width: 100%;
	transition: .5s all;
	cursor: pointer
}

:where(.mtp-best .best-packages .best-package-card):hover {
	transform: translateY(-1rem);
	transition: .5s all
}

:where(.mtp-best .best-packages .best-package-card):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(../images/shared-decorative-illustration-03.webp);
	background-size: contain;
	opacity: 0.02;
}

:where(.mtp-best .best-packages .best-package-card):after {
	content: "\f007";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	position: absolute;
	top: 25px;
	right: -35px;
	font-size: 124px;
	color: var(--color-surface-translucent-15);
	transform: rotate(-25deg);
}

:where(.mtp-best .best-packages .best-package-card-likes):after {
	content: "\f004";
}

:where(.mtp-best .best-packages .best-package-card-views):after {
	content: "\f06e";
}

:where(.mtp-best .best-packages .best-package-card) .item-top {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
	color: var(--color-action-bright);
	border-bottom: 1px solid var(--color-border-package-top);
	padding-bottom: 15px
}

:where(.mtp-best .best-packages .best-package-card) .item-top small {
	font-size: 14px;
	color: var(--color-text-package-top-muted)
}

:where(.mtp-best .best-packages .best-package-card) .item-top em {
	font-size: 46px;
	font-style: normal;
	font-weight: 600;
	color: var(--color-text-inverse)
}

:where(.mtp-best .best-packages .best-package-card) .btn-primary,
:where(.mtp-best .best-packages .best-package-card) .btn-primary:focus {
	--button-text: var(--color-brand);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--color-surface);
	font-weight: 600;
	color: var(--button-text);
	padding: 10px;
	text-transform: uppercase
}

:where(.mtp-best .best-packages .best-package-card) .btn-primary:hover {
	color: var(--color-text-inverse);
	opacity: .8
}

:where(.mtp-best .best-packages .best-package-card .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--button-best-icon-bg);
	border-radius: 100%
}

:where(.mtp-best .best-packages .best-package-card) .item-center {
	font-size: 15px;
	line-height: 32px;
	padding: 15px 0;
	color: var(--color-text-inverse)
}

:where(.mtp-best .best-packages .best-package-card .item-center) ul {
	margin-bottom: 0;
	padding-left: 0
}

:where(.mtp-best .best-packages .best-package-card .item-center) ul li {
	font-size: 16px;
	list-style: none
}

:where(.mtp-best .best-packages .best-package-card .item-center) ul li i {
	color: var(--color-decor-mint-glow);
}

:where(.mtp-best .best-packages .best-package-card .item-bottom) .m-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 10px
}

:where(.mtp-best .best-packages .best-package-card .item-bottom .m-rating) p {
	margin-bottom: 0;
	color: var(--color-text-inverse);
	font-size: 13px
}


.mtp-tiktok .mtp-header h2 span {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--platform-tiktok-black)
}

.mtp-tiktok .mtp-header h2 span:before {
	background-color: var(--platform-tiktok-red-glow);
}

.mtp-youtube .mtp-header h2 span {
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	background: var(--color-css-transparent);
	color: var(--platform-youtube)
}

.mtp-youtube .mtp-header h2 span:before {
	background-color: var(--platform-youtube);
}

.mtp-facebook .mtp-header h2 span {
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	background: var(--color-css-transparent);
	color: var(--platform-facebook)
}

.mtp-facebook .mtp-header h2 span:before {
	background-color: var(--platform-facebook);
}

.mtp-instagram .mtp-header h3 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
}

.mtp-instagram .mtp-header h3 span:before {
	background: var(--gradient-platform-instagram-text);
}

.mtp-instagram .mtp-header h2 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
}

.mtp-instagram .mtp-header h2 span:before {
	background: var(--gradient-platform-instagram-text);
}

.mtp-services-wrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 25px;
	margin-top: 35px
}

.mtp-srv-content {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.mtp-srv-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 10px;
	background-color: var(--color-surface-blue-faint);
	margin: auto;
	max-width: 100%
}

.mtp-srv-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

.mtp-srv-menu .nav:active {
	cursor: grabbing;
}

.mtp-srv-menu .nav::-webkit-scrollbar {
	height: 5px;
}

.mtp-srv-menu .nav::-webkit-scrollbar-track {
	background: var(--color-css-transparent);
	border-radius: 10px;
}

.mtp-srv-menu .nav::-webkit-scrollbar-thumb {
	background: var(--tabs-scrollbar-thumb-bg);
	border-radius: 10px;
}

.mtp-srv-menu .nav .nav-item {
	width: 100%
}

.mtp-srv-menu .nav .nav-link {
	display: flex;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-srv-menu .nav .nav-link.active {
	background: var(--color-text-ink);
	color: var(--color-text-inverse) !important
}

.mtp-srv-menu .nav .nav-link:not(.active):hover {
	background: var(--tabs-hover-bg)
}

.mtp-srv-content .tab-pane h3 {
	position: relative;
	font-size: 20px;
	color: var(--color-text-ink);
	padding-left: 10px;
	text-align: center;
}

.mtp-srv-content .tab-pane h3:before {
	content: "";
	position: absolute;
	bottom: -5px;
	height: 3px;
	width: 100px;
	border-radius: 30px;
	background: var(--color-action-bright);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.mtp-srv-content .tab-pane p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	text-align: center;
	max-width: 750px;
	margin: 5px auto 25px auto
}

.mtp-customer .mtp-srv-content .tab-pane p {
	text-align: left;
	color: var(--color-text-inverse)
}

:where(.mtp-customer .mtp-srv-content .tab-pane) .review-container .mtp-review-item .content p {
	color: var(--color-text-ink-soft);
	margin: 0;
	max-width: none;
	text-align: left;
}

:where(.mtp-srv-content) .package-item {
	--service-package-action-bg: var(--color-text-ink);
	--service-package-action-border: var(--color-text-ink);
	--service-package-action-hover-bg: var(--color-action-bright);
	--service-package-action-hover-border: var(--color-action-bright);
	position: relative;
	padding: 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	transition: all .3s ease;
	cursor: pointer;
	min-width: 200px;
	overflow: hidden
}

:where(.mtp-srv-content .package-item):hover {
	--service-package-action-bg: var(--service-package-action-hover-bg);
	--service-package-action-border: var(--service-package-action-hover-border);
	border: 1px solid var(--color-action-bright);
	transition: all .3s ease
}

:where(.mtp-srv-content .package-item:hover) .btn-primary {
	transition: all .3s ease
}

:where(.mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--gradient-platform-instagram-action);
	--service-package-action-border: var(--platform-instagram-pink);
	--service-package-action-hover-bg: var(--gradient-platform-instagram-action);
	--service-package-action-hover-border: var(--platform-instagram-pink);
	--service-package-glow-bg: var(--gradient-platform-instagram-radial);
	border: 1px solid var(--platform-instagram-pink);
}

:where(.mtp-tiktok .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-tiktok-red-glow);
	--service-package-action-border: var(--platform-tiktok-red-glow);
	--service-package-action-hover-bg: var(--platform-tiktok-red-glow);
	--service-package-action-hover-border: var(--platform-tiktok-red-glow);
	border: 1px solid var(--platform-tiktok-red-glow);
}

:where(.mtp-youtube .mtp-srv-content) .package-item.package-best,
:where(.youtube-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-youtube);
	--service-package-action-border: var(--platform-youtube);
	--service-package-action-hover-bg: var(--platform-youtube);
	--service-package-action-hover-border: var(--platform-youtube);
	border: 1px solid var(--platform-youtube);
}

:where(.mtp-facebook .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-facebook);
	--service-package-action-border: var(--platform-facebook);
	--service-package-action-hover-bg: var(--platform-facebook);
	--service-package-action-hover-border: var(--platform-facebook);
	border: 1px solid var(--platform-facebook);
}

:where(.mtp-srv-content .package-item):after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.mtp-srv-content .package-item.package-best):after {
	background: var(--service-package-glow-bg, radial-gradient(circle at 30% 107%, var(--service-package-action-border) 0%, var(--service-package-action-border) 5%, var(--service-package-action-border) 45%, var(--service-package-action-border) 60%, var(--service-package-action-border) 90%));
}

:where(.mtp-srv-content .package-item) .btn-primary,
:where(.mtp-srv-content .package-item) .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-package-action-bg);
	border-color: var(--service-package-action-border);
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase
}

:where(.mtp-srv-content .package-item.package-best) .btn-primary,
:where(.mtp-srv-content .package-item.package-best) .btn-primary:focus {
	font-weight: 500;
	position: relative;
	z-index: 2;
	text-transform: uppercase
}

:where(.mtp-srv-content .package-item .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%;
}

:where(.mtp-srv-content .package-item.package-best) .btn-primary:hover {
	opacity: .8
}

:where(.mtp-srv-content .package-item) .pi-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 5px
}

:where(.mtp-srv-content .package-item .pi-top) .best-opt {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	top: 10px;
	background: var(--color-success-bright);
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 10px;
	color: var(--color-text-inverse)
}

:where(.mtp-srv-content .package-item) .pi-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 15px 0
}

:where(.mtp-srv-content .package-item) .pi-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--color-border-green-soft);
	padding-top: 5px
}

:where(.mtp-srv-content .package-item .pi-top .pi-icon span) svg {
	color: var(--color-text-ink)
}

:where(.mtp-srv-content .package-item .pi-top) i {
	font-size: 32px
}

:where(.mtp-srv-content .package-item .pi-top) .fa-instagram {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
}

:where(.mtp-srv-content .package-item .pi-top) .fa-tiktok {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--platform-tiktok-black);
}

:where(.mtp-srv-content .package-item .pi-top) .fa-youtube {
	color: var(--platform-youtube)
}

:where(.mtp-srv-content .package-item .pi-top) .fa-facebook {
	color: var(--platform-facebook)
}

:where(.mtp-srv-content .package-item .pi-center) .pi-count {
	font-size: 38px;
	font-weight: 600;
	line-height: 42px;
	color: var(--color-text-ink)
}

:where(.mtp-srv-content .package-item .pi-center) .pi-service {
	font-size: 16px;
	color: var(--color-text-muted-neutral)
}

:where(.mtp-srv-content .package-item) .pi-save {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	font-size: 13px;
	color: var(--color-text-ink);
	width: 100%;
	text-align: center;
	margin-top: 5px;
	white-space: nowrap;
	position: relative;
	z-index: 2
}

:where(.mtp-srv-content .package-item .pi-save) span {
	font-weight: 600;
	color: var(--color-text-package-save)
}

:where(.mtp-srv-content .package-item .pi-bottom) .pi-new {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-success-bright);
}

:where(.mtp-srv-content .package-item .pi-bottom) .pi-old {
	text-decoration-line: line-through;
	line-height: 12px;
	color: var(--service-package-old-price-text)
}

:where(.mtp-srv-content .package-item) .btn-primary {
	white-space: nowrap;
	margin-top: 15px;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	padding: 10px;
}

.mtp-tiktok,
.mtp-youtube,
.mtp-facebook,
.mtp-instagram {
	position: relative
}

.mtp-tiktok .mtp-srv-bg img,
.mtp-youtube .mtp-srv-bg img,
.mtp-facebook .mtp-srv-bg img,
.mtp-instagram .mtp-srv-bg img {
	position: absolute;
	height: auto
}

.mtp-tiktok .mtp-srv-bg img:nth-child(1),
.mtp-youtube .mtp-srv-bg img:nth-child(1),
.mtp-facebook .mtp-srv-bg img:nth-child(1),
.mtp-instagram .mtp-srv-bg img:nth-child(1) {
	max-width: 175px;
	top: 75px;
	left: 0;
}

.mtp-tiktok .mtp-srv-bg img:nth-child(2),
.mtp-youtube .mtp-srv-bg img:nth-child(2),
.mtp-facebook .mtp-srv-bg img:nth-child(2),
.mtp-instagram .mtp-srv-bg img:nth-child(2) {
	max-width: 150px;
	bottom: 75px;
	right: 0;
}

.mtp-instagram:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-tiktok:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-youtube:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-facebook:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-instagram .best-swiper {
	margin-top: 35px
}

:where(.mtp-instagram .best-swiper) .item {
	display: flex;
	flex-direction: column;
	background: var(--color-surface-cool-faint);
	border: 1px solid var(--color-border);
	text-align: left;
	border-radius: 15px;
	height: 100%;
	line-height: 24px;
	padding: 10px 15px 5px 15px;
	position: relative;
	width: 100%;
	transition: .5s all;
	cursor: pointer;
	overflow: hidden
}

:where(.mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-instagram-radial);
	content: "";
	position: absolute;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

:where(.mtp-instagram .best-swiper) .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: var(--gradient-platform-instagram-radial);
	font-size: 24px;
	color: var(--color-text-inverse);
	border-radius: 10px;
	margin: 0 auto 10px auto
}

/* Platform-content headings use an enlarged version of the package-card icon. */
[data-panel-service-surface][class*="platform-"] .mtp-header .mtp-header-platform-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: var(--service-platform-radial);
	font-size: 40px;
	color: var(--color-text-inverse);
	border-radius: 16px;
}

:where(.mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--gradient-platform-instagram-action);
	--service-best-swiper-action-border: var(--platform-instagram-pink);
	position: relative;
	z-index: 1;
}

:where(.mtp-instagram .best-swiper) .item-wrapper .btn-primary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-best-swiper-action-bg);
	border-color: var(--service-best-swiper-action-border);
	font-weight: 500;
	padding: 10px;
	text-transform: uppercase
}

:where(.mtp-instagram .best-swiper .item-wrapper) .btn-primary:hover {
	opacity: .8
}

:where(.mtp-instagram .best-swiper .item-wrapper .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%
}

:where(.mtp-instagram .best-swiper .item-wrapper) .time {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
	color: var(--color-text-ink)
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title {
	color: var(--color-text-ink);
	font-size: 18px;
	font-weight: 500;
	text-align: center
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 {
	color: var(--color-text-ink);
	font-size: 20px;
	font-weight: 500;
	text-align: center
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 .package-card-quantity,
:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 .package-card-service {
	display: block
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 .package-card-quantity {
	margin-bottom: 2px;
	white-space: nowrap
}

:where(.mtp-instagram .best-swiper .item-wrapper) .price {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	color: var(--color-text-ink);
	margin: 25px 0
}

:where(.mtp-instagram .best-swiper .item-wrapper) .m-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

:where(.mtp-instagram .best-swiper .item-wrapper .m-rating) p {
	margin-bottom: 0;
	font-size: 11px;
	color: var(--color-text-ink)
}

:where(.mtp-instagram .best-swiper .item-wrapper .time) em {
	font-style: normal;
	font-weight: 600
}

:where(.mtp-instagram .best-swiper .item-wrapper) ul {
	padding-left: 0;
	background: var(--platform-instagram-list-bg);
	font-size: 13px;
	padding: 10px;
	border-radius: 15px;
	margin: 15px 0;
	text-align: center;
	color: var(--color-text-ink)
}

:where(.mtp-instagram .best-swiper .item-wrapper) ul li {
	list-style: none
}

.mtp-works {
	background-color: var(--color-surface-green-soft);
	padding: 50px 0;
	position: relative;
	overflow: hidden
}

.mtp-works .mtp-works-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-works .mtp-works-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.works-box-container {
	position: relative;
	overflow: hidden;
	padding: 35px 0;
	z-index: 1;
}

:where(.works-box-container .works-box) .text {
	position: relative;
}

.works-box-container .works-box-wrapper {
	display: flex;
	gap: 15px;
	padding-left: 0;
	transition: transform 0.4s ease;
}

:where(.works-box-container .works-box) .btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 5px 15px;
	font-size: 13px;
	margin-top: 15px;
}

:where(.works-box-container .works-box .btn) em {
	font-style: normal;
}

.works-box-container .works-box {
	display: flex;
	gap: 15px;
	flex-direction: row;
	flex: 0 0 calc((100% - 30px) / 3);
	background: var(--color-surface);
	padding: 20px;
	border-radius: 15px;
	border: 1px solid var(--color-border-green-soft);
	position: relative;
	cursor: pointer;
	overflow: hidden
}

:where(.works-box-container .works-box) .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: var(--color-success-bright);
	color: var(--color-text-inverse);
	border-radius: 10px;
}

:where(.works-box-container .works-box) .panel-step-icon {
	display: block;
	width: 1em;
	height: 1em;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

:where(.works-box-container .works-box .text) span {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.works-box-container .works-box .text) p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	margin-bottom: 0;
	margin-top: 10px
}

.works-box-container .worksbox-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	gap: 5px
}

.works-box-container .btn-step {
	display: inline-block;
	color: var(--color-text-inverse);
	background: var(--color-success-bright);
	width: var(--button-height-compact);
	height: var(--button-height-compact);
	border-radius: 100%;
	border: 1px solid var(--color-success-bright)
}

:where(.works-box-container .btn-step):disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.works-box-container .progress-bar {
	flex: 1;
	height: 4px;
	background: var(--color-brand-soft-strong);
	margin: 0 10px;
	position: relative;
	border-radius: 4px;
}

.works-box-container .progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: var(--color-success-bright);
	width: 0%;
	border-radius: 4px;
	transition: width 0.3s ease;
}

[id="worksboxContainer1"] .works-box {
	flex-direction: column;
	padding: 20px;
}

[id="worksboxContainer1"] .works-box:before,
[id="worksboxContainer2"] .works-box:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 1px solid var(--color-success-bright);
	border-left: 1px solid var(--color-success-bright);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
	z-index: -1;
}

[id="worksboxContainer1"] .works-box:after,
[id="worksboxContainer2"] .works-box:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 1px solid var(--color-success-bright);
	border-right: 1px solid var(--color-success-bright);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
	z-index: -1;
}

[id="worksboxContainer1"] .works-box:hover:before,
[id="worksboxContainer2"] .works-box:hover:before {
	width: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 1
}

[id="worksboxContainer1"] .works-box:hover:after,
[id="worksboxContainer2"] .works-box:hover:after {
	width: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 1
}

[id="worksboxContainer1"] .works-box .icon,
[id="worksboxContainer2"] .works-box .icon {
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

[id="worksboxContainer1"] .works-box:hover .icon,
[id="worksboxContainer2"] .works-box:hover .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

[id="worksboxContainer2"] .works-box {
	padding: 30px 20px 20px 20px;
	overflow: visible
}

[id="worksboxContainer1"] .works-box .text {
	display: flex;
	flex-direction: column;
	text-align: center;
}

[id="worksboxContainer1"] .works-box .icon {
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto 15px
}

[id="worksboxContainer2"] .works-box .icon {
	position: absolute;
	top: -20px;
	z-index: 1
}

.mtp-advantages .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
	margin: 15px auto
}

.mtp-advantages .thumb img {
	display: block;
	width: 140px;
	max-width: 80vw;
	height: auto
}

.mtp-advantages .thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--section-play-bg);
	backdrop-filter: blur(2px);
	transition: 200ms all
}

.mtp-advantages .thumb:hover .play-btn {
	background: var(--section-play-bg-hover);
	transition: 200ms all
}

.mtp-advantages .play-btn svg {
	width: 36px;
	height: 36px;
	fill: var(--color-text-inverse)
}

.mtp-advantages .video-wrap {
	position: relative;
	padding-top: 56.25%;
	border-radius: 0 0 15px 15px;
}

.mtp-advantages .video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
}

.mtp-sliders {
	position: relative;
	padding-top: 50px;
}

.mtp-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	position: relative;
	pointer-events: none;
}

.mtp-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
}


.mtp-sliders .mtp-story.slider {
	position: relative;
	width: 140%;
	left: -30%;
	/*
	 * Keep the original two-layer statistic strip intact. Swiper's base
	 * `.swiper { overflow: hidden; }` rule clips the rotated `:before`
	 * underlay, so the pale lower band disappears unless this track opts out.
	 */
	overflow: visible !important;
	z-index: 0;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.mtp-sliders .mtp-story.slider:before {
	content: "";
	position: absolute;
	width: 110%;
	height: 100%;
	top: 0;
	left: -10px;
	background: var(--section-story-slider-glow);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	z-index: -2
}

.mtp-sliders .mtp-story.slider {
	position: relative;
	padding: 20px 0;
	color: var(--color-text-inverse);
	z-index: 0
}

.mtp-sliders .mtp-story.slider:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(var(--color-brand-rgb));
	background-image: url(../images/shared-decorative-illustration-25.webp), var(--gradient-brand-deep-0);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

.mtp-sliders .mtp-story.slider .swiper-slide span {
	position: relative;
}

.mtp-sliders .mtp-story.slider .swiper-slide span:after {
	content: "\f069";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -100px;
	color: var(--color-decor-lime);
	-webkit-animation: rotation 6s infinite linear;
	animation: rotation 6s infinite linear;
}

.mtp-sliders .mtp-story.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text-inverse);
}

.mtp-api .nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 10px;
	background-color: var(--color-surface-translucent-30);
	margin: auto;
	position: relative;
	width: max-content
}

.mtp-api .nav .nav-link {
	display: flex;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-api .nav .nav-link.active {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180)
}

.mtp-api .nav .nav-link h3 {
	font-size: 18px;
	margin-bottom: 0;
	color: var(--color-text-ink)
}

.mtp-api .nav .nav-link.active h3 {
	color: var(--color-text-inverse) !important;
}

.mtp-api .mtp-header p {
	color: var(--color-decor-mint-glow)
}

.mtp-api-wrapper {
	background: var(--gradient-brand-bright-fade-180);
	border-radius: 25px 25px 0 0;
	padding: 50px 25px;
	position: relative;
	overflow: hidden;
}

.mtp-api-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.15;
}

.mtp-api-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 50px;
}

.mtp-api-list .mtp-paragraph {
	color: var(--color-surface-mint-soft)
}


.mtp-api-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	padding-left: 0;
	margin-bottom: 0
}

.mtp-api-container li {
	list-style: none
}

.mtp-api-container .item {
	background: var(--color-surface);
	border-radius: 15px;
	padding: 15px
}

.mtp-api-container .item .title {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.mtp-api-container .item p {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-api-copy);
	margin-bottom: 0;
	padding-top: 7px
}

.mtp-api .mtp-api-content {
	background: var(--color-surface);
	border-radius: 15px;
	padding: 25px;
	max-width: 1000px;
	margin: 35px auto 0 auto;
	color: var(--color-text-ink);
	text-align: center
}

.mtp-calculator .package-selector {
	border-radius: 25px;
	border: 1px solid var(--color-border);
	background-color: var(--color-surface-blue-faint);
	padding: 35px 45px 45px;
	margin: 35px auto 0 auto;
	max-width: 850px;
	position: relative
}

.mtp-calculator .package-selector:before {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	width: 35%;
	height: 100%;
	background: var(--gradient-social-green-radial);
	filter: blur(100px);
	z-index: -1;
	margin-left: auto;
	margin-right: auto;
	opacity: .5;
}

.mtp-calculator .package-group {
	margin-bottom: 25px
}

.mtp-calculator .package-group label {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.mtp-calculator .category-boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.mtp-calculator .subcategory-boxes {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}

.mtp-calculator .cat-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	padding: 15px;
	background-color: var(--color-surface);
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-ink);
	border-radius: var(--button-radius);
	line-height: var(--type-leading-control);
	cursor: pointer;
	user-select: none;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
	position: relative;
	overflow: hidden
}

/* Preserve the selector geometry after a mouse click. A legacy global focus
 * reset removes button borders, which makes the calculator tabs appear to
 * jump when the active state moves between options. */
.mtp-calculator .cat-box:focus {
	border: 1px solid var(--color-border) !important;
	outline: none !important;
}

.mtp-calculator .cat-box:focus-visible {
	outline: 3px solid rgba(var(--color-brand-rgb), .34) !important;
	outline-offset: 2px;
}

.mtp-calculator .cat-box:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 80px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.mtp-calculator .sub-box {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-border);
	padding: 15px;
	background-color: var(--color-surface);
	font-size: 14px;
	color: var(--color-text-ink);
	border-radius: 15px;
	cursor: pointer;
	user-select: none;
	transition: 0.2s;
	white-space: nowrap;
}

.mtp-calculator .cat-box.active,
.mtp-calculator .sub-box.active {
	background: var(--color-success-bright);
	border-color: var(--color-success-bright) !important;
	color: var(--color-text-inverse)
}

.mtp-calculator .cat-box:not(.active):hover,
.mtp-calculator .sub-box:not(.active):hover {
	background: var(--section-calculator-hover-bg);
	border-color: var(--color-success-bright)
}

.mtp-calculator .cat-box .cat-icon {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--color-text-inverse);
	border-radius: 7px
}

.mtp-calculator .cat-box .cat-icon.instagram {
	background: var(--gradient-platform-instagram-radial);
}

.mtp-calculator .cat-box .cat-icon.tiktok {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--color-text-inverse);
	background: var(--color-surface-inverse)
}

.mtp-calculator .cat-box .cat-icon.youtube {
	background: var(--platform-youtube);
}

.mtp-calculator .cat-box .cat-icon.facebook {
	background: var(--platform-facebook)
}

.mtp-calculator .cat-box .cat-icon.spotify {
	background: var(--platform-spotify)
}

.mtp-calculator .cat-box .cat-icon.telegram {
	background: var(--color-decor-blue-social)
}

.mtp-calculator .cat-box .cat-icon.twitter {
	background: var(--platform-twitter)
}

.mtp-calculator .cat-box .cat-icon.kickstarter {
	background: var(--platform-kick)
}

.mtp-calculator .slider-path-wrapper {
	position: relative;
	background: var(--color-border);
	height: 10px;
	margin: 100px 0 0 0;
	border-radius: 35px
}

.mtp-calculator .slider-path-filled {
	position: absolute;
	background: var(--color-success-bright);
	height: 10px;
	border-radius: 35px;
	top: 0;
	left: 0;
}

.mtp-calculator .slider-knob {
	background: var(--color-surface);
	border: 1px solid var(--color-border-calculator-knob);
	border-radius: 100px;
	box-shadow: 0 0 13px 0 var(--shadow-calculator-control-color);
	cursor: pointer;
	height: 35px;
	left: 0;
	position: absolute;
	top: -15px;
	width: 35px;
}

.mtp-calculator .package-tooltip {
	align-items: center;
	background: var(--color-decor-rose);
	border-radius: 12px;
	bottom: calc(100% + 30px);
	box-shadow: 8px 12px 26px 0 var(--shadow-calculator-control-color);
	color: var(--color-text-inverse);
	cursor: pointer;
	display: flex;
	left: -4px;
	padding: 5px 15px;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: auto;
}

.mtp-calculator .package-tooltip p {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
}

.mtp-calculator .package-tooltip:after {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid var(--color-decor-rose);
	content: "";
	height: 0;
	left: calc(50% - 15px);
	position: absolute;
	top: 100%;
	width: 0;
}

.mtp-calculator .package-selector-details {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 10px;
	background: var(--color-surface);
	border-radius: 15px;
	padding: 10px;
	border: 1px solid var(--color-border);
	margin-top: 25px
}

:where(.mtp-calculator .package-selector .package-selector-details) p {
	color: var(--color-text-ink);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0
}

:where(.mtp-calculator .package-selector .package-selector-details) p:nth-child(2) {
	font-size: 26px;
	font-weight: 700;
	color: var(--color-decor-rose)
}

.mtp-calculator .package-selector .package-selector-discount {
	background: var(--color-success-bright);
	border-radius: 10px;
	color: var(--color-text-inverse);
	line-height: 100%;
	padding: 9px 12px;
	font-size: 18px;
	font-weight: 500;
	transition: 0.2s;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.35s ease, max-height 0.35s ease;
}

.mtp-calculator .package-selector .package-selector-discount.visible {
	opacity: 1;
	max-height: 100px;
}

.mtp-calculator .package-selector .btn-primary {
	--service-calculator-selector-action-bg: var(--color-text-ink);
	--service-calculator-selector-action-border: var(--color-text-ink);
	--service-calculator-selector-action-hover-bg: var(--section-calculator-selector-hover-bg);
	background: var(--service-calculator-selector-action-bg);
	border-color: var(--service-calculator-selector-action-border);
	padding: 15px;
	font-size: 18px
}

.mtp-calculator .package-selector .btn-primary:hover {
	background: var(--service-calculator-selector-action-hover-bg)
}

.mtp-faq .mtp-faq-area {
	margin-top: 35px
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	margin-top: 25px;
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 15px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item {
	position: relative;
	cursor: pointer;
	background: var(--color-css-transparent);
	-webkit-transition: .2s ease;
	transition: .2s ease;
	background: var(--color-surface);
	border: 1px solid var(--color-border-green-soft);
	color: var(--color-text-ink);
	border-radius: 15px;
	height: max-content;
	margin-bottom: 0;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-head h2,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-head h3 {
	color: var(--color-success-bright)
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-ink);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left {
	display: flex;
	align-items: center
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left .icon {
	min-width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-success-bright);
	border-radius: 100%;
	font-size: 12px;
	color: var(--color-text-inverse);
	position: relative;
	z-index: 1;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left .icon:before {
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 100%;
	background: var(--color-success-bright);
	opacity: 0.2;
	z-index: -1;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h2,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h3,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h4,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h5 {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-ink);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-arrow {
	color: var(--color-text-ink);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-arrow {
	color: var(--color-success-bright)
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .fa-angle-up {
	display: block
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .fa-angle-up {
	display: none;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .fa-angle-down {
	display: none
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-content {
	display: none;
	padding-top: 12px;
	background: var(--color-surface);
	border-radius: 0 0 10px 10px;
	padding: 0 15px 10px 15px;
	color: var(--color-text-ink);
	font-size: 13px;
}

.team-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
	margin-top: 50px;
	padding-left: 0;
	margin-bottom: 0
}

.team-wrapper .team-item {
	position: relative;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	border-radius: 15px;
	list-style: none;
	cursor: pointer
}

.team-wrapper .team-item .team-img {
	height: 100%;
}

.team-wrapper .team-item:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-radius: 15px;
	box-shadow: inset 0 0 25px var(--shadow-team-overlay);
	transition: all 0.3s ease;
	background: var(--color-success-bright);
	z-index: 1;
}

.team-wrapper .team-item:hover:before {
	width: 100%;
	background: var(--section-team-hover-overlay);
}

.team-wrapper .team-item .info {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	color: var(--color-text-inverse);
	font-size: 12px;
	opacity: 0;
	transition: opacity 0.5s linear;
}

.team-wrapper .team-item:hover .info {
	opacity: 1;
}

.team-wrapper .team-item .team-img:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, var(--section-team-image-overlay-start) 35%, var(--section-team-image-overlay-end) 78%);
	z-index: 0;
	transition: all 0.5s linear;
	border-radius: 0 0 15px 15px
}

.team-wrapper .team-item .team-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
	max-width: 100%
}

.team-wrapper .team-item .team-content {
	position: absolute;
	left: 50px;
	bottom: 15px;
	z-index: 5;
	transition: bottom 0.3s linear;
}

.team-wrapper .team-item:hover .team-content {
	bottom: 50px;
}

.team-wrapper .team-item .team-content .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.team-wrapper .team-item .team-content .name:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	background: var(--color-success-bright);
	z-index: -1;
	transition: all 0.3s linear;
	border-radius: 5px
}

.team-wrapper .team-item .team-content .designation {
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.mtp-subscription .opinion-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	padding: 35px 0 35px 50px;
	position: relative;
	margin: 100px 0;
	overflow: visible;
	isolation: isolate;
}

.mtp-subscription .opinion-wrapper .opinion-text {
	position: relative
}

.mtp-subscription .opinion-wrapper .opinion-text:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 50%;
	height: 50%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: linear-gradient(120deg, var(--section-glow-start) 0%, var(--section-glow-end) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.mtp-subscription .title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
	color: var(--color-text-inverse);
	max-width: 600px;
	line-height: 46px;
	position: relative
}

.mtp-subscription p {
	font-size: 16px;
	max-width: 650px;
	color: var(--color-surface-mint-soft);
	position: relative
}

.mtp-subscription .opinion-wrapper .opinion-img-wrapper {
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}

.mtp-subscription .opinion-wrapper .opinion-img {
	position: relative;
	margin-top: -43px;
}

.mtp-subscription .opinion-img-wrapper .opinion-img img {
	display: block;
	width: 350px;
	height: auto;
	max-width: 350px;
}

.mtp-subscription .subscribe-card {
	margin-top: 35px
}

.mtp-subscription .subscribe-card .form-row {
	position: relative;
	width: max-content;
	min-width: 350px;
}

.mtp-subscription .subscribe-card .form-control {
	background: var(--section-subscription-input-bg);
	color: var(--color-text-inverse) !important;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid var(--color-success-bright) !important;
	width: 100%;
	height: 50px;
	border-radius: 35px
}

.mtp-subscription .subscribe-card .field {
	width: 100%;
}

.mtp-subscription .subscribe-card .subscribe-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	width: max-content;
	height: 40px;
	border-radius: 35px;
	top: 5px;
	right: 5px;
	background: var(--color-success-bright);
	border: none;
	box-shadow: none;
	color: var(--color-text-inverse);
	padding: 0 10px
}

.mtp-subscription .subscribe-card .subscribe-btn:hover {
	background: var(--color-accent-warm)
}

.mtp-factors {
	background: url(../images/shared-decorative-illustration-11.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
}

.mtp-factors .mtp-header h3 {
	color: var(--color-text-inverse);
}

.mtp-factors .mtp-header p {
	color: var(--color-decor-mint-glow)
}

.mtp-factors .cost-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	margin-top: 35px;
	padding-left: 0;
	margin-bottom: 0
}

.mtp-factors .cost-wrapper .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	text-align: center;
	background: var(--color-surface-translucent-15);
	border: 1px solid var(--color-decor-forest-border);
	padding: 15px;
	position: relative;
	overflow: hidden
}

.mtp-factors .cost-wrapper .item:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 30%;
	width: 60%;
	height: 80%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: var(--gradient-action-green-soft-120);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
	opacity: .5
}

.mtp-factors .cost-wrapper .item span {
	font-size: 16px;
	font-weight: 600;
	color: var(--section-factor-label-text)
}

.mtp-factors .cost-wrapper .item p {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-text-inverse);
	margin-bottom: 0;
	position: relative
}

footer {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border-radius: 25px 25px 0 0;
	position: relative;
	padding: 50px 0 15px 0;
	overflow: hidden
}

footer:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 100%;
	width: 100%;
	height: 50%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: linear-gradient(120deg, var(--section-glow-start) 0%, var(--section-glow-end) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
	opacity: .7
}

footer .footer-address {
	display: flex;
	gap: 10px;
	margin-top: 5px;
	flex-direction: column;
}

footer .footer-address span {
	font-size: 12px
}


footer .footer-address span svg {
	width: 24px;
	color: var(--color-success-bright)
}

.footer-flex .footer-left {
	width: 30%;
	padding-left: 25px
}

.footer-flex .footer-left p {
	max-width: 350px;
	font-size: 11px;
	color: var(--color-decor-mint-glow)
}

.footer-flex .footer-center {
	display: flex;
	gap: 35px;
	width: 80%;
}

.footer-social ul {
	padding-top: 0
}

.footer-flex .footer-left,
.footer-flex .footer-center {
	position: relative
}

footer .footer-social ul li {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 10px;
	line-height: 30px;
	background: var(--color-surface);
	border: 1px solid var(--color-border-green-soft);
	cursor: pointer;
	transition: 250ms all
}

footer .footer-social ul li a {
	font-size: 15px;
	color: var(--footer-ink-bg);
}

footer .footer-social ul li:hover {
	background: var(--color-success-bright);
	border: 1px solid var(--footer-social-hover-border);
	transition: 250ms all
}

footer .footer-social ul li:hover a {
	color: var(--color-text-inverse)
}

footer .footer-links a,
.footer-list-item span {
	font-size: 12px;
}

footer .footer-alt-content {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--footer-ink-bg);
	border: 1px solid var(--color-border-inverse-subtle);
	padding: 20px;
	border-radius: 15px;
	font-size: 12px;
	margin-top: 35px;
	position: relative;
	z-index: 2;
}

.mtp-marquee {
	position: relative;
	width: 100%;
	padding: 30px 0;
	margin-top: 0
}

.mtp-marquee:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 1px;
	max-width: 1000px;
	width: 100%;
	background: linear-gradient(90deg, var(--color-surface) 0%, var(--color-border) 53%, var(--color-surface) 100%);
}

.mtp-marquee .logo-marquee {
	position: relative;
	width: 100%
}

.mtp-marquee .logo-marquee .marquee-track {
	width: 100%;
	overflow: hidden
}

@media (min-width: 1920px) {
	.mtp-marquee .logo-marquee .marquee-track {
		width: 100%;
		max-width: 1920px;
		overflow: hidden;
		margin: 0 auto
	}
}

.mtp-marquee .logo-marquee .marquee-content {
	display: flex;
	gap: clamp(2rem, 1.6rem + 2vw, 3rem);
	will-change: transform;
	transform: translateZ(0);
	backface-visibility: hidden
}

.mtp-marquee .logo-marquee .logo-item {
	flex: 0 0 auto;
	min-width: 217px;
}

.mtp-marquee .logo-marquee .logo-slide {
	display: block;
	width: auto;
	height: 32px;
	max-width: 180px;
	transition: all .3s ease;
	border-radius: .5rem;
	position: relative;
	overflow: visible;
	cursor: pointer;
	filter: grayscale(100%) opacity(.7)
}

.mtp-marquee .logo-marquee .logo-slide :is(img,svg) {
	display: block;
	max-width: 100%
}

.mtp-marquee .logo-marquee .logo-slide:hover {
	transform: translateY(-1px)
}

.mtp-marquee .logo-marquee .logo-slide:hover,
.mtp-marquee .logo-marquee .logo-slide:hover :is(img,svg) {
	filter: grayscale(0%) opacity(1);
	transform: scale(1.05)
}

.mtp-marquee .logo-tooltip {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	margin-top: -10px;
	max-width: 225px;
	padding: 10px 12px;
	box-sizing: border-box;
	box-shadow: 0 22px 9px var(--shadow-logo-tooltip-layer-1), 0 12px 7px var(--shadow-logo-tooltip-layer-2), 0 5px 5px var(--shadow-logo-tooltip-layer-3), 0 1px 3px var(--shadow-logo-tooltip-layer-4);
	background: var(--color-surface);
	border-radius: 8px;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	line-height: 1.4;
	text-align: center;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	z-index: 1000;
}

.mtp-marquee .logo-tooltip * {
	max-width: 100%;
	overflow: hidden;
}

.mtp-marquee .logo-tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid var(--color-border-inverse)
}

.mtp-marquee .logo-tooltip:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid var(--color-overlay-tooltip-arrow);
	z-index: -1
}

.mtp-marquee .logo-tooltip.visible {
	opacity: 1
}

.mtp-top-header .thumb,
.buy-service-home-hero-footer .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	cursor: pointer;
	border-radius: 15px;
	overflow: hidden;
	margin: 0 auto
}

.mtp-top-header .thumb img,
.buy-service-home-hero-footer .thumb img {
	display: block;
	width: 128px;
	max-width: 80vw;
	height: auto
}

.mtp-top-header .thumb .play-btn,
.buy-service-home-hero-footer .thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--section-play-bg);
	backdrop-filter: blur(2px);
	transition: 200ms all
}

.mtp-top-header .thumb:hover .play-btn,
.buy-service-home-hero-footer .thumb:hover .play-btn {
	background: var(--section-play-bg-hover);
	transition: 200ms all
}

.mtp-top-header .play-btn svg,
.buy-service-home-hero-footer .play-btn svg {
	width: 36px;
	height: 36px;
	fill: var(--color-text-inverse)
}

.mtp-top .home-rates {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px
}

.mtp-top-footer {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: clamp(40px, 3.5vw, 64px)
}

.home-hero-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(12px, 1vw, 18px);
	padding-bottom: clamp(14px, 1.25vw, 22px);
}

.home-hero-actions .mtp-top-footer {
	margin-bottom: 0;
}

/* Platform pages reuse the homepage payment row. Their Hero ends immediately
 * after the shared action wrapper, so reserve the homepage's trailing rhythm
 * here without changing the homepage surface itself. */
[data-panel-service-surface] .mtp-top .home-hero-actions[data-panel-hero-actions] {
	padding-bottom: calc(clamp(14px, 1.25vw, 22px) + 35px);
}

.home-hero-payment-methods {
	display: grid;
	grid-template-columns: repeat(6, 54px);
	gap: 8px 10px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-hero-payment-methods :is(img, svg) {
	display: block;
	width: 54px;
	height: auto;
}

.mtp-top .home-rates {
	margin-bottom: 10px
}

.mtp-top .home-rates svg {
	margin-top: -7px;
	border-right: 1px solid var(--color-text-ink);
	padding-right: 10px
}

.mtp-top .home-rates .trust {
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 0;
	gap: 0;
	font-size: 12px
}

@media (max-width: 768px) {
	.mtp-top-footer {
		flex-direction: column;
		margin-bottom: 32px
	}

	.home-hero-actions {
		gap: 14px;
		padding-bottom: 24px;
	}

	.home-hero-actions .mtp-top-footer {
		margin-bottom: 0;
	}

	.home-hero-payment-methods {
		grid-template-columns: repeat(6, 42px);
		gap: 7px;
	}

	.home-hero-payment-methods :is(img, svg) {
		width: 42px;
	}

	.mtp-marquee .logo-marquee .marquee-track {
		margin-top: -50px;
		margin-bottom: -50px;
		padding-top: 50px;
		padding-bottom: 1.5rem
	}

	.mtp-marquee .logo-marquee .marquee-content {
		gap: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem)
	}

	.mtp-marquee .logo-marquee .logo-item {
		/* The publisher marks are the proof point on small screens. Two legible
		 * logos are more useful than three visually indistinct ones. */
		display: grid;
		min-width: 148px;
		height: 96px;
		place-items: center;
	}

	.mtp-marquee .logo-marquee .logo-slide {
		padding: 0
	}

	.mtp-marquee .logo-marquee .logo-slide :is(img,svg) {
		max-width: 100%
	}

	.mtp-marquee .logo-marquee .logo-slide {
		height: 32px
	}

	.mtp-marquee .logo-tooltip {
		font-size: 12px !important;
		padding: 6px 10px !important
	}
}

.mtp-marquee .logo-marquee .marquee-content {
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000px
}

.mtp-marquee .logo-marquee .logo-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

@media (prefers-reduced-motion: reduce) {
	.mtp-marquee .logo-marquee .logo-slide {
		transition: none
	}

	.mtp-marquee .logo-marquee .logo-slide :is(img,svg) {
		transition: none
	}

	.mtp-marquee .logo-marquee .logo-slide:hover {
		transform: none
	}

	.mtp-marquee .logo-marquee .logo-slide:hover :is(img,svg) {
		transform: none
	}

	.mtp-marquee .logo-marquee .logo-slide:hover {
		transform: none
	}

}

@media (max-width: 991.98px) {
	.mtp-margin {
		margin: 25px 0;
	}

	#product-start {
		padding-top: 100px;
	}

.mtp-top-header h1 {
	font-size: var(--type-size-display-mobile);
	max-width: 100%;
}

.mtp-top-header p {
	font-size: var(--type-size-ui);
	line-height: 1.7;
}

	.mtp-top-header {
		gap: 15px;
	}

	.buy-service-home-hero-footer {
		gap: 15px;
		margin-top: 15px;
		padding-bottom: 15px;
	}

.mtp-top-images {
	top: 18px;
	bottom: auto;
	right: calc(440px - 50vw);
	width: min(48vw, 300px);
	opacity: .14;
}

	.mtp-top-features {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 7px;
		column-gap: 35px;
		padding-left: 0;
	}

	.mtp-top-features li {
		margin: auto
	}

	.mtp-top-features .mtp-top-features-item .title span svg {
		width: 10px;
	}

	.mtp-top-features .mtp-top-features-item .title {
		margin: unset;
	}

	.mtp-top-features .mtp-top-features-item .title p {
		font-size: 18px
	}

	/* Keep the hint above its active feature row. On the one-column mobile
	 * Hero list, make the row itself the positioning container so the bubble
	 * can be centred within the viewport without changing its vertical anchor. */
	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.mtp-top-features li {
		position: relative;
		width: 100%;
		margin-inline: 0;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.mtp-top-features .mtp-top-features-item .title {
		position: static;
		margin-inline: auto;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.mtp-top-features [data-hint] {
		position: static;
	}

	main[data-page-template="home-page"] .mtp-top-features [data-hint]::before,
	main[data-page-template="buy-service"] .mtp-top-features [data-hint]::before,
	main[data-page-template="panel-service"] .mtp-top-features [data-hint]::before {
		position: absolute;
		top: auto;
		bottom: calc(100% + 8px);
		left: 50%;
		width: min(239px, calc(100vw - 32px));
		max-width: calc(100vw - 32px);
		transform: translateX(-50%);
	}

	.mtp-now {
		flex-direction: column;
		gap: 10px;
		width: 100%;
	}

	.mtp-tabs-menu .nav {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.mtp-tabs-menu .nav .nav-item {
		padding-bottom: 10px;
	}

	.review-container {
		flex-direction: column;
	}

	.mtp-sliders {
		padding-top: 15px;
	}

	.mtp-sliders .mtp-story.slider {
		padding: 20px 0;
	}

	.mtp-sliders .mtp-story.slider .swiper-slide span {
		font-size: 18px;
	}

	.mtp-header h2,
	.mtp-header h2 span {
		font-size: var(--type-size-heading-2-mobile);
		font-weight: var(--font-weight-semibold);
	}

	.mtp-header p {
		font-size: 14px;
	}

	.mtp-case {
		padding-block: 0;
	}

	.mtp-case .mtp-case-bg,
	.mtp-works .mtp-works-bg {
		opacity: .35
	}

	.case-box-container {
		padding-block: 0;
	}

	/* The shared metrics rail used stacked top-only spacing on mobile. Keep the
	 * content inset symmetrical so its progress line and stat card have the same
	 * breathing room above and below on every consuming page. */
	.case-box-container .timeline-swiper {
		padding-block: 25px;
	}

	.works-box-container .works-box {
		flex: 0 0 calc((100%) / 1);
	}

	.cost-factors-component .main-content {
		flex-direction: column;
		gap: 25px;
	}

	.cost-factors-component .image-placeholder {
		max-width: 300px;
		max-height: 300px;
		top: 0
	}

	.cost-factors-component {
		padding: 15px;
	}

	:where(.mtp-best) .best-packages {
		flex-direction: column;
	}

	.mtp-srv-bg {
		display: none
	}

	.mtp-srv-menu {
		max-width: 100%;
	}

	.mtp-srv-menu .nav {
		justify-content: flex-start
	}

	.mtp-srv-menu .nav .nav-item {
		padding-bottom: 5px;
	}

	.mtp-header h3 {
		font-size: var(--type-size-section-title-mobile);
	}

	.mtp-works {
		padding: 25px 0 0 0;
	}

	.works-box-container .progress-bar {
		display: none
	}

	.works-box-container .worksbox-controls {
		justify-content: center;
		gap: 15px;
	}

	.mtp-api-list {
		padding-top: 25px;
	}

	.mtp-api-wrapper {
		padding: 25px 15px;
	}

	.mtp-api-container {
		grid-template-columns: repeat(1, 1fr)
	}

	.mtp-calculator .category-boxes {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.mtp-api-list .mtp-paragraph {
		text-align: center;
	}

	.mtp-calculator .package-selector {
		padding: 25px 15px;
		margin: 35px auto 0 auto;
		max-width: 100%;
	}

	.mtp-calculator .cat-box {
		font-size: 14px;
	}

	.mtp-calculator .subcategory-boxes {
		grid-template-columns: repeat(2, 1fr);
	}

	.team-wrapper {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
		margin-top: 35px;
	}

	.mtp-team .mtp-now {
		width: 100%;
		margin: 15px auto 35px auto;
	}

	.team-wrapper .team-item .team-content .name {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 0;
	}

	.team-wrapper .team-item .team-content {
		left: 40px;
	}

	.team-wrapper .team-item .team-content .designation {
		font-size: 10px;
	}

	.mtp-subscription .opinion-wrapper {
		padding: 15px;
		margin: 25px 0;
	}

	.mtp-subscription .opinion-wrapper .opinion-img-wrapper {
		display: none;
	}

	.mtp-subscription .subscribe-card .form-row {
		width: 100%;
		min-width: 100%;
	}

	.mtp-subscription .title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.mtp-subscription p {
		font-size: 14px;
		max-width: 100%;
		text-align: left;
		margin-bottom: 0
	}

	.mtp-subscription .subscribe-card {
		margin-top: 15px;
	}

	.mtp-instagram:before,
	.mtp-tiktok:before,
	.mtp-youtube:before,
	.mtp-facebook:before {
		display: none
	}

	.mtp-factors .cost-wrapper {
		display: flex;
		flex-direction: column
	}

	footer {
		padding: 25px 0 15px 0
	}

	footer .footer-alt-content {
		padding: 20px 7px;
		margin-top: 0;
	}

	.footer-flex .footer-left {
		padding-left: 0
	}

	.footer-center {
		gap: 42px 30px;
	}

	.mtp-api .nav {
		max-width: 100%;
		flex-direction: column;
	}

	.mtp-api .nav .nav-link {
		white-space: unset;
		text-align: center
	}

}

@media (max-width: 575.98px) {
	.mtp-top-images {
		display: none;
	}
}

.insta-pages .mtp-top-header h1 span,
.insta-pages .mtp-header h2 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.insta-pages .mtp-top-header h1 span:before,
.insta-pages .mtp-header h2 span:before {
	background: var(--gradient-platform-instagram-text);
}

:where(.insta-pages) .mtp-margin .glow,
:where(.insta-pages) .mtp-calculator .package-selector:before {
	background: var(--gradient-platform-instagram-radial);
}

:where(.insta-pages) .mtp-top .home-seperator {
	background: var(--gradient-platform-instagram-radial);
}

.pinterest-pages {
	--platform-facebook: var(--platform-pinterest);
	--platform-facebook-alt: var(--platform-pinterest);
	--platform-facebook-tint: var(--platform-pinterest-tint);
	--platform-facebook-light: var(--platform-pinterest-light);
	--platform-facebook-mid: var(--platform-pinterest-mid);
	--platform-facebook-deep: var(--platform-pinterest-deep);
	--platform-facebook-ink: var(--platform-pinterest-ink);
	--platform-instagram-indigo: var(--platform-pinterest-deep);
	--platform-soundcloud-rgb: var(--platform-pinterest-rgb);
}

.facebook-pages .mtp-top-header h1 span,
.facebook-pages .mtp-header h2 span {
	background: var(--platform-facebook);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.facebook-pages .mtp-top-header h1 span:before,
.facebook-pages .mtp-header h2 span:before {
	background-color: var(--platform-facebook)
}

:where(.facebook-pages) .mtp-margin .glow,
:where(.facebook-pages) .mtp-calculator .package-selector:before {
	background: var(--gradient-platform-facebook-radial)
}

:where(.facebook-pages) .mtp-top .home-seperator {
	background: var(--gradient-platform-facebook-radial)
}

.mtp-srv-content .p-card {
	position: relative;
	padding: 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	cursor: pointer;
	overflow: hidden;
}

:where(.mtp-srv-content) .p-card:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.mtp-srv-content .p-card) .p-card-top {
	background: var(--color-surface-green-soft);
	border-radius: 15px;
	padding: 25px;
	border-left: 2px solid var(--color-success-bright)
}

:where(.mtp-srv-content .p-card .p-card-top) p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	text-align: left;
	max-width: 100%;
	margin: 5px auto 25px auto;
}

:where(.mtp-srv-content .p-card .p-card-top) strong {
	font-size: 18px
}

:where(.mtp-srv-content .p-card .p-card-top) ul {
	padding-left: 0;
	color: var(--color-text);
	font-size: 14px;
	margin-bottom: 0
}

:where(.mtp-srv-content .p-card .p-card-top) ul li {
	list-style: none
}

:where(.mtp-srv-content .p-card .p-card-top) ul li strong {
	font-size: 14px
}

:where(.mtp-srv-content .p-card) .p-card-key {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	background: rgba(var(--color-brand-bright-rgb), 1);
	border-radius: 15px;
	padding: 15px;
	margin: 15px 0;
}

:where(.mtp-srv-content .p-card .p-card-key):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.15;
}

:where(.mtp-srv-content) .p-card .p-card-key strong {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-inverse)
}

:where(.mtp-srv-content) .p-card .p-card-key p {
	max-width: 100%;
	margin: 0;
	color: var(--color-surface-mint-soft)
}

:where(.mtp-srv-content .p-card) .p-card-boxes {
	display: flex;
	align-items: stretch;
	gap: 25px;
	position: relative;
	z-index: 3
}

:where(.mtp-srv-content .p-card .p-card-boxes) .item {
	display: flex;
	gap: 15px;
	flex-direction: column;
	flex: 1;
	background: var(--color-surface);
	padding: 20px;
	border-radius: 15px;
	border: 1px solid var(--color-border-green-soft);
	position: relative;
}

:where(.mtp-srv-content .p-card .p-card-boxes .item) strong {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-strong)
}

:where(.mtp-srv-content .p-card .p-card-boxes .item) p {
	max-width: 100%;
	text-align: left
}

/*
 * Shared buy-service information cards live inside legacy tab panes whose
 * default copy is centered. Keep these scan-oriented card sections aligned
 * to one left edge, matching the source-site component without changing the
 * card geometry or its responsive layout.
 */
.mtp-srv-content .p-card .p-card-top,
.mtp-srv-content .p-card .p-card-key,
.mtp-srv-content .p-card .p-card-boxes .item,
.mtp-srv-content .p-card .p-card-top p,
.mtp-srv-content .p-card .p-card-key p,
.mtp-srv-content .p-card .p-card-boxes .item p {
	text-align: left;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.mtp-srv-content .p-card .p-card-top p {
	margin-top: 5px;
	margin-bottom: 25px;
}

.mtp-srv-content .p-card .p-card-key p,
.mtp-srv-content .p-card .p-card-boxes .item p {
	margin-top: 0;
	margin-bottom: 0;
}

:where(.mtp-srv-content .p-card) .p-card-form {
	background: var(--color-surface-cool-alt);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	padding: 15px;
	margin-top: 15px
}

:where(.mtp-srv-content .p-card .p-card-form) .form-control {
	border-radius: 10px;
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	color: var(--color-text-ink);
	height: 50px;
	width: 100%;
}

.p-card-stepper-btn,
.p-card-stepper-btn:hover,
.p-card-stepper-btn:focus {
	outline: 0;
	border: 0;
	box-shadow: none
}

.p-card-stepper-btn-minus {
	border-radius: 10px 0 0 10px
}

:where(.mtp-srv-content .p-card .p-card-form .d-flex) .form-control {
	border-radius: 0
}

.p-card-stepper-btn-plus {
	border-radius: 0 10px 10px 0
}

.p-card-stepper-btn:focus-visible {
	position: relative;
	z-index: 1;
	box-shadow: var(--focus-ring);
}

:where(.mtp-srv-content .p-card .p-card-form) .p-card-price {
	border-radius: 10px;
	border: 1px solid var(--color-success-bright);
	background: var(--card-price-bg);
	height: 50px;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	color: var(--card-price-text);
	position: relative
}

:where(.mtp-srv-content .p-card .p-card-form .p-card-price) small {
	background: var(--platform-tiktok-red-deep);
	border-radius: 100px;
	color: var(--color-text-inverse);
	padding: 0 7px;
	font-size: 12px;
}

:where(.mtp-srv-content .p-card .p-card-form) .title {
	display: flex;
	align-items: center;
	background: var(--color-accent-warm);
	border-radius: 10px;
	padding: 5px;
	margin: 0 0 15px 0;
	justify-content: center;
	font-size: 20px;
	color: var(--color-text-inverse);
	font-weight: 600;
	text-transform: uppercase;
}

#videoModal .video-wrap {
	position: relative;
	padding-top: 56.25%;
	border-radius: 0 0 15px 15px;
}

#videoModal .video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
}

@keyframes live-slide-in {
	from {
		transform: translateX(120%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes live-pulse {

	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.6;
		transform: scale(1.3);
	}
}

@keyframes live-count-update {
	0% {
		transform: scale(1.2);
		opacity: 0.8;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}

.faq-table {
	width: 100%;
	border-collapse: collapse;
}

.faq-table thead tr th {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid var(--color-border-inverse-subtle);
	background: var(--color-brand-strong);
	color: var(--color-text-inverse)
}

.faq-table tbody tr td {
	padding: 10px;
	border: 1px solid var(--color-border);
	vertical-align: top;
}

.mtp-best,
.mtp-cheap,
.mtp-calculator {
	position: relative
}

.buy-service-best-icon-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.mtp-best .mtp-srv-bg img,
.mtp-cheap .mtp-srv-bg img {
	position: absolute;
	height: auto
}

.mtp-best .mtp-srv-bg img:nth-child(1) {
	max-width: 175px;
	top: 275px;
	left: 0;
}

.mtp-cheap .mtp-srv-bg img:nth-child(1) {
	max-width: 200px;
	bottom: 75px;
	right: 0;
}

.mtp-best:before {
	content: url('../images/mtp-side-wave-purple.svg');
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-calculator:before {
	content: url('../images/mtp-side-wave-purple.svg');
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.bulk-packages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 50px;
	gap: 15px;
}

.bulk-pack-item {
	position: relative;
	padding: 10px 15px;
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	transition: 150ms all;
	cursor: pointer;
	color: var(--color-text-strong)
}

.bulk-pack-item.active,
.bulk-pack-item:hover {
	background: var(--color-success-bright);
	border: 1px solid var(--color-surface-translucent-20);
	color: var(--color-text-inverse)
}

:where(.bulk-pack-item .pi-top .pi-title) .pi-hint {
	position: absolute;
	right: -15px;
	top: -7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 1;
	z-index: 3;
	font-size: 10px;
	color: var(--service-package-hint-text)
}

:where(.bulk-pack-item.active .pi-top .pi-title) .pi-hint,
:where(.bulk-pack-item:hover .pi-top .pi-title) .pi-hint {
	color: var(--color-surface-mint-soft)
}

.bulk-pack-item .pi-top {
	display: flex;
	align-items: center;
	justify-content: center
}

:where(.bulk-pack-item .pi-top) .pi-check::before {
	content: "\f00c";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	position: absolute;
	background: var(--service-package-check-bg);
	text-align: center;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	border-radius: 100%;
	color: var(--color-text-inverse);
	right: 10px;
	top: -10px;
	opacity: 0;
	visibility: hidden;
	transition: .2s cubic-bezier(0, 0, .34, .81);
}

:where(.bulk-pack-item.active .pi-top) .pi-check::before {
	opacity: 1;
	visibility: visible;
	transition: .2s cubic-bezier(0, 0, .34, .81);
}

:where(.bulk-pack-item .pi-center) p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0;
	color: var(--color-surface-mint-soft)
}

:where(.bulk-pack-item .pi-top) .pi-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
}

:where(.bulk-pack-item .pi-center) p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0;
	color: var(--color-surface-mint-soft)
}

.bulk-header {
	margin-top: 35px
}

.bulk-header h3 {
	position: relative;
	font-size: 20px;
	color: var(--color-text-ink);
	padding-left: 10px;
	text-align: center;
	margin-top: 25px
}

.bulk-header h3:before {
	content: "";
	position: absolute;
	bottom: -5px;
	height: 3px;
	width: 100px;
	border-radius: 30px;
	background: var(--color-action-bright);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.bulk-header .pack-desc {
	max-width: 650px;
	margin: 10px auto 0 auto;
	text-align: center;
	color: var(--color-text-muted-neutral);
}

.big-packages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 50px;
	gap: 25px;
}

:where(.big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--gradient-platform-instagram-text);
	--service-big-package-action-border: var(--platform-instagram-pink);
	--service-big-package-action-hover-bg: var(--color-success-bright);
	--service-big-package-action-hover-border: var(--color-success-bright);
	position: relative;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--platform-instagram-pink);
	transition: all .3s ease;
	cursor: pointer;
	min-width: 200px;
	overflow: hidden;
}

:where(.insta-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--gradient-platform-instagram-action);
	--service-big-package-action-hover-bg: var(--gradient-platform-instagram-action)
}

:where(.facebook-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-facebook);
	--service-big-package-action-border: var(--platform-facebook);
	border-color: var(--platform-facebook)
}

:where(.big-packages) .big-packages-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: var(--gradient-platform-instagram-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.facebook-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--platform-facebook) 0%, var(--platform-facebook) 5%, var(--platform-facebook) 45%, var(--platform-facebook) 60%, var(--platform-facebook) 90%);
}

:where(.big-packages .big-packages-item) .btn-primary {
	white-space: nowrap;
	margin-top: 15px;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 10px;
}

:where(.big-packages .big-packages-item) .btn-primary,
:where(.big-packages .big-packages-item) .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-big-package-action-bg);
	border-color: var(--service-big-package-action-border);
	font-weight: 500;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
}

:where(.big-packages .big-packages-item) .btn-primary:hover {
	background: var(--service-big-package-action-hover-bg);
	border-color: var(--service-big-package-action-hover-border);
}


:where(.big-packages .big-packages-item .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%;
}

:where(.big-packages-item) .pi-top {
	display: flex;
	align-items: center;
	justify-content: center
}

:where(.big-packages-item .pi-top) .pi-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-strong);
	background: var(--gradient-platform-instagram-text);
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	color: var(--color-text-inverse);
}

:where(.facebook-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-facebook)
}

:where(.big-packages-item .pi-top .pi-title):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.15;
}

:where(.big-packages .big-packages-item) .pi-alt {
	padding: 15px;
}

:where(.big-packages-item) .pi-center {
	display: flex;
	flex-direction: column;
	padding: 0 0 15px 0;
}

:where(.big-packages-item .pi-center) ul {
	padding-left: 0;
	margin-bottom: 0;
	color: var(--color-text-strong)
}

:where(.big-packages-item .pi-center ul) li {
	list-style-type: none;
	font-size: 16px;
	padding: 5px 0;
}

:where(.big-packages-item) .pi-center>ul>li>i {
	font-size: 13px;
	width: 20px;
	color: var(--color-success-bright);
}

:where(.big-packages-item) .pi-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--color-border-blue-faint);
	padding-top: 5px;
}

:where(.big-packages-item .pi-bottom) .old {
	text-decoration-line: line-through;
	line-height: 12px;
	color: var(--service-package-old-price-text);
}

:where(.big-packages-item .pi-bottom) .new {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-success-bright);
}

.calc-alt {
	background: var(--color-surface-green-soft);
	border-radius: 15px;
	padding: 25px;
	border-left: 2px solid var(--color-success-bright);
	margin-top: 15px
}

.calc-alt strong {
	font-size: 18px;
}

.calc-alt p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	text-align: left;
	max-width: 100%;
	margin-bottom: 0
}

.blog-box .bb-wrapper .bb-content {
	font-size: 14px
}

.blog-box .bb-wrapper .bb-content [style*="font-family"],
.blog-box .bb-wrapper .bb-content [style*="font-family"] * {
	font-family: var(--font-body) !important;
	letter-spacing: var(--letter-spacing-body) !important;
}

.blog-box .bb-wrapper .bb-content h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin: 35px 0 15px;
}

.blog-box .bb-wrapper .bb-content h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h2,
.blog-box .bb-wrapper .bb-content h3,
.blog-box .bb-wrapper .bb-content h4,
.blog-box .bb-wrapper .bb-content h5 {
	color: var(--color-brand-strong)
}

.blog-box .bb-wrapper .bb-content a {
	color: var(--color-brand-strong)
}


.blog-box .bb-wrapper .bb-content ol li::marker {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	color: var(--color-brand-strong);
}

.insta-pages .mtp-api .nav,
.facebook-pages .mtp-api .nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: auto;
	gap: 10px;
	padding: 10px;
}

.insta-pages .mtp-api .nav .nav-link,
.facebook-pages .mtp-api .nav .nav-link {
	border-radius: 10px;
	gap: 5px;
	padding: 10px;
}

.insta-pages .mtp-api .nav .nav-link h3,
.facebook-pages .mtp-api .nav .nav-link h3 {
	font-size: 16px;
}

.insta-pages .mtp-api-wrapper {
	background: linear-gradient(180deg, rgba(var(--platform-instagram-pink-rgb), .46) 0%, rgba(var(--platform-instagram-orange-rgb), .28) 45%, transparent 100%)
}

.facebook-pages .mtp-api-wrapper {
	background: linear-gradient(rgba(var(--platform-soundcloud-rgb), .65) 0, var(--color-decor-magenta) 45%, transparent 100%)
}

.insta-pages .mtp-api .nav .nav-link.active,
.facebook-pages .mtp-api .nav .nav-link.active {
	background: var(--color-text-ink) !important;
}

.insta-pages .mtp-api .mtp-header p,
.facebook-pages .mtp-api .mtp-header p {
	color: var(--color-text-muted-neutral)
}

.mtp-why h2 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.mtp-why h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background: var(--gradient-platform-instagram-text);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
}

.mtp-why h2 {
	font-family: var(--font-display);
	font-size: var(--type-size-heading-2);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--type-tracking-heading);
	line-height: var(--type-leading-title)
}

.mtp-why h2,
.mtp-why p {
	color: var(--color-text-ink);
}

.mtp-why.why-more {
	background: url(../images/shared-decorative-illustration-05.webp);
	background-repeat: no-repeat;
}

.mtp-why .ww-boxes-2 {
	background: var(--gradient-platform-instagram-radial);
	background-size: 200% 200%;
	padding: 25px 25px 0 25px;
	border-radius: 25px;
	position: relative;
	overflow: hidden;
	animation: 6s ease 0s infinite normal none running ctaBg;
	max-width: 375px;
}

.mtp-why .ww-boxes-2::before {
	content: '';
	position: absolute;
	background-image: url(../images/shared-decorative-illustration-12.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 100%;
	top: 0;
	right: -25px;
}

@keyframes ctaBg {
	0% {
		background-position: 0 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
}

.mtp-why .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 50px 15px;
	text-align: center;
}

.mtp-why .ww-boxes-2 small {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	color: var(--color-text-inverse);
}

.mtp-why .ww-boxes-2 p {
	font-size: 14px;
	color: var(--color-decor-purple-soft);
	margin: auto;
}

.mtp-why .ww-boxes-2 .btn {
	--button-text: var(--color-text-why-button);
	--button-hover-text: var(--color-text-why-button);
	background: var(--color-surface);
	border-radius: 10px;
	color: var(--button-text);
	height: 50px;
	line-height: 28px;
	max-width: 225px;
	margin: auto;
	font-weight: 600;
}

.facebook-pages .mtp-header h3 span,
.facebook-pages .mtp-why h2 span {
	background: var(--platform-facebook);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 600;
	position: relative;
}

.facebook-pages .mtp-header h3 span:before,
.facebook-pages .mtp-why h2 span:before {
	background-color: var(--platform-facebook);
}

.facebook-pages .mtp-why .ww-boxes-2 {
	background: var(--gradient-platform-facebook-blue-radial)
}

.facebook-pages .mtp-why .ww-boxes-2 .btn {
	--button-text: var(--platform-facebook);
	--button-hover-text: var(--platform-facebook);
	color: var(--button-text);
}

:where(.facebook-pages .mtp-instagram .best-swiper .item-wrapper) .title h3 {
	font-size: 22px;
}

:where(.facebook-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--gradient-platform-facebook-deep-radial);
}

:where(.facebook-pages .mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-facebook-radial);
}

:where(.facebook-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--gradient-platform-facebook-radial);
	border-radius: 100%;
}

.facebook-pages .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px
}

.facebook-pages .ceo-message:before {
	background: var(--gradient-platform-facebook-radial);
	content: "";
	position: absolute;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.facebook-pages .ceo-message p {
	color: var(--color-text-ink)
}

.tiktok-pages .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px
}

.tiktok-pages .ceo-message:before {
	background: var(--gradient-platform-tiktok-radial);
	content: "";
	position: absolute;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.tiktok-pages .ceo-message p {
	color: var(--color-text-ink)
}

.tiktok-pages .mtp-top-header h1 span,
.tiktok-pages .mtp-header h2 span,
.tiktok-pages .mtp-why h2 span,
.tiktok-pages .mtp-header h3 span {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--platform-tiktok-black);
}

.tiktok-pages .mtp-top-header h1 span:before,
.tiktok-pages .mtp-header h2 span:before,
.tiktok-pages .mtp-why h2 span:before,
.tiktok-pages .mtp-header h3 span:before {
	background-color: var(--platform-tiktok-red-glow);
}

:where(.tiktok-pages .mtp-why) .ww-boxes-2,
:where(.tiktok-pages .ceo-message):before,
:where(.tiktok-pages .mtp-instagram .best-swiper .item) .icon,
:where(.tiktok-pages .mtp-instagram .best-swiper .item):before,
:where(.tiktok-pages .mtp-top) .home-seperator,
:where(.tiktok-pages .mtp-margin) .glow,
:where(.tiktok-pages .mtp-ceo) .ceo-message:before {
	background: radial-gradient(circle at 20% 20%, var(--platform-tiktok-radial-hot) 0%, transparent 60%), radial-gradient(circle at 100% 100%, var(--platform-tiktok-radial-cyan) 0%, transparent 60%), var(--color-surface-inverse)
}

:where(.tiktok-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--color-text-ink);
}

:where(.tiktok-pages .mtp-instagram .best-swiper .item-wrapper) .title h3 {
	font-size: 18px
}

:where(.youtube-pages .mtp-why) .ww-boxes-2,
:where(.youtube-pages .tiktok-pages .ceo-message):before,
:where(.youtube-pages .mtp-instagram .best-swiper .item):before,
:where(.youtube-pages .mtp-top) .home-seperator,
:where(.youtube-pages .mtp-margin) .glow,
:where(.youtube-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-youtube-rgb), .31)
}

:where(.youtube-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-youtube);
	border-radius: 10px
}

:where(.youtube-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-youtube);
}

.youtube-pages .mtp-top-header h1 span,
.youtube-pages .mtp-header h2 span,
.youtube-pages .mtp-why h2 span,
.youtube-pages .mtp-header h3 span {
	background: var(--platform-youtube);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.youtube-pages .mtp-top-header h1 span:before,
.youtube-pages .mtp-header h2 span:before {
	background-color: var(--platform-youtube)
}

:where(.product-packages) .item {
	padding: 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	border-left: 4px solid var(--color-action-bright);
	position: relative;
	overflow: hidden
}

:where(.product-packages) .item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.product-packages) .item small {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.product-packages) .item p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
}

:where(.product-packages .item .tags) span {
	background: var(--service-product-package-tag-bg, var(--color-action-bright-soft));
	padding: 1px 7px;
	border-radius: 10px;
	border: 1px solid var(--service-product-package-tag-border, var(--color-action-bright));
	color: var(--service-product-package-tag-text, var(--color-action-bright));
	font-size: 13px;
	font-weight: 600;
}

:where(.twitter-pages .product-packages) .item {
	border-left-color: var(--platform-twitter)
}

:where(.twitter-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-twitter-tag-bg);
	--service-product-package-tag-border: var(--platform-twitter);
	--service-product-package-tag-text: var(--platform-twitter);
}

:where(.youtube-pages .product-packages) .item {
	border-left-color: var(--platform-youtube)
}

:where(.youtube-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-youtube-tag-bg);
	--service-product-package-tag-border: var(--platform-youtube);
	--service-product-package-tag-text: var(--platform-youtube);
}

.spotify-pages .mtp-instagram .mtp-header h2 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.spotify-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: var(--color-success-bright);
}

:where(.spotify-pages .mtp-instagram .best-swiper) .item .icon {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
}

:where(.spotify-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--color-success-bright);
}

:where(.spotify-pages .mtp-instagram .best-swiper) .item:before {
	background: radial-gradient(circle at 30% 107%, rgba(var(--color-brand-rgb), 1) 0%, rgba(var(--color-brand-rgb), 1) 5%, rgba(var(--color-brand-rgb), 1) 45%, rgba(var(--color-brand-bright-rgb), 1) 60%, rgba(var(--color-brand-bright-rgb), 1) 90%);
}

@media(max-width: 991.98px) {
	:where(.mtp-srv-content .p-card) .p-card-boxes {
		flex-direction: column;
		gap: 10px
	}

	.bulk-packages {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 25px;
		gap: 10px;
	}

	.big-packages {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 25px;
		gap: 10px;
	}

	.blog-box .bb-wrapper .bb-content {
		order: 2
	}

	.blog-box .bb-wrapper .bb-content h2 {
		font-size: 18px;
		margin: 15px 0 15px;
	}

	.blog-box .bb-wrapper .bb-content h3 {
		font-size: 16px;
		margin: 10px 0 10px;
	}

	.insta-pages .mtp-api .nav {
		grid-template-columns: repeat(1, 1fr);
	}

	.mtp-why h2,
	.mtp-header h2 span {
		font-size: 28px;
		font-weight: 600;
	}

	.mtp-why p {
		text-align: center
	}

	/* On phone widths the conversion panel is stacked before its explanation.
	 * Preserve a clear section gap instead of letting the next heading touch it. */
	[data-panel-service-surface] .mtp-why.why-more .wm-left {
		margin-top: 32px;
	}

	/* The platform CTA becomes a single-column panel below the desktop
	 * breakpoint. Let it use the full column instead of retaining its 375px
	 * desktop cap, which left an asymmetric empty strip on wider phones. */
	[data-panel-service-surface] .mtp-why .ww-boxes-2 {
		width: 100%;
		max-width: none;
	}

}

.modal-body a {
	color: var(--color-action-bright)
}

.snapchat-pages .mtp-instagram .mtp-header h2 span {
	background: var(--platform-snapchat);
	background: var(--gradient-platform-snapchat-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.snapchat-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: var(--platform-snapchat)
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-snapchat);
	background: var(--gradient-platform-snapchat-163);
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-snapchat);
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item-wrapper .btn-primary {
	--button-text: var(--color-text-ink);
	--button-hover-text: var(--color-text-ink);
	color: var(--button-text)
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-snapchat-radial);
}

.snapchat-pages .mtp-top-header h1 span,
.snapchat-pages .mtp-header h2 span,
.snapchat-pages .mtp-why h2 span,
.snapchat-pages .mtp-header h3 span {
	background: var(--platform-snapchat);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.snapchat-pages .mtp-top-header h1 span:before,
.snapchat-pages .mtp-header h2 span:before {
	background-color: var(--platform-snapchat)
}

:where(.snapchat-pages .mtp-why) .ww-boxes-2,
:where(.snapchat-pages .tiktok-pages .ceo-message):before,
:where(.snapchat-pages .mtp-instagram .best-swiper .item):before,
:where(.snapchat-pages .mtp-top) .home-seperator,
:where(.snapchat-pages .mtp-margin) .glow,
:where(.snapchat-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-snapchat-rgb), .44)
}

:where(.snapchat-pages .product-packages) .item {
	border-left: 4px solid var(--platform-snapchat);
}

:where(.snapchat-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-snapchat-tag-bg);
	--service-product-package-tag-border: var(--platform-snapchat);
	--service-product-package-tag-text: var(--platform-snapchat-tag-text);
}

.soundcloud-pages .mtp-instagram .mtp-header h2 span {
	background: var(--platform-soundcloud);
	background: var(--gradient-platform-soundcloud-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.soundcloud-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: var(--platform-soundcloud)
}

:where(.soundcloud-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-soundcloud);
	background: var(--gradient-platform-soundcloud-163);
	border-radius: 100%
}

:where(.soundcloud-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-soundcloud);
}

:where(.soundcloud-pages .mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-soundcloud-radial);
}

.soundcloud-pages .mtp-top-header h1 span,
.soundcloud-pages .mtp-header h2 span,
.soundcloud-pages .mtp-why h2 span,
.soundcloud-pages .mtp-header h3 span {
	background: var(--platform-soundcloud);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.soundcloud-pages .mtp-top-header h1 span:before,
.soundcloud-pages .mtp-header h2 span:before {
	background-color: var(--platform-soundcloud)
}

:where(.soundcloud-pages .mtp-why) .ww-boxes-2,
:where(.soundcloud-pages .tiktok-pages .ceo-message):before,
:where(.soundcloud-pages .mtp-instagram .best-swiper .item):before,
:where(.soundcloud-pages .mtp-top) .home-seperator,
:where(.soundcloud-pages .mtp-margin) .glow,
:where(.soundcloud-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-soundcloud-rgb), .44)
}

:where(.soundcloud-pages .product-packages) .item {
	border-left: 4px solid var(--platform-soundcloud)
}

:where(.soundcloud-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-soundcloud-tag-bg);
	--service-product-package-tag-border: var(--platform-soundcloud);
	--service-product-package-tag-text: var(--platform-soundcloud);
}

.mtp-team.story-7 .team-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 25px
}

.mtp-team.story-7 .team-wrapper .team-item {
	max-width: 225px;
}

.mtp-owner-area {
	margin: 35px 0
}

.mtp-owner-area .mtp-owner-img {
	position: relative;
	width: 250px;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	border-radius: 15px
}

.mtp-owner-area .mtp-owner-img:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, var(--section-team-image-overlay-start) 35%, var(--section-team-image-overlay-end) 78%);
	z-index: 0;
	transition: all 0.5s linear;
	border-radius: 0 0 15px 15px;
}

.mtp-owner-area .mtp-owner-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
	max-width: 250px;
}

.mtp-owner-area .mtp-owner-img .team-content {
	position: absolute;
	left: 50px;
	bottom: 15px;
	z-index: 5;
}

.mtp-owner-area .mtp-owner-img .team-content .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.mtp-owner-area .mtp-owner-img .team-content .name:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	background: var(--color-success-bright);
	z-index: -1;
	transition: all 0.3s linear;
	border-radius: 5px;
}

.mtp-owner-area .mtp-owner-img .team-content .designation {
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.mtp-owner-area {
	display: flex;
	gap: 35px
}

.mtp-owner-text {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-owner-text:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.story-8 .mtp-srv-content {
	width: 100%;
}

.story-8 .social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding-left: 0;
	padding-top: 25px
}

.story-8 .social-links li {
	list-style-type: none
}

.story-8 .social-links li {
	width: 44px;
	height: 44px;
	text-align: center;
	border-radius: 10px;
	line-height: 44px;
	font-size: 18px;
	background: var(--color-action-bright);
	border: 1px solid var(--color-action-bright);
	cursor: pointer;
	transition: 250ms all;
}

.story-8 :where(.social-links li) a,
.story-8 :where(.social-links li:hover) a {
	color: var(--color-text-inverse)
}

.story-8 :where(.social-links li:hover) {
	opacity: .8;
	transition: 250ms all;
}

.policy-content {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
	margin-top: 35px
}

.policy-content-link {
	display: block;
	color: inherit;
	text-decoration: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.policy-content-link:hover {
	border-color: rgba(var(--color-brand-rgb), .38);
	box-shadow: 0 12px 28px rgba(var(--color-brand-deep-rgb), .10);
	transform: translateY(-2px);
}

.policy-content-link:focus-visible {
	outline: 3px solid rgba(var(--color-brand-rgb), .58);
	outline-offset: 3px;
}

.policy-content:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.policy-content p {
	font-size: 15px;
	margin: 15px auto;
	color: var(--color-text-muted-neutral);
	max-width: 850px;
	text-align: center
}

.mtp-ceo-2 .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-ceo-2 .ceo-message:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

@media (max-width: 991.98px) {
	.meet-header h1 {
		font-size: 24px;
	}

	.story-2 {
		padding: 0;
	}

	.story-img-geo {
		padding: 10px 28px 20px 10px;
	}

	.story-img-geo--vision {
		padding: 10px 10px 20px 28px;
	}

	.story-img-geo::before {
		width: 58px;
		height: 58px;
	}

	.story-img-geo::after {
		width: 18px;
		height: auto;
		background:
			linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 0 0 / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 0 100% / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 100% 50% / 14px 58px no-repeat;
	}

	.story-img-geo--vision::after {
		background:
			linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 100% 0 / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 100% 100% / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 0 50% / 14px 58px no-repeat;
	}

	.story-text-1 h2 {
		font-size: 24px;
	}

	.story-4 .mtp-header h2,
	.story-4 .mtp-header h2 span {
		font-size: 24px;
		font-weight: 600;
	}

	.mtp-owner-area {
		gap: 15px;
		flex-direction: column;
	}

	.mtp-owner-text {
		padding: 15px;
		text-align: center;
	}

	.mtp-owner-area .mtp-owner-img {
		width: 100%;
	}

	.mtp-owner-area .mtp-owner-img img {
		max-width: 100%;
	}

	.mtp-team.story-7 .team-wrapper {
		flex-direction: column;
	}

	.policy-content {
		padding: 15px;
	}
}

/* On phones, the owner portrait supports the story instead of dominating the
 * reading flow. Keep its established 2:3 crop, at half the content width,
 * and center it above the accompanying statement. */
@media (max-width: 767.98px) {
	.mtp-owner-area .mtp-owner-img {
		width: 50%;
		margin-inline: auto;
	}
}

.modal {
	z-index: 9999 !important
}

.dp-top {
	background: var(--color-surface-green-soft);
	padding: 15px;
	border-radius: 15px;
}

.dp-top .section-title,
.dp-center .section-title {
	font-size: 15px;
	font-weight: 800;
}

.dp-top .icon-box {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-decor-forest-bright);
	color: var(--color-text-inverse)
}

.dp-top .range-wrap {
	margin-bottom: 30px;
}

.dp-top .range-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.dp-top .range-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--color-text-ink);
}

.dp-top .range-label svg {
	width: 18px;
	height: 18px;
	stroke: var(--color-decor-forest-bright)
}

.dp-top .value-pill {
	background: var(--color-surface-badge-soft);
	color: var(--color-text-badge-strong);
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
}

.dp-top .muted {
	color: var(--color-text-muted-flat);
}

.dp-top input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 999px;
	background: var(--color-surface-neutral-line);
}

.dp-top input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--color-surface);
	border: 2px solid var(--color-decor-forest-bright);
	cursor: pointer;
}

.dp-top .hours-switch button {
	width: 100%;
	border: none;
	border-radius: 12px;
	padding: 20px 0;
	font-size: 11px;
	font-weight: 700;
}

.dp-top .hours-switch .active {
	background: var(--color-decor-black-deep);
	color: var(--color-text-inverse);
	border: 1px solid var(--color-decor-black-deep)
}

.dp-top .hours-switch .inactive {
	background: var(--color-surface);
	color: var(--color-text-muted-flat);
	border: 1px solid var(--color-border-soft);
}

.dp-top .phase-option {
	background: var(--color-surface);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
}

.dp-top .phase-option:hover {
	transform: translateY(-2px);
}

.dp-top .phase-option.active {
	border: 1px solid var(--color-success-bright)
}

.dp-top .phase-option svg rect {
	transition: fill .2s ease;
}

.dp-top .phase-option svg rect {
	fill: var(--color-surface-neutral-line);
}

.dp-top .phase-option.active svg rect {
	fill: var(--color-success-bright)
}

.dp-top .phase-title {
	font-size: 12px;
	font-weight: 800;
}

.dp-top .phase-sub {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.dp-top .mini-svg {
	width: 100%;
	height: 28px;
	margin-bottom: 10px;
}

.dp-bottom .stats-number {
	font-size: 24px;
	font-weight: 900;
}

.dp-center {
	margin-top: 15px
}

.dp-center .legend {
	display: flex;
	gap: 8px;
	align-items: center;
}

.dp-center .legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 800;
}

.dp-center .legend-dot {
	width: 9px;
	height: 9px;
	border-radius: 3px;
}

.dp-center .graph-wrapper {
	width: 100%;
	overflow: auto;
}

.dp-bottom .card {
	background: var(--color-surface-cool-alt);
	border-radius: 15px;
	border: 1px solid var(--color-border);
}

.dp-bottom .card .muted {
	color: var(--color-text-ink)
}

.ct-card input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: var(--color-surface-green-line);
	outline: none;
}

.ct-card input[type=range]::-webkit-slider-runnable-track {
	height: 8px;
	border-radius: 999px;
	background: linear-gradient(to right,
			var(--color-success-bright) var(--value, 50%),
			var(--color-surface-green-line) var(--value, 50%));
}

.ct-card input[type=range]::-moz-range-track {
	height: 8px;
	border-radius: 999px;
	background: var(--color-surface-green-line)
}

.ct-card input[type=range]::-moz-range-progress {
	background: var(--color-success-bright);
	height: 8px;
	border-radius: 999px;
}

.ct-card input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--color-surface);
	border: 2px solid var(--color-success-bright);
	cursor: pointer;
	margin-top: -6px;
}

.ct-card .delivery-option {
	display: flex;
	flex-direction: column;
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
}

.ct-card .delivery-option:hover {
	transform: translateY(-2px);
}

.ct-card .delivery-option.active {
	background: var(--color-surface);
	border: 1px solid var(--color-success-bright);
}

.delivery-option strong {
	font-size: 14px;
}

.ct-card .delivery-option small {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.ct-card .auth-option {
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
	margin-bottom: 10px;
}

.ct-card .auth-option:hover {
	transform: translateY(-2px);
}

.ct-card .auth-option .bar-active,
.ct-card .auth-option .bar-passive {
	width: 14px;
	height: 6px;
	border-radius: 3px;
	margin-right: 2px;
	display: block;
	background: var(--color-surface-neutral-line);
}

.ct-card .auth-option.active .bar-active {
	background: var(--gradient-success-emerald-up);
}

.ct-card .auth-option {
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
	margin-bottom: 10px;
}

.ct-card .auth-option.active {
	border: 1px solid var(--color-success-bright);
}

.ct-card .age-tier {
	display: flex;
	flex-direction: column;
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	margin-bottom: 10px;
}

.ct-card .age-tier:hover {
	transform: translateY(-2px);
}

.ct-card .age-tier.active {
	border: 1px solid var(--color-success-bright);
}

.ct-card .age-tier strong {
	font-size: 14px;
}

.ct-card .age-tier small {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.ct-card .age-tier .badges {
	background: var(--color-surface-cool-alt);
	width: max-content;
	border-radius: 5px;
	font-size: 12px;
	color: var(--color-text-ink);
	padding: 2px 5px;
	margin-top: 5px;
}

.ct-card .age-tier.active .badges {
	background: var(--color-success-bright);
	color: var(--color-text-inverse)
}

#regions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ct-card .region-btn,
.ct-card .region-btn:focus {
	background: var(--color-surface-cool-alt) !important;
	border-radius: 10px !important;
	border: 1px solid var(--color-border) !important;
	padding: 20px 10px;
	font-size: 11px;
	font-weight: 700;
}

.ct-card .region-btn.active {
	background: var(--color-decor-black-deep) !important;
	color: var(--color-text-inverse) !important;
	border: 1px solid var(--color-decor-black-deep) !important
}

.ct-card .active-region {
	background: var(--color-decor-black-deep) !important;
	color: var(--color-text-inverse) !important;
	border: 1px solid var(--color-decor-black-deep) !important
}

.ct-card .region-btn .count-badge {
	background: var(--card-region-count-badge-bg);
	color: var(--color-text-ink);
	border-radius: 20px;
	padding: 3px 8px;
	font-size: 11px;
	margin-left: 8px;
}

.ct-card .active-count {
	background: var(--platform-tiktok-card-bg);
	color: var(--color-text-inverse);
}

.ct-card .premium-badge {
	background: var(--card-premium-badge-bg);
	color: var(--color-text-premium-badge);
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.ct-card .standard-badge {
	background: var(--card-standard-badge-bg);
	color: var(--color-text-standard-badge);
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.ct-card .price {
	color: var(--platform-tiktok-card-bg);
	font-weight: 800;
	font-size: 18px;
}

.ct-card .price span {
	font-size: 11px;
	opacity: .7;
}

.ct-card .ct-center {
	background: var(--color-surface-green-soft);
	padding: 15px;
	border-radius: 15px;
}

.ct-card .ct-center .icon-box {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-decor-forest-bright);
	color: var(--color-text-inverse);
}

.ct-card .ct-center .section-title {
	font-size: 15px;
	font-weight: 800;
}

#viewBadge {
	background: var(--color-surface-badge-soft);
	color: var(--color-text-badge-strong);
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
}

.ct-card .sub {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.ct-card .range-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--color-text-ink);
}

.ct-card .range-label svg {
	width: 18px;
	height: 18px;
	stroke: var(--color-decor-forest-bright);
}

#countryCards .card .country .flag {
	font-family: "Noto Color Emoji", sans-serif;
	font-size: 16px
}

#countryCards .card {
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border-green-soft);
}

#countryCards .card.active {
	border-color: var(--color-success-bright)
}

#countryCards .card .country .name {
	font-size: 18px;
	font-weight: 700;
	color: var(--color-text-ink);
}

#authOptions .auth-option .badges {
	background: var(--color-surface-cool-alt);
	width: max-content;
	border-radius: 5px;
	font-size: 12px;
	color: var(--color-text-ink);
	padding: 2px 5px;
	min-width: 40px;
	text-align: center;
}

#authOptions .auth-option.active .badges {
	background: var(--color-success-bright);
	color: var(--color-text-inverse)
}

.free-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px 15px;
	margin-top: 50px;
	padding-left: 0
}

.free-list .item {
	padding: 25px 15px 15px 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	border-left: 4px solid var(--color-action-bright);
	position: relative;
	list-style: none
}

.free-list .item small {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

.free-list .item p {
	font-size: 13px;
	color: var(--color-text-muted-neutral);
	margin-bottom: 0;
	padding-top: 5px
}

.free-list .item a {
	color: var(--color-success-bright)
}

.tiktok-pages .free-list .item {
	border-left-color: var(--platform-tiktok-red-glow)
}

.free-list .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: var(--color-success-bright);
	color: var(--color-text-inverse);
	border-radius: 10px;
	position: absolute;
	top: -20px;
	z-index: 1
}

.tiktok-pages .free-list .item .icon {
	background: var(--platform-tiktok-red-glow)
}

.free-list .item .icon,
.free-list .item .icon {
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.free-list .item:hover .icon,
.free-list .item:hover .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.mtp-calculator {
	--service-calculator-free-action-bg: var(--color-text-ink);
	--service-calculator-free-action-border: var(--color-text-ink);
	--service-calculator-free-action-hover-bg: var(--color-action-bright);
	--service-calculator-free-action-hover-border: var(--color-action-bright);
}

.tiktok-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--color-text-ink);
	--service-calculator-free-action-border: var(--color-text-ink);
	--service-calculator-free-action-hover-bg: var(--platform-tiktok-red-glow);
	--service-calculator-free-action-hover-border: var(--platform-tiktok-red-glow);
}

.youtube-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-youtube);
	--service-calculator-free-action-border: var(--platform-youtube);
	--service-calculator-free-action-hover-bg: var(--color-decor-danger-deep);
	--service-calculator-free-action-hover-border: var(--color-decor-danger-deep);
}

.mtp-calculator .btn-primary.btn-free,
.mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-calculator-free-action-bg);
	border-color: var(--service-calculator-free-action-border);
	padding: 10px;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.mtp-calculator .btn-primary.btn-free:hover {
	background: var(--service-calculator-free-action-hover-bg);
	border-color: var(--service-calculator-free-action-hover-border);
	position: relative;
	z-index: 2;
}

.mtp-calculator .btn-primary.btn-free i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%;
}

@media (max-width: 991.98px) {
	.free-list {
		grid-template-columns: repeat(1, 1fr);
	}
}

:where(.youtube-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-youtube);
	--service-big-package-action-hover-bg: var(--color-decor-danger-deep);
	border-color: var(--platform-youtube)
}

:where(.youtube-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-youtube-title-bg)
}

:where(.discord-pages .mtp-why) .ww-boxes-2,
:where(.discord-pages .tiktok-pages .ceo-message):before,
:where(.discord-pages .mtp-instagram .best-swiper .item):before,
:where(.discord-pages .mtp-top) .home-seperator,
:where(.discord-pages .mtp-margin) .glow,
:where(.discord-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-discord-rgb), .5)
}

:where(.discord-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-discord);
	border-radius: 10px
}

:where(.discord-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-discord);
}

.discord-pages .mtp-top-header h1 span,
.discord-pages .mtp-header h2 span,
.discord-pages .mtp-why h2 span,
.discord-pages .mtp-header h3 span {
	background: var(--platform-discord);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.discord-pages .mtp-top-header h1 span:before,
.discord-pages .mtp-header h2 span:before {
	background-color: var(--platform-discord)
}

:where(.discord-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-discord);
	--service-package-action-border: var(--platform-discord);
	--service-package-action-hover-bg: var(--platform-discord);
	--service-package-action-hover-border: var(--platform-discord);
	border: 1px solid var(--platform-discord);
}

:where(.discord-pages .product-packages) .item {
	border-left-color: var(--platform-discord)
}

:where(.discord-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-youtube-tag-bg);
	--service-product-package-tag-border: var(--platform-discord);
	--service-product-package-tag-text: var(--platform-discord);
}

.discord-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-discord);
	--service-calculator-free-action-border: var(--platform-discord);
	--service-calculator-free-action-hover-bg: var(--color-decor-blue-soft);
	--service-calculator-free-action-hover-border: var(--color-decor-blue-soft);
}

:where(.discord-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-discord);
	--service-big-package-action-hover-bg: var(--color-decor-blue-soft);
	border-color: var(--platform-discord)
}

:where(.discord-pages .big-packages-item .pi-top) .pi-title {
	background: var(--color-decor-blue-soft)
}

:where(.discord-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--platform-discord) 0%, var(--platform-discord) 5%, var(--platform-discord) 45%, var(--platform-discord) 60%, var(--platform-discord) 90%);
}

:where(.kick-pages .mtp-why) .ww-boxes-2,
:where(.kick-pages .tiktok-pages .ceo-message):before,
:where(.kick-pages .mtp-instagram .best-swiper .item):before,
:where(.kick-pages .mtp-top) .home-seperator,
:where(.kick-pages .mtp-margin) .glow,
:where(.kick-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-kick-rgb), .5)
}

:where(.kick-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-kick);
	border-radius: 10px
}

:where(.kick-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-kick);
}

.kick-pages .mtp-top-header h1 span,
.kick-pages .mtp-header h2 span,
.kick-pages .mtp-why h2 span,
.kick-pages .mtp-header h3 span {
	background: var(--platform-kick);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.kick-pages .mtp-top-header h1 span:before,
.kick-pages .mtp-header h2 span:before {
	background-color: var(--platform-kick)
}

:where(.kick-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-kick);
	--service-package-action-border: var(--platform-kick);
	--service-package-action-hover-bg: var(--platform-kick);
	--service-package-action-hover-border: var(--platform-kick);
	border: 1px solid var(--platform-kick);
}

:where(.kick-pages .product-packages) .item {
	border-left-color: var(--platform-kick)
}

:where(.kick-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-kick-tag-bg);
	--service-product-package-tag-border: var(--platform-kick);
	--service-product-package-tag-text: var(--platform-kick);
}

.kick-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-kick);
	--service-calculator-free-action-border: var(--platform-kick);
	--service-calculator-free-action-hover-bg: var(--platform-kick-bright);
	--service-calculator-free-action-hover-border: var(--platform-kick-bright);
}

:where(.kick-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-kick);
	--service-big-package-action-hover-bg: var(--platform-kick-bright);
	border-color: var(--platform-kick)
}

:where(.kick-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-kick-bright)
}

:where(.kick-pages .big-packages) .big-packages-item:after {
	background: var(--gradient-platform-kick-radial);
}

:where(.twitch-pages .mtp-why) .ww-boxes-2,
:where(.twitch-pages .tiktok-pages .ceo-message):before,
:where(.twitch-pages .mtp-instagram .best-swiper .item):before,
:where(.twitch-pages .mtp-top) .home-seperator,
:where(.twitch-pages .mtp-margin) .glow,
:where(.twitch-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--color-energy-rgb), .5)
}

:where(.twitch-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--color-energy);
	border-radius: 10px
}

:where(.twitch-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--color-energy);
}

.twitch-pages .mtp-top-header h1 span,
.twitch-pages .mtp-header h2 span,
.twitch-pages .mtp-why h2 span,
.twitch-pages .mtp-header h3 span {
	background: var(--color-energy);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.twitch-pages .mtp-top-header h1 span:before,
.twitch-pages .mtp-header h2 span:before {
	background-color: var(--color-energy)
}

:where(.twitch-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--color-energy);
	--service-package-action-border: var(--color-energy);
	--service-package-action-hover-bg: var(--color-energy);
	--service-package-action-hover-border: var(--color-energy);
	border: 1px solid var(--color-energy);
}

:where(.twitch-pages .product-packages) .item {
	border-left-color: var(--color-energy)
}

:where(.twitch-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-twitch-tag-bg);
	--service-product-package-tag-border: var(--color-energy);
	--service-product-package-tag-text: var(--color-energy);
}

.twitch-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--color-energy);
	--service-calculator-free-action-border: var(--color-energy);
	--service-calculator-free-action-hover-bg: var(--color-decor-purple-mid);
	--service-calculator-free-action-hover-border: var(--color-decor-purple-mid);
}

:where(.twitch-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--color-energy);
	--service-big-package-action-hover-bg: var(--color-decor-purple-mid);
	border-color: var(--color-energy)
}

:where(.twitch-pages .big-packages-item .pi-top) .pi-title {
	background: var(--color-decor-purple-mid)
}

:where(.twitch-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--color-energy) 0%, var(--color-energy) 5%, var(--color-energy) 45%, var(--color-energy) 60%, var(--color-energy) 90%);
}

:where(.twitter-pages .mtp-why) .ww-boxes-2,
:where(.twitter-pages .tiktok-pages .ceo-message):before,
:where(.twitter-pages .mtp-instagram .best-swiper .item):before,
:where(.twitter-pages .mtp-top) .home-seperator,
:where(.twitter-pages .mtp-margin) .glow,
:where(.twitter-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-twitter-rgb), .5)
}

:where(.twitter-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-twitter);
	border-radius: 10px
}

:where(.twitter-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-twitter);
}

.twitter-pages .mtp-top-header h1 span,
.twitter-pages .mtp-header h2 span,
.twitter-pages .mtp-why h2 span,
.twitter-pages .mtp-header h3 span {
	background: var(--platform-twitter);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.twitter-pages .mtp-top-header h1 span:before,
.twitter-pages .mtp-header h2 span:before {
	background-color: var(--platform-twitter)
}

:where(.twitter-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-twitter);
	--service-package-action-border: var(--platform-twitter);
	--service-package-action-hover-bg: var(--platform-twitter);
	--service-package-action-hover-border: var(--platform-twitter);
	border: 1px solid var(--platform-twitter);
}

:where(.twitter-pages .product-packages) .item {
	border-left-color: var(--platform-twitter)
}

.twitter-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-twitter);
	--service-calculator-free-action-border: var(--platform-twitter);
	--service-calculator-free-action-hover-bg: var(--platform-x);
	--service-calculator-free-action-hover-border: var(--platform-x);
}

:where(.twitter-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-twitter);
	--service-big-package-action-hover-bg: var(--platform-x);
	border-color: var(--platform-twitter)
}

:where(.twitter-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-x)
}

:where(.twitter-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--platform-twitter) 0%, var(--platform-twitter) 5%, var(--platform-twitter) 45%, var(--platform-twitter) 60%, var(--platform-twitter) 90%);
}

/* Paid-service platform color contract.
 * Captured page shells keep their legacy layout classes, but every visual
 * accent is owned by the canonical platform-* class added at render time. */
[data-buy-service-surface][class*="platform-"] {
	--service-platform-button-ink: var(--color-text-inverse);
	--service-platform-strong: var(--service-platform);
	--service-platform-soft: color-mix(in srgb, var(--service-platform) 14%, var(--color-surface));
	--service-platform-title-gradient: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	--service-platform-action-bg: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	/* Match the homepage Hero's four-stop rhythm. Only the platform palette
	 * changes, so the base glow is recognisable without changing its behavior. */
	--service-platform-hero-floor: radial-gradient(circle at 30% 107%, var(--service-platform-soft) 0%, var(--service-platform) 28%, var(--service-platform-strong) 62%, var(--service-platform-strong) 100%);
	--service-platform-radial: radial-gradient(circle at 30% 107%, var(--service-platform-soft) 0%, var(--service-platform) 45%, var(--service-platform-strong) 72%, var(--color-surface-transparent) 100%);
	--service-platform-price: var(--service-platform-strong);
}

[data-buy-service-surface].platform-discord {
	--service-platform: var(--platform-discord);
}

[data-buy-service-surface].platform-facebook {
	--service-platform: var(--platform-facebook-alt);
	--service-platform-strong: var(--platform-facebook-deep);
}

[data-buy-service-surface].platform-instagram {
	--service-platform: var(--platform-instagram);
	--service-platform-strong: var(--platform-instagram-pink);
	--service-platform-title-gradient: var(--gradient-platform-instagram-text);
	--service-platform-action-bg: var(--gradient-platform-instagram-action);
	--service-platform-radial: var(--gradient-platform-instagram-radial);
}

[data-buy-service-surface].platform-kick {
	--service-platform: var(--platform-kick);
	--service-platform-strong: var(--platform-kick-bright);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-buy-service-surface].platform-linkedin {
	--service-platform: var(--platform-linkedin);
}

[data-buy-service-surface].platform-pinterest {
	--service-platform: var(--platform-pinterest);
	--service-platform-strong: var(--platform-pinterest-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-pinterest) 16%, var(--color-surface));
}

[data-buy-service-surface].platform-quora {
	--service-platform: var(--platform-quora);
}

[data-buy-service-surface].platform-snapchat {
	--service-platform: var(--platform-snapchat);
	--service-platform-strong: var(--platform-snapchat-gold);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-buy-service-surface].platform-soundcloud {
	--service-platform: var(--platform-soundcloud);
}

[data-buy-service-surface].platform-spotify {
	--service-platform: var(--platform-spotify);
}

[data-buy-service-surface].platform-telegram {
	--service-platform: var(--platform-telegram);
}

[data-buy-service-surface].platform-threads,
[data-buy-service-surface].platform-twitter {
	--service-platform: var(--platform-x);
	--service-platform-strong: var(--color-text-ink);
	--service-platform-soft: color-mix(in srgb, var(--platform-x) 9%, var(--color-surface));
}

[data-buy-service-surface].platform-tiktok {
	--service-platform: var(--platform-tiktok-red);
	--service-platform-strong: var(--platform-tiktok-red-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-tiktok-red) 14%, var(--color-surface));
	--service-platform-title-gradient: var(--platform-tiktok-red-deep);
	--service-platform-action-bg: var(--gradient-platform-tiktok-action);
	--service-platform-radial: var(--gradient-platform-tiktok-radial);
	--service-platform-price: var(--platform-tiktok-red);
}

[data-buy-service-surface].platform-twitch {
	--service-platform: var(--platform-twitch);
}

[data-buy-service-surface].platform-youtube {
	--service-platform: var(--platform-youtube-red);
}

[data-buy-service-surface][class*="platform-"] .mtp-top {
	background: var(--color-css-transparent);
}

[data-buy-service-surface][class*="platform-"] .mtp-top .home-seperator {
	background: var(--service-platform-hero-floor);
}

[data-buy-service-surface][class*="platform-"] .mtp-top-header h1 .buy-service-platform-accent,
[data-buy-service-surface][class*="platform-"] .mtp-header h2 span,
[data-buy-service-surface][class*="platform-"] .mtp-header h3 span,
[data-buy-service-surface][class*="platform-"] .mtp-why h2 span {
	background: var(--service-platform-title-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--service-platform);
	text-shadow: none;
}

[data-buy-service-surface][class*="platform-"] .mtp-top-header h1 .buy-service-platform-accent:before,
[data-buy-service-surface][class*="platform-"] .mtp-header h2 span:before,
[data-buy-service-surface][class*="platform-"] .mtp-header h3 span:before,
[data-buy-service-surface][class*="platform-"] .mtp-why h2 span:before {
	background: var(--service-platform-title-gradient);
}

[data-buy-service-surface][class*="platform-"] .mtp-margin .glow,
[data-buy-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item:before,
[data-buy-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item .icon {
	background: var(--service-platform-radial);
}

[data-buy-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item-wrapper {
	--service-best-swiper-action-bg: var(--service-platform-action-bg);
	--service-best-swiper-action-border: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .mtp-srv-content .package-item.package-best {
	--service-package-action-bg: var(--service-platform-action-bg);
	--service-package-action-border: var(--service-platform);
	--service-package-action-hover-bg: var(--service-platform-action-bg);
	--service-package-action-hover-border: var(--service-platform);
	--service-package-glow-bg: var(--service-platform-radial);
	border-color: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .mtp-srv-content .package-item .pi-bottom .pi-new,
[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item .pi-bottom .new {
	color: var(--service-platform-price);
}

[data-buy-service-surface][class*="platform-"] .bulk-pack-item.active,
[data-buy-service-surface][class*="platform-"] .bulk-pack-item:hover {
	background: var(--service-platform-action-bg);
	border-color: var(--service-platform);
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .bulk-pack-item.active .pi-hint,
[data-buy-service-surface][class*="platform-"] .bulk-pack-item:hover .pi-hint {
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .bulk-pack-item .pi-check::before,
[data-buy-service-surface][class*="platform-"] .bulk-header h3:before {
	background: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item {
	--service-big-package-action-bg: var(--service-platform-action-bg);
	--service-big-package-action-border: var(--service-platform);
	--service-big-package-action-hover-bg: var(--service-platform-action-bg);
	--service-big-package-action-hover-border: var(--service-platform);
	border-color: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item:after {
	background: var(--service-platform-radial);
}

[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item .pi-title {
	background: var(--service-platform-action-bg);
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .mtp-calculator {
	--service-calculator-free-action-bg: var(--service-platform-action-bg);
	--service-calculator-free-action-border: var(--service-platform);
	--service-calculator-free-action-hover-bg: var(--service-platform-action-bg);
	--service-calculator-free-action-hover-border: var(--service-platform);
}

/* The selector purchase action is the one calculator action with a real
 * platform context. Map the shared platform variant through the local service
 * slots instead of letting the generic primary colour leak into it. */
[data-buy-service-surface][class*="platform-"] .mtp-calculator .package-selector [data-action-variant="platform"] {
	--button-platform-bg: var(--service-platform-action-bg);
	--button-platform-bg-hover: var(--service-platform-action-bg);
	--button-platform-fg: var(--service-platform-button-ink);
	--button-platform-border: var(--service-platform);
	background: var(--service-platform-action-bg);
	border-color: var(--service-platform);
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .mtp-calculator .package-selector [data-action-variant="platform"]:is(:hover, :active) {
	background: var(--service-platform-action-bg);
	border-color: var(--service-platform);
	color: var(--service-platform-button-ink);
}

/* The calculator's existing glow is shared by every buy page. Keep its
 * geometry, but inherit the active platform palette instead of the legacy
 * pale-blue fallback. */
[data-buy-service-surface][class*="platform-"] .mtp-calculator .package-selector:before {
	background: var(--service-platform-radial);
}

/* Match the original TikTok wordmark: transparent letterforms built from red/cyan offsets. */
[data-buy-service-surface].platform-tiktok :is(.mtp-top-header h1 .buy-service-platform-accent, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

[data-buy-service-surface].platform-tiktok :is(.mtp-top-header h1 .buy-service-platform-accent, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--platform-tiktok-red-deep);
}

/* TikTok panel pages share the same official red/cyan/black contract as paid routes. */
[data-panel-service-surface].platform-tiktok {
	--tiktok-panel-border: color-mix(in srgb, var(--platform-tiktok-red) 42%, var(--color-surface));
	--tiktok-panel-soft: color-mix(in srgb, var(--platform-tiktok-red) 10%, var(--color-surface));
	--service-package-action-bg: var(--platform-tiktok-black);
	--service-package-action-border: var(--platform-tiktok-black);
	--service-package-action-hover-bg: var(--platform-tiktok-black);
	--service-package-action-hover-border: var(--platform-tiktok-black);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--platform-tiktok-red-deep);
}

/* The Google translation of the Chinese logo subtitle is too long for the
 * brand lockup. Keep a compact, intentional English label instead. */
html[data-translation-locale="en"] .header-brand-platform {
	font-size: 0;
}

html[data-translation-locale="en"] .head-out.fixed .header-brand-platform {
	font-size: 0;
}

html[data-translation-locale="en"] .header-brand-platform::after {
	content: "SMM PANEL";
	color: var(--color-text-strong);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.08;
	white-space: nowrap;
}

html[data-translation-locale="en"] .head-out.fixed .header-brand-platform::after {
	font-size: 10.5px;
}

html[data-translation-locale="en"] .mobile-brand-lockup .header-brand-platform::after {
	font-size: 13px;
}

@media (max-width: 991.98px) {
	html[data-translation-locale="en"] .mobile-brand-lockup .header-brand-platform::after {
		font-size: 11px;
	}
}

/* UI V2 sequence 2: site chrome and shared interactive surfaces.
 * Keep this contract scoped to existing component owners. It deliberately
 * changes presentation only: the header's click/open runtime, FAQ runtime,
 * tab runtime and every existing DOM/data contract remain untouched. */
@media (min-width: 992px) {
	.head-out .hm-wrapper > .container > .row.row-btn {
		display: grid;
		grid-template-columns: 179px 184px minmax(0, 1fr) max-content;
		align-items: center;
		column-gap: var(--space-2);
	}

	.head-out .hm-wrapper > .container > .row.row-btn > :is(.col-lg-auto, .col, .row) {
		width: auto;
		max-width: none;
		margin: 0;
		padding-inline: 0;
	}

	.head-out .hm-wrapper > .container > .row.row-btn > .row {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.head-out .header-preference-controls {
		gap: var(--space-2);
	}

	/* The currency control has its own responsive slot instead of fighting
	 * Bootstrap's `d-lg-inline-flex !important` utility at tablet widths. */
	.head-out .currency-header-slot {
		display: none;
	}

	.head-out .header-menu {
		justify-content: center;
		gap: var(--space-2);
	}

	.head-out :where(.header-menu .hm-item) .hm-link {
		min-height: var(--control-height);
		font-size: var(--type-size-body);
		font-weight: var(--font-weight-semibold);
		letter-spacing: 0;
	}

	.head-out .header-menu .hm-services-item > button.hm-link {
		font: inherit;
		font-size: var(--type-size-body);
		font-weight: var(--font-weight-semibold);
		line-height: 1;
		color: var(--color-accent-warm);
	}

	.head-out .header-menu .hm-services-item.is-menu-open > .hm-link,
	.head-out .header-menu .hm-services-item.is-menu-open > .hm-link:hover,
	.head-out .header-menu .hm-services-item.is-menu-open > .hm-link:focus-visible {
		background: var(--color-surface-lilac-soft);
		color: var(--color-brand);
	}

	/* Popup positioning must not change the trigger's grid box or paint origin. */
	.head-out .language-selector:not(.language-selector--mobile) {
		contain: none;
	}

	.head-out .language-selector .header-language-switch {
		padding-inline: var(--space-2);
	}

	.head-out .language-selector__globe {
		left: var(--space-2);
	}

	.head-out .language-selector__trigger > span {
		left: 34px;
	}

	.head-out .language-selector__chevron {
		right: var(--space-2);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.head-out .hm-wrapper > .container > .row.row-btn {
		grid-template-columns: 70px 92px minmax(0, 1fr) max-content;
	}

	.head-out .header-brand-lockup {
		flex-basis: 70px;
		width: 70px;
	}

	/* At tablet desktop widths, retaining the recognisable logo is clearer than
	 * squeezing a two-line lockup into the language control's hit target. */
	.head-out .header-brand-text {
		display: none;
	}

	.head-out :where(.header-menu .hm-item) .hm-link {
		padding-inline: var(--space-3);
	}
}

@media (min-width: 1200px) {
	.head-out .currency-header-slot {
		display: inline-flex;
	}
}

@media (max-width: 991.98px) {
	.sm-header {
		min-height: 64px;
		padding-block: var(--space-2);
	}

	.sm-header .container,
	.sm-header .row {
		min-height: 48px;
	}

	.mobile-brand-lockup {
		gap: var(--space-2);
	}

	.mob-logo img {
		width: 48px;
		height: 48px;
	}

	.mobile-brand-lockup .header-brand-name {
		font-size: 17px;
	}

	.mobile-brand-lockup .header-brand-platform {
		margin-top: 2px;
		font-size: 11px;
	}

	.language-selector--mobile .header-language-switch {
		flex-basis: 104px;
		width: 104px;
		min-height: 44px;
	}

	.menu-btn,
	.b-menu-close {
		width: 48px;
		height: 48px;
	}

	.hm-wrapper {
		padding: 76px var(--page-gutter) var(--space-6);
	}

	.b-menu-close {
		top: var(--space-3);
		right: var(--page-gutter);
	}

	:where(.header-menu .hm-item) .hm-link {
		min-height: 44px;
		padding-block: var(--space-2);
		font-size: 20px;
		line-height: 1.3;
	}

	.bottom-navigation-out {
		min-height: 64px;
		padding-inline: max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));
		padding-bottom: env(safe-area-inset-bottom);
	}

	.bottom-item {
		min-height: 64px;
		padding-block: var(--space-2);
	}
}

/* Shared tabs retain their local content model but receive one control rhythm. */
:where(.mtp-tabs-menu, .faq-menu .nav) .nav-link {
	min-height: var(--control-height);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0;
	transition:
		background-color var(--motion-fast) var(--ease-standard),
		color var(--motion-fast) var(--ease-standard),
		box-shadow var(--motion-fast) var(--ease-standard);
}

:where(.mtp-tabs-menu, .faq-menu .nav) .nav-link:focus-visible {
	outline: 0;
	box-shadow: var(--focus-ring);
}

/* Questions must never render the first heading at a different text rhythm. */
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head {
	min-height: 60px;
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4);
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left {
	min-width: 0;
	gap: var(--space-3);
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .text {
	min-width: 0;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head :is(h2, h3, h4, h5) {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.45;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-content {
	padding: 0 var(--space-4) var(--space-4);
	font-size: var(--type-size-body);
	line-height: 1.75;
}

.faq-tabs-content :where(.faq-wrapper .faq-item) .faq-head {
	min-height: 56px;
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4);
}

.faq-tabs-content :where(.faq-wrapper .faq-item .faq-head) h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.45;
}

.faq-tabs-content :where(.faq-wrapper .faq-item) .faq-content {
	padding: 0 var(--space-4) var(--space-4);
	font-size: var(--type-size-body);
	line-height: 1.75;
}

@media (max-width: 991.98px) {
	:where(.mtp-tabs-menu, .faq-menu .nav) .nav-link {
		min-height: var(--control-height-touch);
	}

	.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head {
		min-height: 56px;
	}
}

/* UI V2 sequence 3: conversion pages keep the first action above the fixed
 * mobile navigation. The proof list is retained and follows the action; no
 * service text, order control, runtime selector or data attribute changes. */
@media (max-width: 767.98px) {
	main[data-page-template="buy-service"] .buy-service-home-hero-footer .home-hero-actions {
		order: 3;
		width: 100%;
		padding: var(--space-2) 0 var(--space-3);
	}

	main[data-page-template="buy-service"] .buy-service-home-hero-footer .mtp-top-features {
		order: 4;
		margin-top: var(--space-2);
	}

	main[data-page-template="buy-service"] .home-hero-actions .mtp-top-footer {
		margin-bottom: 0;
	}

	/* The shared Hero trust action is deliberately a full-width single row on
	 * mobile: the social proof stays readable while the compact trial action
	 * remains visible without introducing a second line. */
	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions {
		width: 100%;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions .mtp-top-footer {
		width: 100%;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions .mtp-now {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: var(--space-2);
		width: 100%;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions .mtp-now-left {
		min-width: 0;
		flex: 1 1 auto;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions .mtp-now-text {
		min-width: 0;
		font-size: 15px;
		white-space: nowrap;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions .mtp-now-btn {
		flex: 1 1 auto;
		width: 100%;
	}

	main:is([data-page-template="home-page"], [data-page-template="buy-service"], [data-page-template="panel-service"])
		.home-hero-actions .mtp-now-btn [data-action-width="full"] {
		width: 100%;
		min-height: var(--control-height-touch);
		padding-inline: var(--space-3);
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
 * Calculator workbenches
 *
 * These adapters keep their legacy markup and runtime selectors.  The visual
 * layer below deliberately scopes every rule to an adapter so a calculator
 * can have a platform-native character without leaking into a second tool.
 * -------------------------------------------------------------------------- */
main[data-calculator-adapter="twitch-money"],
main[data-calculator-adapter="youtube-money"] {
	--calculator-accent: var(--platform-twitch);
	--calculator-ink: #23143e;
	--calculator-wash: #f3efff;
	--calculator-panel: #26123f;
	--calculator-panel-strong: #170922;
}

main[data-calculator-adapter="youtube-money"] {
	--calculator-accent: var(--platform-youtube-red);
	--calculator-ink: #2a1113;
	--calculator-wash: #fff3f2;
	--calculator-panel: #8e1117;
	--calculator-panel-strong: #57070b;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) h1.text-center {
	color: var(--calculator-ink);
	font-size: clamp(2rem, 3.2vw, 3rem);
	font-weight: 800;
	letter-spacing: -.055em;
	margin: 0 auto 28px;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock {
	background: var(--color-surface);
	border: 1px solid color-mix(in srgb, var(--calculator-accent) 28%, var(--color-border));
	border-radius: 20px;
	box-shadow: 0 20px 48px color-mix(in srgb, var(--calculator-accent) 11%, transparent);
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
	height: auto;
	min-height: 0;
	overflow: hidden;
	position: relative;
	isolation: isolate;
	animation: calculator-workbench-in .5s cubic-bezier(.2, .75, .25, 1) both;
}

main[data-calculator-adapter="twitch-money"] #calcBlock.twitch_slider #twitch_slider {
	display: contents;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock::before {
	background: linear-gradient(90deg, var(--calculator-accent), color-mix(in srgb, var(--calculator-accent) 48%, var(--color-surface)));
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .width50 {
	box-sizing: border-box;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo {
	background:
		radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--calculator-accent) 8%, transparent), transparent 38%),
		linear-gradient(145deg, var(--color-surface) 0%, var(--calculator-wash) 170%);
	column-gap: 12px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 34px clamp(30px, 3.7vw, 50px) 30px;
	position: relative;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo > :not(.width50) {
	grid-column: 1 / -1;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo > .title {
	color: var(--calculator-ink);
	font-size: clamp(1.18rem, 1.65vw, 1.48rem);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.2;
	padding: 0;
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo > .title::before {
	background: var(--calculator-accent);
	border-radius: 999px;
	content: '';
	display: inline-block;
	height: 4px;
	margin: 0 .68em .16em 0;
	width: 19px;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .subtitle {
	color: color-mix(in srgb, var(--calculator-ink) 62%, var(--color-surface));
	font-size: .84rem;
	font-weight: 500;
	margin: 8px 0 0 1.8rem;
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .viewsDay {
	align-items: baseline;
	color: color-mix(in srgb, var(--calculator-ink) 65%, var(--color-surface));
	display: flex;
	font-size: .84rem;
	gap: 10px;
	line-height: 1;
	margin: 25px 0 9px;
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .viewsDay span {
	color: var(--calculator-accent);
	font-size: clamp(2.7rem, 4.3vw, 3.85rem);
	font-weight: 850;
	letter-spacing: -.07em;
	line-height: .9;
	padding: 0;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo form {
	margin: 0;
	padding: 0;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock input[type='range'] {
	accent-color: var(--calculator-accent);
	cursor: pointer;
	display: block;
	height: 22px;
	margin: 0;
	padding: 7px 0;
	width: 100%;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock input[type='range']::-webkit-slider-runnable-track {
	background: color-mix(in srgb, var(--calculator-accent) 18%, var(--color-surface));
	border-radius: 99px;
	height: 6px;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: var(--calculator-accent);
	border: 3px solid var(--color-surface);
	border-radius: 50%;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--calculator-accent) 18%, var(--color-css-transparent));
	height: 16px;
	margin-top: -5px;
	width: 16px;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .averageForm {
	color: var(--calculator-ink);
	font-size: .88rem;
	font-weight: 750;
	letter-spacing: .01em;
	line-height: 1.2;
	margin: 23px 0 4px;
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .averageForm::after {
	content: none;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .width50 {
	align-items: flex-start;
	background: var(--color-css-transparent);
	border: 0;
	border-radius: 0;
	border-top: 1px solid color-mix(in srgb, var(--calculator-accent) 22%, var(--color-border));
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	justify-content: center;
	min-height: 78px;
	padding: 15px 0 0;
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo > .width50,
main[data-calculator-adapter="twitch-money"] #calcBlock .dailyVideo .twitch_row {
	display: flex;
	gap: 12px;
	margin-top: 23px;
}

main[data-calculator-adapter="twitch-money"] #calcBlock .dailyVideo .twitch_row {
	justify-content: stretch;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock :is(#resPerMonth, #resPerYear) {
	color: var(--calculator-ink);
	font-size: clamp(1.35rem, 2.35vw, 1.85rem);
	font-weight: 820;
	letter-spacing: -.055em;
	line-height: 1;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .titleResMonth {
	color: color-mix(in srgb, var(--calculator-ink) 55%, var(--color-surface));
	font-size: .72rem;
	font-weight: 600;
	margin-top: 7px;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock :is(.pinkBlock, .pinkBlock.width50) {
	background:
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--calculator-accent) 26%, transparent) 0, transparent 48%),
		linear-gradient(155deg, var(--calculator-panel) 0%, var(--calculator-panel-strong) 100%);
	color: var(--color-text-inverse);
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	padding: 12px clamp(30px, 3.3vw, 46px);
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock :is(.border, .yearly) {
	align-items: flex-start;
	border: 0 !important;
	border-bottom: 1px solid var(--color-calculator-result-divider) !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 !important;
	padding: 21px 0 !important;
	text-align: left;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock .yearly {
	border-bottom: 0 !important;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock .title {
	color: var(--color-calculator-result-label);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .035em;
	line-height: 1.35;
	text-transform: uppercase;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock .cost {
	color: var(--color-text-inverse);
	font-size: clamp(1.4rem, 2.15vw, 2.15rem);
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: 1.15;
	margin-top: 7px;
	white-space: nowrap;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock :is(.daily, .monthly, .yearly) {
	animation: calculator-result-in .45s cubic-bezier(.2, .75, .25, 1) both;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock .monthly {
	animation-delay: .08s;
}

main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock .yearly {
	animation-delay: .16s;
}

/* X's character counter is a focused writing surface: capacity is visible
 * first, then the composer, with the secondary limits grouped as a rail. */
main[data-calculator-adapter="twitter-character"] .parent {
	background: var(--color-surface);
	border: 1px solid var(--color-calculator-twitter-frame-border);
	border-radius: 24px;
	box-shadow: var(--shadow-calculator-twitter-frame);
	display: grid;
	gap: 0;
	grid-template-columns: minmax(210px, .75fr) minmax(0, 1.75fr) !important;
	grid-template-rows: auto auto auto repeat(4, minmax(57px, auto));
	margin: 0 auto;
	max-width: 1040px;
	overflow: hidden;
	padding: 0;
	position: relative;
	animation: calculator-workbench-in .5s cubic-bezier(.2, .75, .25, 1) both;
}

main[data-calculator-adapter="twitter-character"] .parent::before {
	background: linear-gradient(90deg, var(--color-calculator-twitter-ink-strong) 0%, var(--color-calculator-twitter-ink-strong) 50%, var(--color-calculator-twitter-top-muted) 50%, var(--color-calculator-twitter-top-muted) 100%);
	content: '';
	height: 5px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

main[data-calculator-adapter="twitter-character"] .parent :is(#div12, .sidebar, #text) {
	display: none;
	grid-area: auto !important;
}

main[data-calculator-adapter="twitter-character"] .parent #div1 {
	align-items: center;
	background: linear-gradient(140deg, var(--color-calculator-twitter-heading-surface), var(--color-surface));
	border-bottom: 1px solid var(--color-calculator-twitter-divider-strong);
	display: flex;
	grid-area: 1 / 1 / 2 / 3;
	justify-content: center;
	min-height: 106px;
	padding: 26px 28px 18px;
	text-align: center;
}

main[data-calculator-adapter="twitter-character"] .parent #div1 h1 {
	color: var(--color-calculator-twitter-ink-strong);
	font-size: clamp(1.85rem, 3.1vw, 2.65rem);
	font-weight: 850;
	letter-spacing: -.06em;
	line-height: 1.1;
	margin: 0;
}

main[data-calculator-adapter="twitter-character"] .parent :is(#div2, #div3) {
	align-items: center;
	border-bottom: 1px solid var(--color-calculator-twitter-divider);
	display: flex;
	font-size: .8rem;
	font-weight: 750;
	justify-content: center;
	letter-spacing: .08em;
	line-height: 1;
	margin: 0;
	min-height: 48px;
	padding: 10px 16px;
	text-transform: uppercase;
}

main[data-calculator-adapter="twitter-character"] .parent #div2 {
	background: var(--color-calculator-twitter-stat-surface);
	color: var(--color-calculator-twitter-ink-muted);
	grid-area: 2 / 1 / 3 / 2;
}

main[data-calculator-adapter="twitter-character"] .parent #div3 {
	background: var(--color-calculator-twitter-ink-deep);
	color: var(--color-text-inverse);
	grid-area: 2 / 2 / 3 / 3;
}

main[data-calculator-adapter="twitter-character"] .parent :is(#div4, #div5) {
	align-items: baseline;
	border: 0;
	border-bottom: 1px solid var(--color-calculator-twitter-divider);
	display: flex;
	font-size: clamp(1.85rem, 3vw, 2.7rem);
	font-variant-numeric: tabular-nums;
	font-weight: 820;
	justify-content: center;
	line-height: 1;
	min-height: 91px;
	padding: 24px;
	text-align: center;
}

main[data-calculator-adapter="twitter-character"] .parent #div4 {
	background: var(--color-surface);
	color: var(--color-calculator-twitter-ink-strong);
	grid-area: 3 / 1 / 4 / 2;
}

main[data-calculator-adapter="twitter-character"] .parent #div5 {
	background: var(--color-calculator-twitter-stat-surface-alt);
	color: var(--color-calculator-twitter-ink-deep);
	grid-area: 3 / 2 / 4 / 3;
}

main[data-calculator-adapter="twitter-character"] .parent :is(#div6, #div7, #div8, #div9) {
	align-items: center;
	background: var(--color-surface);
	border: 0;
	border-bottom: 1px solid var(--color-calculator-twitter-row-divider);
	border-radius: 0;
	color: var(--color-calculator-twitter-ink-soft);
	display: flex;
	font-size: .92rem;
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	line-height: 1.2;
	margin: 0;
	padding: 15px 24px;
}

main[data-calculator-adapter="twitter-character"] .parent :is(#div6 span, #div7 span, #div8 span, #div9 span) {
	color: var(--color-calculator-twitter-ink-strong);
	font-weight: 800;
	margin-left: auto;
}

main[data-calculator-adapter="twitter-character"] .parent #div6 { grid-area: 4 / 1 / 5 / 2; }
main[data-calculator-adapter="twitter-character"] .parent #div7 { grid-area: 5 / 1 / 6 / 2; }
main[data-calculator-adapter="twitter-character"] .parent #div8 { grid-area: 6 / 1 / 7 / 2; }
main[data-calculator-adapter="twitter-character"] .parent #div9 { grid-area: 7 / 1 / 8 / 2; }

main[data-calculator-adapter="twitter-character"] .parent #div10 {
	background: var(--color-calculator-twitter-editor-surface);
	border-left: 1px solid var(--color-calculator-twitter-row-divider);
	grid-area: 4 / 2 / 8 / 3;
	min-height: 348px;
	padding: 24px;
}

main[data-calculator-adapter="twitter-character"] .parent .textAreaBox {
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto auto;
	grid-template-rows: minmax(220px, 1fr) auto;
	height: 100%;
}

main[data-calculator-adapter="twitter-character"] .parent .textAreaBox form {
	display: contents;
}

main[data-calculator-adapter="twitter-character"] .parent #userWord {
	background: var(--color-surface);
	border: 1px solid var(--color-calculator-twitter-editor-border);
	border-radius: 16px;
	box-shadow: var(--shadow-calculator-twitter-editor-inset);
	box-sizing: border-box;
	color: var(--color-calculator-twitter-ink-strong);
	font-size: 1rem;
	grid-column: 1 / -1;
	grid-row: 1;
	height: 100%;
	line-height: 1.65;
	min-height: 220px;
	outline: none;
	padding: 18px 19px;
	resize: vertical;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
	width: 100%;
}

main[data-calculator-adapter="twitter-character"] .parent #userWord:focus {
	background: var(--color-surface);
	border: 1px solid var(--color-calculator-twitter-ink-strong) !important;
	box-shadow: 0 0 0 4px var(--color-calculator-twitter-focus-ring);
}

main[data-calculator-adapter="twitter-character"] .parent #userWord:focus-visible {
	outline: none !important;
}

main[data-calculator-adapter="twitter-character"] .parent #userWord::placeholder {
	color: var(--color-calculator-twitter-placeholder);
}

main[data-calculator-adapter="twitter-character"] .parent .buttonBox {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
}

main[data-calculator-adapter="twitter-character"] .parent :is(.tweetButton, .clearButton, .copyButton) {
	border: 0;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
	float: none;
	font-size: .86rem;
	font-weight: 750;
	letter-spacing: .01em;
	line-height: 1;
	margin: 0;
	min-height: 42px;
	padding: 0 17px;
	transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

main[data-calculator-adapter="twitter-character"] .parent .tweetButton {
	background: var(--color-calculator-twitter-ink-strong);
	color: var(--color-text-inverse) !important;
	padding-inline: 19px;
}

main[data-calculator-adapter="twitter-character"] .parent .copyButton {
	background: var(--color-calculator-twitter-action-secondary);
	color: var(--color-calculator-twitter-action-secondary-ink) !important;
	grid-column: 2;
	grid-row: 2;
}

main[data-calculator-adapter="twitter-character"] .parent .clearButton {
	background: var(--color-calculator-twitter-action-danger);
	color: var(--color-calculator-twitter-action-danger-ink) !important;
	grid-column: 3;
	grid-row: 2;
}

main[data-calculator-adapter="twitter-character"] .parent :is(.tweetButton, .clearButton, .copyButton):hover {
	box-shadow: var(--shadow-calculator-twitter-action-hover);
	transform: translateY(-1px);
}

main[data-calculator-adapter="twitter-character"] .parent .tweetButton:hover { background: var(--color-calculator-twitter-ink-muted); }
main[data-calculator-adapter="twitter-character"] .parent .copyButton:hover { background: var(--color-calculator-twitter-action-secondary-hover); }
main[data-calculator-adapter="twitter-character"] .parent .clearButton:hover { background: var(--color-calculator-twitter-action-danger-hover); }

/* SoundCloud is a compact royalty console: warm orange identifies the input,
 * while the earnings tiers stay calm and scannable. */
main[data-calculator-adapter="soundcloud-royalty"] #cp_calculatedfieldsf_pform_1 {
	background:
		radial-gradient(circle at 100% 0%, var(--color-calculator-soundcloud-glow), var(--color-css-transparent) 29%),
		linear-gradient(155deg, var(--color-surface) 0%, var(--color-calculator-soundcloud-frame-tint) 100%);
	border: 1px solid var(--color-calculator-soundcloud-frame-border);
	border-radius: 24px;
	border-top: 5px solid var(--platform-soundcloud);
	box-shadow: var(--shadow-calculator-soundcloud-frame);
	margin: 0 auto;
	max-width: 650px;
	overflow: hidden;
	padding: clamp(26px, 5vw, 46px);
	position: relative;
	animation: calculator-workbench-in .5s cubic-bezier(.2, .75, .25, 1) both;
}

main[data-calculator-adapter="soundcloud-royalty"] #formheader_1 {
	border-bottom: 1px solid var(--color-calculator-soundcloud-divider);
	margin-bottom: 25px;
	padding-bottom: 21px;
	text-align: left;
}

main[data-calculator-adapter="soundcloud-royalty"] #formheader_1 h2 {
	color: var(--color-calculator-soundcloud-ink-strong);
	font-size: clamp(1.7rem, 3.2vw, 2.35rem);
	font-weight: 850;
	letter-spacing: -.055em;
	line-height: 1.05;
	margin: 0;
	text-align: left;
}

main[data-calculator-adapter="soundcloud-royalty"] #formheader_1 h2::before {
	background: var(--platform-soundcloud);
	border-radius: 999px;
	content: '';
	display: inline-block;
	height: .55em;
	margin: 0 .48em .06em 0;
	width: .55em;
}

main[data-calculator-adapter="soundcloud-royalty"] #formheader_1 p {
	color: var(--color-calculator-soundcloud-ink-muted);
	font-size: .95rem;
	margin: 10px 0 0 1.05rem;
	text-align: left;
}

main[data-calculator-adapter="soundcloud-royalty"] #cp_calculatedfieldsf_pform_1 > label {
	color: var(--color-calculator-soundcloud-ink-strong);
	font-size: .92rem;
	font-weight: 780;
	letter-spacing: .02em;
	margin: 0 0 8px;
}

main[data-calculator-adapter="soundcloud-royalty"] #cp_calculatedfieldsf_pform_1 input[type='number'] {
	background: var(--color-surface);
	border: 1px solid var(--color-calculator-soundcloud-input-border);
	border-radius: 14px;
	box-shadow: var(--shadow-calculator-soundcloud-input-inset);
	color: var(--color-calculator-soundcloud-ink-strong);
	font-size: clamp(1.3rem, 3vw, 1.85rem);
	font-variant-numeric: tabular-nums;
	font-weight: 780;
	letter-spacing: -.04em;
	padding: 16px 18px;
	transition: border-color .18s ease, box-shadow .18s ease;
}

main[data-calculator-adapter="soundcloud-royalty"] #cp_calculatedfieldsf_pform_1 input[type='number']:focus {
	border: 1px solid var(--platform-soundcloud) !important;
	box-shadow: 0 0 0 4px var(--color-calculator-soundcloud-focus-ring);
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-sectionbreak {
	background: var(--color-calculator-soundcloud-notice-surface);
	border-left: 3px solid var(--platform-soundcloud);
	border-radius: 0 11px 11px 0;
	color: var(--color-calculator-soundcloud-notice-ink);
	font-size: .83rem;
	font-weight: 600;
	line-height: 1.55;
	margin: 22px 0 18px;
	padding: 12px 15px;
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-calculated-field {
	background: var(--color-calculator-soundcloud-result-surface);
	border: 1px solid var(--color-calculator-soundcloud-divider);
	border-radius: 14px;
	gap: 18px;
	margin-top: 10px;
	min-height: 68px;
	padding: 13px 17px;
	transition: border-color .18s ease, transform .18s ease;
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-sectionbreak + .cff-calculated-field {
	background: linear-gradient(135deg, var(--color-calculator-soundcloud-result-start) 0%, var(--color-calculator-soundcloud-result-end) 100%);
	border-color: var(--color-css-transparent);
	box-shadow: var(--shadow-calculator-soundcloud-result);
	margin-top: 0;
	padding-block: 18px;
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-calculated-field label {
	color: var(--color-calculator-soundcloud-result-label);
	font-size: .91rem;
	font-weight: 720;
	margin: 0;
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-sectionbreak + .cff-calculated-field label {
	color: var(--color-calculator-soundcloud-result-label-inverse);
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-calculated-field input[readonly] {
	background: var(--color-css-transparent);
	border: 0;
	box-shadow: none;
	color: var(--color-calculator-soundcloud-result-ink);
	font-size: clamp(1.25rem, 3vw, 1.7rem);
	font-variant-numeric: tabular-nums;
	font-weight: 850;
	letter-spacing: -.045em;
	min-width: 132px;
	padding: 0;
	text-align: right;
}

main[data-calculator-adapter="soundcloud-royalty"] .cff-sectionbreak + .cff-calculated-field input[readonly] {
	color: var(--color-text-inverse);
}

main[data-calculator-adapter="soundcloud-royalty"] #fieldname4_1 { color: var(--color-calculator-soundcloud-tier-primary); }
main[data-calculator-adapter="soundcloud-royalty"] #fieldname5_1 { color: var(--color-calculator-soundcloud-tier-secondary); }

@keyframes calculator-workbench-in {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes calculator-result-in {
	from { opacity: 0; transform: translateY(7px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 760px) {
	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock {
		border-radius: 19px;
		grid-template-columns: 1fr;
	}

	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo {
		padding: 31px 22px 25px;
	}

	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock :is(.pinkBlock, .pinkBlock.width50) {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		padding: 8px 24px;
	}

	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock :is(.border, .yearly) {
		align-items: flex-start;
		padding: 18px 0 !important;
		text-align: left;
	}

	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .pinkBlock .cost {
		font-size: clamp(1.35rem, 7vw, 1.9rem);
	}

	main[data-calculator-adapter="twitter-character"] .parent {
		border-radius: 19px;
		grid-template-columns: 1fr 1fr !important;
		grid-template-rows: auto auto auto minmax(330px, auto) repeat(2, auto);
	}

	main[data-calculator-adapter="twitter-character"] .parent #div1 {
		min-height: 92px;
		padding: 24px 18px 17px;
	}

	main[data-calculator-adapter="twitter-character"] .parent #div10 {
		border-bottom: 1px solid var(--color-calculator-twitter-row-divider);
		border-left: 0;
		grid-area: 4 / 1 / 5 / 3;
		padding: 18px;
	}

	main[data-calculator-adapter="twitter-character"] .parent #div6 { grid-area: 5 / 1 / 6 / 2; }
	main[data-calculator-adapter="twitter-character"] .parent #div7 { grid-area: 5 / 2 / 6 / 3; }
	main[data-calculator-adapter="twitter-character"] .parent #div8 { grid-area: 6 / 1 / 7 / 2; }
	main[data-calculator-adapter="twitter-character"] .parent #div9 { grid-area: 6 / 2 / 7 / 3; }

	main[data-calculator-adapter="soundcloud-royalty"] #cp_calculatedfieldsf_pform_1 {
		border-radius: 19px;
		padding: 27px 22px;
	}
}

@media (max-width: 480px) {
	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo > .width50,
	main[data-calculator-adapter="twitch-money"] #calcBlock .dailyVideo .twitch_row {
		gap: 9px;
		margin-top: 21px;
	}

	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock .dailyVideo .width50 {
		min-height: 84px;
		padding: 13px 12px;
	}

	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"]) #calcBlock :is(#resPerMonth, #resPerYear) {
		font-size: 1.3rem;
	}

	main[data-calculator-adapter="twitter-character"] .parent #div1 h1 {
		font-size: 1.68rem;
	}

	main[data-calculator-adapter="twitter-character"] .parent :is(#div4, #div5) {
		font-size: 1.58rem;
		min-height: 76px;
		padding: 18px 10px;
	}

	main[data-calculator-adapter="twitter-character"] .parent #div10 {
		min-height: 307px;
		padding: 14px;
	}

	main[data-calculator-adapter="twitter-character"] .parent .textAreaBox {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: minmax(200px, 1fr) auto auto;
	}

	main[data-calculator-adapter="twitter-character"] .parent #userWord {
		min-height: 200px;
		padding: 15px;
	}

	main[data-calculator-adapter="twitter-character"] .parent .buttonBox {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	main[data-calculator-adapter="twitter-character"] .parent .tweetButton {
		width: 100%;
	}

	main[data-calculator-adapter="twitter-character"] .parent .copyButton {
		grid-column: 1;
		grid-row: 3;
	}

	main[data-calculator-adapter="twitter-character"] .parent .clearButton {
		grid-column: 2;
		grid-row: 3;
	}

	main[data-calculator-adapter="twitter-character"] .parent :is(#div6, #div7, #div8, #div9) {
		font-size: .82rem;
		padding: 13px 12px;
	}

	main[data-calculator-adapter="soundcloud-royalty"] #formheader_1 h2 {
		font-size: 1.68rem;
	}

	main[data-calculator-adapter="soundcloud-royalty"] .cff-calculated-field {
		gap: 10px;
		padding: 13px;
	}

	main[data-calculator-adapter="soundcloud-royalty"] .cff-calculated-field input[readonly] {
		min-width: 110px;
	}
}

@media (prefers-reduced-motion: reduce) {
	main:is([data-calculator-adapter="twitch-money"], [data-calculator-adapter="youtube-money"], [data-calculator-adapter="twitter-character"], [data-calculator-adapter="soundcloud-royalty"]) :is(#calcBlock, .parent, #cp_calculatedfieldsf_pform_1, .pinkBlock :is(.daily, .monthly, .yearly)) {
		animation: none;
	}

	main[data-calculator-adapter="twitter-character"] .parent :is(#userWord, .tweetButton, .clearButton, .copyButton),
	main[data-calculator-adapter="soundcloud-royalty"] :is(input, .cff-calculated-field) {
		transition: none;
	}
}

/* Blog and shared-video component styles are kept in the global static sheet.
 * This prevents Astro/Vite from serializing component CSS into dev HTML. */
.blog-seo-body{color:var(--color-text);font-family:var(--font-body);font-size:var(--type-size-article-body);font-weight:var(--font-weight-regular);line-height:var(--type-leading-reading);letter-spacing:var(--type-tracking-article-body)}
.blog-article-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;min-height:clamp(420px,40vw,538px);overflow:hidden;border:1px solid color-mix(in srgb,var(--blog-hero-accent) 52%,var(--color-css-transparent));border-radius:clamp(22px,2.4vw,34px);background:var(--color-blog-hero-surface);box-shadow:var(--shadow-blog-hero)}.blog-cover-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.blog-article-hero__scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(0deg,var(--color-blog-hero-scrim-strong) 0%,var(--color-blog-hero-scrim-middle) 46%,var(--color-blog-hero-scrim-faint) 100%)}.blog-article-hero::after{position:absolute;z-index:-1;inset:auto 0 0;height:4px;content:'';background:var(--blog-hero-accent)}.blog-article-hero__content{width:100%;padding:clamp(34px,5.3vw,76px);color:var(--color-text-inverse)}.blog-article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-bottom:clamp(17px,2vw,24px);color:var(--color-text-inverse-78);font-size:clamp(var(--type-size-meta),1vw,var(--type-size-ui));font-weight:var(--font-weight-semibold);line-height:var(--type-leading-meta);letter-spacing:var(--type-tracking-label)}.blog-article-hero__category{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid color-mix(in srgb,var(--blog-hero-accent) 68%,var(--color-text-inverse));border-radius:999px;background:color-mix(in srgb,var(--blog-hero-accent) 30%,var(--color-blog-hero-category-surface));color:var(--color-text-inverse);font-weight:var(--font-weight-display)}.blog-article-hero h1{width:100%;max-width:none;margin:0;font-family:var(--font-display);color:var(--color-text-inverse);font-size:var(--type-size-article-title);font-weight:var(--font-weight-display);line-height:var(--type-leading-tight);letter-spacing:var(--type-tracking-article-title);text-shadow:0 2px 18px var(--color-blog-hero-title-shadow)}
.blog-article-action{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:clamp(56px,7vw,88px);padding-top:25px;border-top:1px solid color-mix(in srgb,var(--blog-article-accent,var(--color-brand)) 28%,var(--color-border))}.blog-article-action__context p{margin:0 0 7px;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--type-size-meta);font-weight:var(--font-weight-semibold);line-height:var(--type-leading-meta);letter-spacing:var(--type-tracking-label)}.blog-article-action__context>span{color:var(--color-text);font-family:var(--font-display);font-size:var(--type-size-article-action);font-weight:var(--font-weight-bold);line-height:var(--type-leading-section);letter-spacing:var(--type-tracking-article-heading)}.blog-article-action .btn{flex:0 0 auto;white-space:nowrap}.blog-reading-progress{--blog-reading-progress-value:0;position:fixed;z-index:1200;top:0;right:0;left:0;height:3px;overflow:hidden;pointer-events:none;background:color-mix(in srgb,var(--blog-reading-progress-accent) 12%,var(--color-css-transparent))}.blog-reading-progress__value{display:block;width:100%;height:100%;background:var(--blog-reading-progress-accent);transform:scaleX(var(--blog-reading-progress-value,0));transform-origin:left center;transition:transform 100ms linear}
.shared-video-modal{width:min(960px,calc(100vw - 2rem));max-width:none;padding:0;border:0;border-radius:1.25rem;background:var(--color-css-transparent);overflow:visible}.shared-video-modal::backdrop{background:var(--color-overlay-video-modal);backdrop-filter:blur(4px)}.shared-video-modal__frame{position:relative;overflow:hidden;border-radius:1.25rem;background:var(--color-surface-video-modal);box-shadow:var(--shadow-video-modal)}.shared-video-modal video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:var(--color-surface-video-modal)}.shared-video-modal__close{position:absolute;z-index:1;top:.75rem;right:.75rem;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:0;border-radius:999px;color:var(--color-text-inverse);background:var(--color-overlay-video-modal);font:500 1.75rem/1 sans-serif;cursor:pointer}[data-shared-video-trigger]{cursor:pointer}
@media (max-width:991.98px){.appContent{padding-top:100px}}@media (max-width:767px){.blog-seo-body h2{margin-top:42px}.blog-seo-body .blog-disclosure,.blog-seo-body .blog-key-takeaway,.blog-seo-body blockquote,.blog-seo-body .blog-faq-item{padding:16px 18px}.blog-seo-body .blog-table-scroll{margin-right:-4px}.blog-seo-body th,.blog-seo-body td{padding:13px 15px}.blog-article-hero{min-height:390px;border-radius:20px}.blog-article-hero__scrim{background:linear-gradient(0deg,var(--color-blog-hero-scrim-strong) 0%,var(--color-blog-hero-scrim-middle-mobile) 53%,var(--color-blog-hero-scrim-faint-mobile) 100%)}.blog-article-hero__content{padding:28px 24px 30px}.blog-article-hero__meta{gap:7px 11px;margin-bottom:16px;font-size:var(--type-size-meta)}.blog-article-hero__category{min-height:26px;padding:3px 9px}.blog-article-hero h1{max-width:none;font-size:var(--type-size-article-title);line-height:1.12;letter-spacing:var(--type-tracking-article-title)}.blog-article-action{align-items:flex-start;flex-direction:column;gap:18px;margin-top:52px;padding-top:22px}}

/* Terms page reading surface.
 * Keep the long legal document calm and scannable without changing shared
 * static-page chrome or the other policy routes. */
main[data-page-template="static-page"] .terms-page-content {
	padding-top: 116px;
}

main[data-page-template="static-page"] .terms-document .container {
	max-width: 1040px;
}

main[data-page-template="static-page"] .terms-document .page-box {
	min-height: 144px;
	margin-bottom: 32px;
	padding: 32px 40px;
	border-radius: 18px;
}

main[data-page-template="static-page"] .terms-document .page-box::before {
	width: 6px;
	height: 56px;
}

main[data-page-template="static-page"] .terms-document .page-box h2 {
	position: relative;
	z-index: 3;
	margin: 0;
	color: var(--color-text-inverse);
	font-size: clamp(28px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.025em;
	text-wrap: balance;
}

main[data-page-template="static-page"] .terms-document .page-box p {
	max-width: 680px;
	padding-top: 10px;
	color: var(--color-text-inverse-86);
	font-size: 15.5px;
	line-height: 1.75;
}

main[data-page-template="static-page"] .terms-document .page-box a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--color-border-inverse-42);
	text-underline-offset: 3px;
}

main[data-page-template="static-page"] .terms-document .card {
	border-color: var(--color-border-light);
	border-radius: 20px;
	background: var(--color-surface);
	box-shadow: 0 18px 48px rgba(var(--color-brand-deep-rgb), .07);
}

main[data-page-template="static-page"] .terms-document .card-body {
	max-width: 860px;
	margin: 0 auto;
	padding: 52px 60px 64px;
	color: var(--color-text-neutral);
	font-size: 16px;
	line-height: 1.9;
	text-wrap: pretty;
}

main[data-page-template="static-page"] .terms-document .card-body > h3:first-child {
	margin: 0 0 12px;
	padding: 0;
	color: var(--color-text-strong);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.02em;
}

main[data-page-template="static-page"] .terms-document .card-body > h3:first-child + p {
	margin-bottom: 0;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-border-light);
	color: var(--color-text-muted);
	font-size: 16.5px;
}

main[data-page-template="static-page"] .terms-document .card-body h4 {
	margin: 36px 0 14px;
	padding: 28px 0 0;
	border-top: 1px solid var(--color-border-light);
	color: var(--color-brand-strong);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.45;
}

main[data-page-template="static-page"] .terms-document .card-body > h3:first-child + p + h4 {
	margin-top: 30px;
	padding-top: 0;
	border-top: 0;
}

main[data-page-template="static-page"] .terms-document .card-body h5 {
	margin: 30px 0 12px;
	padding: 0;
	color: var(--color-text-strong);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

main[data-page-template="static-page"] .policy-summary-document .card-body > h3:not(:first-child) {
	margin: 36px 0 14px;
	padding: 28px 0 0;
	border-top: 1px solid var(--color-border-light);
	color: var(--color-brand-strong);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.45;
}

main[data-page-template="static-page"] .policy-summary-document .card-body > h3:first-child + p + h3 {
	margin-top: 30px;
	padding-top: 0;
	border-top: 0;
}

main[data-page-template="static-page"] .policy-summary-document .card-body code {
	color: var(--color-brand-strong);
	font-size: .92em;
}

main[data-page-template="static-page"] .terms-document .card-body p {
	margin: 0 0 18px;
}

main[data-page-template="static-page"] .terms-document .card-body ul {
	display: grid;
	gap: 10px;
	margin: 0 0 28px;
	padding-left: 1.3rem;
}

main[data-page-template="static-page"] .terms-document .card-body li {
	padding-left: 5px;
}

main[data-page-template="static-page"] .terms-document .card-body li::marker {
	color: var(--color-brand);
}

main[data-page-template="static-page"] .terms-document .card-body ul.terms-numbered-list {
	padding-left: 0;
	list-style: none;
}

main[data-page-template="static-page"] .terms-document .card-body ul.terms-numbered-list li {
	padding-left: 0;
}

main[data-page-template="static-page"] .terms-document .card-body ul ul {
	margin: 14px 0 4px;
	padding: 16px 18px 16px 38px;
	border-left: 3px solid var(--color-border);
	border-radius: 0 12px 12px 0;
	background: var(--color-surface-cool-faint);
}

main[data-page-template="static-page"] .terms-document .card-body strong {
	color: var(--color-brand-strong);
	font-weight: 700;
}

@media (max-width: 991.98px) {
	main[data-page-template="static-page"] .terms-page-content {
		padding-top: 88px;
	}

	main[data-page-template="static-page"] .terms-document .page-box {
		min-height: 0;
		padding: 26px 28px;
		text-align: left;
	}

	main[data-page-template="static-page"] .terms-document .page-box h2 {
		font-size: 27px;
	}

	main[data-page-template="static-page"] .terms-document .page-box p {
		font-size: 15px;
	}

	main[data-page-template="static-page"] .terms-document .card-body {
		padding: 42px 40px 52px;
	}
}

@media (max-width: 575.98px) {
	main[data-page-template="static-page"] .terms-page-content {
		padding-top: 78px;
	}

	main[data-page-template="static-page"] .terms-document .page-box {
		margin-bottom: 20px;
		padding: 24px 22px;
		border-radius: 15px;
	}

	main[data-page-template="static-page"] .terms-document .page-box::before {
		height: 48px;
	}

	main[data-page-template="static-page"] .terms-document .page-box h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	main[data-page-template="static-page"] .terms-document .page-box p {
		font-size: 14.5px;
		line-height: 1.7;
	}

	main[data-page-template="static-page"] .terms-document .card {
		border-radius: 16px;
		box-shadow: 0 12px 32px rgba(var(--color-brand-deep-rgb), .055);
	}

	main[data-page-template="static-page"] .terms-document .card-body {
		padding: 32px 22px 42px;
		font-size: 15.5px;
		line-height: 1.85;
	}

	main[data-page-template="static-page"] .terms-document .card-body > h3:first-child {
		font-size: 26px;
	}

	main[data-page-template="static-page"] .terms-document .card-body > h3:first-child + p {
		padding-bottom: 24px;
		font-size: 15.5px;
	}

	main[data-page-template="static-page"] .terms-document .card-body h4 {
		margin-top: 30px;
		padding-top: 24px;
		font-size: 19px;
	}

	main[data-page-template="static-page"] .terms-document .card-body h5 {
		margin-top: 26px;
		font-size: 17px;
	}

	main[data-page-template="static-page"] .policy-summary-document .card-body > h3:not(:first-child) {
		margin-top: 30px;
		padding-top: 24px;
		font-size: 19px;
	}

	main[data-page-template="static-page"] .terms-document .card-body ul {
		gap: 9px;
		padding-left: 1.1rem;
	}

	main[data-page-template="static-page"] .terms-document .card-body ul ul {
		padding: 14px 14px 14px 30px;
	}

}

/* Page-scoped mobile corrections: do not alter shared layout on other routes. */
[data-page-template="blog-index"] [data-blog-index-header] {
	display: grid;
	justify-items: center;
	text-align: center;
}

[data-page-template="blog-index"] [data-blog-index-header] > :is(h1, p) {
	width: 100%;
	margin-inline: auto;
	text-align: center;
}

[data-page-template="blog-index"] [data-blog-index-header] > p {
	max-width: 42em;
}

.contact-location {
	min-width: 0;
}

.contact-location__map {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 600px;
	height: 450px;
	border: 0;
	border-radius: 20px;
}

@media (max-width: 768px) {
	/* Keep the homepage team concise: one swipeable row instead of portrait cards. */
	main[data-page-template="home-page"] .mtp-team .team-wrapper {
		display: grid;
		grid-template-columns: none;
		grid-template-rows: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(152px, 44vw);
		gap: 12px;
		margin-top: 28px;
		padding: 0 0 4px;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper::-webkit-scrollbar {
		display: none;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-item {
		width: auto;
		min-width: 0;
		height: auto;
		/* Restore the default portrait crop; only the layout scrolls horizontally. */
		aspect-ratio: 2 / 3;
		scroll-snap-align: start;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-content {
		left: 30px;
		bottom: 12px;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-content .name::before {
		width: 14px;
		height: 34px;
		left: -20px;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-content .designation {
		line-height: 16px;
	}

	.contact-location__map {
		height: 320px;
		border-radius: 18px;
	}
}

/* The mobile drawer owns the viewport; it must never inherit the header's height or stacking order. */
.mobile-drawer-brand {
	display: none;
}

@media (max-width: 991.98px) {
	.head-out > .hm-wrapper {
		position: fixed;
		inset: 0;
		width: 100vw;
		min-height: 100vh;
		height: 100dvh;
		box-sizing: border-box;
		padding: 24px 16px calc(32px + env(safe-area-inset-bottom));
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		isolation: isolate;
		z-index: 1200;
		transform: translate3d(0, -100%, 0);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.head-out > .hm-wrapper.active {
		transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.head-out > .hm-wrapper .mobile-drawer-brand {
		display: block;
		margin: 0 0 54px 10px;
	}

	.head-out > .hm-wrapper .mobile-drawer-brand img {
		display: block;
		width: 83px;
		height: 65px;
		object-fit: contain;
	}

	.head-out > .hm-wrapper::-webkit-scrollbar {
		display: none;
	}
}

/* Homepage only: mobile visitors need to reach the primary action before the
 * proof-detail list. The list remains in the DOM and follows the action. */
@media (max-width: 767.98px) {
	main[data-page-template="home-page"] .mtp-top-header {
		display: flex;
		flex-direction: column;
	}

	main[data-page-template="home-page"] .mtp-top-header .home-hero-actions {
		order: 3;
		width: 100%;
		padding: 4px 0 12px;
	}

	main[data-page-template="home-page"] .mtp-top-header .mtp-top-features {
		order: 4;
		margin-top: 8px;
	}

	main[data-page-template="home-page"] .home-hero-actions .mtp-top-footer {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		width: 100%;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb {
		margin: 0 auto;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb img {
		width: 86px;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb .play-btn {
		width: 30px;
		height: 30px;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb .play-btn svg {
		width: 25px;
		height: 25px;
	}

	main[data-page-template="home-page"] .home-hero-actions .mtp-now {
		width: 100%;
	}

}

/* The header remains light at the top and only gains weight after scrolling. */
.head-out.fixed {
	border-color: rgba(var(--color-brand-rgb), .10);
	box-shadow: 0 12px 30px rgba(var(--color-brand-deep-rgb), .08);
}

.hm-wrapper {
	overscroll-behavior: contain;
}

/* Shared proof is quieter than the sales action that precedes it. */
[data-component-owner="trust-marquee"] {
	padding-block: clamp(20px, 2.2vw, 30px);
}

[data-component-owner="trust-marquee"] .logo-slide {
	border-radius: var(--radius-control);
}

[data-component-owner="review-section"] .container-fluid {
	max-width: var(--layout-wide-max);
	padding-inline: var(--page-gutter);
}

[data-component-owner="subscription-cta"] .opinion-wrapper {
	border: 1px solid rgba(var(--color-brand-rgb), .16);
	border-radius: var(--radius-card);
	background: linear-gradient(112deg, var(--color-surface-lilac-faint) 0%, var(--color-surface) 62%);
	box-shadow: none;
}

[data-component-owner="subscription-cta"] .subscribe-card .form-control {
	min-height: var(--control-height);
	border-radius: 35px;
}

[data-component-owner="subscription-cta"] .subscribe-card .subscribe-btn {
	min-height: 40px;
	height: 40px;
}

/* The email submit is an embedded control, so the component owns its compact
 * geometry while the shared primary contract owns colour, focus and states. */
[data-component-owner="subscription-cta"] .subscribe-card .subscribe-btn[data-action-variant="primary"] {
	min-height: var(--button-height-compact);
	height: var(--button-height-compact);
	top: 3px;
	right: 3px;
	background: var(--action-primary-bg);
	color: var(--action-primary-fg);
	box-shadow: none;
}

[data-component-owner="subscription-cta"] .subscribe-card .subscribe-btn[data-action-variant="primary"]:is(:hover, :active) {
	background: var(--action-primary-bg-hover);
	color: var(--action-primary-fg);
}

/* The first ActionLink migration keeps chrome and package-card layout owners
 * in charge of composition. The primitive owns semantics, focus and state;
 * these adapters only map legacy visual slots into the shared action contract. */
[data-component-owner="site-header"] .header-btn[data-action-variant="primary"] {
	--button-action-bg: var(--action-primary-bg);
	--button-action-bg-hover: var(--action-primary-bg-hover);
	--button-action-fg: var(--action-primary-fg);
	--button-action-border: transparent;
	min-height: var(--control-height);
	border-radius: var(--button-radius);
	background: var(--action-primary-bg);
	color: var(--action-primary-fg);
}

[data-component-owner="site-bottom-navigation"] .bottom-item[data-action-variant="quiet"] {
	--button-action-bg: transparent;
	--button-action-bg-hover: transparent;
	--button-action-fg: var(--color-text);
	--button-action-border: transparent;
	min-height: 0;
	border: 0;
	border-right: 1px solid var(--section-bottom-item-border);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-decoration: none;
}

[data-component-owner="site-bottom-navigation"] .bottom-item[data-action-variant="quiet"]:is(:hover, :active) {
	background: transparent;
	box-shadow: none;
}

[data-component-owner="site-bottom-navigation"] .bottom-item[data-action-variant="quiet"]:last-child {
	border-right: 0;
}

[data-home-best-packages] .best-package-card .btn-primary[data-action-variant="secondary"] {
	--button-action-bg: var(--color-surface);
	--button-action-bg-hover: var(--action-primary-bg);
	--button-action-fg: var(--color-text-inverse);
	--button-action-border: transparent;
	--button-action-hover-shadow: none;
	border-color: transparent;
	background: var(--color-surface);
	color: var(--color-brand);
}

[data-home-best-packages] .best-package-card .btn-primary[data-action-variant="secondary"]:is(:hover, :active) {
	background: var(--action-primary-bg);
	color: var(--color-text-inverse);
	opacity: .8;
}

/* Cheap-package purchases are external navigation, but remain platform actions
 * inside the platform-specific purchase surface. Keep the historic card slots
 * as the sole colour owner while the ActionLink carries link semantics. */
[data-component-owner="buy-service-cheap"] .big-packages .big-packages-item .btn-primary[data-action-variant="platform"] {
	--button-platform-bg: var(--service-big-package-action-bg);
	--button-platform-bg-hover: var(--service-big-package-action-hover-bg);
	--button-platform-fg: var(--color-text-inverse);
	--button-platform-border: var(--service-big-package-action-border);
	--button-platform-hover-shadow: none;
	background: var(--service-big-package-action-bg);
	border-color: var(--service-big-package-action-border);
	color: var(--color-text-inverse);
}

[data-component-owner="buy-service-cheap"] .big-packages .big-packages-item .btn-primary[data-action-variant="platform"]:is(:hover, :active) {
	background: var(--service-big-package-action-hover-bg);
	border-color: var(--service-big-package-action-hover-border);
	color: var(--color-text-inverse);
}

/* Article service navigation is a reading-completion follow-up, not a second
 * primary conversion. Its local owner preserves the article layout while the
 * shared secondary contract supplies state and focus behaviour. */
[data-component-owner="blog-article-action"] .btn-primary[data-action-variant="secondary"] {
	--button-action-bg: var(--button-secondary-bg);
	--button-action-bg-hover: var(--color-surface-lilac-soft);
	--button-action-fg: var(--button-secondary-fg);
	--button-action-border: var(--button-secondary-border);
	--button-action-hover-shadow: none;
	border-color: var(--button-secondary-border);
	background: var(--button-secondary-bg);
	color: var(--button-secondary-fg);
}

[data-component-owner="blog-article-action"] .btn-primary[data-action-variant="secondary"]:is(:hover, :active) {
	background: var(--color-surface-lilac-soft);
	color: var(--button-secondary-fg);
}

/* The homepage's legacy product slider stays source-normalized until its
 * Swiper markup has an independent component owner. Its purchase anchors are
 * platform actions, so the card-local slots remain the visual authority. */
.mtp-srv-content .package-item .btn-primary[data-action-role="home-service-package-purchase"][data-action-variant="platform"] {
	--button-platform-bg: var(--service-package-action-bg);
	--button-platform-bg-hover: var(--service-package-action-hover-bg);
	--button-platform-fg: var(--color-text-inverse);
	--button-platform-border: var(--service-package-action-border);
	--button-platform-hover-shadow: none;
	background: var(--service-package-action-bg);
	border-color: var(--service-package-action-border);
	color: var(--color-text-inverse);
}

.mtp-srv-content .package-item .btn-primary[data-action-role="home-service-package-purchase"][data-action-variant="platform"]:is(:hover, :active) {
	background: var(--service-package-action-hover-bg);
	border-color: var(--service-package-action-hover-border);
	color: var(--color-text-inverse);
}

/* Platform cards inherit their colour from the shared service surface. */
:where([data-buy-service-surface], [data-panel-service-surface])[class*="platform-"] {
	--ui-platform-surface: color-mix(in srgb, var(--service-platform) 7%, var(--color-surface));
	--ui-platform-border: color-mix(in srgb, var(--service-platform) 28%, var(--border-subtle));
	--ui-platform-glow: color-mix(in srgb, var(--service-platform) 15%, transparent);
}

:where([data-buy-service-surface], [data-panel-service-surface])[class*="platform-"] :is(.package-item, .best-package-card, .big-packages-item, .best-swiper .item-wrapper) {
	border-color: var(--ui-platform-border);
}

:where([data-buy-service-surface], [data-panel-service-surface])[class*="platform-"] :is(.package-item.package-best, .best-package-card.package-best, .big-packages-item.active) {
	background-color: var(--ui-platform-surface);
	box-shadow: 0 14px 30px var(--ui-platform-glow);
}

/* Article/listing visual system remains abstract and editorial, never photo-led. */
[data-page-template="blog-index"] .blog-wrapper .blog-item {
	border-color: color-mix(in srgb, var(--blog-card-accent, var(--color-brand)) 18%, var(--color-surface-soft));
	border-radius: var(--radius-card);
	box-shadow: 0 14px 30px color-mix(in srgb, var(--color-text) 5%, transparent);
}

[data-page-template="blog-index"] .blog-wrapper .blog-item:is(:hover, :focus-within) {
	border-color: color-mix(in srgb, var(--blog-card-accent, var(--color-brand)) 38%, var(--color-surface-soft));
	box-shadow: 0 18px 36px color-mix(in srgb, var(--color-text) 9%, transparent);
}

[data-page-template="blog-index"] .blog-wrapper .blog-img-wrapper {
	border-radius: calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;
}

[data-page-template="blog-index"] .blog-wrapper .blog-card-summary {
	min-height: 108px;
	padding: 17px 20px 20px;
}

[data-page-template="blog-article"] .blog-article-action {
	border-color: color-mix(in srgb, var(--blog-article-accent, var(--color-brand)) 24%, var(--border-subtle));
}

/* The free-service form stays task-first and compresses before it hides content. */
main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-form .form {
	border-radius: var(--radius-card);
}

@media (max-width: 991.98px) {
	[data-component-owner="subscription-cta"] .opinion-wrapper {
		padding: var(--space-5);
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-wrapper {
		gap: var(--space-5);
		margin-top: var(--space-5);
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-wrapper .sf-img {
		display: none;
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-form .form {
		padding: var(--space-5) var(--space-4);
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-form .form .sf-group-item {
		gap: var(--space-4);
	}
}

[data-panel-service-surface].platform-tiktok .mtp-srv-menu .nav .nav-link.active {
	background: var(--platform-tiktok-black);
	box-shadow: inset 2px 0 var(--platform-tiktok-cyan), inset -2px 0 var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-menu .nav .nav-link:not(.active):hover {
	background: var(--tiktok-panel-soft);
	color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .tab-pane h3::before,
[data-panel-service-surface].platform-tiktok .slider-controls .slide-pagination .swiper-pagination-bullet {
	background: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .slider-controls .slide-pagination .swiper-pagination-bullet-active {
	background: var(--platform-tiktok-black);
	box-shadow: inset 2px 0 var(--platform-tiktok-cyan), inset -2px 0 var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item {
	border-color: var(--tiktok-panel-border);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item:hover {
	border-color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item.package-best {
	--service-package-action-bg: var(--gradient-platform-tiktok-action);
	--service-package-action-border: var(--platform-tiktok-red);
	--service-package-action-hover-bg: var(--gradient-platform-tiktok-action);
	--service-package-action-hover-border: var(--platform-tiktok-red);
	--service-package-glow-bg: var(--gradient-platform-tiktok-radial);
	border-color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .best-opt,
[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .pi-bottom .pi-new,
[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .pi-save span {
	color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .best-opt {
	background: var(--platform-tiktok-red);
	color: var(--color-text-inverse);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item {
	border-color: var(--tiktok-panel-border);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item::before,
[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item .icon {
	background: var(--gradient-platform-tiktok-radial);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item-wrapper {
	--service-best-swiper-action-bg: var(--gradient-platform-tiktok-action);
	--service-best-swiper-action-border: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item-wrapper .price,
[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item-wrapper .time em {
	color: var(--platform-tiktok-red);
}

/* Shared fallback compatibility shell for noindex recovered routes. */

@media (max-width: 767px) {
}

/* Phase 4A: remove remaining green-theme decorative surfaces after logo-sampled purple token migration. */
.mtp-subscription .opinion-wrapper,
.mtp-factors,
footer {
	background-image:
		radial-gradient(circle at 12% 10%, rgba(var(--color-brand-bright-rgb), .35) 0, rgba(var(--color-brand-bright-rgb), 0) 34%),
		radial-gradient(circle at 88% 18%, rgba(var(--color-action-blue-rgb), .24) 0, rgba(var(--color-action-blue-rgb), 0) 30%),
		linear-gradient(135deg, var(--color-logo-purple-950) 0%, var(--color-logo-purple-800) 48%, var(--color-logo-purple-700) 100%);
	background-color: var(--color-logo-purple-950);
	background-size: cover;
	background-position: center;
}

.mtp-subscription :where(.opinion-wrapper):after,
.mtp-factors:after,
footer:after {
	content: "";
	position: absolute;
	inset: 1px;
	pointer-events: none;
	border-radius: inherit;
	background:
		linear-gradient(120deg, var(--color-surface-translucent-15), var(--color-surface-transparent) 38%),
		radial-gradient(circle at 70% 100%, rgba(var(--color-brand-bright-rgb), .16), rgba(var(--color-brand-bright-rgb), 0) 44%);
	z-index: 0;
}

.mtp-subscription .opinion-wrapper>*,
.mtp-factors>*,
footer>* {
	position: relative;
	z-index: 1;
}

.mtp-subscription :where(.opinion-wrapper .opinion-text):before,
.mtp-factors :where(.cost-wrapper .item):before,
footer:before {
	background: var(--gradient-action);
	opacity: .55;
}

.mtp-factors .cost-wrapper .item {
	background: var(--section-factor-item-bg);
	border-color: rgba(var(--color-brand-bright-rgb), .34);
	box-shadow: 0 18px 40px rgba(var(--color-brand-ink-rgb), .14);
}

.mtp-factors :where(.cost-wrapper .item) span,
.mtp-subscription p,
.footer-flex .footer-left p {
	color: var(--color-logo-lilac-100);
}

footer .footer-alt-content {
	background: rgba(var(--color-brand-deep-rgb), .72);
	border-color: rgba(var(--color-brand-bright-rgb), .24);
	backdrop-filter: blur(12px);
}

footer .footer-social ul li a {
	color: var(--color-logo-purple-800);
}

.mtp-best:before,
.mtp-calculator:before,
.mtp-instagram:before,
.mtp-tiktok:before,
.mtp-youtube:before,
.mtp-facebook:before {
	content: url('../images/mtp-side-wave-purple.svg');
	position: absolute;
	z-index: -1;
	bottom: 0;
	max-height: 900px;
}

.mtp-best:before,
.mtp-instagram:before,
.mtp-youtube:before {
	left: 0;
	right: auto;
	transform: none;
}

.mtp-calculator:before,
.mtp-tiktok:before,
.mtp-facebook:before {
	right: 0;
	left: auto;
	transform: rotate(180deg);
}

/* Keep the global footer's payment methods aligned with the home-page set. */
footer .footer-alt-content {
	justify-content: space-between;
	gap: 24px;
}

footer .footer-alt-left {
	white-space: nowrap;
}

footer .footer-payment-methods {
	display: grid;
	grid-template-columns: repeat(6, 44px);
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 0 0 auto;
}

footer .footer-payment-methods :is(img, svg) {
	display: block;
	width: 44px;
	height: auto;
}

@media (max-width: 768px) {
	/* Mobile density: two review-adjacent cards and two footer columns per row. */
	.team-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* The story page promotes its team list to flex at desktop size; restore the
	 * shared mobile two-column grid without changing its portrait treatment. */
	.mtp-team.story-7 .team-wrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		justify-content: initial;
	}

	.mtp-team.story-7 .team-wrapper .team-item {
		width: 100%;
		max-width: none;
	}

	[data-review-video-pane] .mtp-videos-item {
		min-height: 0;
		padding: 54px 10px 12px;
		border-radius: 18px;
	}

	[data-review-video-pane] .mtp-videos-space {
		min-height: 0;
		padding: 12px 10px;
	}

	[data-review-video-pane] .mtp-videos-rating {
		left: 10px;
		top: 10px;
		height: 22px;
		gap: 3px;
		padding: 4px 7px 4px 0;
	}

	[data-review-video-pane] .mtp-videos-rating svg {
		width: 18px;
		height: 18px;
	}

	[data-review-video-pane] .mtp-videos-rating span,
	[data-review-video-pane] .mtp-videos-date span {
		font-size: 14px;
	}

	[data-review-video-pane] .mtp-videos-date {
		right: 10px;
		top: 8px;
		height: 22px;
		gap: 3px;
		padding: 4px 0;
		font-size: 14px;
	}

	[data-review-video-pane] .mtp-videos-date svg {
		width: 16px;
		height: 16px;
	}

	[data-review-video-pane] .mtp-videos-play {
		background-size: 32px auto;
	}

	[data-review-video-pane] .mtp-videos-user {
		align-items: center;
		gap: 8px;
		line-height: 18px;
	}

	[data-review-video-pane] .mtp-videos-user img {
		width: 36px;
		height: 36px;
		margin-right: 0;
		outline-width: 2px;
	}

	[data-review-video-pane] .mtp-videos-user > span {
		min-width: 0;
	}

	[data-review-video-pane] .mtp-videos-user > span > span {
		display: flex;
		align-items: center;
		gap: 2px;
		font-size: 14px;
		line-height: 18px;
		white-space: nowrap;
	}

	[data-review-video-pane] .mtp-videos-user > span > span svg {
		width: 16px;
		height: 16px;
		margin-top: 0;
		flex: 0 0 auto;
	}

	[data-review-video-pane] .mtp-videos-user cite {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 12px;
		line-height: 15px;
	}

	footer .footer-flex .footer-center {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 32px 24px;
		width: 100%;
	}

	footer .footer-links--service-groups {
		display: none;
	}

	footer {
		padding-bottom: calc(88px + env(safe-area-inset-bottom));
	}

	footer .footer-alt-content {
		flex-direction: column;
		justify-content: center;
		gap: 16px;
		padding: 20px 16px;
	}

	footer .footer-alt-left {
		text-align: center;
		white-space: normal;
	}

	footer .footer-payment-methods {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		width: min(100%, 300px);
		gap: 6px;
	}

	footer .footer-payment-methods :is(img, svg) {
		width: 100%;
	}
}

/* Shared text-only guide for all calculator and counter pages. */
[data-calculator-section-role="guide"] .calculator-guide {
	max-width: 1120px;
	margin: 0 auto;
}

[data-calculator-section-role="guide"] .calculator-guide__item {
	padding: clamp(28px, 4vw, 52px) 0;
	border-bottom: 1px solid color-mix(in srgb, var(--section-calculator-guide-accent) 20%, var(--color-surface-transparent));
	text-align: left;
}

[data-calculator-section-role="guide"] .calculator-guide__item:first-child {
	padding-top: 0;
}

[data-calculator-section-role="guide"] .calculator-guide__item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

[data-calculator-section-role="guide"] .calculator-guide__item h2 {
	margin: 0 0 15px;
	color: var(--color-text-strong);
	font-family: var(--font-display);
	font-size: var(--type-size-section-title);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--type-tracking-heading);
	line-height: var(--type-leading-section);
	text-align: left;
}

[data-calculator-section-role="guide"] .calculator-guide__item p {
	max-width: none;
	margin: 0;
	color: var(--color-text-muted-neutral);
	font-size: var(--type-size-body);
	font-weight: var(--font-weight-regular);
	line-height: var(--type-leading-ui);
	text-align: left;
}

[data-calculator-section-role="guide"] .calculator-guide__item a {
	color: var(--section-calculator-guide-accent);
	font-weight: 700;
}

@media (max-width: 768px) {
	[data-calculator-section-role="guide"] .calculator-guide__item {
		padding: 28px 0;
	}

}

/* Keep calculator package pagination visually separate from the following
 * walkthrough on mobile, where the carousel ends directly above the video. */
@media (max-width: 991.98px) {
	main[data-page-template="calculator"] [data-calculator-section-role="packages"] + [data-calculator-section-role="steps"] {
		margin-top: 48px;
	}
}

/* Chinese editorial typography contract: balanced titles and readable lead copy. */
:where(.mtp-top-header, .meet-header, .blog-box .bb-title) h1 {
	max-width: 18.5em;
	line-height: var(--type-leading-tight);
	line-break: strict;
	overflow-wrap: normal;
	text-wrap: balance;
	word-break: normal;
}

/* A constrained heading is a flex item inside .meet-header. Center the item
 * itself, not only its text, so the readable max-width never pins left. */
.meet-header > h1 {
	margin-inline: auto;
}

:is(.mtp-top-header, .meet-header, .blog-box .bb-title) > p {
	max-width: 42em;
	line-height: var(--type-leading-lead);
	line-break: strict;
	text-wrap: pretty;
	word-break: normal;
}

@media (max-width: 767.98px) {
	:where(.mtp-top-header, .meet-header, .blog-box .bb-title) h1 {
		max-width: min(100%, 11.5em);
		line-height: var(--type-leading-title);
	}

	:is(.mtp-top-header, .meet-header, .blog-box .bb-title) > p {
		max-width: min(100%, 32em);
		line-height: 1.7;
	}
}

/* Shared calculator surface: legacy adapters vary in markup, not visual hierarchy. */
main[data-page-template="calculator"] [data-component-owner="calculator-surface"] h1:not(.visually-hidden) {
	/* A few source-mirrored adapters emit later inline style blocks. Keep the override
	 * scoped to their shared surface so normal document headings remain unaffected. */
	font-family: var(--font-display) !important;
	font-size: var(--type-size-tool-title) !important;
	font-weight: var(--font-weight-bold) !important;
	line-height: var(--type-leading-title) !important;
	letter-spacing: var(--type-tracking-heading) !important;
}

main[data-page-template="calculator"] [data-component-owner="calculator-surface"] :is(input, select, textarea) {
	font-size: var(--type-size-control) !important;
	line-height: 1.35 !important;
	letter-spacing: var(--type-tracking-body) !important;
}

/* Free-service pages retain their campaign scale, now as named system variants. */
main[data-page-template="free-service"] :is(h1, [data-free-service-surface] h1) {
	font-family: var(--font-display);
	font-size: var(--type-size-campaign-title);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
}

main[data-page-template="free-service"] :is(h2, [data-free-service-surface] h2) {
	font-family: var(--font-display);
	font-size: var(--type-size-campaign-section);
	font-weight: var(--font-weight-semibold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
}

@media (max-width: 991.98px) {
	main[data-page-template="free-service"] :is(h1, [data-free-service-surface] h1) {
		font-size: var(--type-size-display-mobile);
	}

	main[data-page-template="free-service"] :is(h2, [data-free-service-surface] h2) {
		font-size: var(--type-size-section-title-mobile);
	}
}

/* Free-service pages lead with the task, then keep the supporting explanation in reading order below it. */
@media (max-width: 991.98px) {
	main[data-page-template="free-service"] .sf-1 {
		padding-block: var(--space-5) var(--space-6);
	}

	main[data-page-template="free-service"] .sf-1 .sf-card {
		display: flex;
		flex-direction: column;
		padding-top: 0;
	}

	main[data-page-template="free-service"] .sf-1 .sf-card > h1 {
		order: 1;
		margin: 0;
		font-size: clamp(28px, 8vw, 32px);
		line-height: 1.18;
	}

	main[data-page-template="free-service"] .sf-1 .sf-card > .sf-wrapper {
		order: 2;
		gap: 0;
		margin-top: var(--space-4);
	}

	main[data-page-template="free-service"] .sf-1 .sf-wrapper .sf-img {
		display: none;
	}

	main[data-page-template="free-service"] .sf-1 .sf-bg-effects {
		display: none;
	}

	main[data-page-template="free-service"] .sf-1 .sf-form .form {
		padding: var(--space-4);
		border-radius: var(--radius-card);
	}

	main[data-page-template="free-service"] .sf-1 .sf-form .form .sf-group-item {
		gap: var(--space-3);
	}

	main[data-page-template="free-service"] .sf-1 .sf-form .form .sf-group .form-control,
	main[data-page-template="free-service"] .sf-1 .sf-form .btn-sf {
		min-height: var(--control-height-touch);
	}

	main[data-page-template="free-service"] .sf-1 .sf-card > .headText {
		order: 3;
		max-width: none;
		margin: var(--space-5) 0 0;
		font-size: var(--type-size-ui);
		line-height: var(--type-leading-ui);
	}
}

/* Shared footer brand lockup mirrors the header identity on the dark footer. */
.footer-brand-lockup {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 49px;
	width: fit-content;
	max-width: 100%;
	color: var(--color-logo-lilac-100);
	text-decoration: none;
	white-space: nowrap;
}

.footer-brand-lockup .footer-brand-logo {
	width: 42px;
	height: 42px;
	object-fit: contain;
	object-position: left center;
	flex: 0 0 auto;
}

.footer-brand-text {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	line-height: 1.08;
}

.footer-brand-name {
	background: none;
	color: var(--color-logo-lilac-300);
	font-size: 15.4px;
	letter-spacing: 0;
}

.footer-brand-platform {
	margin-top: 2.8px;
	color: var(--color-logo-lilac-100);
	font-size: 10.5px;
	letter-spacing: 0;
}

.footer-brand-lockup:hover .footer-brand-name,
.footer-brand-lockup:focus-visible .footer-brand-name {
	color: var(--color-logo-lilac-100);
}

@media (max-width: 767.98px) {
	.footer-brand-lockup {
	justify-content: center;
	}
}

/* Shared editorial reading layout for every blog detail page. */
main[data-page-template="blog-article"] {
	overflow: visible;
}

.blog-box[data-blog-reading-layout] .bb-wrapper {
	display: block;
	width: 100%;
	margin-top: clamp(42px, 5vw, 72px);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content {
	width: 100%;
	max-width: none;
	min-width: 0;
	font-family: var(--font-body);
	font-size: var(--type-size-article-body);
	line-height: var(--type-leading-reading);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content h2 {
	scroll-margin-top: 148px;
}

@media (max-width: 991.98px) {
	.blog-box[data-blog-reading-layout] .bb-wrapper {
		width: 100%;
		margin-top: 36px;
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content {
		font-size: var(--type-size-article-body);
		line-height: var(--type-leading-reading);
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content h2 {
		scroll-margin-top: 110px;
	}
}

/* The shared desktop header is fixed. Blog routes therefore need their own
 * first-screen offset just as the mobile appContent already does. */
@media (min-width: 992px) {
	main[data-page-template="blog-index"] .appContent,
	main[data-page-template="blog-article"] .appContent {
		padding-top: 106px;
	}
}

/* Final shared article-reading surface. Content stays source-authored; the frame stays component-owned. */
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body {
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: var(--type-size-article-body);
	font-weight: var(--font-weight-regular);
	line-height: var(--type-leading-reading);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body p,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body li,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body td {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: var(--color-text-muted);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body p {
	margin: 0 0 22px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-lead {
	margin-bottom: 24px;
	color: var(--color-text);
	font-size: var(--type-size-article-lead);
	line-height: var(--type-leading-lead);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body h2 {
	margin: clamp(54px, 6vw, 82px) 0 22px;
	padding-left: 16px;
	border-left: 3px solid var(--blog-article-accent, var(--color-brand));
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--type-size-article-section);
	font-weight: var(--font-weight-display);
	line-height: var(--type-leading-article-section);
	letter-spacing: var(--type-tracking-article-heading);
	scroll-margin-top: 148px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body h3 {
	margin: 30px 0 10px;
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--type-size-article-subhead);
	font-weight: var(--font-weight-display);
	line-height: var(--type-leading-article-subhead);
	letter-spacing: var(--type-tracking-article-heading);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(h4, h5, h6) {
	margin: 26px 0 10px;
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--type-size-article-minor-heading);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-article-subhead);
	letter-spacing: var(--type-tracking-article-heading);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(strong, b) {
	font-family: inherit;
	font-size: inherit;
	font-weight: var(--font-weight-bold);
	line-height: inherit;
	letter-spacing: inherit;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(em, i, small) {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body a {
	font-family: inherit;
	font-size: inherit;
	color: var(--color-brand);
	font-weight: var(--font-weight-semibold);
	line-height: inherit;
	letter-spacing: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body ul,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body ol {
	display: grid;
	gap: 13px;
	margin: 24px 0 30px;
	padding-left: 26px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-disclosure,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-key-takeaway,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body blockquote {
	margin: 32px 0 42px;
	padding: 20px 0 20px 22px;
	border: 0;
	border-left: 3px solid var(--blog-article-accent, var(--color-brand));
	border-radius: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--blog-article-accent, var(--color-brand)) 9%, transparent) 0%, transparent 72%);
	color: var(--color-text-muted);
	font-family: var(--font-body);
	font-size: inherit;
	line-height: var(--type-leading-article-callout);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-table-scroll {
	margin: 34px 0 40px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-surface);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body th,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body td {
	padding: 16px 19px;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
	vertical-align: top;
	font-family: var(--font-body);
	font-size: var(--type-size-article-table);
	line-height: var(--type-leading-reading);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body th {
	color: var(--color-text);
	background: color-mix(in srgb, var(--blog-article-accent, var(--color-brand)) 7%, var(--color-surface));
	font-weight: var(--font-weight-bold);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(ul, ol) li::marker {
	color: var(--blog-article-accent, var(--color-brand));
	font-size: 1em;
	font-weight: var(--font-weight-bold);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body [style*="font-family"],
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body [style*="font-family"] * {
	font-family: var(--font-body) !important;
	letter-spacing: var(--type-tracking-article-body) !important;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body [style*="font-size"] {
	font-size: inherit !important;
	line-height: inherit !important;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-list {
	display: block;
	margin: 26px 0 38px;
	border-top: 1px solid var(--color-border);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-item {
	padding: 24px 0;
	border: 0;
	border-bottom: 1px solid var(--color-border);
	border-radius: 0;
	background: var(--color-css-transparent);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-item h3 {
	margin-top: 0;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-item p:last-child,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body blockquote p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991.98px) {
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body {
		font-size: var(--type-size-article-body);
		line-height: var(--type-leading-reading);
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body h2 {
		margin-top: 48px;
		padding-left: 13px;
		scroll-margin-top: 110px;
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-disclosure,
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-key-takeaway,
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body blockquote {
		margin: 26px 0 34px;
		padding: 17px 0 17px 17px;
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body th,
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body td {
		padding: 13px 15px;
	}
}

/* Panel-service platform contract.
 * The page structure is shared; only platform tokens may change its accents.
 * Keep this in step with the paid-service token contract above. */
[data-panel-service-surface][class*="platform-"] {
	--service-platform-button-ink: var(--color-text-inverse);
	--service-platform-strong: var(--service-platform);
	--service-platform-soft: color-mix(in srgb, var(--service-platform) 14%, var(--color-surface));
	--service-platform-title-gradient: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	--service-platform-action-bg: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	/* Reuse the homepage Hero's color progression. The shared separator already
	 * owns its .45 opacity and 125px blur; keeping this layer fully in the
	 * platform palette preserves the intended platform-specific presence. */
	--service-platform-hero-floor: radial-gradient(circle at 30% 107%, var(--service-platform-soft) 0%, var(--service-platform) 28%, var(--service-platform-strong) 62%, var(--service-platform-strong) 100%);
	--service-platform-radial: radial-gradient(circle at 30% 107%, var(--service-platform-soft) 0%, var(--service-platform) 45%, var(--service-platform-strong) 72%, var(--color-surface-transparent) 100%);
	--service-platform-price: var(--service-platform-strong);
}

[data-panel-service-surface].platform-facebook {
	--service-platform: var(--platform-facebook-alt);
	--service-platform-strong: var(--platform-facebook-deep);
}

[data-panel-service-surface].platform-discord {
	--service-platform: var(--platform-discord);
}

[data-panel-service-surface].platform-instagram {
	--service-platform: var(--platform-instagram);
	--service-platform-strong: var(--platform-instagram-pink);
	--service-platform-title-gradient: var(--gradient-platform-instagram-text);
	--service-platform-action-bg: var(--gradient-platform-instagram-action);
	--service-platform-radial: var(--gradient-platform-instagram-radial);
}

[data-panel-service-surface].platform-kick {
	--service-platform: var(--platform-kick);
	--service-platform-strong: var(--platform-kick-bright);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-panel-service-surface].platform-linkedin {
	--service-platform: var(--platform-linkedin);
}

[data-panel-service-surface].platform-pinterest {
	--service-platform: var(--platform-pinterest);
	--service-platform-strong: var(--platform-pinterest-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-pinterest) 16%, var(--color-surface));
}

[data-panel-service-surface].platform-quora {
	--service-platform: var(--platform-quora);
}

[data-panel-service-surface].platform-snapchat {
	--service-platform: var(--platform-snapchat);
	--service-platform-strong: var(--platform-snapchat-gold);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-panel-service-surface].platform-soundcloud {
	--service-platform: var(--platform-soundcloud);
}

[data-panel-service-surface].platform-spotify {
	--service-platform: var(--platform-spotify);
}

[data-panel-service-surface].platform-telegram {
	--service-platform: var(--platform-telegram);
}

[data-panel-service-surface].platform-twitch {
	--service-platform: var(--platform-twitch);
}

[data-panel-service-surface].platform-threads,
[data-panel-service-surface].platform-twitter {
	--service-platform: var(--platform-x);
	--service-platform-strong: var(--color-text-ink);
	--service-platform-soft: color-mix(in srgb, var(--platform-x) 9%, var(--color-surface));
}

[data-panel-service-surface].platform-tiktok {
	--service-platform: var(--platform-tiktok-red);
	--service-platform-strong: var(--platform-tiktok-red-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-tiktok-red) 14%, var(--color-surface));
	--service-platform-title-gradient: var(--platform-tiktok-red-deep);
	--service-platform-action-bg: var(--gradient-platform-tiktok-action);
	--service-platform-radial: var(--gradient-platform-tiktok-radial);
	--service-platform-price: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-youtube {
	--service-platform: var(--platform-youtube-red);
}

[data-panel-service-surface][class*="platform-"] .mtp-top .home-seperator {
	background: var(--service-platform-hero-floor);
}

[data-panel-service-surface][class*="platform-"] :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: var(--service-platform-title-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--service-platform);
	text-shadow: none;
}

[data-panel-service-surface][class*="platform-"] :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--service-platform-title-gradient);
}

[data-panel-service-surface][class*="platform-"] .mtp-why .ww-boxes-2,
[data-panel-service-surface][class*="platform-"] .mtp-margin .glow,
[data-panel-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item:before,
[data-panel-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item .icon {
	background: var(--service-platform-radial);
}

[data-panel-service-surface][class*="platform-"] .mtp-why .ww-boxes-2 .btn {
	--button-text: var(--service-platform-strong);
	--button-hover-text: var(--service-platform-strong);
	color: var(--button-text);
}

/* Shared panel conclusion card.
 * Every panel owns the same .mtp-advantages markup; keeping this contract on
 * the panel surface prevents legacy wrapper classes from leaving a bare title
 * and paragraph on otherwise identical routes. Facebook remains the visual
 * baseline while the existing platform token supplies each route's accent. */
[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px;
}

@media (max-width: 991.98px) {
	/* Keep the platform advantage message readable without wasting most of the card width. */
	[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message {
		padding-inline: 25px;
	}
}

[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message::before {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	background: var(--panel-ceo-radial, var(--service-platform-radial));
	filter: blur(37px);
	z-index: 1;
}

[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message p {
	color: var(--color-text-ink);
}

/* Keep the proof-to-decision sequence on one continuous page surface.
 * The old .why-more illustration belongs to the legacy page shell and creates
 * an unrelated blue-grey wave on every platform panel. The following metrics
 * rail is a separate component, so it should not be detached by a coloured
 * strip or a collapsed generic section margin. */
[data-panel-service-surface][class*="platform-"] .mtp-why.why-more {
	background: var(--color-css-transparent);
}

[data-panel-service-surface][class*="platform-"] .mtp-why.why-more + .mtp-case.mtp-margin {
	/* Keep the shared metrics surface aligned with the homepage component. */
	background-color: var(--color-surface-green-soft);
	margin-top: 0;
}

@media (min-width: 992px) {
	[data-panel-service-surface][class*="platform-"] .mtp-customer.mtp-margin {
		margin-bottom: 48px;
	}

	[data-panel-service-surface][class*="platform-"] .mtp-why.why-more {
		padding: 64px 0;
	}
}

[data-panel-service-surface].platform-facebook {
	--panel-ceo-radial: var(--gradient-platform-facebook-radial);
}

[data-panel-service-surface].platform-tiktok {
	--panel-ceo-radial: var(--gradient-platform-tiktok-radial);
}

[data-panel-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item-wrapper {
	--service-best-swiper-action-bg: var(--service-platform-action-bg);
	--service-best-swiper-action-border: var(--service-platform);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--platform-tiktok-red-deep);
}

/*
 * LikeSoon UI V2 shared foundation.
 * Keep this layer limited to global contracts: surface, focus, form geometry,
 * action affordance and motion. Page-family composition stays in site.css.
 */
body {
	background: var(--surface-canvas);
	color: var(--text-primary);
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: none;
	box-shadow: var(--focus-ring);
}

/* Shared actions keep geometry stable. Visual family is explicit for migrated
 * actions; legacy .btn consumers retain their existing visual fallback while
 * their template family is migrated. */
:where(.btn, button.btn, [data-action-role], [data-action-variant]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-height: var(--control-height);
	border-radius: var(--button-radius);
	transition:
		background-color var(--button-transition),
		border-color var(--button-transition),
		color var(--button-transition),
		box-shadow var(--button-transition),
		opacity var(--button-transition);
}

:where(.btn, button.btn, [data-action-role]):not(:disabled):hover {
	box-shadow: var(--shadow-raised);
}

:where(.btn, button.btn, [data-action-role], [data-action-variant]):disabled,
:where(.btn, button.btn, [data-action-role], [data-action-variant])[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: var(--button-disabled-opacity);
	box-shadow: none;
}

/* New actions always state their hierarchy. Attribute selectors intentionally
 * sit outside :where() so they win over legacy .btn-primary declarations that
 * were emitted earlier in site.css. */
[data-action-variant] {
	--button-action-bg: transparent;
	--button-action-bg-hover: var(--button-action-bg);
	--button-action-fg: inherit;
	--button-action-border: transparent;
	--button-action-hover-shadow: none;
	min-height: var(--control-height);
	border: 1px solid var(--button-action-border);
	border-radius: var(--button-radius);
	background: var(--button-action-bg);
	color: var(--button-action-fg);
	line-height: var(--type-leading-control);
	text-decoration: none;
}

[data-action-variant="primary"] {
	--button-action-bg: var(--action-primary-bg);
	--button-action-bg-hover: var(--action-primary-bg-hover);
	--button-action-fg: var(--action-primary-fg);
	--button-action-hover-shadow: var(--shadow-raised);
	font-weight: var(--font-weight-medium);
}

[data-action-variant="secondary"] {
	--button-action-bg: var(--button-secondary-bg);
	--button-action-bg-hover: var(--color-surface-lilac-soft);
	--button-action-fg: var(--button-secondary-fg);
	--button-action-border: var(--button-secondary-border);
}

[data-action-variant="quiet"] {
	--button-action-bg-hover: var(--button-quiet-bg-hover);
	--button-action-fg: var(--button-quiet-fg);
}

/* Platform variants receive their colour only from a component-local slot.
 * Without a slot they fall back to the brand primary action. */
[data-action-variant="platform"] {
	--button-action-bg: var(--button-platform-bg, var(--action-primary-bg));
	--button-action-bg-hover: var(--button-platform-bg-hover, var(--action-primary-bg-hover));
	--button-action-fg: var(--button-platform-fg, var(--action-primary-fg));
	--button-action-border: var(--button-platform-border, transparent);
	--button-action-hover-shadow: var(--button-platform-hover-shadow, var(--shadow-raised));
}

[data-action-variant]:not(:disabled):is(:hover, :active) {
	background: var(--button-action-bg-hover);
	color: var(--button-action-fg);
	box-shadow: var(--button-action-hover-shadow);
}

[data-action-variant]:focus-visible {
	outline: 0;
	box-shadow: var(--focus-ring), var(--button-action-hover-shadow);
}

[data-action-size="compact"] {
	min-height: var(--button-height-compact);
}

[data-action-size="prominent"] {
	min-height: var(--button-height-prominent);
}

[data-action-width="full"] {
	width: 100%;
}

[data-action-variant][aria-busy="true"] {
	cursor: progress;
}

main[data-page-template] :is(input, select, textarea) {
	border-radius: var(--radius-control);
}

main[data-page-template] :is(input, select, textarea):focus {
	border-color: color-mix(in srgb, var(--action-primary) 58%, var(--surface-raised));
	box-shadow: var(--focus-ring);
}

@media (max-width: 991.98px) {
	:where(.btn, button.btn, [data-action-role], [data-action-variant]) {
		min-height: var(--control-height-touch);
	}

	[data-action-size="compact"] {
		min-height: var(--button-height-compact);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}
}