#wbTaxiCalcV5{
    width:100%;
    display:flex;
    justify-content:center;
    background:#ffffff !important;
  }


  .t-popup #wbTaxiCalcV5,
  .t-popup__container #wbTaxiCalcV5,
  .t-popup__container-static #wbTaxiCalcV5,
  .t-popup__content #wbTaxiCalcV5{
    background:#ffffff !important;
  }


  .wbtc5{

    --wbtc5-accent:#9400D3;
    --wbtc5-accent2:#E000E3;

    --wbtc5-dark:#373737;

    --wbtc5-line:rgba(55,55,55,.10);

    --wbtc5-green:#0F9F6E;

    --wbtc5-neon:#9CFF57;

    width:100%;

    font-family:
      Roboto,
      Arial,
      sans-serif;

    color:var(--wbtc5-dark);

    background:#ffffff !important;

    font-size:18px;

  }


  .wbtc5 *{
    box-sizing:border-box;
  }



  /* =====================================
     SHELL
     ===================================== */

  .wbtc5-shell{

    width:min(100%,1600px);

    margin:0 auto;

    padding:
      clamp(10px,1.4vw,22px);

  }



  .wbtc5-grid{

    display:grid;

    grid-template-columns:
      repeat(12,minmax(0,1fr));

    gap:
      clamp(10px,1.15vw,18px);

    align-items:stretch;

  }



  /* =====================================
     INTRO
     ===================================== */

  .wbtc5-seo{

    grid-column:1 / -1;

    padding:
      clamp(14px,1.4vw,22px);

    border-radius:24px;

    border:
      1px solid rgba(148,0,211,.16);

    background:

      radial-gradient(
        circle at top left,
        rgba(224,0,227,.14),
        transparent 34%
      ),

      linear-gradient(
        135deg,
        rgba(148,0,211,.08),
        #ffffff
      );

    box-shadow:
      0 14px 34px rgba(0,0,0,.07);

  }



  .wbtc5-kicker{

    display:inline-flex;

    width:fit-content;

    padding:
      7px 12px;

    border-radius:999px;

    background:
      rgba(148,0,211,.10);

    color:#6f009f;

    font-size:18px;

    line-height:1.15;

    font-weight:900;

    margin-bottom:10px;

  }



  .wbtc5-seoTitle{

    max-width:1220px;

    margin:0;

    font-size:
      clamp(22px,2vw,34px);

    line-height:1.14;

    font-weight:900;

    letter-spacing:-.02em;

    color:
      var(--wbtc5-dark);

  }



  .wbtc5-seoText{

    max-width:1120px;

    margin:
      10px 0 0;

    font-size:18px;

    line-height:1.42;

    font-weight:700;

    color:
      rgba(55,55,55,.72);

  }



  .wbtc5-chips{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:14px;

  }



  .wbtc5-chips span{

    padding:
      8px 12px;

    border-radius:999px;

    background:#ffffff;

    border:
      1px solid rgba(148,0,211,.16);

    color:
      rgba(55,55,55,.78);

    font-size:18px;

    line-height:1.15;

    font-weight:900;

    box-shadow:
      0 6px 14px rgba(0,0,0,.04);

  }



  /* =====================================
     CARDS
     ===================================== */

  .wbtc5-card{

    border-radius:24px;

    background:#ffffff;

    border:
      1px solid var(--wbtc5-line);

    box-shadow:
      0 18px 45px rgba(0,0,0,.10);

    padding:
      clamp(12px,1.15vw,18px);

    min-width:0;

  }



  .wbtc5-controls{
    grid-column:span 5;
  }


  .wbtc5-result{
    grid-column:span 7;
  }



  /* =====================================
     HEADERS
     ===================================== */

  .wbtc5-head{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:12px;

    margin-bottom:12px;

  }


  .wbtc5-headSmall{
    margin-bottom:0;
  }


  .wbtc5-headKicker{

    font-size:18px;

    font-weight:900;

    letter-spacing:.04em;

    text-transform:uppercase;

    color:
      rgba(148,0,211,.82);

    margin-bottom:4px;

    line-height:1.15;

  }


  .wbtc5-headTitle{

    margin:0;

    font-size:
      clamp(22px,1.55vw,28px);

    line-height:1.12;

    font-weight:900;

    color:
      var(--wbtc5-dark);

  }



  .wbtc5-divider{

    height:1px;

    background:
      var(--wbtc5-line);

    margin:
      14px 0;

  }



  /* =====================================
     STAGES
     ===================================== */

  .wbtc5-stageGrid{

    display:grid;

    grid-template-columns:
      repeat(4,minmax(0,1fr));

    gap:8px;

  }



  .wbtc5-stage,
  .wbtc5-roundBtn{

    border:
      1px solid transparent !important;

    animation:
      wbtc5ButtonBorderPulse
      2s
      ease-in-out
      infinite;

  }



  .wbtc5-stage{

    min-width:0;

    padding:
      10px 5px;

    border-radius:17px;

    background:#ffffff;

    color:
      var(--wbtc5-dark);

    cursor:pointer;

    text-align:center;

    box-shadow:
      0 7px 16px rgba(0,0,0,.04);

    transition:
      background-color .22s ease,
      color .22s ease,
      box-shadow .22s ease,
      transform .22s ease;

  }


  .wbtc5-stage:hover{
    transform:translateY(-1px);
  }


  .wbtc5-stage.isActive{

    color:#ffffff;

    background:
      linear-gradient(
        135deg,
        var(--wbtc5-accent),
        var(--wbtc5-accent2)
      );

    box-shadow:
      0 13px 26px rgba(148,0,211,.20);

  }



  .wbtc5-stage b{

    display:block;

    font-size:24px;

    line-height:1;

    font-weight:900;

  }


  .wbtc5-stage span{

    display:block;

    margin-top:4px;

    font-size:13px;

    font-weight:800;

    color:
      rgba(55,55,55,.55);

  }


  .wbtc5-stage small{

    display:block;

    margin-top:6px;

    font-size:15px;

    line-height:1.08;

    font-weight:900;

    color:
      rgba(55,55,55,.68);

  }


  .wbtc5-stage.isActive span,
  .wbtc5-stage.isActive small{

    color:
      rgba(255,255,255,.88);

  }



  /* =====================================
     NOTES
     ===================================== */

  .wbtc5-note,
  .wbtc5-infoBox{

    margin-top:10px;

    padding:
      11px 12px;

    border-radius:16px;

    background:
      rgba(148,0,211,.07);

    border:
      1px solid rgba(148,0,211,.14);

    color:
      rgba(55,55,55,.72);

    font-size:18px;

    line-height:1.32;

    font-weight:800;

  }



  .wbtc5-infoBox{

    background:
      rgba(255,165,0,.10);

    border-color:
      rgba(255,165,0,.24);

  }


  .wbtc5-infoBox b{

    color:
      var(--wbtc5-dark);

    font-weight:900;

  }



  /* =====================================
     SHIFTS
     ===================================== */

  .wbtc5-stepInline{

    display:grid;

    grid-template-columns:
      112px minmax(0,1fr);

    align-items:center;

    gap:10px;

  }



  .wbtc5-dayBox{

    display:grid;

    grid-template-columns:
      46px minmax(0,1fr) 46px;

    gap:8px;

    align-items:center;

    padding:10px;

    border-radius:18px;

    border:
      1px solid var(--wbtc5-line);

    background:#ffffff;

    box-shadow:
      0 7px 16px rgba(0,0,0,.035);

  }



  .wbtc5-dayBox input{

    width:100%;

    min-width:0;

    border:0;

    outline:0;

    background:transparent;

    color:
      var(--wbtc5-accent);

    font-size:40px;

    line-height:1;

    font-weight:900;

    text-align:center;

    appearance:textfield;

  }


  .wbtc5-dayBox input::-webkit-outer-spin-button,
  .wbtc5-dayBox input::-webkit-inner-spin-button{

    -webkit-appearance:none;

    margin:0;

  }



  .wbtc5-roundBtn{

    width:46px;

    height:46px;

    border-radius:15px;

    background:#ffffff;

    color:
      var(--wbtc5-dark);

    font-size:28px;

    line-height:1;

    font-weight:900;

    cursor:pointer;

    box-shadow:
      0 5px 12px rgba(0,0,0,.05);

    transition:
      .2s ease;

  }


  .wbtc5-roundBtn:hover{

    background:
      var(--wbtc5-dark);

    color:#ffffff;

  }



  /* =====================================
     RESULT
     ===================================== */

  .wbtc5-pill{

    flex:0 0 auto;

    max-width:360px;

    padding:
      9px 12px;

    border-radius:999px;

    background:
      rgba(148,0,211,.09);

    color:#6f009f;

    font-size:18px;

    line-height:1.15;

    font-weight:900;

    text-align:right;

  }



  .wbtc5-main{

    padding:
      clamp(10px,1vw,15px);

    border-radius:18px;

    background:

      radial-gradient(
        circle at top right,
        rgba(224,0,227,.16),
        transparent 36%
      ),

      linear-gradient(
        135deg,
        rgba(148,0,211,.11),
        rgba(148,0,211,.045)
      );

    border:
      1px solid rgba(148,0,211,.18);

  }


  .wbtc5-mainLabel{

    font-size:14px;

    line-height:1.2;

    font-weight:900;

    color:
      rgba(55,55,55,.68);

  }


  .wbtc5-mainValue{

    margin-top:5px;

    font-size:
      clamp(29px,2.9vw,49px);

    line-height:1;

    font-weight:900;

    letter-spacing:-.04em;

    color:
      var(--wbtc5-dark);

  }


  .wbtc5-mainSub{

    margin-top:7px;

    font-size:14px;

    line-height:1.24;

    font-weight:900;

    color:
      rgba(55,55,55,.68);

  }



  /* =====================================
     CHART
     ===================================== */

  .wbtc5-chart{

    position:relative;

    height:340px;

    margin-top:12px;

    border-radius:20px;

    overflow:hidden;

    background:
      rgba(148,0,211,.07);

    border:
      1px solid rgba(55,55,55,.10);

    touch-action:none;

    box-shadow:
      0 10px 24px rgba(0,0,0,.05);

  }



  #wbtc5Canvas{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    display:block;

  }



  .wbtc5-handle{

    position:absolute;

    width:42px;

    height:42px;

    transform:
      translate(-21px,-21px);

    pointer-events:none;

    filter:
      drop-shadow(
        0 10px 18px rgba(0,0,0,.20)
      );

  }



  .wbtc5-handleRing{

    position:absolute;

    inset:0;

    display:grid;

    place-items:center;

    border-radius:15px;

    border:
      2px solid var(--wbtc5-dark);

    background:#ffffff;

    box-shadow:
      0 0 0 4px rgba(255,255,255,.70);

    overflow:hidden;

  }



  .wbtc5-handleLogo{

    width:31px;

    height:31px;

    display:block;

  }



  .wbtc5-dragHint{

    position:absolute;

    left:0;

    top:0;

    padding:
      7px 12px;

    border-radius:12px;

    background:
      rgba(55,55,55,.92);

    border:
      1px solid rgba(0,0,0,.10);

    color:#ffffff;

    font-size:18px;

    font-weight:800;

    letter-spacing:.2px;

    pointer-events:none;

    white-space:nowrap;

    z-index:3;

    box-shadow:
      0 8px 20px rgba(0,0,0,.14);

  }



  /* =====================================
     CONDITIONS
     ===================================== */

  .wbtc5-requirements{

    margin-top:10px;

    padding:
      12px 13px;

    border-radius:16px;

    background:
      rgba(255,165,0,.12);

    border:
      1px solid rgba(255,165,0,.28);

    color:
      rgba(55,55,55,.78);

    font-size:18px;

    line-height:1.38;

    font-weight:800;

  }


  .wbtc5-requirements b,
  .wbtc5-requirements strong{

    color:
      var(--wbtc5-dark);

    font-weight:900;

  }



  .wbtc5-office{

    margin-top:8px;

    padding:
      12px 13px;

    border-radius:16px;

    background:
      rgba(148,0,211,.07);

    border:
      1px solid rgba(148,0,211,.14);

    color:
      rgba(55,55,55,.74);

    font-size:18px;

    line-height:1.35;

    font-weight:800;

  }


  .wbtc5-office b{

    color:
      var(--wbtc5-dark);

    font-weight:900;

  }


  .wbtc5-officeMinor{

    display:block;

    margin-top:5px;

    color:
      rgba(55,55,55,.58);

  }



  /* =====================================
     PULSE
     ===================================== */

  @keyframes wbtc5ButtonBorderPulse{

    0%,
    100%{
      border-color:transparent;
    }

    35%{
      border-color:#2f2f2f;
    }

    70%{
      border-color:
        var(--wbtc5-neon);
    }

  }



  /* =====================================
     TABLET
     ===================================== */

  @media (max-width:1180px){

    .wbtc5-controls,
    .wbtc5-result{
      grid-column:span 6;
    }


    .wbtc5-stepInline{
      grid-template-columns:
        96px minmax(0,1fr);
    }

  }



  @media (max-width:860px){

    .wbtc5-shell{
      padding:10px;
    }


    .wbtc5-controls,
    .wbtc5-result{

      grid-column:
        1 / -1;

    }


    .wbtc5-resultHead{
      flex-direction:column;
    }


    .wbtc5-pill{

      max-width:none;

      text-align:left;

    }


    .wbtc5-chart{
      height:300px;
    }


    .wbtc5-stepInline{

      grid-template-columns:
        92px minmax(0,1fr);

    }

  }



  /* =====================================
     MOBILE
     ===================================== */

  @media (max-width:700px){

    .wbtc5-shell{
      padding:6px;
    }


    .wbtc5-grid{
      gap:8px;
    }


    .wbtc5-card,
    .wbtc5-seo{

      padding:9px;

      border-radius:18px;

      box-shadow:
        0 10px 24px rgba(0,0,0,.08);

    }


    .wbtc5-seo{
      padding:10px;
    }


    .wbtc5-kicker{

      font-size:13px;

      padding:
        5px 8px;

      margin-bottom:7px;

    }


    .wbtc5-seoTitle{

      font-size:19px !important;

      line-height:1.14;

    }


    .wbtc5-seoText{

      font-size:13px;

      line-height:1.3;

      margin-top:7px;

    }


    .wbtc5-chips{

      gap:5px;

      margin-top:9px;

    }


    .wbtc5-chips span{

      font-size:11px;

      padding:
        5px 7px;

    }


    .wbtc5-head{

      margin-bottom:7px;

      gap:7px;

    }


    .wbtc5-headKicker{

      font-size:11px;

      margin-bottom:2px;

    }


    .wbtc5-headTitle{

      font-size:17px;

      line-height:1.1;

    }


    .wbtc5-stageGrid{

      grid-template-columns:
        repeat(3,minmax(0,1fr));

      gap:6px;

    }


    .wbtc5-stage{

      padding:
        7px 3px;

      border-radius:13px;

    }


    .wbtc5-stage b{
      font-size:17px;
    }


    .wbtc5-stage span{

      font-size:10px;

      margin-top:3px;

    }


    .wbtc5-stage small{

      font-size:10px;

      line-height:1.08;

      margin-top:4px;

    }


    .wbtc5-note,
    .wbtc5-infoBox{

      margin-top:7px;

      padding:
        7px 8px;

      border-radius:13px;

      font-size:12px;

      line-height:1.24;

    }


    .wbtc5-divider{
      margin:9px 0;
    }


    .wbtc5-stepInline{

      grid-template-columns:
        74px minmax(0,1fr);

      gap:7px;

    }


    .wbtc5-dayBox{

      grid-template-columns:
        36px minmax(0,1fr) 36px;

      gap:6px;

      padding:7px;

      border-radius:15px;

    }


    .wbtc5-dayBox input{
      font-size:30px;
    }


    .wbtc5-roundBtn{

      width:36px;

      height:36px;

      border-radius:12px;

      font-size:22px;

    }


    .wbtc5-pill{

      font-size:12px;

      padding:
        6px 8px;

    }


    .wbtc5-main{

      padding:8px;

      border-radius:15px;

    }


    .wbtc5-mainLabel{
      font-size:12px;
    }


    .wbtc5-mainValue{

      font-size:28px !important;

      margin-top:4px;

    }


    .wbtc5-mainSub{

      font-size:12px;

      margin-top:5px;

      line-height:1.2;

    }


    .wbtc5-chart{

      height:245px;

      margin-top:8px;

      border-radius:16px;

    }


    .wbtc5-handle{

      width:36px;

      height:36px;

      transform:
        translate(-18px,-18px);

    }


    .wbtc5-handleLogo{

      width:27px;

      height:27px;

    }


    .wbtc5-dragHint{

      font-size:12px;

      padding:
        5px 8px;

      border-radius:10px;

    }


    .wbtc5-requirements,
    .wbtc5-office{

      padding:8px;

      border-radius:13px;

      margin-top:7px;

      font-size:12px;

      line-height:1.28;

    }

  }



  @media (prefers-reduced-motion:reduce){

    .wbtc5-stage,
    .wbtc5-roundBtn{
      animation:none;
    }

  }