/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-neutral-200: oklch(92.2% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-md: 48rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono)
  }
}

@layer base {

  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
  }

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
  }

  small {
    font-size: 80%
  }

  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  ol,
  ul,
  menu {
    list-style: none
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block
  }

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

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  button,
  input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
  }

  ::file-selector-button {
    appearance: button
  }

  ::-webkit-inner-spin-button {
    height: auto
  }

  ::-webkit-outer-spin-button {
    height: auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display: none !important
  }

  * {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    font-family: TP-Link Aktiv, sans-serif
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse !important
  }

  .invisible {
    visibility: hidden !important
  }

  .visible {
    visibility: visible !important
  }

  .sr-only {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important
  }

  .not-sr-only {
    clip-path: none !important;
    white-space: normal !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    overflow: visible !important
  }

  .absolute {
    position: absolute !important
  }

  .relative {
    position: relative !important
  }

  .static {
    position: static !important
  }

  .sticky {
    position: sticky !important
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0) !important
  }

  .start {
    inset-inline-start: var(--spacing) !important
  }

  .end {
    inset-inline-end: var(--spacing) !important
  }

  .top-0 {
    top: calc(var(--spacing) * 0) !important
  }

  .top-\[0\.93\%\] {
    top: .93% !important
  }

  .top-\[3\.7\%\] {
    top: 3.7% !important
  }

  .top-\[3\.8\%\] {
    top: 3.8% !important
  }

  .top-\[3\.74\%\] {
    top: 3.74% !important
  }

  .top-\[4\.75\%\] {
    top: 4.75% !important
  }

  .top-\[16\.70\%\] {
    top: 16.7% !important
  }

  .top-\[20\.67\%\] {
    top: 20.67% !important
  }

  .top-\[25\.79\%\] {
    top: 25.79% !important
  }

  .top-\[29\.60\%\] {
    top: 29.6% !important
  }

  .top-\[31\.64\%\] {
    top: 31.64% !important
  }

  .top-\[43\.5\%\] {
    top: 43.5% !important
  }

  .top-\[49\.06\%\] {
    top: 49.06% !important
  }

  .top-\[67\.92\%\] {
    top: 67.92% !important
  }

  .top-\[68\.38\%\] {
    top: 68.38% !important
  }

  .top-\[77\.99\%\] {
    top: 77.99% !important
  }

  .top-\[81\.4\%\] {
    top: 81.4% !important
  }

  .top-\[89\.86\%\] {
    top: 89.86% !important
  }

  .top-\[var\(--default-y\)\] {
    top: var(--default-y) !important
  }

  .right-\[var\(--default-x\)\] {
    right: var(--default-x) !important
  }

  .bottom-\[var\(--default-y\)\] {
    bottom: var(--default-y) !important
  }

  .left-0 {
    left: calc(var(--spacing) * 0) !important
  }

  .left-\[5\.58\%\] {
    left: 5.58% !important
  }

  .left-\[7\.27\%\] {
    left: 7.27% !important
  }

  .left-\[7\.75\%\] {
    left: 7.75% !important
  }

  .left-\[8\.15\%\] {
    left: 8.15% !important
  }

  .left-\[8\.65\%\] {
    left: 8.65% !important
  }

  .left-\[9\.94\%\] {
    left: 9.94% !important
  }

  .left-\[13\.46\%\] {
    left: 13.46% !important
  }

  .left-\[14\%\] {
    left: 14% !important
  }

  .left-\[18\.68\%\] {
    left: 18.68% !important
  }

  .left-\[33\.78\%\] {
    left: 33.78% !important
  }

  .left-\[37\.3\%\] {
    left: 37.3% !important
  }

  .left-\[40\.5\%\] {
    left: 40.5% !important
  }

  .left-\[45\.2\%\] {
    left: 45.2% !important
  }

  .left-\[51\.89\%\] {
    left: 51.89% !important
  }

  .left-\[53\.51\%\] {
    left: 53.51% !important
  }

  .left-\[57\.56\%\] {
    left: 57.56% !important
  }

  .left-\[71\%\] {
    left: 71% !important
  }

  .left-\[var\(--default-x\)\] {
    left: var(--default-x) !important
  }

  .isolate {
    isolation: isolate !important
  }

  .isolation-auto {
    isolation: auto !important
  }

  .-z-1 {
    z-index: -1 !important
  }

  .z-1 {
    z-index: 1 !important
  }

  .z-2 {
    z-index: 2 !important
  }

  .container {
    width: 100% !important
  }

  @media(min-width:40rem) {
    .container {
      max-width: 40rem !important
    }
  }

  @media(min-width:48rem) {
    .container {
      max-width: 48rem !important
    }
  }

  @media(min-width:64rem) {
    .container {
      max-width: 64rem !important
    }
  }

  @media(min-width:80rem) {
    .container {
      max-width: 80rem !important
    }
  }

  @media(min-width:96rem) {
    .container {
      max-width: 96rem !important
    }
  }

  .mx-\[35px\] {
    margin-inline: 35px !important
  }

  .mx-auto {
    margin-inline: auto !important
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2) !important
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0) !important
  }

  .mt-\[4vw\] {
    margin-top: 4vw !important
  }

  .mt-\[6vw\] {
    margin-top: 6vw !important
  }

  .mt-\[clamp\(3\.13px\,3\.13vw\,20\.00px\)\] {
    margin-top: clamp(3.13px, 3.13vw, 20px) !important
  }

  .mt-auto {
    margin-top: auto !important
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important
  }

  .mb-\[clamp\(7\.51px\,7\.51vw\,48\.00px\)\] {
    margin-bottom: clamp(7.51px, 7.51vw, 48px) !important
  }

  .block {
    display: block !important
  }

  .contents {
    display: contents !important
  }

  .flex {
    display: flex !important
  }

  .flow-root {
    display: flow-root !important
  }

  .grid {
    display: grid !important
  }

  .hidden {
    display: none !important
  }

  .inline {
    display: inline !important
  }

  .inline-block {
    display: inline-block !important
  }

  .inline-flex {
    display: inline-flex !important
  }

  .inline-grid {
    display: inline-grid !important
  }

  .inline-table {
    display: inline-table !important
  }

  .list-item {
    display: list-item !important
  }

  .table {
    display: table !important
  }

  .table-caption {
    display: table-caption !important
  }

  .table-cell {
    display: table-cell !important
  }

  .table-column {
    display: table-column !important
  }

  .table-column-group {
    display: table-column-group !important
  }

  .table-footer-group {
    display: table-footer-group !important
  }

  .table-header-group {
    display: table-header-group !important
  }

  .table-row {
    display: table-row !important
  }

  .table-row-group {
    display: table-row-group !important
  }

  .aspect-\[1280\/960\] {
    aspect-ratio: 1280/960 !important
  }

  .h-6 {
    height: calc(var(--spacing) * 6) !important
  }

  .h-10 {
    height: calc(var(--spacing) * 10) !important
  }

  .h-16 {
    height: calc(var(--spacing) * 16) !important
  }

  .h-20 {
    height: calc(var(--spacing) * 20) !important
  }

  .h-\[clamp\(59\.78px\,59\.78vw\,382\.00px\)\] {
    height: clamp(59.78px, 59.78vw, 382px) !important
  }

  .h-full {
    height: 100% !important
  }

  .w-6 {
    width: calc(var(--spacing) * 6) !important
  }

  .w-16 {
    width: calc(var(--spacing) * 16) !important
  }

  .w-20 {
    width: calc(var(--spacing) * 20) !important
  }

  .w-25 {
    width: calc(var(--spacing) * 25) !important
  }

  .w-\[clamp\(51\.17px\,51\.17vw\,327\.00px\)\] {
    width: clamp(51.17px, 51.17vw, 327px) !important
  }

  .w-\[clamp\(90\.77px\,90\.77vw\,580\.00px\)\] {
    width: clamp(90.77px, 90.77vw, 580px) !important
  }

  .w-\[clamp\(183\.10px\,183\.10vw\,1170\.00px\)\] {
    width: clamp(183.1px, 183.1vw, 1170px) !important
  }

  .w-fit {
    width: fit-content !important
  }

  .w-full {
    width: 100% !important
  }

  .max-w-\[1200px\] {
    max-width: 1200px !important
  }

  .max-w-\[1920px\] {
    max-width: 1920px !important
  }

  .max-w-\[var\(--breakpoint-md\)\] {
    max-width: var(--breakpoint-md) !important
  }

  .max-w-full {
    max-width: 100% !important
  }

  .flex-1 {
    flex: 1 !important
  }

  .flex-\[var\(--ratio\)\] {
    flex: var(--ratio) !important
  }

  .flex-auto {
    flex: auto !important
  }

  .flex-none {
    flex: none !important
  }

  .shrink {
    flex-shrink: 1 !important
  }

  .grow {
    flex-grow: 1 !important
  }

  .border-collapse {
    border-collapse: collapse !important
  }

  .translate-x-\[var\(--default-translate-x\)\] {
    --tw-translate-x: var(--default-translate-x) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important
  }

  .translate-y-\[var\(--default-translate-y\)\] {
    --tw-translate-y: var(--default-translate-y) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important
  }

  .translate-none {
    translate: none !important
  }

  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z) !important
  }

  .-rotate-90 {
    rotate: -90deg !important
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important
  }

  .cursor-pointer {
    cursor: pointer !important
  }

  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom !important;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ) !important
  }

  .resize {
    resize: both !important
  }

  .flex-col {
    flex-direction: column !important
  }

  .flex-col-reverse {
    flex-direction: column-reverse !important
  }

  .flex-row {
    flex-direction: row !important
  }

  .flex-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-wrap {
    flex-wrap: wrap !important
  }

  .items-center {
    align-items: center !important
  }

  .items-stretch {
    align-items: stretch !important
  }

  .justify-around {
    justify-content: space-around !important
  }

  .justify-between {
    justify-content: space-between !important
  }

  .justify-center {
    justify-content: center !important
  }

  .justify-evenly {
    justify-content: space-evenly !important
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1) !important
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2) !important
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4) !important
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12) !important
  }

  .gap-\[clamp\(3\.13px\,3\.13vw\,20\.00px\)\] {
    gap: clamp(3.13px, 3.13vw, 20px) !important
  }

  .gap-\[clamp\(12\.52px\,12\.52vw\,80\.00px\)\] {
    gap: clamp(12.52px, 12.52vw, 80px) !important
  }

  :where(.space-y-reverse>:not(:last-child)) {
    --tw-space-y-reverse: 1 !important
  }

  :where(.space-x-reverse>:not(:last-child)) {
    --tw-space-x-reverse: 1 !important
  }

  :where(.divide-x>:not(:last-child)) {
    --tw-divide-x-reverse: 0 !important;
    border-inline-style: var(--tw-border-style) !important;
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important
  }

  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important
  }

  :where(.divide-y-reverse>:not(:last-child)) {
    --tw-divide-y-reverse: 1 !important
  }

  .truncate {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important
  }

  .overflow-hidden {
    overflow: hidden !important
  }

  .rounded {
    border-radius: .25rem !important
  }

  .rounded-\[0\.3em\] {
    border-radius: .3em !important
  }

  .rounded-full {
    border-radius: 3.40282e38px !important
  }

  .rounded-s {
    border-start-start-radius: .25rem !important;
    border-end-start-radius: .25rem !important
  }

  .rounded-ss {
    border-start-start-radius: .25rem !important
  }

  .rounded-e {
    border-start-end-radius: .25rem !important;
    border-end-end-radius: .25rem !important
  }

  .rounded-se {
    border-start-end-radius: .25rem !important
  }

  .rounded-ee {
    border-end-end-radius: .25rem !important
  }

  .rounded-es {
    border-end-start-radius: .25rem !important
  }

  .rounded-t {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
  }

  .rounded-l {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
  }

  .rounded-tl {
    border-top-left-radius: .25rem !important
  }

  .rounded-r {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
  }

  .rounded-tr {
    border-top-right-radius: .25rem !important
  }

  .rounded-b {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
  }

  .rounded-br {
    border-bottom-right-radius: .25rem !important
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem !important
  }

  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important
  }

  .border-x {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 1px !important
  }

  .border-y {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 1px !important
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 1px !important
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style) !important;
    border-inline-end-width: 1px !important
  }

  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important
  }

  .border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important
  }

  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important
  }

  .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important
  }

  .bg-\[\#008055\] {
    background-color: #008055 !important
  }

  .bg-\[\#f0f0f0\] {
    background-color: #f0f0f0 !important
  }

  .bg-neutral-200 {
    background-color: var(--color-neutral-200) !important
  }

  .bg-repeat {
    background-repeat: repeat !important
  }

  .mask-no-clip {
    -webkit-mask-clip: no-clip !important;
    mask-clip: no-clip !important
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat !important;
    mask-repeat: repeat !important
  }

  .fill-none {
    fill: none !important
  }

  .stroke-current {
    stroke: currentColor !important
  }

  .stroke-5 {
    stroke-width: 5px !important
  }

  .object-contain {
    object-fit: contain !important
  }

  .p-0 {
    padding: calc(var(--spacing) * 0) !important
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0) !important
  }

  .px-\[1\.2em\] {
    padding-inline: 1.2em !important
  }

  .px-\[1em\] {
    padding-inline: 1em !important
  }

  .px-\[35px\] {
    padding-inline: 35px !important
  }

  .px-\[clamp\(9\.39px\,9\.39vw\,60\.00px\)\] {
    padding-inline: clamp(9.39px, 9.39vw, 60px) !important
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0) !important
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important
  }

  .py-17 {
    padding-block: calc(var(--spacing) * 17) !important
  }

  .py-\[0\.4em\] {
    padding-block: .4em !important
  }

  .py-\[0\.25em\] {
    padding-block: .25em !important
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0) !important
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20) !important
  }

  .pt-\[clamp\(10\.80px\,10\.80vw\,69\.00px\)\] {
    padding-top: clamp(10.8px, 10.8vw, 69px) !important
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5) !important
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20) !important
  }

  .pl-\[0\.75rem\] {
    padding-left: .75rem !important
  }

  .text-center {
    text-align: center !important
  }

  .text-\[26px\]\/\[1\.3\] {
    font-size: 26px !important;
    line-height: 1.3 !important
  }

  .text-\[32px\]\/\[1\.3\] {
    font-size: 32px !important;
    line-height: 1.3 !important
  }

  .text-\[32px\]\/\[1\.5\] {
    font-size: 32px !important;
    line-height: 1.5 !important
  }

  .text-\[45px\]\/\[1\.3\] {
    font-size: 45px !important;
    line-height: 1.3 !important
  }

  .text-\[clamp\(23\.65px\,4\.73vw\,34\.5px\)\]\/\[1\.3\] {
    font-size: clamp(23.65px, 4.73vw, 34.5px) !important;
    line-height: 1.3 !important
  }

  .text-\[clamp\(25\.7px\,5\.14vw\,37\.5px\)\]\/\[1\.3\] {
    font-size: clamp(25.7px, 5.14vw, 37.5px) !important;
    line-height: 1.3 !important
  }

  .text-\[clamp\(41\.05px\,8\.21vw\,60px\)\]\/\[1\.25\] {
    font-size: clamp(41.05px, 8.21vw, 60px) !important;
    line-height: 1.25 !important
  }

  .text-\[20px\] {
    font-size: 20px !important
  }

  .text-\[30px\] {
    font-size: 30px !important
  }

  .text-\[clamp\(1\.07px\,1\.07vw\,6\.81px\)\] {
    font-size: clamp(1.07px, 1.07vw, 6.81px) !important
  }

  .text-\[clamp\(2\.32px\,2\.32vw\,14\.84px\)\] {
    font-size: clamp(2.32px, 2.32vw, 14.84px) !important
  }

  .text-\[clamp\(2\.82px\,2\.82vw\,18\.00px\)\] {
    font-size: clamp(2.82px, 2.82vw, 18px) !important
  }

  .text-\[clamp\(3\.74px\,3\.74vw\,23\.91px\)\] {
    font-size: clamp(3.74px, 3.74vw, 23.91px) !important
  }

  .text-\[clamp\(3\.76px\,3\.76vw\,24\.00px\)\] {
    font-size: clamp(3.76px, 3.76vw, 24px) !important
  }

  .text-\[clamp\(4\.36px\,4\.36vw\,27\.89px\)\] {
    font-size: clamp(4.36px, 4.36vw, 27.89px) !important
  }

  .text-\[clamp\(4\.38px\,4\.38vw\,28\.00px\)\] {
    font-size: clamp(4.38px, 4.38vw, 28px) !important
  }

  .text-\[clamp\(6\.26px\,6\.26vw\,40\.00px\)\] {
    font-size: clamp(6.26px, 6.26vw, 40px) !important
  }

  .text-\[clamp\(8\.19px\,8\.19vw\,52\.36px\)\] {
    font-size: clamp(8.19px, 8.19vw, 52.36px) !important
  }

  .leading-\[clamp\(4\.69px\,4\.69vw\,30\.00px\)\] {
    --tw-leading: clamp(4.69px, 4.69vw, 30px) !important;
    line-height: clamp(4.69px, 4.69vw, 30px) !important
  }

  .leading-\[clamp\(6\.26px\,6\.26vw\,40\.00px\)\] {
    --tw-leading: clamp(6.26px, 6.26vw, 40px) !important;
    line-height: clamp(6.26px, 6.26vw, 40px) !important
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important
  }

  .text-wrap {
    text-wrap: wrap !important
  }

  .text-clip {
    text-overflow: clip !important
  }

  .text-ellipsis {
    text-overflow: ellipsis !important
  }

  .text-\[\#2b2b2b\] {
    color: #2b2b2b !important
  }

  .text-\[\#6c6c6c\] {
    color: #6c6c6c !important
  }

  .text-\[\#515151\] {
    color: #515151 !important
  }

  .text-black {
    color: var(--color-black) !important
  }

  .text-white {
    color: var(--color-white) !important
  }

  .capitalize {
    text-transform: capitalize !important
  }

  .lowercase {
    text-transform: lowercase !important
  }

  .normal-case {
    text-transform: none !important
  }

  .uppercase {
    text-transform: uppercase !important
  }

  .italic {
    font-style: italic !important
  }

  .not-italic {
    font-style: normal !important
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums !important;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
  }

  .normal-nums {
    font-variant-numeric: normal !important
  }

  .line-through {
    text-decoration-line: line-through !important
  }

  .no-underline {
    text-decoration-line: none !important
  }

  .overline {
    text-decoration-line: overline !important
  }

  .underline {
    text-decoration-line: underline !important
  }

  .antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  .subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important
  }

  .blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)) !important;
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
  }

  .grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
  }

  .invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
  }

  .sepia {
    --tw-sepia: sepia(100%) !important;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
  }

  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
  }

  .backdrop-invert {
    --tw-backdrop-invert: invert(100%) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
  }

  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
  }

  :where(.divide-x-reverse>:not(:last-child)) {
    --tw-divide-x-reverse: 1 !important
  }

  .ring-inset {
    --tw-ring-inset: inset !important
  }

  @media not all and (min-width:40rem) {
    .max-sm\:top-\[75\%\] {
      top: 75% !important
    }

    .max-sm\:top-\[83\%\] {
      top: 83% !important
    }

    .max-sm\:left-0 {
      left: calc(var(--spacing) * 0) !important
    }

    .max-sm\:z-\[1000000\] {
      z-index: 1000000 !important
    }

    .max-sm\:flex {
      display: flex !important
    }

    .max-sm\:h-fit {
      height: fit-content !important
    }

    .max-sm\:w-\[clamp\(317\.54px\,49\.62vw\,580\.00px\)\] {
      width: clamp(317.54px, 49.62vw, 580px) !important
    }

    .max-sm\:w-full {
      width: 100% !important
    }

    .max-sm\:flex-col {
      flex-direction: column !important
    }

    .max-sm\:items-center {
      align-items: center !important
    }

    .max-sm\:gap-4 {
      gap: calc(var(--spacing) * 4) !important
    }

    .max-sm\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.08\)\,_0_0_1px_rgba\(0\,0\,0\,0\.1\)\] {
      --tw-shadow: 0 4px 12px var(--tw-shadow-color, #00000014), 0 0 1px var(--tw-shadow-color, #0000001a) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }
  }

  @media(min-width:40rem) {
    .sm\:absolute {
      position: absolute !important
    }

    .sm\:top-\[4\%\] {
      top: 4% !important
    }

    .sm\:top-\[5\.3\%\] {
      top: 5.3% !important
    }

    .sm\:top-\[18\.98\%\] {
      top: 18.98% !important
    }

    .sm\:top-\[19\.69\%\] {
      top: 19.69% !important
    }

    .sm\:top-\[19\.83\%\] {
      top: 19.83% !important
    }

    .sm\:top-\[20\.18\%\] {
      top: 20.18% !important
    }

    .sm\:top-\[40\.04\%\] {
      top: 40.04% !important
    }

    .sm\:top-\[43\.45\%\] {
      top: 43.45% !important
    }

    .sm\:top-\[54\.88\%\] {
      top: 54.88% !important
    }

    .sm\:top-\[56\.7\%\] {
      top: 56.7% !important
    }

    .sm\:top-\[75\%\] {
      top: 75% !important
    }

    .sm\:top-\[82\.61\%\] {
      top: 82.61% !important
    }

    .sm\:top-\[83\.06\%\] {
      top: 83.06% !important
    }

    .sm\:top-\[90\.94\%\] {
      top: 90.94% !important
    }

    .sm\:top-\[91\.66\%\] {
      top: 91.66% !important
    }

    .sm\:top-\[var\(--sm-y\)\] {
      top: var(--sm-y) !important
    }

    .sm\:right-\[var\(--sm-x\)\] {
      right: var(--sm-x) !important
    }

    .sm\:bottom-\[var\(--sm-y\)\] {
      bottom: var(--sm-y) !important
    }

    .sm\:left-\[2\.48\%\] {
      left: 2.48% !important
    }

    .sm\:left-\[3\.16\%\] {
      left: 3.16% !important
    }

    .sm\:left-\[3\.93\%\] {
      left: 3.93% !important
    }

    .sm\:left-\[4\%\] {
      left: 4% !important
    }

    .sm\:left-\[9\.48\%\] {
      left: 9.48% !important
    }

    .sm\:left-\[13\.68\%\] {
      left: 13.68% !important
    }

    .sm\:left-\[35\.89\%\] {
      left: 35.89% !important
    }

    .sm\:left-\[36\.24\%\] {
      left: 36.24% !important
    }

    .sm\:left-\[36\.32\%\] {
      left: 36.32% !important
    }

    .sm\:left-\[39\.32\%\] {
      left: 39.32% !important
    }

    .sm\:left-\[42\.3\%\] {
      left: 42.3% !important
    }

    .sm\:left-\[47\.9\%\] {
      left: 47.9% !important
    }

    .sm\:left-\[50\.51\%\] {
      left: 50.51% !important
    }

    .sm\:left-\[52\.22\%\] {
      left: 52.22% !important
    }

    .sm\:left-\[70\.68\%\] {
      left: 70.68% !important
    }

    .sm\:left-\[73\.34\%\] {
      left: 73.34% !important
    }

    .sm\:left-\[80\%\] {
      left: 80% !important
    }

    .sm\:left-\[var\(--sm-x\)\] {
      left: var(--sm-x) !important
    }

    .sm\:mt-\[clamp\(10\.27px\,1\.60vw\,18\.75px\)\] {
      margin-top: clamp(10.27px, 1.6vw, 18.75px) !important
    }

    .sm\:mb-\[clamp\(35\.59px\,5\.56vw\,65\.00px\)\] {
      margin-bottom: clamp(35.59px, 5.56vw, 65px) !important
    }

    .sm\:block {
      display: block !important
    }

    .sm\:flex {
      display: flex !important
    }

    .sm\:hidden {
      display: none !important
    }

    .sm\:inline {
      display: inline !important
    }

    .sm\:aspect-\[1557\/735\] {
      aspect-ratio: 1557/735 !important
    }

    .sm\:h-\[clamp\(209\.14px\,32\.68vw\,382\.00px\)\] {
      height: clamp(209.14px, 32.68vw, 382px) !important
    }

    .sm\:w-1\/3 {
      width: 33.3333% !important
    }

    .sm\:w-\[50\%\] {
      width: 50% !important
    }

    .sm\:w-\[clamp\(179\.02px\,27\.97vw\,327\.00px\)\] {
      width: clamp(179.02px, 27.97vw, 327px) !important
    }

    .sm\:w-\[clamp\(640\.55px\,100\.09vw\,1170\.00px\)\] {
      width: clamp(640.55px, 100.09vw, 1170px) !important
    }

    .sm\:max-w-\[clamp\(1051\.15px\,164\.24vw\,1920\.00px\)\] {
      max-width: clamp(1051.15px, 164.24vw, 1920px) !important
    }

    .sm\:translate-x-\[var\(--sm-translate-x\)\] {
      --tw-translate-x: var(--sm-translate-x) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .sm\:translate-y-\[var\(--sm-translate-y\)\] {
      --tw-translate-y: var(--sm-translate-y) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .sm\:flex-row {
      flex-direction: row !important
    }

    .sm\:items-center {
      align-items: center !important
    }

    .sm\:justify-center {
      justify-content: center !important
    }

    .sm\:justify-evenly {
      justify-content: space-evenly !important
    }

    .sm\:gap-\[clamp\(10\.27px\,1\.60vw\,18\.75px\)\] {
      gap: clamp(10.27px, 1.6vw, 18.75px) !important
    }

    .sm\:gap-\[clamp\(54\.75px\,8\.55vw\,100\.00px\)\] {
      gap: clamp(54.75px, 8.55vw, 100px) !important
    }

    .sm\:overflow-hidden {
      overflow: hidden !important
    }

    .sm\:bg-transparent {
      background-color: #0000 !important
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0) !important
    }

    .sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0) !important
    }

    .sm\:pl-\[1\.5rem\] {
      padding-left: 1.5rem !important
    }

    .sm\:text-center {
      text-align: center !important
    }

    .sm\:text-\[1\.22em\] {
      font-size: 1.22em !important
    }

    .sm\:text-\[clamp\(3\.28px\,0\.51vw\,6\.00px\)\] {
      font-size: clamp(3.28px, .51vw, 6px) !important
    }

    .sm\:text-\[clamp\(4\.38px\,0\.68vw\,8\.00px\)\] {
      font-size: clamp(4.38px, .68vw, 8px) !important
    }

    .sm\:text-\[clamp\(7\.80px\,1\.22vw\,14\.25px\)\] {
      font-size: clamp(7.8px, 1.22vw, 14.25px) !important
    }

    .sm\:text-\[clamp\(8\.76px\,1\.37vw\,16\.00px\)\] {
      font-size: clamp(8.76px, 1.37vw, 16px) !important
    }

    .sm\:text-\[clamp\(9\.85px\,1\.54vw\,18\.00px\)\] {
      font-size: clamp(9.85px, 1.54vw, 18px) !important
    }

    .sm\:text-\[clamp\(10\.68px\,1\.67vw\,19\.50px\)\] {
      font-size: clamp(10.68px, 1.67vw, 19.5px) !important
    }

    .sm\:text-\[clamp\(13\.96px\,2\.18vw\,25\.50px\)\] {
      font-size: clamp(13.96px, 2.18vw, 25.5px) !important
    }

    .sm\:text-\[clamp\(20\.53px\,3\.21vw\,37\.50px\)\] {
      font-size: clamp(20.53px, 3.21vw, 37.5px) !important
    }

    .sm\:text-\[clamp\(24\.64px\,3\.85vw\,45\.00px\)\] {
      font-size: clamp(24.64px, 3.85vw, 45px) !important
    }

    .sm\:leading-\[clamp\(16\.42px\,2\.57vw\,30\.00px\)\] {
      --tw-leading: clamp(16.42px, 2.57vw, 30px) !important;
      line-height: clamp(16.42px, 2.57vw, 30px) !important
    }

    .sm\:leading-\[clamp\(24\.64px\,3\.85vw\,45\.00px\)\] {
      --tw-leading: clamp(24.64px, 3.85vw, 45px) !important;
      line-height: clamp(24.64px, 3.85vw, 45px) !important
    }
  }

  @media(min-width:48rem) {
    .md\:absolute {
      position: absolute !important
    }

    .md\:top-\[var\(--md-y\)\] {
      top: var(--md-y) !important
    }

    .md\:right-\[var\(--md-x\)\] {
      right: var(--md-x) !important
    }

    .md\:bottom-\[var\(--md-y\)\] {
      bottom: var(--md-y) !important
    }

    .md\:left-\[var\(--md-x\)\] {
      left: var(--md-x) !important
    }

    .md\:mt-\[clamp\(10px\,1vw\,20px\)\] {
      margin-top: clamp(10px, 1vw, 20px) !important
    }

    .md\:mt-\[clamp\(20px\,2vw\,38\.4px\)\] {
      margin-top: clamp(20px, 2vw, 38.4px) !important
    }

    .md\:flex {
      display: flex !important
    }

    .md\:hidden {
      display: none !important
    }

    .md\:h-\[clamp\(27px\,2\.7vw\,52px\)\] {
      height: clamp(27px, 2.7vw, 52px) !important
    }

    .md\:h-\[clamp\(30px\,3vw\,60px\)\] {
      height: clamp(30px, 3vw, 60px) !important
    }

    .md\:translate-x-\[var\(--md-translate-x\)\] {
      --tw-translate-x: var(--md-translate-x) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .md\:translate-y-\[var\(--md-translate-y\)\] {
      --tw-translate-y: var(--md-translate-y) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .md\:gap-2 {
      gap: calc(var(--spacing) * 2) !important
    }

    .md\:gap-\[clamp\(6px\,0\.6vw\,12px\)\] {
      gap: clamp(6px, .6vw, 12px) !important
    }

    .md\:pt-\[4vw\] {
      padding-top: 4vw !important
    }

    .md\:pb-\[clamp\(39\.6px\,3\.96vw\,76px\)\] {
      padding-bottom: clamp(39.6px, 3.96vw, 76px) !important
    }

    .md\:text-\[18px\]\/\[1\.3\] {
      font-size: 18px !important;
      line-height: 1.3 !important
    }

    .md\:text-\[clamp\(15\.6px\,1\.56vw\,30px\)\]\/\[1\.3\] {
      font-size: clamp(15.6px, 1.56vw, 30px) !important;
      line-height: 1.3 !important
    }

    .md\:text-\[clamp\(19\.5px\,1\.95vw\,37\.5px\)\]\/\[1\.3\] {
      font-size: clamp(19.5px, 1.95vw, 37.5px) !important;
      line-height: 1.3 !important
    }

    .md\:text-\[clamp\(31\.3px\,3\.13vw\,60px\)\]\/\[1\.25\] {
      font-size: clamp(31.3px, 3.13vw, 60px) !important;
      line-height: 1.25 !important
    }

    .md\:text-white {
      color: var(--color-white) !important
    }
  }

  @media(min-width:64rem) {
    .lg\:absolute {
      position: absolute !important
    }

    .lg\:top-\[var\(--lg-y\)\] {
      top: var(--lg-y) !important
    }

    .lg\:right-\[var\(--lg-x\)\] {
      right: var(--lg-x) !important
    }

    .lg\:bottom-\[var\(--lg-y\)\] {
      bottom: var(--lg-y) !important
    }

    .lg\:left-\[var\(--lg-x\)\] {
      left: var(--lg-x) !important
    }

    .lg\:translate-x-\[var\(--lg-translate-x\)\] {
      --tw-translate-x: var(--lg-translate-x) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .lg\:translate-y-\[var\(--lg-translate-y\)\] {
      --tw-translate-y: var(--lg-translate-y) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .lg\:pt-\[clamp\(68\.8px\,6\.88vw\,132px\)\] {
      padding-top: clamp(68.8px, 6.88vw, 132px) !important
    }
  }

  @media(min-width:80rem) {
    .xl\:absolute {
      position: absolute !important
    }

    .xl\:top-\[var\(--xl-y\)\] {
      top: var(--xl-y) !important
    }

    .xl\:right-\[var\(--xl-x\)\] {
      right: var(--xl-x) !important
    }

    .xl\:bottom-\[var\(--xl-y\)\] {
      bottom: var(--xl-y) !important
    }

    .xl\:left-\[var\(--xl-x\)\] {
      left: var(--xl-x) !important
    }

    .xl\:translate-x-\[var\(--xl-translate-x\)\] {
      --tw-translate-x: var(--xl-translate-x) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .xl\:translate-y-\[var\(--xl-translate-y\)\] {
      --tw-translate-y: var(--xl-translate-y) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }
  }

  @media(min-width:96rem) {
    .\32xl\:absolute {
      position: absolute !important
    }

    .\32xl\:top-\[var\(--2xl-y\)\] {
      top: var(--2xl-y) !important
    }

    .\32xl\:right-\[var\(--2xl-x\)\] {
      right: var(--2xl-x) !important
    }

    .\32xl\:bottom-\[var\(--2xl-y\)\] {
      bottom: var(--2xl-y) !important
    }

    .\32xl\:left-\[var\(--2xl-x\)\] {
      left: var(--2xl-x) !important
    }

    .\32xl\:translate-x-\[var\(--2xl-translate-x\)\] {
      --tw-translate-x: var(--2xl-translate-x) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .\32xl\:translate-y-\[var\(--2xl-translate-y\)\] {
      --tw-translate-y: var(--2xl-translate-y) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }
  }
}

.overview-content {
  overflow-x: hidden
}

.overview-content .animation-text.active {
  opacity: 1;
  transform: translateY(0)
}

.overview-content .animation-text {
  opacity: 0;
  transition: opacity 1s linear, transform 1s linear;
  transform: translateY(100px)
}

@media(max-width:736px) {
  .overview-content .tapo-c610-kit.active .animation-text.active {
    opacity: 1;
    transform: translateY(0)
  }

  .overview-content .tapo-c610-kit.active .animation-text {
    opacity: 0;
    transition: opacity 1s linear, transform 1s linear;
    transform: translateY(12vw)
  }
}

.overview-content .tapo-banner {
  font-size: 16px
}

.overview-content .tapo-banner .w-container {
  margin: 0 auto
}

.overview-content .tapo-banner .text {
  text-align: left
}

.overview-content .tapo-banner h2 {
  padding-bottom: .375em;
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .tapo-banner h3 {
  padding-bottom: 1em;
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.2
}

.overview-content .tapo-banner p .model {
  color: #fff;
  background: #005eac;
  border-radius: 1em;
  padding: .25em .75em;
  font-size: 1.75em;
  font-weight: 300
}

.overview-content .tapo-banner .banner-logos {
  margin-top: 2.5em
}

.overview-content .tapo-banner .banner-logo {
  width: auto;
  height: 2.875em;
  display: inline-block
}

.overview-content .tapo-banner .banner-logo+.banner-logo {
  margin-left: .5em
}

.overview-content .tapo-banner video {
  max-width: 100%;
  position: absolute;
  inset: 0
}

@media(min-width:1921px) {
  .overview-content .tapo-banner {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-banner {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-banner {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-banner {
    font-size: 10.35px;
    display: block
  }

  .overview-content .tapo-banner .w-container {
    width: auto
  }

  .overview-content .tapo-banner .text {
    padding: 10vw 6vw 0
  }

  .overview-content .tapo-banner h2 {
    padding: 0 0 .375em;
    font-size: 7.5vw;
    font-weight: 500;
    line-height: 1.2
  }

  .overview-content .tapo-banner h3 {
    padding: 0 20vw 1em 0;
    font-size: 4.5vw;
    font-weight: 300;
    line-height: 1.2
  }

  .overview-content .tapo-banner p .model {
    padding: .25em .75em;
    font-size: 4vw
  }

  .overview-content .tapo-banner .banner-logos {
    position: absolute;
    top: 100vw
  }

  .overview-content .tapo-banner .banner-logo {
    height: 8vw
  }

  .overview-content .tapo-banner .banner-logo+.banner-logo {
    margin-left: .25em
  }
}

@media(max-width:414px) {
  .overview-content .tapo-banner {
    font-size: 2.5vw
  }
}

.overview-content .tapo-selling-points {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .tapo-selling-points .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .tapo-selling-points .text {
  padding: 7em 0 1em
}

.overview-content .tapo-selling-points .highlight {
  font-size: 1.375em;
  font-weight: 500
}

.overview-content .tapo-selling-points .font-large {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.3333;
  display: block
}

.overview-content .tapo-selling-points .font-big {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  display: block
}

.overview-content .tapo-selling-points .font-medium {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.4;
  display: block
}

.overview-content .tapo-selling-points .font-small {
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1.2;
  display: block
}

.overview-content .tapo-selling-points .font-smaller {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.4;
  display: block
}

.overview-content .tapo-selling-points .desc {
  text-align: left;
  line-height: normal;
  position: absolute
}

.overview-content .tapo-selling-points .desc-1-1 {
  color: #fff;
  width: 23%;
  top: 3%;
  left: 2.5%
}

.overview-content .tapo-selling-points .desc-1-2 {
  color: #fff;
  background: #005eac;
  max-width: 14.25%;
  padding: .1em .5em;
  bottom: 89.5%;
  left: 26.875%
}

.overview-content .tapo-selling-points .desc-2 {
  color: #fff;
  width: 21.5%;
  top: 4%;
  left: 52.5%
}

.overview-content .tapo-selling-points .desc-3-1 {
  width: 19%;
  top: 4%;
  left: 79%
}

.overview-content .tapo-selling-points .desc-3-2 {
  width: 10%;
  top: 19%;
  left: 88%
}

.overview-content .tapo-selling-points .desc-3-3 {
  width: 10%;
  top: 31.5%;
  left: 88%
}

.overview-content .tapo-selling-points .desc-3-4 {
  width: 10%;
  top: 44%;
  left: 88%
}

.overview-content .tapo-selling-points .desc-4 {
  text-align: center;
  width: 12%;
  top: 81%;
  left: 2%
}

.overview-content .tapo-selling-points .desc-5 {
  text-align: center;
  width: 14%;
  top: 81%;
  left: 18%
}

.overview-content .tapo-selling-points .desc-6 {
  text-align: center;
  width: 15%;
  top: 81%;
  left: 34.2%
}

.overview-content .tapo-selling-points .desc-7 {
  width: 26%;
  top: 61%;
  left: 52.5%
}

@media(min-width:1921px) {
  .overview-content .tapo-selling-points {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-selling-points {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-selling-points {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-selling-points {
    padding: 0;
    font-size: 10.35px
  }

  .overview-content .tapo-selling-points .w-container {
    width: auto
  }

  .overview-content .tapo-selling-points .text {
    text-align: left;
    padding: 5em 0 1em
  }

  .overview-content .tapo-selling-points .font-large {
    font-size: 7.5vw
  }

  .overview-content .tapo-selling-points .font-big {
    padding-bottom: .2em;
    font-size: 4vw
  }

  .overview-content .tapo-selling-points .font-medium,
  .overview-content .tapo-selling-points .font-small {
    font-size: 3.25vw
  }

  .overview-content .tapo-selling-points .font-smaller {
    font-size: 3vw
  }

  .overview-content .tapo-selling-points .desc-1-1 {
    width: 38vw;
    top: 4vw;
    left: 4vw
  }

  .overview-content .tapo-selling-points .desc-1-2 {
    max-width: 22vw;
    padding: .5vw 2vw;
    bottom: 165vw;
    left: 44.5vw
  }

  .overview-content .tapo-selling-points .desc-2 {
    width: 36vw;
    top: 60vw;
    left: 4vw
  }

  .overview-content .tapo-selling-points .desc-3-1 {
    text-align: center;
    width: 37vw;
    top: 59vw;
    left: 48vw
  }

  .overview-content .tapo-selling-points .desc-3-2 {
    width: 22vw;
    top: 72vw;
    left: 63.5vw
  }

  .overview-content .tapo-selling-points .desc-3-3 {
    width: 22vw;
    top: 83vw;
    left: 63.5vw
  }

  .overview-content .tapo-selling-points .desc-3-4 {
    width: 22vw;
    top: 94vw;
    left: 63.5vw
  }

  .overview-content .tapo-selling-points .desc-4 {
    width: 24vw;
    top: 145vw;
    left: 2vw
  }

  .overview-content .tapo-selling-points .desc-5 {
    width: 24vw;
    top: 145vw;
    left: 32vw
  }

  .overview-content .tapo-selling-points .desc-6 {
    width: 24vw;
    top: 145vw;
    left: 62vw
  }

  .overview-content .tapo-selling-points .desc-7 {
    width: 45vw;
    top: 109vw;
    left: 4vw
  }
}

@media(max-width:414px) {
  .overview-content .tapo-selling-points {
    font-size: 2.5vw
  }
}

.overview-content .tapo-seamless-view {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .tapo-seamless-view .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .tapo-seamless-view .text {
  text-align: center;
  padding: 5em 0 1.5em
}

.overview-content .tapo-seamless-view h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .tapo-seamless-view p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-seamless-view .menu {
  text-align: center;
  justify-content: space-between;
  width: 72%;
  margin: 0 auto;
  padding: 0 0 2em;
  display: flex
}

.overview-content .tapo-seamless-view .menu li {
  width: 32%;
  display: inline-block
}

.overview-content .tapo-seamless-view .menu li span {
  color: #000;
  cursor: pointer;
  padding: .375em 0;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2;
  display: inline-block
}

.overview-content .tapo-seamless-view .menu li.active span {
  color: #005eac;
  border-bottom: 2px solid
}

.overview-content .tapo-seamless-view .swiper-container {
  width: 85.6em;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.overview-content .tapo-seamless-view .swiper-slide {
  text-align: center;
  width: 100%
}

.overview-content .tapo-seamless-view .slide-img {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 73.125em;
  height: 0;
  margin: 0 auto;
  padding-top: 40.375%;
  position: relative
}

.overview-content .tapo-seamless-view .swiper-slide-1 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/c-1.png)
}

.overview-content .tapo-seamless-view .swiper-slide-2 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/c-2.png)
}

.overview-content .tapo-seamless-view .swiper-slide-3 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/c-3.png)
}

.overview-content .tapo-seamless-view .button-prev,
.overview-content .tapo-seamless-view .button-next {
  z-index: 1;
  opacity: 1;
  background: 0 0;
  border: none;
  outline: none;
  width: auto;
  height: auto;
  position: absolute;
  overflow: visible
}

.overview-content .tapo-seamless-view .button-prev {
  bottom: 50%;
  left: 0%
}

.overview-content .tapo-seamless-view .button-next {
  bottom: 50%;
  right: 0%
}

.overview-content .tapo-seamless-view .button-arrow {
  width: 2.5em;
  height: 2.5em;
  display: block
}

.overview-content .tapo-seamless-view .swiper-pagination {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden
}

@media(min-width:1921px) {
  .overview-content .tapo-seamless-view {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-seamless-view {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-seamless-view {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-seamless-view {
    font-size: 10.35px
  }

  .overview-content .tapo-seamless-view .w-container {
    width: auto
  }

  .overview-content .tapo-seamless-view .text {
    text-align: left;
    padding: 0 0 1em
  }

  .overview-content .tapo-seamless-view h2 {
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .tapo-seamless-view p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .tapo-seamless-view .menu {
    text-align: center;
    width: auto;
    padding: 0 6vw 2.5em
  }

  .overview-content .tapo-seamless-view .menu li {
    width: 32%
  }

  .overview-content .tapo-seamless-view .menu li span {
    font-size: 1.5em;
    font-weight: 400
  }

  .overview-content .tapo-seamless-view .swiper-container {
    width: 100vw
  }

  .overview-content .tapo-seamless-view .slide-img {
    width: 100vw;
    height: 0;
    padding-top: 76%
  }

  .overview-content .tapo-seamless-view .swiper-slide-1 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/c-1.png)
  }

  .overview-content .tapo-seamless-view .swiper-slide-2 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/c-2.png)
  }

  .overview-content .tapo-seamless-view .swiper-slide-3 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/c-3.png)
  }

  .overview-content .tapo-seamless-view .button-prev,
  .overview-content .tapo-seamless-view .button-next {
    opacity: 0
  }

  .overview-content .tapo-seamless-view .button-prev {
    bottom: 50%;
    left: 6vw
  }

  .overview-content .tapo-seamless-view .button-next {
    bottom: 50%;
    right: 6vw
  }

  .overview-content .tapo-seamless-view .button-arrow {
    width: 0;
    height: 0
  }

  .overview-content .tapo-seamless-view .swiper-pagination {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden
  }
}

@media(max-width:414px) {
  .overview-content .tapo-seamless-view {
    font-size: 2.5vw
  }
}

.overview-content .tapo-clear-view {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .tapo-clear-view .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .tapo-clear-view .text {
  text-align: center;
  padding: 6em 0 1.5em
}

.overview-content .tapo-clear-view h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .tapo-clear-view p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-clear-view .menu {
  text-align: center;
  justify-content: space-between;
  width: 64%;
  margin: 0 auto;
  padding: 0 0 2em;
  display: flex
}

.overview-content .tapo-clear-view .menu li {
  width: 39%;
  display: inline-block
}

.overview-content .tapo-clear-view .menu li span {
  color: #000;
  cursor: pointer;
  padding: .375em 0;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2;
  display: inline-block
}

.overview-content .tapo-clear-view .menu li.active span {
  color: #005eac;
  border-bottom: 2px solid
}

.overview-content .tapo-clear-view .swiper-container {
  width: 85.6em;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.overview-content .tapo-clear-view .swiper-slide {
  text-align: center;
  width: 100%
}

.overview-content .tapo-clear-view .slide-img {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 73.125em;
  height: 0;
  margin: 0 auto;
  padding-top: 39.25%;
  position: relative
}

.overview-content .tapo-clear-view .swiper-slide-1 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/d-1.png)
}

.overview-content .tapo-clear-view .swiper-slide-2 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/d-2.png)
}

.overview-content .tapo-clear-view .swiper-slide .desc {
  color: #fff;
  z-index: 1;
  line-height: normal;
  position: absolute
}

.overview-content .tapo-clear-view .swiper-slide .desc-m {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.2;
  display: block
}

.overview-content .tapo-clear-view .swiper-slide-2 .desc-1 {
  bottom: 5%;
  right: 53%
}

.overview-content .tapo-clear-view .swiper-slide-2 .desc-2 {
  bottom: 5%;
  right: 3%
}

.overview-content .tapo-clear-view .button-prev,
.overview-content .tapo-clear-view .button-next {
  z-index: 1;
  opacity: 1;
  background: 0 0;
  border: none;
  outline: none;
  width: auto;
  height: auto;
  position: absolute;
  overflow: visible
}

.overview-content .tapo-clear-view .button-prev {
  bottom: 50%;
  left: 0%
}

.overview-content .tapo-clear-view .button-next {
  bottom: 50%;
  right: 0%
}

.overview-content .tapo-clear-view .button-arrow {
  width: 2.5em;
  height: 2.5em;
  display: block
}

.overview-content .tapo-clear-view .swiper-pagination {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden
}

@media(min-width:1921px) {
  .overview-content .tapo-clear-view {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-clear-view {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-clear-view {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-clear-view {
    font-size: 10.35px
  }

  .overview-content .tapo-clear-view .w-container {
    width: auto
  }

  .overview-content .tapo-clear-view .text {
    text-align: left;
    padding: 0 0 1em
  }

  .overview-content .tapo-clear-view h2 {
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .tapo-clear-view p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .tapo-clear-view p.title {
    padding: 0 6vw .375em;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    display: none
  }

  .overview-content .tapo-clear-view .menu {
    text-align: center;
    width: auto;
    padding: 0 6vw 2.5em
  }

  .overview-content .tapo-clear-view .menu li {
    width: 42%
  }

  .overview-content .tapo-clear-view .menu .li-2 {
    width: 56%
  }

  .overview-content .tapo-clear-view .menu li span {
    font-size: 1.5em;
    font-weight: 400
  }

  .overview-content .tapo-clear-view .swiper-container {
    width: 100vw
  }

  .overview-content .tapo-clear-view .slide-img {
    width: 100vw;
    padding-top: 76%
  }

  .overview-content .tapo-clear-view .swiper-slide-1 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/d-1.jpg)
  }

  .overview-content .tapo-clear-view .swiper-slide-2 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/d-2.jpg)
  }

  .overview-content .tapo-clear-view .swiper-slide .desc-m {
    font-size: 3vw
  }

  .overview-content .tapo-clear-view .swiper-slide-2 .desc-1 {
    bottom: 6%;
    right: 53%
  }

  .overview-content .tapo-clear-view .swiper-slide-2 .desc-2 {
    bottom: 6%;
    right: 3%
  }

  .overview-content .tapo-clear-view .button-prev,
  .overview-content .tapo-clear-view .button-next {
    opacity: 0
  }

  .overview-content .tapo-clear-view .button-prev {
    bottom: 50%;
    left: 6vw
  }

  .overview-content .tapo-clear-view .button-next {
    bottom: 50%;
    right: 6vw
  }

  .overview-content .tapo-clear-view .button-arrow {
    width: 0;
    height: 0
  }

  .overview-content .tapo-clear-view .swiper-pagination {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden
  }
}

@media(max-width:414px) {
  .overview-content .tapo-clear-view {
    font-size: 2.5vw
  }
}

.overview-content .tapo-all-round-protection {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .tapo-all-round-protection .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .tapo-all-round-protection .text {
  text-align: center;
  padding: 6em 0 1em
}

.overview-content .tapo-all-round-protection h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .tapo-all-round-protection p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-all-round-protection .menu {
  text-align: center;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  padding: 0 0 2em;
  display: flex
}

.overview-content .tapo-all-round-protection .menu li {
  width: 32%;
  display: inline-block
}

.overview-content .tapo-all-round-protection .menu li span {
  cursor: pointer;
  padding: .375em 0;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2;
  display: inline-block
}

.overview-content .tapo-all-round-protection .menu li.active span {
  color: #005eac;
  border-bottom: 2px solid
}

.overview-content .tapo-all-round-protection .swiper-container {
  width: 85.6em;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.overview-content .tapo-all-round-protection .swiper-wrapper {
  display: block
}

.overview-content.js-active .tapo-all-round-protection .swiper-wrapper {
  display: flex
}

.overview-content .tapo-all-round-protection .button-prev,
.overview-content .tapo-all-round-protection .button-next {
  z-index: 1;
  opacity: 1;
  background: 0 0;
  border: none;
  outline: none;
  width: auto;
  height: auto;
  position: absolute;
  overflow: visible
}

.overview-content .tapo-all-round-protection .button-prev {
  bottom: 50%;
  left: 0%
}

.overview-content .tapo-all-round-protection .button-next {
  bottom: 50%;
  right: 0%
}

.overview-content .tapo-all-round-protection .button-arrow {
  width: 2.5em;
  height: 2.5em;
  display: block
}

.overview-content .tapo-all-round-protection .slide-txt {
  text-align: center;
  width: 73.125em;
  margin: 0 auto 2.5em
}

.overview-content .tapo-all-round-protection .slide-img {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 73.125em;
  height: 0;
  margin: 0 auto;
  padding-top: 30%;
  position: relative
}

.overview-content .tapo-all-round-protection .swiper-slide-1 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/e-1.png)
}

.overview-content .tapo-all-round-protection .swiper-slide-2 .slide-img {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/e-2.png)
}

.overview-content .tapo-all-round-protection .swiper-slide .desc {
  line-height: normal;
  position: absolute
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-b {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  display: block
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-rectangle-blue {
  color: #fff;
  background-color: #005eac;
  padding: clamp(2.19px, .34vw, 4px) clamp(4.38px, .68vw, 8px)
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-rectangle-white {
  background-color: #fff;
  border-radius: .75em;
  padding: .75em 1em
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
  display: flex
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-row-left {
  align-items: center;
  display: flex
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-icon {
  width: auto;
  height: 1.375em;
  margin-right: .2em;
  display: inline-block
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-tapo {
  color: #005eac;
  padding: 0;
  font-size: .875em;
  font-weight: 400;
  line-height: 1;
  display: inline-block
}

.overview-content .tapo-all-round-protection .swiper-slide .desc-now {
  padding: 0;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.2;
  display: inline-block
}

.overview-content .tapo-all-round-protection .swiper-slide p.desc-b {
  padding: 0 0 .25em;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2
}

.overview-content .tapo-all-round-protection .swiper-slide p.desc-m {
  padding: 0;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-all-round-protection .swiper-slide-1 .desc-1 {
  bottom: 90%;
  left: 42.375%
}

.overview-content .tapo-all-round-protection .swiper-slide-1 .desc-2 {
  width: 25%;
  top: 66%;
  left: 22%
}

.overview-content .tapo-all-round-protection .swiper-slide-2 .desc-1 {
  bottom: 83%;
  left: 49%
}

.overview-content .tapo-all-round-protection .m-show {
  display: none
}

@media(min-width:1921px) {
  .overview-content .tapo-all-round-protection {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-all-round-protection {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-all-round-protection {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-all-round-protection {
    font-size: 10.35px
  }

  .overview-content .tapo-all-round-protection .w-container {
    width: auto
  }

  .overview-content .tapo-all-round-protection .text {
    text-align: left;
    padding: 0 0 1em
  }

  .overview-content .tapo-all-round-protection h2 {
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .tapo-all-round-protection h3 {
    color: #9fa0a0;
    text-align: center;
    padding: 1em 6vw .5em;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2
  }

  .overview-content .tapo-all-round-protection p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .tapo-all-round-protection p.title {
    padding: 0 6vw .375em;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    display: none
  }

  .overview-content .tapo-all-round-protection .menu {
    width: auto;
    padding: 0 6vw 2.5em
  }

  .overview-content .tapo-all-round-protection .menu li {
    width: 31%
  }

  .overview-content .tapo-all-round-protection .menu li span {
    font-size: 1.5em;
    font-weight: 400
  }

  .overview-content .tapo-all-round-protection .swiper-container {
    max-width: 100vw
  }

  .overview-content .tapo-all-round-protection .swiper-wrapper,
  .overview-content.js-active .tapo-all-round-protection .swiper-wrapper {
    display: flex
  }

  .overview-content .tapo-all-round-protection .slide-txt {
    text-align: left;
    width: auto;
    margin: 0 auto 1.5em
  }

  .overview-content .tapo-all-round-protection .slide-img {
    padding-top: 76%
  }

  .overview-content .tapo-all-round-protection .swiper-slide-1 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/e-1.jpg)
  }

  .overview-content .tapo-all-round-protection .swiper-slide-2 .slide-img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/e-2.png)
  }

  .overview-content .tapo-all-round-protection .swiper-slide .desc-b {
    font-size: 3vw
  }

  .overview-content .tapo-all-round-protection .swiper-slide .desc-rectangle-white {
    border-radius: .75em;
    padding: .75em 1em
  }

  .overview-content .tapo-all-round-protection .swiper-slide .desc-header {
    margin-bottom: .5em
  }

  .overview-content .tapo-all-round-protection .swiper-slide .desc-icon {
    height: 3.5vw
  }

  .overview-content .tapo-all-round-protection .swiper-slide .desc-tapo {
    font-size: 2.5vw
  }

  .overview-content .tapo-all-round-protection .swiper-slide .desc-now {
    padding: 0;
    font-size: 2.75vw
  }

  .overview-content .tapo-all-round-protection .swiper-slide p.desc-b {
    padding: 0 0 .25em;
    font-size: 2.75vw
  }

  .overview-content .tapo-all-round-protection .swiper-slide p.desc-m {
    padding: 0;
    font-size: 2.75vw
  }

  .overview-content .tapo-all-round-protection .swiper-slide-1 .desc-1 {
    bottom: 89%;
    left: 35%
  }

  .overview-content .tapo-all-round-protection .swiper-slide-1 .desc-2 {
    width: 46%;
    top: auto;
    bottom: 6%;
    left: 6%
  }

  .overview-content .tapo-all-round-protection .swiper-slide-2 .desc-1 {
    bottom: 84.5%;
    left: 34.75%
  }

  .overview-content .tapo-all-round-protection .m-show {
    display: block
  }

  .overview-content .tapo-all-round-protection .button-prev,
  .overview-content .tapo-all-round-protection .button-next {
    opacity: 0
  }

  .overview-content .tapo-all-round-protection .button-prev {
    bottom: 50%;
    left: 6vw
  }

  .overview-content .tapo-all-round-protection .button-next {
    bottom: 50%;
    right: 6vw
  }

  .overview-content .tapo-all-round-protection .button-arrow {
    width: 0;
    height: 0
  }
}

@media(max-width:414px) {
  .overview-content .tapo-all-round-protection {
    font-size: 2.5vw
  }
}

.overview-content .tapo-powerful-defense {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .tapo-powerful-defense .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .tapo-powerful-defense .text {
  text-align: center;
  padding: 5.75em 0 2.5em
}

.overview-content .tapo-powerful-defense h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .tapo-powerful-defense p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-powerful-defense .img {
  background: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/f.png) top/100% no-repeat;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 53.25%;
  position: relative
}

.overview-content .tapo-powerful-defense .desc {
  line-height: normal;
  position: absolute
}

.overview-content .tapo-powerful-defense .desc-rectangle-white {
  background-color: #fff;
  border-radius: .75em;
  padding: .75em 1em
}

.overview-content .tapo-powerful-defense .desc-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
  display: flex
}

.overview-content .tapo-powerful-defense .desc-row-left {
  align-items: center;
  display: flex
}

.overview-content .tapo-powerful-defense .desc-icon {
  width: auto;
  height: 1.375em;
  margin-right: .1em;
  display: inline-block
}

.overview-content .tapo-powerful-defense .desc-tapo {
  color: #005eac;
  padding: 0;
  font-size: .875em;
  font-weight: 400;
  line-height: 1;
  display: inline-block
}

.overview-content .tapo-powerful-defense .desc-now {
  padding: 0;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.2;
  display: inline-block
}

.overview-content .tapo-powerful-defense p.desc-b {
  padding: 0 0 .25em;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2
}

.overview-content .tapo-powerful-defense p.desc-m {
  padding: 0;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-powerful-defense .desc-1 {
  bottom: 8%;
  left: 4%
}

@media(min-width:1921px) {
  .overview-content .tapo-powerful-defense {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-powerful-defense {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-powerful-defense {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-powerful-defense {
    font-size: 10.35px
  }

  .overview-content .tapo-powerful-defense .w-container {
    width: auto
  }

  .overview-content .tapo-powerful-defense .text {
    text-align: left;
    padding: 0 0 2em
  }

  .overview-content .tapo-powerful-defense h2 {
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .tapo-powerful-defense p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .tapo-powerful-defense .img {
    background: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/f.png) top/100% no-repeat;
    padding-top: 76%
  }

  .overview-content .tapo-powerful-defense .desc-rectangle-white {
    background-color: #fff;
    border-radius: .75em;
    padding: .5em 1em
  }

  .overview-content .tapo-powerful-defense .desc-header {
    margin-bottom: 0
  }

  .overview-content .tapo-powerful-defense .desc-icon {
    width: auto;
    height: 8vw
  }

  .overview-content .tapo-powerful-defense .desc-tapo {
    font-size: 2.5vw
  }

  .overview-content .tapo-powerful-defense .desc-now {
    font-size: 2.75vw
  }

  .overview-content .tapo-powerful-defense p.desc-b {
    padding: 0 0 .25em;
    font-size: 2.75vw
  }

  .overview-content .tapo-powerful-defense p.desc-m {
    padding: 0;
    font-size: 2.75vw
  }

  .overview-content .tapo-powerful-defense .desc-1 {
    bottom: 3%;
    left: 4%
  }
}

@media(max-width:414px) {
  .overview-content .tapo-powerful-defense {
    font-size: 2.5vw
  }
}

.overview-content .tapo-effortless-power {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .tapo-effortless-power .w-container {
  width: 85.6em;
  margin: 0 auto;
  position: relative
}

.overview-content .tapo-effortless-power .text {
  text-align: center;
  padding: 5em 0 1.5em
}

.overview-content .tapo-effortless-power h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .tapo-effortless-power p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .tapo-effortless-power p.title {
  color: #005eac;
  padding-bottom: .25em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1
}

.overview-content .tapo-effortless-power .search-button {
  background: 0 0;
  border: none;
  border-radius: 2em;
  outline: none;
  margin-top: 2.5em;
  padding: 1em 1.5em;
  display: block;
  box-shadow: 0 4px 10px #0003
}

.overview-content .tapo-effortless-power .search-button:hover {
  box-shadow: 0 4px 10px #00000080
}

.overview-content .tapo-effortless-power .search-content {
  padding-right: .5em;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
  display: inline-block
}

.overview-content .tapo-effortless-power .search-icon {
  vertical-align: middle;
  width: auto;
  height: 1.5em;
  display: inline-block
}

.overview-content .tapo-effortless-power .ul-words li {
  display: block
}

.overview-content .tapo-effortless-power .ul-words li+li {
  margin-top: 2em
}

.overview-content .tapo-effortless-power .ul-features {
  justify-content: space-between;
  width: 95%;
  margin: 11em auto 0;
  display: flex
}

.overview-content .tapo-effortless-power .ul-features li {
  width: 31.5%
}

.overview-content .tapo-effortless-power .ul-features li .feature-img {
  width: 100%
}

.overview-content .tapo-effortless-power .ul-features li .feature-img img {
  width: 100%;
  height: auto
}

.overview-content .tapo-effortless-power .ul-features li .feature-txt {
  text-align: center;
  padding: 1em 0 0
}

.overview-content .tapo-effortless-power .swiper-container {
  width: 100%;
  position: relative
}

.overview-content .tapo-effortless-power .swiper-wrapper {
  display: block
}

.overview-content.js-active .tapo-effortless-power .swiper-wrapper {
  display: flex
}

.overview-content .tapo-effortless-power .swiper-slide .txt {
  text-align: center;
  padding: 6em 6em 0
}

.overview-content .tapo-effortless-power .swiper-slide .img {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 60%;
  position: relative
}

.overview-content .tapo-effortless-power .swiper-slide .desc {
  line-height: normal;
  position: absolute
}

.overview-content .tapo-effortless-power .swiper-slide .desc-1 {
  top: 50%;
  left: 6em;
  right: 54%;
  transform: translateY(-50%)
}

.overview-content .tapo-effortless-power .button-prev,
.overview-content .tapo-effortless-power .button-next {
  z-index: 1;
  opacity: 1;
  background: 0 0;
  border: none;
  outline: none;
  width: auto;
  height: auto;
  position: absolute;
  overflow: visible
}

.overview-content .tapo-effortless-power .button-prev.swiper-button-disabled,
.overview-content .tapo-effortless-power .button-next.swiper-button-disabled {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden
}

.overview-content .tapo-effortless-power .button-prev {
  top: 6em;
  left: 0%
}

.overview-content .tapo-effortless-power .button-next {
  bottom: 50%;
  right: 0%
}

.overview-content .tapo-effortless-power .button-arrow {
  width: 3em;
  height: auto
}

@media(min-width:1921px) {
  .overview-content .tapo-effortless-power {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .tapo-effortless-power {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-effortless-power {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-effortless-power {
    font-size: 10.35px
  }

  .overview-content .tapo-effortless-power .w-container {
    width: auto
  }

  .overview-content .tapo-effortless-power .text {
    text-align: left;
    padding: 0 0 1.5em
  }

  .overview-content .tapo-effortless-power h2 {
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .tapo-effortless-power p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .tapo-effortless-power p.title {
    padding: 0 6vw .375em;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .tapo-effortless-power p.title .highlight {
    font-size: 1.5em
  }

  .overview-content .tapo-effortless-power .search-button {
    border-radius: 2em;
    align-items: center;
    margin: 1.5em auto 2.5em;
    padding: 1em 1.75em;
    display: flex;
    box-shadow: 0 4px 10px #0003
  }

  .overview-content .tapo-effortless-power .search-content {
    padding-right: .5em;
    font-size: 1.5em
  }

  .overview-content .tapo-effortless-power .search-icon {
    height: 2em
  }

  .overview-content .tapo-effortless-power .ul-words li+li {
    margin-top: 1em
  }

  .overview-content .tapo-effortless-power .ul-features {
    width: 100%;
    margin: 10em auto 0;
    display: block
  }

  .overview-content .tapo-effortless-power .ul-features li {
    width: 100%
  }

  .overview-content .tapo-effortless-power .ul-features li+li {
    margin-top: 3em
  }

  .overview-content .tapo-effortless-power .ul-features li .feature-img {
    width: 88vw;
    margin: 0 auto
  }

  .overview-content .tapo-effortless-power .ul-features li .feature-txt {
    text-align: left;
    padding: 1em 0 0
  }

  .overview-content .tapo-effortless-power .swiper-container {
    width: 100%
  }

  .overview-content .tapo-effortless-power .swiper-wrapper,
  .overview-content.js-active .tapo-effortless-power .swiper-wrapper {
    display: flex
  }

  .overview-content .tapo-effortless-power .swiper-slide-2 {
    height: 0;
    overflow-y: hidden
  }

  .overview-content .tapo-effortless-power .swiper-slide-2.swiper-slide-active {
    height: auto;
    overflow-y: visible
  }

  .overview-content .tapo-effortless-power .swiper-slide .txt {
    text-align: left;
    padding: 0 0 .5em
  }

  .overview-content .tapo-effortless-power .swiper-slide .img {
    background-position: bottom;
    background-size: 100%;
    width: 100%;
    height: auto
  }

  .overview-content .tapo-effortless-power .swiper-slide-1 .img {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/g.png);
    padding-bottom: 76%
  }

  .overview-content .tapo-effortless-power .swiper-slide .desc-1 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none
  }

  .overview-content .tapo-effortless-power .button-prev,
  .overview-content .tapo-effortless-power .button-next {
    top: 4.5em;
    bottom: auto
  }

  .overview-content .tapo-effortless-power .button-prev {
    top: 5em;
    left: 6vw
  }

  .overview-content .tapo-effortless-power .button-next {
    right: 6vw
  }

  .overview-content .tapo-effortless-power .button-arrow {
    width: 3em
  }
}

@media(max-width:414px) {
  .overview-content .tapo-effortless-power {
    font-size: 2.5vw
  }
}

.overview-content .flexible-storage-options {
  max-width: 120em;
  margin: 0 auto;
  padding-bottom: 7em;
  font-size: 16px
}

.overview-content .flexible-storage-options .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .flexible-storage-options .text {
  text-align: center;
  padding: 0 0 3em
}

.overview-content .flexible-storage-options h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .flexible-storage-options p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .flexible-storage-options a {
  color: #005eac;
  border-bottom: .1em solid #0000;
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  text-decoration: none;
  display: inline-block
}

.overview-content .flexible-storage-options a:hover {
  border-color: #005eac
}

.overview-content .flexible-storage-options .bg-container {
  justify-content: space-between;
  padding-bottom: 6em;
  display: flex
}

.overview-content .flexible-storage-options .txt-container {
  box-sizing: border-box;
  width: 37.5%;
  padding-top: 4em
}

.overview-content .flexible-storage-options .txt-header {
  cursor: pointer;
  text-align: left;
  background: 0 0;
  border: none;
  outline: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex
}

.overview-content .flexible-storage-options .txt-header .title {
  flex: 1;
  padding: .5em .5em .5em 0;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  display: block
}

.overview-content .flexible-storage-options .txt-header .icon-fold {
  width: 1.5em
}

.overview-content .flexible-storage-options .txt-item.active .txt-header .icon-fold {
  transition: transform .8s;
  transform: rotate(90deg)
}

.overview-content .flexible-storage-options .txt-body {
  padding-bottom: .25em
}

.overview-content.js-active .flexible-storage-options .txt-body {
  display: none;
  overflow: hidden
}

.overview-content .flexible-storage-options .img-container {
  width: 50%
}

.overview-content .flexible-storage-options .img-container .img {
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 0;
  padding-top: 68%;
  position: relative
}

.overview-content.js-active .flexible-storage-options .img-container .img {
  display: none
}

.overview-content.js-active .flexible-storage-options .img-container .img.active {
  display: block
}

.overview-content .flexible-storage-options .img-container .img-1 {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/h-1.png)
}

.overview-content .flexible-storage-options .img-container .img-2 {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/h-2.png)
}

.overview-content .flexible-storage-options .img-container .img-3 {
  background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/h-3.png)
}

.overview-content .flexible-storage-options .img-container .img .desc {
  line-height: normal;
  position: absolute
}

.overview-content .flexible-storage-options .img-container .img .desc-b {
  color: #fff;
  background-color: #005eac;
  padding: .1em .75em;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.2;
  display: block
}

.overview-content .flexible-storage-options .img-container .img-1 .desc-1 {
  bottom: 82.5%;
  left: 30.43%
}

.overview-content .flexible-storage-options .img-container .img-2 .desc-1 {
  bottom: 58%;
  left: 13.1%
}

.overview-content .flexible-storage-options .m-show {
  display: none
}

@media(min-width:1921px) {
  .overview-content .flexible-storage-options {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .flexible-storage-options {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .flexible-storage-options {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .flexible-storage-options {
    padding-bottom: 0;
    font-size: 10.35px
  }

  .overview-content .flexible-storage-options .w-container {
    width: auto
  }

  .overview-content .flexible-storage-options .text {
    text-align: left;
    padding: 0 0 3em
  }

  .overview-content .flexible-storage-options h2 {
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .flexible-storage-options p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .flexible-storage-options p.title {
    padding: 0 6vw .375em;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .flexible-storage-options a {
    margin: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .flexible-storage-options .bg-container {
    padding: 0;
    display: block
  }

  .overview-content .flexible-storage-options .txt-container {
    box-sizing: border-box;
    width: auto;
    padding-top: 0;
    display: none
  }

  .overview-content .flexible-storage-options .txt-header {
    padding: 1vw 0
  }

  .overview-content .flexible-storage-options .txt-header .icon-fold {
    width: 4vw
  }

  .overview-content .flexible-storage-options .txt-body {
    padding-bottom: 0;
    display: none;
    overflow: hidden
  }

  .overview-content .flexible-storage-options .img-txt {
    margin: 0 -5vw;
    padding-top: 2.5em
  }

  .overview-content .flexible-storage-options .img-container {
    width: auto
  }

  .overview-content.js-active .flexible-storage-options .img-container .img,
  .overview-content.js-active .flexible-storage-options .img-container .img.active {
    display: block
  }

  .overview-content .flexible-storage-options .img-container .img {
    background-position: top;
    background-size: 100%;
    width: 88vw;
    height: auto;
    margin: 0 auto;
    padding-top: 66%
  }

  .overview-content .flexible-storage-options .img-container .img+.img {
    margin-top: 5em
  }

  .overview-content .flexible-storage-options .img-container .img-1 {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/h-1.png);
    padding-top: 60%
  }

  .overview-content .flexible-storage-options .img-container .img-2 {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/h-2.png)
  }

  .overview-content .flexible-storage-options .img-container .img-3 {
    background-image: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/img/h-3.png)
  }

  .overview-content .flexible-storage-options .img-container .img-bg-txt {
    position: relative
  }

  .overview-content .flexible-storage-options .img-container .img .desc-b {
    border-radius: .1em;
    padding: .1em .75em;
    font-size: 3.5vw
  }

  .overview-content .flexible-storage-options .img-container .img-1 .desc-1 {
    bottom: -14vw;
    left: 32.2vw
  }

  .overview-content .flexible-storage-options .img-container .img-2 .desc-1 {
    bottom: -32vw;
    left: 16.4vw
  }

  .overview-content .flexible-storage-options .m-show {
    display: block
  }

  .overview-content .flexible-storage-options .m-hide {
    display: none
  }
}

@media(max-width:414px) {
  .overview-content .flexible-storage-options {
    font-size: 2.5vw
  }
}

.overview-content .total-control-one-app {
  background: #fafafa;
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px;
  position: relative
}

.overview-content .total-control-one-app .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative
}

.overview-content .total-control-one-app .text {
  text-align: left;
  padding: 23em 28em 0 0
}

.overview-content .total-control-one-app .text .text-container {
  display: flex
}

.overview-content .total-control-one-app h2 {
  padding-bottom: .5em;
  padding-left: .625em;
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .total-control-one-app h3 {
  padding-bottom: .5em;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .total-control-one-app p {
  padding-bottom: 1em;
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .total-control-one-app .c610-box.fixed-pos {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0
}

.overview-content .total-control-one-app .c610-box.absolute-pos {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

.overview-content .total-control-one-app .img {
  height: 58em;
  margin: 0 auto;
  position: relative
}

.overview-content .total-control-one-app .bg {
  opacity: 0;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .5s linear;
  position: absolute;
  inset: 0
}

.overview-content .total-control-one-app .bg.active {
  opacity: 1
}

.overview-content .total-control-one-app img.icon {
  width: 1em;
  height: 7.78125em;
  margin-top: .3em;
  display: block
}

.overview-content .total-control-one-app .content {
  width: 32em;
  margin-left: 1em
}

.overview-content .total-control-one-app img.phone {
  width: 17.5em;
  position: absolute;
  top: 10.5em;
  right: 0
}

.overview-content .total-control-one-app img.phone-out {
  width: 19.5em;
  position: absolute;
  top: 10.5em;
  right: 15em
}

.overview-content .total-control-one-app .bg1 img.phone,
.overview-content .total-control-one-app .bg2 img.phone,
.overview-content .total-control-one-app .bg3 img.phone {
  width: 19.5em
}

.overview-content .total-control-one-app h2.mobile-text {
  display: none
}

@media(min-width:1921px) {
  .overview-content .total-control-one-app {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .total-control-one-app {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .total-control-one-app {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .total-control-one-app {
    background: 0 0;
    margin-bottom: 2em;
    font-size: 10.35px
  }

  .overview-content .total-control-one-app .w-container {
    text-align: center;
    width: auto;
    position: relative
  }

  .overview-content .total-control-one-app .text {
    text-align: left;
    padding: 0 0 2em
  }

  .overview-content .total-control-one-app h2 {
    text-align: left;
    padding: 1.5em 6vw .5em;
    font-size: 2.5em;
    line-height: 1.2;
    position: relative;
    top: auto;
    left: auto
  }

  .overview-content .total-control-one-app h3 {
    padding: 0 6vw .5em;
    font-size: 2em
  }

  .overview-content .total-control-one-app p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .total-control-one-app h2.web-text {
    display: none
  }

  .overview-content .total-control-one-app h2.mobile-text,
  .overview-content .total-control-one-app .text .text-container {
    display: block
  }

  .overview-content .total-control-one-app .content {
    width: auto;
    margin: 0 auto
  }

  .overview-content .total-control-one-app .content br {
    display: none
  }

  .overview-content .total-control-one-app .img {
    height: 145vw
  }

  .overview-content .total-control-one-app .bg {
    opacity: 1;
    position: relative;
    inset: auto
  }

  .overview-content .total-control-one-app img.icon {
    display: none
  }

  .overview-content .total-control-one-app img.phone {
    width: 45vw;
    margin: 0 auto;
    position: relative;
    top: auto;
    right: auto
  }

  .overview-content .total-control-one-app .bg1 img.phone,
  .overview-content .total-control-one-app .bg2 img.phone,
  .overview-content .total-control-one-app .bg3 img.phone {
    width: 51vw
  }

  .overview-content .total-control-one-app img.phone-out {
    width: 51vw;
    margin: 0 auto;
    position: absolute;
    top: 36vw;
    left: 24.5vw;
    right: auto
  }

  .overview-content .total-control-one-app .tp-banner-prev {
    z-index: 3;
    cursor: pointer;
    position: absolute;
    bottom: 50vw;
    left: 7vw
  }

  .overview-content .total-control-one-app .tp-banner-prev .tp-banner-icon {
    background: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/i-icon-prev.png) 50% 100%/100% no-repeat;
    width: 8vw;
    height: 8vw;
    display: block
  }

  .overview-content .total-control-one-app .tp-banner-next .tp-banner-icon {
    background: url(https://static-product.tp-link.com/tapo-c610-kit_v1.6/m/i-icon-next.png) 50% 100%/100% no-repeat;
    width: 8vw;
    height: 8vw;
    display: block
  }

  .overview-content .total-control-one-app .tp-banner-next {
    z-index: 3;
    cursor: pointer;
    position: absolute;
    bottom: 50vw;
    right: 7vw
  }
}

@media(max-width:414px) {
  .overview-content .total-control-one-app {
    font-size: 2.5vw
  }
}

.overview-content .features-for-security {
  max-width: 120em;
  margin: 0 auto;
  font-size: 16px
}

.overview-content .features-for-security .w-container {
  width: 73.125em;
  margin: 0 auto
}

.overview-content .features-for-security .text {
  text-align: center;
  padding: 6em 0 0
}

.overview-content .features-for-security h2 {
  padding-bottom: .375em;
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .features-for-security h3 {
  padding-bottom: .5em;
  font-size: 2.34375em;
  font-weight: 400;
  line-height: 1.2
}

.overview-content .features-for-security p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .features-for-security .img-container {
  width: 49.5%;
  position: relative
}

.overview-content .features-for-security .desc-img {
  width: 100%
}

.overview-content .features-for-security span.desc {
  color: #fff;
  text-align: left;
  background: #005eac;
  border-radius: 2em;
  padding: .5em 1em;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.2;
  position: absolute
}

.overview-content .features-for-security span.desc-1 {
  width: 45%;
  top: 42%;
  left: 44%
}

.overview-content .features-for-security span.desc-2 {
  top: 41%;
  right: 36%
}

.overview-content .features-for-security span.desc-3 {
  top: 27%;
  right: 35%
}

.overview-content .features-for-security .content {
  justify-content: space-between;
  align-items: center;
  margin: 3em auto;
  display: flex
}

.overview-content .features-for-security .text-container-1 {
  text-align: left;
  box-sizing: border-box;
  width: 42%
}

.overview-content .features-for-security .text-container-2 {
  text-align: right;
  width: 42%
}

.overview-content .features-for-security img.web-img {
  display: block
}

.overview-content .features-for-security img.mobile-img {
  display: none
}

@media(min-width:1922px) {
  .overview-content .features-for-security {
    font-size: .8333vw
  }
}

@media(max-width:1680px) {
  .overview-content .features-for-security {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .features-for-security {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .features-for-security {
    font-size: 10.35px
  }

  .overview-content .features-for-security .w-container {
    width: auto
  }

  .overview-content .features-for-security .text {
    text-align: left;
    padding: 0 0 1.5em
  }

  .overview-content .features-for-security h2 {
    padding: 1.5em 6vw 1em;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .features-for-security h3 {
    padding: 1em 6vw .375em;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2
  }

  .overview-content .features-for-security p {
    padding: 0 6vw;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5
  }

  .overview-content .features-for-security .content {
    margin: 0 auto;
    display: block
  }

  .overview-content .features-for-security .content+.content {
    margin-top: 5em
  }

  .overview-content .features-for-security .content4,
  .overview-content .features-for-security .content2 {
    flex-direction: column-reverse;
    margin: 0 auto;
    display: flex
  }

  .overview-content .features-for-security .text-container-1,
  .overview-content .features-for-security .text-container-2 {
    text-align: left;
    width: auto;
    padding: 0
  }

  .overview-content .features-for-security .desc-img,
  .overview-content .features-for-security .img-container {
    width: 100vw;
    margin: 0 auto
  }

  .overview-content .features-for-security span.desc {
    font-size: 3.25vw
  }

  .overview-content .features-for-security span.desc-1 {
    width: 47vw;
    top: 33vw;
    left: 40vw
  }

  .overview-content .features-for-security span.desc-2 {
    top: 30vw;
    right: 36vw
  }

  .overview-content .features-for-security span.desc-3 {
    top: 18vw;
    right: 31vw
  }

  .overview-content .features-for-security img.web-img {
    display: none
  }

  .overview-content .features-for-security img.mobile-img {
    display: block
  }
}

@media(max-width:414px) {
  .overview-content .features-for-security {
    font-size: 2.5vw
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}