It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://agengim.com/id

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <meta charset="utf-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <meta name="csrf-token" content="">
  7.    <title>Oopss - Top Up Game Murah, Mudah dan Aman 100%</title>
  8.    <meta name="title" content="Oopss">
  9.    <meta name="description" content="AgenGim solusi layanan Top up game dan Reseller Voucher Game termurah dan terpercaya no #1 di Indonesia. Topup lebih dari 100 game online terkemuka dunia di AgenGim mudah aman tanpa registrasi, instan masuk dalam hitungan detik.">
  10.    <meta property="og:type" content="website">
  11.    <meta property="og:url" content="https://www.agengim.com">
  12.    <meta property="og:title" content="Oopss">
  13.    <meta property="og:description" content="AgenGim solusi layanan Top up game dan Reseller Voucher Game termurah dan terpercaya no #1 di Indonesia. Topup lebih dari 100 game online terkemuka dunia di AgenGim mudah aman tanpa registrasi, instan masuk dalam hitungan detik.">
  14.    <meta name="twitter:image" content="/assets/logo/LogoCekGame.svg" />
  15.    <meta property="og:image" content="/assets/logo/LogoCekGame.svg" />
  16.    <meta name="robots" content="index, follow">
  17.    <meta content="desktop" name="device">
  18.    <meta name="author" content="AgenGim">
  19.    <meta name="coverage" content="Worldwide">
  20.    <meta name="apple-mobile-web-app-title" content="Oopss">
  21.    <link rel="shortcut icon" href="https://agengim.com/assets/logo/logobiru (12).png">
  22.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
  23.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
  24.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css">
  25.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.7.95/css/materialdesignicons.min.css">
  26.    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
  27.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
  28.    
  29.    <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
  30.    
  31.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  32.    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  33.    <link rel="stylesheet" type="text/css" href="/assets/css/owl.carousel.css"/>
  34.  
  35.    <link href="https://cdn.jsdelivr.net/npm/pace-progress@1.0.2/themes/pink/pace-theme-flash.min.css" rel="stylesheet">
  36.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  37.    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css">
  38.    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
  39.    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  40.    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  41.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
  42.    <meta name="theme-color" content="#3f3f3f">
  43.    <meta name="msapplication-navbutton-color" content="#3f3f3f">
  44.    <meta name="apple-mobile-web-app-status-bar-style" content="#3f3f3f">
  45.    <link rel="stylesheet" type="text/css" href="/assets/css/pixel.css?v=1715806708">
  46.    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  47.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery.js@1.4.0/dist/css/lightgallery.min.css">
  48.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
  49.    <style>
  50.    
  51.        @import    url('https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/2.0.46/css/materialdesignicons.css');
  52.        /*@import    url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap'); font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;*/
  53.        @import    url("https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&display=swap");
  54.  
  55.        :root {
  56.            --warna_1: #333c48;
  57.            --warna_2: #46a9ca;
  58.            --warna_3: #29313d;
  59.            --warna_4: #4e4e4e;
  60.            --warna_5: ;
  61.            --warna_6: ;
  62.            --warna: #FEC832;
  63.            --primary: #FEC832;
  64.            --success: #258f0a;
  65.            --info: #1CB0F6;
  66.            --danger: #D33131;
  67.            --warning: #FA811B;
  68.        }
  69.                
  70.        textarea:hover,
  71.        input:hover,
  72.        textarea:active,
  73.        input:active,
  74.        textarea:focus,
  75.        input:focus,
  76.        button:focus,
  77.        button:active,
  78.        button:hover,
  79.        label:focus,
  80.        .btn:active,
  81.        .btn.active
  82.        {
  83.            outline:0px !important;
  84.            -webkit-appearance:none;
  85.            box-shadow: none !important;
  86.        }
  87.        h1, h2, h3, h4, h5, h6 {
  88.            font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  89.        }
  90.        #modal-popup .close, #modal-popup .close-bottom {
  91.            font-size: 24px;
  92.            color: red;
  93.            text-decoration: none;
  94.        }
  95.        #modal-deskripsi .close, #modal-deskripsi .close-bottom {
  96.            font-size: 24px;
  97.            color: red;
  98.            text-decoration: none;
  99.        }
  100.        body {
  101.            color: #fff;
  102.            background: linear-gradient(to right, var(--warna_5), var(--warna_1));
  103.            font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  104.        }
  105.        
  106.        .kuro-item-container {
  107.            position: relative;
  108.        }
  109.        
  110.        .kuro-item-container::before {
  111.            content: "";
  112.            position: absolute;
  113.            top: 30%;
  114.            left: 50%;
  115.            transform: translate(-50%, -50%);
  116.            width: 100%;
  117.            height: 100%;
  118.            max-width: 100px;
  119.            max-height: 100px;
  120.            background-image: url('/assets/logo/LogoAgenGimGerak.gif');
  121.            background-size: cover;
  122.            /*filter: brightness(0) invert(1);*/
  123.            opacity: 0;
  124.            transition: opacity 0.3s ease-in-out;
  125.        }
  126.        
  127.        @media    only screen and (max-width: 768px) {
  128.            .kuro-item-container::before {
  129.                max-width: 50px;
  130.                max-height: 50px;
  131.            }
  132.        }
  133.        
  134.        @media    only screen and (max-width: 480px) {
  135.            .kuro-item-container::before {
  136.               max-width: 50px;
  137.            max-height: 50px;
  138.            }
  139.        }
  140.        
  141.        
  142.        .group:hover .kuro-item-container::before {
  143.            opacity: 1;
  144.        }
  145.        .custom-element {
  146.            font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  147.        }
  148.        .blurred-navbar {
  149.            background-color: var(--warna_2);
  150.            backdrop-filter: blur(10px);
  151.        }
  152.        .offcanvas.offcanvas-end {
  153.            background: #152a49;
  154.        }
  155.        .kuro-menu-list {
  156.            padding-top: 0px;
  157.        }
  158.        .kuro-menu-list a {
  159.         text-decoration: none;
  160.         color: white;
  161.         display: block;
  162.         padding: 12px 20px;
  163.         border-radius: 50px;
  164.         margin-bottom: 4px;
  165.        }
  166.        .kuro-menu-list a svg {
  167.         width: 20px;
  168.         margin-top: -4px;
  169.         margin-right: 8px;
  170.        }
  171.        .kuro-menu-list a:hover, .kuro-menu-list a.active {
  172.         background: linear-gradient(90deg, var(--warna_1) 0%, #e3bf0b26 80%);
  173.        }
  174.        .kuro-auth {
  175.         display: inline-block;
  176.         background: var(--warna_3);
  177.         padding: 4px;
  178.         border-radius: 6px;
  179.         margin-left: 12px;
  180.        }
  181.        .kuro-auth a {
  182.         color: #fff;
  183.         text-decoration: none;
  184.         padding: 6px 12px;
  185.         display: inline-block;
  186.         border-radius: 6px;
  187.         font-weight: 500;
  188.        }
  189.        .kuro-menu-list a:hover, .kuro-menu-list a.active {
  190.            background: linear-gradient(90deg, var(--warna_1) 0%, #1c689773 80%);
  191.        }
  192.        .scroll-up-btn {
  193.            display: none;
  194.            position: fixed;
  195.            width: 45px;
  196.            height: 45px;
  197.            bottom: 19px;
  198.            right: 10px;
  199.            color: #FFF;
  200.            border: 1px solid var(--warna_1);
  201.            background: var(--warna_2);
  202.            border-radius: 10px;
  203.            text-align: center;
  204.            font-size: 16px;
  205.            z-index: 99999;
  206.        }
  207.        .text-text-color {
  208.            color: hsl(0 0% 100%);
  209.        }
  210.        .text-5xl {
  211.            font-size: 3rem;
  212.            line-height: 1;
  213.        }
  214.        .bg-gray-100 {
  215.            --tw-bg-opacity: 1;
  216.            background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  217.        }
  218.        
  219.        .border-gray-200 {
  220.            --tw-border-opacity: 1;
  221.            border-color: rgb(229 231 235 / var(--tw-border-opacity));
  222.        }
  223.        .rounded-\[4px\] {
  224.            border-radius: 4px;
  225.        }
  226.        .text-text-color\/75 {
  227.            color: hsl(0 0% 100% / .75);
  228.        }
  229.        .bg-yellow-400 {
  230.            --tw-bg-opacity: 1;
  231.            background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  232.        }
  233.        .zoomable {
  234.            transition: transform 0.3s ease;
  235.        }
  236.        .zoomable:hover .grayscale-on-hover {
  237.            filter: grayscale(0%);
  238.        }
  239.        .grayscale-on-hover {
  240.            transition: filter 0.1s ease;
  241.            filter: grayscale(100%);
  242.        }
  243.        .border-yellow-400 {
  244.            --tw-border-opacity: 1;
  245.            border-color: rgb(250 204 21 / var(--tw-border-opacity));
  246.        }
  247.        .object-\[100\%_10\%\] {
  248.          -o-object-position: 100% 10%;
  249.          object-position: 100% 10%;
  250.        }
  251.        .object-\[75\%_50\%\] {
  252.          -o-object-position: 75% 50%;
  253.          object-position: 75% 50%;
  254.        }
  255.        .blur {
  256.          --tw-blur: blur(8px);
  257.        }
  258.        .blur,
  259.        .grayscale {
  260.          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
  261.            var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
  262.            var(--tw-sepia) var(--tw-drop-shadow);
  263.        }
  264.        .grayscale {
  265.          --tw-grayscale: grayscale(100%);
  266.        }
  267.        .rounded-t-xl, .rounded-tl-xl {
  268.            border-top-left-radius: 0.75rem;
  269.        }
  270.        
  271.        .rounded-t-xl {
  272.            border-top-right-radius: 0.75rem;
  273.        }
  274.        .h-\[4\.5rem\] {
  275.            height: 4.5rem;
  276.        }
  277.        .bg-no-repeat {
  278.            background-repeat: no-repeat;
  279.        }
  280.        .bg-\[120px\] {
  281.            background-position: 120px;
  282.        }
  283.        
  284.        .bg-contain {
  285.            background-size: contain;
  286.        }
  287.        .bg-\[url\(\'\/assets\/images\/bg-fav-card\.svg\'\)\] {
  288.            background-image: url(/assets/images/bg-fav-card.svg);
  289.        }
  290.        .rounded-b-xl {
  291.            border-bottom-right-radius: 0.5rem;
  292.            border-bottom-left-radius: 0.5rem;
  293.        }
  294.        .group:hover .group-hover\:grayscale-0 {
  295.            --tw-grayscale: grayscale(0);
  296.            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);
  297.        }
  298.        .fab-container {
  299.        position: fixed;
  300.        bottom: 70px;
  301.        right: 10px;
  302.        z-index: 999;
  303.        cursor: pointer;
  304.    }
  305.  
  306.    .fab-icon-holder {
  307.        width: 45px;
  308.        height: 45px;
  309.        bottom: 140px;
  310.        left: 10px;
  311.        color: #FFF;
  312.        background: #FFF;
  313.        /* padding: 1px; */
  314.        border-radius: 10px;
  315.        text-align: center;
  316.        font-size: 30px;
  317.        z-index: 99999;
  318.    }
  319.  
  320.    .fab-icon-holder:hover {
  321.        opacity: 0.8;
  322.    }
  323.  
  324.    .fab-icon-holder i {
  325.        display: flex;
  326.        align-items: center;
  327.        justify-content: center;
  328.        height: 100%;
  329.        font-size: 25px;
  330.        color: #ffffff;
  331.    }
  332.  
  333.    .fab-options {
  334.        list-style-type: none;
  335.        margin: 0;
  336.        position: absolute;
  337.        bottom: 48px;
  338.        left: -7px;
  339.        opacity: 0;
  340.        transition: all 0.3s ease;
  341.        transform: scale(0);
  342.        transform-origin: 85% bottom;
  343.    }
  344.  
  345.    .fab:hover+.fab-options,
  346.    .fab-options:hover {
  347.        opacity: 1;
  348.        transform: scale(1);
  349.    }
  350.  
  351.    .fab-options li {
  352.        display: flex;
  353.        justify-content: flex-start;
  354.        padding: 5px;
  355.    }
  356.  
  357.    .fab-label {
  358.        padding: 2px 5px;
  359.        align-self: center;
  360.        user-select: none;
  361.        white-space: nowrap;
  362.        border-radius: 3px;
  363.        font-size: 16px;
  364.        background: #666666;
  365.        color: #ffffff;
  366.        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  367.        margin-left: 10px;
  368.    }
  369.    .img-chat {
  370.        max-width: 100%;
  371.        height: auto;
  372.        /* background-color: #f89728; */
  373.        border-radius: 10px;
  374.    }
  375.    
  376.        .bg-primary {
  377.            background: var(--warna_2) !important;
  378.        }
  379.        .bg-secondary {
  380.            background: var(--warna_3) !important;
  381.        }
  382.        .bg-white-custom {
  383.            background: var(--warna_3) !important;
  384.        }
  385.        .bg-card {
  386.            color: #fff;
  387.            background-image: linear-gradient(to right, #545454, #000000);
  388.        }
  389.        .offcanvass-body {
  390.            flex-grow: 1;
  391.            padding-top: 0rem;
  392.            padding-right: 1rem;
  393.            padding-bottom: 100%;
  394.            padding-left: 1rem;
  395.            overflow-y: visible;
  396.            background: var(--warna_2);
  397.        }
  398.        .offcanvass-header {
  399.            display: flex;
  400.            align-items: center;
  401.            padding-top: 0rem;
  402.            padding-right: 1rem;
  403.            padding-bottom: 0rem;
  404.            padding-left: 1rem;
  405.            flex-direction: row;
  406.            justify-content: space-between;
  407.        }
  408.        .navbar {
  409.            color: #fff;
  410.            
  411.        }
  412.        .navbar-toggler {
  413.            font-size: 32px;
  414.        }
  415.        .offcanvas.offcanvas-end {
  416.            background: var(--warna_2);
  417.        }
  418.        .navbar-nav .nav-link {
  419.            color: #fff;
  420.        }
  421.        .btn-login {
  422.            color: #fff;
  423.            background: #0d6efd!important;
  424.        }
  425.        
  426.        .content-body {
  427.            padding: 0 5px;
  428.            padding-top: 80px;
  429.        }
  430.        @media (min-width: 576px){
  431.            .content-body {
  432.                margin: 0 auto;
  433.                max-width: 1140px;
  434.                padding-top: 80px;
  435.            }
  436.        }
  437.        
  438.        .resultsearch {
  439.            width: 100%;
  440.            inset: 0px auto auto 0px;
  441.            margin: 0px;
  442.            transform: translate(0px, 50px);
  443.            background-color: #000000;
  444.            border-color: rgba(0,0,0,.15);
  445.            color: #fff;
  446.            overflow-y: auto;
  447.            max-height: 500px;
  448.        }
  449.        @media (min-width: 768px) {
  450.            .resultsearch {
  451.                width: 50%;
  452.                max-height: 500px;
  453.                transform: translate(220px, 50px);
  454.            }
  455.        }
  456.        .resultsearch .dropdown-item:hover{
  457.           background-color: #000000;
  458.           color: #fff;
  459.       }
  460.       .search-bar input{
  461.        border: none;
  462.        color: rgb(156 163 175);
  463.        background: #ffffff;
  464.        border-radius: 9999px;
  465.    }
  466.    .search-bar span{
  467.        border: none;
  468.        border-radius: 9999px;
  469.        color: rgb(156 163 175);
  470.        background: #ffffff;
  471.    }
  472.    .search-bar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  473.      color: #878aad;
  474.      opacity: 1; /* Firefox */
  475.  }
  476.  .input-box:focus {
  477.    color: #000;
  478.    background: #ffffff;
  479. }
  480. .img-search{
  481.    padding-left: 15px;
  482. }
  483.  
  484. .content-body form input {
  485.    outline: none;
  486.    margin-top: -30px;
  487.    border: none !important;
  488.    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  489. }
  490.  
  491. .row {
  492.    --bs-gutter-x: 0.5rem;
  493. }
  494. .product .box{
  495.    margin-bottom:40px;
  496. }
  497.  
  498. @media (max-width: 576px){
  499.    .product .box {
  500.        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
  501.        border-radius: 0.75rem;
  502.        text-align: center;
  503.        background: #646464;
  504.        display: block;
  505.        text-decoration: none;
  506.        color: #fff;
  507.        height: 10rem;
  508.    }
  509. }
  510. @media (min-width: 576px){
  511.  .product .box {
  512.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
  513.    border-radius: 0.75rem;
  514.    text-align: center;
  515.    background: #646464;
  516.    display: block;
  517.    text-decoration: none;
  518.    color: #fff;
  519.    height: 15rem;
  520. }
  521. }
  522.  
  523. .card-product {
  524.    
  525.    margin-bottom: -30px;
  526.    gap: 0.5rem;
  527. }
  528.  
  529. @media (max-width: 576px) {
  530.    .product p {
  531.        font-size: 12px!important;
  532.    }
  533. }
  534.  
  535. .product .box img {
  536.    width: 100%;
  537.    height: 100%;
  538.    display: block;
  539.    margin: auto;
  540.    object-fit: cover;
  541.    border-radius: 0.75rem;
  542. }
  543.  
  544. .card {
  545.    cursor: pointer;
  546. }
  547.  
  548.  
  549.  
  550. .footer img {
  551.    padding-top: 2.5rem 0;
  552. }
  553. .text-copyright {
  554.    color: #718096;
  555.    font-size: 0.875rem;
  556. }
  557.  
  558. .sosmed {
  559.    margin-bottom: 20px;
  560. }
  561. .sosmed a {
  562.    margin: 0 10px;
  563.    text-decoration: none;
  564.    color: #fff;
  565. }
  566. .sosmed i {
  567.    font-size: 24px;
  568. }
  569.  
  570.  
  571. .item .metode {
  572.    margin: 5px 0;
  573.    background: #fff;
  574.    border-radius: 8px;
  575.    padding: 0.75rem;
  576.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  577. }
  578. .my-form label {
  579.    font-size: 1rem;
  580. }
  581. .my-form .form-control {
  582.    background: #fefefe;
  583.    margin-top: 6px;
  584.    border: 2px solid #fefefe !important;
  585. }
  586. .my-form .form-control:active, .my-form .form-control:focus {
  587.    border-color: #fefefe !important;
  588.    box-shadow: none !important;
  589.    outline: none !important;
  590. }
  591.  
  592. .method-list {
  593.    overflow: hidden;
  594.    cursor: pointer;
  595. }
  596. .method-list.active {
  597.    border-color: var(--warna_2) !important;
  598. }
  599. @media (min-width: 320px) {
  600.    .method-list.active:before {
  601.        display: inline-block;
  602.        content: 'L';
  603.        position: relative;
  604.        background: var(--warna_2);
  605.        margin-left: -16px;
  606.        height: 75px;
  607.        line-height: 55px;
  608.        width: 20px;
  609.        text-align: center;
  610.        color: #fff;
  611.        top: -35px;
  612.        transform: rotate(45deg) scaleX(-1);
  613.    }
  614. }
  615. @media (min-width: 640px) {
  616.    .method-list.active:before {
  617.        display: inline-block;
  618.        content: 'L';
  619.        position: relative;
  620.        background: var(--warna_2);
  621.        margin-left: -16px;
  622.        height: 53px;
  623.        line-height: 55px;
  624.        width: 20px;
  625.        text-align: center;
  626.        color: #fff;
  627.        top: -35px;
  628.        transform: rotate(45deg) scaleX(-1);
  629.    }
  630. }
  631.  
  632. @media (min-width: 768px) {
  633.    .method-list.active:before {
  634.        display: inline-block;
  635.        content: 'L';
  636.        position: relative;
  637.        background: var(--warna_2);
  638.        margin-left: -16px;
  639.        height: 53px;
  640.        line-height: 55px;
  641.        width: 20px;
  642.        text-align: center;
  643.        color: #fff;
  644.        top: -35px;
  645.        transform: rotate(45deg) scaleX(-1);
  646.    }
  647. }
  648.  
  649. @media (min-width: 1024px) {
  650.    .method-list.active:before {
  651.        display: inline-block;
  652.        content: 'L';
  653.        position: relative;
  654.        background: var(--warna_2);
  655.        margin-left: -16px;
  656.        height: 53px;
  657.        line-height: 55px;
  658.        width: 20px;
  659.        text-align: center;
  660.        color: #fff;
  661.        top: -35px;
  662.        transform: rotate(45deg) scaleX(-1);
  663.    }
  664. }
  665.  
  666. @media (min-width: 1280px) {
  667.    .method-list.active:before {
  668.        display: inline-block;
  669.        content: 'L';
  670.        position: relative;
  671.        background: var(--warna_2);
  672.        margin-left: -16px;
  673.        height: 53px;
  674.        line-height: 55px;
  675.        width: 20px;
  676.        text-align: center;
  677.        color: #fff;
  678.        top: -35px;
  679.        transform: rotate(45deg) scaleX(-1);
  680.    }
  681. }
  682.  
  683. @media (min-width: 1536px) {
  684.    .method-list.active:before {
  685.        display: inline-block;
  686.        content: 'L';
  687.        position: relative;
  688.        background: var(--warna_2);
  689.        margin-left: -16px;
  690.        height: 53px;
  691.        line-height: 55px;
  692.        width: 20px;
  693.        text-align: center;
  694.        color: #fff;
  695.        top: -35px;
  696.        transform: rotate(45deg) scaleX(-1);
  697.    }
  698. }
  699. .method-list.active table {
  700.    margin-top: -53px;
  701. }
  702. .search-item {
  703.    width: 50%;
  704. }
  705. @media (min-width: 768px) {
  706.    .search-item {
  707.        width: 50%;
  708.        margin-left: 100px;
  709.    }
  710. }
  711.  
  712. .swal2-popup {
  713.    display: none;
  714.    position: relative;
  715.    box-sizing: border-box;
  716.    grid-template-columns: minmax(0, 100%);
  717.    width: 32em;
  718.    max-width: 100%;
  719.    padding: 0 0 1.25em;
  720.    border: none;
  721.    border-radius: 5px;
  722.    background: #222831!important;
  723.    color: #fff!important;
  724.    font-family: inherit;
  725.    font-size: 1rem;
  726. }
  727. .swal2-html-container {
  728.    z-index: 1;
  729.    justify-content: center;
  730.    margin: 1em 1.6em 0.3em;
  731.    padding: 0;
  732.    overflow: auto;
  733.    color: inherit;
  734.    font-size: 1.125em;
  735.    font-weight: normal;
  736.    line-height: normal;
  737.    text-align: left!important;
  738.    word-wrap: break-word;
  739.    word-break: break-word;
  740. }
  741. .flex-1 {
  742.    flex: 1 1 0%;
  743. }
  744.  
  745. /*kosweb*/
  746.  
  747.  
  748.    *,
  749. :after,
  750. :before {
  751.    box-sizing: border-box;
  752.    border: 0 solid #e5e7eb;
  753. }
  754.  
  755.  
  756. :after,
  757. :before {
  758.    --tw-content: "";
  759. }
  760.  
  761. audio,svg{
  762.    display: block;
  763.    vertical-align: middle
  764. }
  765.  
  766.  
  767.  
  768.  
  769. html {
  770.    line-height: 1.5;
  771.    -webkit-text-size-adjust: 100%;
  772.    -moz-tab-size: 4;
  773.    -o-tab-size: 4;
  774.    tab-size: 4;
  775.    font-family: var(--font-primary), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  776.    font-feature-settings: normal;
  777. }
  778.  
  779. body {
  780.    margin: 0;
  781.    line-height: inherit;
  782. }
  783.  
  784. hr {
  785.    height: 0;
  786.    color: inherit;
  787.    border-top-width: 1px;
  788. }
  789.  
  790. abbr:where([title]) {
  791.    -webkit-text-decoration: underline dotted;
  792.    text-decoration: underline dotted;
  793. }
  794.  
  795. h1,
  796. h2,
  797. h3,
  798. h4,
  799. h5,
  800. h6 {
  801.    font-size: inherit;
  802.    font-weight: inherit;
  803. }
  804.  
  805. a {
  806.    color: inherit;
  807.    text-decoration: inherit;
  808. }
  809.  
  810. b,
  811. strong {
  812.    font-weight: bolder;
  813. }
  814.  
  815. code,
  816. kbd,
  817. pre,
  818. samp {
  819.    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  820.    font-size: 1em;
  821. }
  822.  
  823. small {
  824.    font-size: 80%;
  825. }
  826.  
  827. sub,
  828. sup {
  829.    font-size: 75%;
  830.    line-height: 0;
  831.    position: relative;
  832.    vertical-align: baseline;
  833. }
  834.  
  835. sub {
  836.    bottom: -0.25em;
  837. }
  838.  
  839. sup {
  840.    top: -0.5em;
  841. }
  842.  
  843. table {
  844.    text-indent: 0;
  845.    border-color: inherit;
  846.    border-collapse: collapse;
  847. }
  848.  
  849. button,
  850. input,
  851. optgroup,
  852. select,
  853. textarea {
  854.    font-family: inherit;
  855.    font-size: 100%;
  856.    font-weight: inherit;
  857.    line-height: inherit;
  858.    color: inherit;
  859.    margin: 0;
  860.    padding: 0;
  861. }
  862.  
  863. button,
  864. select {
  865.    text-transform: none;
  866. }
  867.  
  868. [type="button"],
  869. [type="reset"],
  870. [type="submit"],
  871. button {
  872.    -webkit-appearance: button;
  873.    background-color: transparent;
  874.    background-image: none;
  875. }
  876.  
  877. :-moz-focusring {
  878.    outline: auto;
  879. }
  880.  
  881. :-moz-ui-invalid {
  882.    box-shadow: none;
  883. }
  884.  
  885. progress {
  886.    vertical-align: baseline;
  887. }
  888.  
  889. ::-webkit-inner-spin-button,
  890. ::-webkit-outer-spin-button {
  891.    height: auto;
  892. }
  893.  
  894. [type="search"] {
  895.    -webkit-appearance: textfield;
  896.    outline-offset: -2px;
  897. }
  898.  
  899. ::-webkit-search-decoration {
  900.    -webkit-appearance: none;
  901. }
  902.  
  903. ::-webkit-file-upload-button {
  904.    -webkit-appearance: button;
  905.    font: inherit;
  906. }
  907.  
  908. summary {
  909.    display: list-item;
  910. }
  911.  
  912. blockquote,
  913. dd,
  914. dl,
  915. figure,
  916. h1,
  917. h2,
  918. h3,
  919. h4,
  920. h5,
  921. h6,
  922. hr,
  923. p,
  924. pre {
  925.    margin: 0;
  926. }
  927.  
  928. fieldset {
  929.    margin: 0;
  930. }
  931.  
  932. fieldset,
  933. legend {
  934.    padding: 0;
  935. }
  936.  
  937. menu,
  938. ol,
  939. ul {
  940.    list-style: none;
  941.    margin: 0;
  942.    padding: 0;
  943. }
  944.  
  945. textarea {
  946.    resize: vertical;
  947. }
  948.  
  949. input::-moz-placeholder,
  950. textarea::-moz-placeholder {
  951.    color: #9ca3af;
  952. }
  953.  
  954. input::placeholder,
  955. textarea::placeholder {
  956.    color: #9ca3af;
  957. }
  958.  
  959. [role="button"],
  960. button {
  961.    cursor: pointer;
  962. }
  963.  
  964. :disabled {
  965.    cursor: default;
  966. }
  967.  
  968.  
  969. img, video {
  970.    max-width: 100%;
  971.    height: auto;
  972. }
  973.  
  974. [hidden] {
  975.    display: none;
  976. }
  977.  
  978.  
  979. html {
  980.    height: 100%;
  981.    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  982. }
  983.  
  984. body {
  985.    min-height: 100%;
  986. }
  987.  
  988. *,
  989. :after,
  990. :before {
  991.    --tw-border-spacing-x: 0;
  992.    --tw-border-spacing-y: 0;
  993.    --tw-translate-x: 0;
  994.    --tw-translate-y: 0;
  995.    --tw-rotate: 0;
  996.    --tw-skew-x: 0;
  997.    --tw-skew-y: 0;
  998.    --tw-scale-x: 1;
  999.    --tw-scale-y: 1;
  1000.    --tw-pan-x: ;
  1001.    --tw-pan-y: ;
  1002.    --tw-pinch-zoom: ;
  1003.    --tw-scroll-snap-strictness: proximity;
  1004.    --tw-ordinal: ;
  1005.    --tw-slashed-zero: ;
  1006.    --tw-numeric-figure: ;
  1007.    --tw-numeric-spacing: ;
  1008.    --tw-numeric-fraction: ;
  1009.    --tw-ring-inset: ;
  1010.    --tw-ring-offset-width: 0px;
  1011.    --tw-ring-offset-color: #fff;
  1012.    --tw-ring-color: #fff;
  1013.    --tw-ring-offset-shadow: 0 0 #0000;
  1014.    --tw-ring-shadow: 0 0 #0000;
  1015.    --tw-shadow: 0 0 #0000;
  1016.    --tw-shadow-colored: 0 0 #0000;
  1017.    --tw-blur: ;
  1018.    --tw-brightness: ;
  1019.    --tw-contrast: ;
  1020.    --tw-grayscale: ;
  1021.    --tw-hue-rotate: ;
  1022.    --tw-invert: ;
  1023.    --tw-saturate: ;
  1024.    --tw-sepia: ;
  1025.    --tw-drop-shadow: ;
  1026.    --tw-backdrop-blur: ;
  1027.    --tw-backdrop-brightness: ;
  1028.    --tw-backdrop-contrast: ;
  1029.    --tw-backdrop-grayscale: ;
  1030.    --tw-backdrop-hue-rotate: ;
  1031.    --tw-backdrop-invert: ;
  1032.    --tw-backdrop-opacity: ;
  1033.    --tw-backdrop-saturate: ;
  1034.    --tw-backdrop-sepia: ;
  1035. }
  1036.  
  1037. ::backdrop {
  1038.    --tw-border-spacing-x: 0;
  1039.    --tw-border-spacing-y: 0;
  1040.    --tw-translate-x: 0;
  1041.    --tw-translate-y: 0;
  1042.    --tw-rotate: 0;
  1043.    --tw-skew-x: 0;
  1044.    --tw-skew-y: 0;
  1045.    --tw-scale-x: 1;
  1046.    --tw-scale-y: 1;
  1047.    --tw-pan-x: ;
  1048.    --tw-pan-y: ;
  1049.    --tw-pinch-zoom: ;
  1050.    --tw-scroll-snap-strictness: proximity;
  1051.    --tw-ordinal: ;
  1052.    --tw-slashed-zero: ;
  1053.    --tw-numeric-figure: ;
  1054.    --tw-numeric-spacing: ;
  1055.    --tw-numeric-fraction: ;
  1056.    --tw-ring-inset: ;
  1057.    --tw-ring-offset-width: 0px;
  1058.    --tw-ring-offset-color: #fff;
  1059.    /*Ring Hover*/
  1060.    --tw-ring-color: #fff;
  1061.    --tw-ring-offset-shadow: 0 0 #0000;
  1062.    --tw-ring-shadow: 0 0 #0000;
  1063.    --tw-shadow: 0 0 #0000;
  1064.    --tw-shadow-colored: 0 0 #0000;
  1065.    --tw-blur: ;
  1066.    --tw-brightness: ;
  1067.    --tw-contrast: ;
  1068.    --tw-grayscale: ;
  1069.    --tw-hue-rotate: ;
  1070.    --tw-invert: ;
  1071.    --tw-saturate: ;
  1072.    --tw-sepia: ;
  1073.    --tw-drop-shadow: ;
  1074.    --tw-backdrop-blur: ;
  1075.    --tw-backdrop-brightness: ;
  1076.    --tw-backdrop-contrast: ;
  1077.    --tw-backdrop-grayscale: ;
  1078.    --tw-backdrop-hue-rotate: ;
  1079.    --tw-backdrop-invert: ;
  1080.    --tw-backdrop-opacity: ;
  1081.    --tw-backdrop-saturate: ;
  1082.    --tw-backdrop-sepia: ;
  1083. }
  1084.  
  1085. html {
  1086.    font-family: var(--font-inter-var);
  1087. }
  1088.  
  1089. input::-webkit-inner-spin-button,
  1090. input::-webkit-outer-spin-button {
  1091.    -webkit-appearance: none;
  1092.    margin: 0;
  1093. }
  1094.  
  1095. input[type="number"] {
  1096.    -moz-appearance: textfield;
  1097. }
  1098.  
  1099. .hide-scrollbar {
  1100.    -ms-overflow-style: none;
  1101.    scrollbar-width: none;
  1102. }
  1103.  
  1104. .hide-scrollbar::-webkit-scrollbar {
  1105.    display: none;
  1106. }
  1107.  
  1108. .grecaptcha-badge {
  1109.    visibility: hidden;
  1110.    background-color: transparent;
  1111.    box-shadow: none !important;
  1112. }
  1113.  
  1114.  
  1115. .PhoneInput > :not([hidden]) ~ :not([hidden]) {
  1116.    --tw-space-x-reverse: 0;
  1117.    margin-right: calc(1rem * var(--tw-space-x-reverse));
  1118.    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  1119. }
  1120.  
  1121. .PhoneInput {
  1122.    border-radius: 0.5rem;
  1123.    border-width: 1px;
  1124.    border-color: transparent;
  1125.    padding-left: 1rem;
  1126. }
  1127.  
  1128. .PhoneInput,
  1129. .PhoneInputInput {
  1130.    --tw-bg-opacity: 1;
  1131.    background-color: rgb(195 201 204 / var(--tw-bg-opacity));
  1132.    font-size: 0.75rem;
  1133.    line-height: 1rem;
  1134. }
  1135.  
  1136. .PhoneInputInput {
  1137.    display: block;
  1138.    width: 100%;
  1139.    min-width: 0;
  1140.    flex: 1 1 0%;
  1141.    border-top-right-radius: 0.5rem;
  1142.    border-bottom-right-radius: 0.5rem;
  1143.    border-width: 1px;
  1144.    border-color: transparent;
  1145.    --tw-text-opacity: 1;
  1146.    color: rgb(52 55 59 / var(--tw-text-opacity));
  1147.    outline: 2px solid transparent !important;
  1148.    outline-offset: 2px !important;
  1149. }
  1150.  
  1151. .PhoneInputInput::-moz-placeholder {
  1152.    --tw-text-opacity: 1;
  1153.    color: rgb(52 55 59 / var(--tw-text-opacity));
  1154. }
  1155.  
  1156. .PhoneInputInput::placeholder {
  1157.    --tw-text-opacity: 1;
  1158.    color: rgb(52 55 59 / var(--tw-text-opacity));
  1159. }
  1160.  
  1161. .PhoneInputInput:focus {
  1162.    border-color: transparent;
  1163.    outline: 2px solid transparent;
  1164.    outline-offset: 2px;
  1165.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  1166.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  1167.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  1168.    --tw-ring-opacity: 1;
  1169.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  1170. }
  1171.  
  1172. .PhoneInputCountrySelectArrow {
  1173.    display: none !important;
  1174. }
  1175.  
  1176. .PhoneInputCountrySelect {
  1177.    --tw-bg-opacity: 1;
  1178.    background-color: rgb(195 201 204 / var(--tw-bg-opacity));
  1179.    font-size: 0.75rem;
  1180.    line-height: 1rem;
  1181. }
  1182.  
  1183. .bg-title-product {
  1184.       background-color: #151c38 !important;
  1185.    --tw-text-opacity: 1;
  1186.    color: rgb(255 255 255 / var(--tw-text-opacity));
  1187.    background-image: url(/assets/image/);
  1188.    background-repeat: repeat-x;
  1189.    background-position: top;
  1190.    background-size: cover;
  1191. }
  1192.  
  1193. .bg-title-product1 {
  1194.        background-color: #022c56 !important;
  1195.    --tw-text-opacity: 1;
  1196.    color: rgb(255 255 255 / var(--tw-text-opacity));
  1197.    background-image: url(/assets/image/360_F_508017258_6fOxJRwoxqhOwa4gfZf1DxpCPosSjwb6.jpg);
  1198.    background-repeat: repeat-x;
  1199.    background-position: top;
  1200.    background-size: cover;
  1201. }
  1202.  
  1203. .bg-title-product3 {
  1204.        background-color: #022c56 !important;
  1205.    --tw-text-opacity: 1;
  1206.    color: rgb(255 255 255 / var(--tw-text-opacity));
  1207.    background-image: url(/assets/image/5570834.jpg);
  1208.    background-repeat: repeat-x;
  1209.    background-position: top;
  1210.    background-size: cover;
  1211. }
  1212.  
  1213. .container {
  1214.    width: 100%;
  1215.    margin-right: auto;
  1216.    margin-left: auto;
  1217. }
  1218.  
  1219.  
  1220. @media  screen and (max-width: 460px) {
  1221.    .content-main {
  1222.        padding-top: 4.4rem !important;
  1223.    }
  1224. }
  1225. @media  screen AND (min-width: 625px) {
  1226.    .content-main {
  1227.        min-height: 551px;
  1228.    }
  1229. }
  1230. @media  screen and (max-width: 625px) {
  1231.    .content-main {
  1232.        padding: 40px 0;
  1233.    }
  1234. }
  1235.  
  1236. @media (min-width: 640px) {
  1237.    .container {
  1238.        max-width: 640px;
  1239.    }
  1240. }
  1241.  
  1242. @media (min-width: 768px) {
  1243.    .container {
  1244.        max-width: 768px;
  1245.    }
  1246. }
  1247.  
  1248. @media (min-width: 1024px) {
  1249.    .container {
  1250.        max-width: 1024px;
  1251.    }
  1252. }
  1253.  
  1254. @media (min-width: 1280px) {
  1255.    .container {
  1256.        max-width: 1280px;
  1257.    }
  1258. }
  1259.  
  1260. @media (min-width: 1536px) {
  1261.    .container {
  1262.        max-width: 1536px;
  1263.    }
  1264. }
  1265.  
  1266. .prose {
  1267.    color: #334155;
  1268.    max-width: none;
  1269. }
  1270.  
  1271. .prose :where(p):not(:where([class~="not-prose"] *)) {
  1272.    margin-top: 1.25em;
  1273.    margin-bottom: 1.25em;
  1274. }
  1275.  
  1276. .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  1277.    color: var(--tw-prose-lead);
  1278.    font-size: 1.25em;
  1279.    line-height: 1.6;
  1280.    margin-top: 1.2em;
  1281.    margin-bottom: 1.2em;
  1282. }
  1283.  
  1284. .prose :where(a):not(:where([class~="not-prose"] *)) {
  1285.    color: #fff;
  1286.    text-decoration: none;
  1287.    font-weight: 600;
  1288.    border-bottom: 1px solid #f97316;
  1289. }
  1290.  
  1291. .prose :where(strong):not(:where([class~="not-prose"] *)) {
  1292.    color: #fff;
  1293.    font-weight: 600;
  1294. }
  1295.  
  1296. .prose :where(a strong):not(:where([class~="not-prose"] *)) {
  1297.    color: inherit;
  1298.    font-weight: inherit;
  1299. }
  1300.  
  1301. .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  1302.    color: inherit;
  1303. }
  1304.  
  1305. .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  1306.    color: inherit;
  1307. }
  1308.  
  1309. .prose :where(ol):not(:where([class~="not-prose"] *)) {
  1310.    list-style-type: decimal;
  1311.    margin-top: 1.25em;
  1312.    margin-bottom: 1.25em;
  1313.    padding-left: 1.625em;
  1314. }
  1315.  
  1316. .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  1317.    list-style-type: upper-alpha;
  1318. }
  1319.  
  1320. .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  1321.    list-style-type: lower-alpha;
  1322. }
  1323.  
  1324. .prose :where(ol[type="As"]):not(:where([class~="not-prose"] *)) {
  1325.    list-style-type: upper-alpha;
  1326. }
  1327.  
  1328. .prose :where(ol[type="as"]):not(:where([class~="not-prose"] *)) {
  1329.    list-style-type: lower-alpha;
  1330. }
  1331.  
  1332. .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  1333.    list-style-type: upper-roman;
  1334. }
  1335.  
  1336. .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  1337.    list-style-type: lower-roman;
  1338. }
  1339.  
  1340. .prose :where(ol[type="Is"]):not(:where([class~="not-prose"] *)) {
  1341.    list-style-type: upper-roman;
  1342. }
  1343.  
  1344. .prose :where(ol[type="is"]):not(:where([class~="not-prose"] *)) {
  1345.    list-style-type: lower-roman;
  1346. }
  1347.  
  1348. .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  1349.    list-style-type: decimal;
  1350. }
  1351.  
  1352. .prose :where(ul):not(:where([class~="not-prose"] *)) {
  1353.    list-style-type: none;
  1354.    margin-top: 1.25em;
  1355.    margin-bottom: 1.25em;
  1356.    padding-left: 0 !important;
  1357. }
  1358.  
  1359. .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  1360.    font-weight: 400;
  1361.    color: #f97316;
  1362. }
  1363.  
  1364. .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  1365.    color: var(--tw-prose-bullets);
  1366. }
  1367.  
  1368. .prose :where(hr):not(:where([class~="not-prose"] *)) {
  1369.    border-color: #f1f5f9;
  1370.    border-top-width: 1px;
  1371.    margin-top: 3em;
  1372.    margin-bottom: 3em;
  1373. }
  1374.  
  1375. .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  1376.    font-weight: 500;
  1377.    font-style: italic;
  1378.    color: var(--tw-prose-quotes);
  1379.    border-left-width: 0.25rem;
  1380.    border-left-color: var(--tw-prose-quote-borders);
  1381.    quotes: "\201C""\201D""\2018""\2019";
  1382.    margin-top: 1.6em;
  1383.    margin-bottom: 1.6em;
  1384.    padding-left: 1em;
  1385. }
  1386.  
  1387. .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *)):before {
  1388.    content: open-quote;
  1389. }
  1390.  
  1391. .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *)):after {
  1392.    content: close-quote;
  1393. }
  1394.  
  1395. .prose :where(h1):not(:where([class~="not-prose"] *)) {
  1396.    color: var(--tw-prose-headings);
  1397.    font-weight: 800;
  1398.    font-size: 2.25em;
  1399.    margin-top: 0;
  1400.    margin-bottom: 0.8888889em;
  1401.    line-height: 1.1111111;
  1402. }
  1403.  
  1404. .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  1405.    font-weight: 900;
  1406.    color: inherit;
  1407. }
  1408.  
  1409. .prose :where(h2):not(:where([class~="not-prose"] *)) {
  1410.    color: var(--tw-prose-headings);
  1411.    font-weight: 700;
  1412.    font-size: 1.5em;
  1413.    margin-top: 2em;
  1414.    margin-bottom: 0.6666666666666666em;
  1415.    line-height: 1.3333333;
  1416. }
  1417.  
  1418. .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  1419.    font-weight: 800;
  1420.    color: inherit;
  1421. }
  1422.  
  1423. .prose :where(h3):not(:where([class~="not-prose"] *)) {
  1424.    color: var(--tw-prose-headings);
  1425.    font-weight: 600;
  1426.    font-size: 1.25em;
  1427.    margin-top: 2.4em;
  1428.    margin-bottom: 0.6em;
  1429.    line-height: 1.4;
  1430. }
  1431.  
  1432. .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  1433.    font-weight: 700;
  1434.    color: inherit;
  1435. }
  1436.  
  1437. .prose :where(h4):not(:where([class~="not-prose"] *)) {
  1438.    color: var(--tw-prose-headings);
  1439.    font-weight: 600;
  1440.    margin-top: 2em;
  1441.    margin-bottom: 0.5em;
  1442.    line-height: 1.5;
  1443.    font-size: 1.125em;
  1444. }
  1445.  
  1446. .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  1447.    font-weight: 700;
  1448.    color: inherit;
  1449. }
  1450.  
  1451. .prose :where(img):not(:where([class~="not-prose"] *)) {
  1452.    margin-top: 2em;
  1453.    margin-bottom: 2em;
  1454. }
  1455.  
  1456. .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  1457.    margin-top: 0;
  1458.    margin-bottom: 0;
  1459. }
  1460.  
  1461. .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  1462.    color: var(--tw-prose-captions);
  1463.    font-size: 0.875em;
  1464.    line-height: 1.4285714;
  1465.    margin-top: 0.8571429em;
  1466. }
  1467.  
  1468. .prose :where(code):not(:where([class~="not-prose"] *)) {
  1469.    color: var(--tw-prose-code);
  1470.    font-weight: 500;
  1471.    font-size: 0.875em;
  1472.    font-variant-ligatures: none;
  1473. }
  1474.  
  1475. .prose :where(code):not(:where([class~="not-prose"] *)):before {
  1476.    content: "`";
  1477. }
  1478.  
  1479. .prose :where(code):not(:where([class~="not-prose"] *)):after {
  1480.    content: "`";
  1481. }
  1482.  
  1483. .prose :where(a code):not(:where([class~="not-prose"] *)) {
  1484.    color: inherit;
  1485.    font-weight: inherit;
  1486. }
  1487.  
  1488. .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  1489.    color: inherit;
  1490. }
  1491.  
  1492. .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  1493.    color: inherit;
  1494.    font-size: 0.875em;
  1495. }
  1496.  
  1497. .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  1498.    color: inherit;
  1499.    font-size: 0.9em;
  1500. }
  1501.  
  1502. .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  1503.    color: inherit;
  1504. }
  1505.  
  1506. .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  1507.    color: inherit;
  1508. }
  1509.  
  1510. .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  1511.    color: inherit;
  1512. }
  1513.  
  1514. .prose :where(pre):not(:where([class~="not-prose"] *)) {
  1515.    color: #f8fafc;
  1516.    background-color: var(--tw-prose-pre-bg);
  1517.    overflow-x: auto;
  1518.    font-weight: 400;
  1519.    font-size: 0.875em;
  1520.    line-height: 1.7142857;
  1521.    margin-top: 1.4285714285714286em;
  1522.    margin-bottom: 2.2857142857142856em;
  1523.    border-radius: 0.75rem;
  1524.    padding: 1.25rem;
  1525.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  1526.    display: flex;
  1527. }
  1528.  
  1529. .prose :where(pre code):not(:where([class~="not-prose"] *)) {
  1530.    background-color: transparent;
  1531.    border-width: 0;
  1532.    border-radius: 0;
  1533.    padding: 0;
  1534.    font-weight: inherit;
  1535.    color: inherit;
  1536.    font-size: inherit;
  1537.    font-family: inherit;
  1538.    line-height: inherit;
  1539.    flex: none;
  1540.    min-width: 100%;
  1541. }
  1542.  
  1543. .prose :where(pre code):not(:where([class~="not-prose"] *)):before {
  1544.    content: none;
  1545. }
  1546.  
  1547. .prose :where(pre code):not(:where([class~="not-prose"] *)):after {
  1548.    content: none;
  1549. }
  1550.  
  1551. .prose :where(table):not(:where([class~="not-prose"] *)) {
  1552.    width: 100%;
  1553.    table-layout: auto;
  1554.    text-align: left;
  1555.    margin-top: 2em;
  1556.    margin-bottom: 2em;
  1557.    font-size: 0.875rem;
  1558.    line-height: 1.25rem;
  1559. }
  1560.  
  1561. .prose :where(thead):not(:where([class~="not-prose"] *)) {
  1562.    border-bottom-width: 1px;
  1563.    border-bottom-color: #e2e8f0;
  1564.    color: #334155;
  1565. }
  1566.  
  1567. .prose :where(thead th):not(:where([class~="not-prose"] *)) {
  1568.    color: var(--tw-prose-headings);
  1569.    font-weight: 600;
  1570.    vertical-align: bottom;
  1571.    padding: 0 0.5714286em 0.5714286em;
  1572. }
  1573.  
  1574. .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  1575.    border-bottom-width: 1px;
  1576.    border-bottom-color: #f1f5f9;
  1577. }
  1578.  
  1579. .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  1580.    border-bottom-width: 1px;
  1581. }
  1582.  
  1583. .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  1584.    vertical-align: baseline;
  1585. }
  1586.  
  1587. .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  1588.    border-top-width: 1px;
  1589.    border-top-color: var(--tw-prose-th-borders);
  1590. }
  1591.  
  1592. .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  1593.    vertical-align: top;
  1594. }
  1595.  
  1596. .prose {
  1597.    --tw-prose-body: #374151;
  1598.    --tw-prose-headings: #111827;
  1599.    --tw-prose-lead: #4b5563;
  1600.    --tw-prose-links: #111827;
  1601.    --tw-prose-bold: #111827;
  1602.    --tw-prose-counters: #6b7280;
  1603.    --tw-prose-bullets: #d1d5db;
  1604.    --tw-prose-hr: #e5e7eb;
  1605.    --tw-prose-quotes: #111827;
  1606.    --tw-prose-quote-borders: #e5e7eb;
  1607.    --tw-prose-captions: #6b7280;
  1608.    --tw-prose-code: #111827;
  1609.    --tw-prose-pre-code: #e5e7eb;
  1610.    --tw-prose-pre-bg: #1f2937;
  1611.    --tw-prose-th-borders: #d1d5db;
  1612.    --tw-prose-td-borders: #e5e7eb;
  1613.    --tw-prose-invert-body: #d1d5db;
  1614.    --tw-prose-invert-headings: #fff;
  1615.    --tw-prose-invert-lead: #9ca3af;
  1616.    --tw-prose-invert-links: #fff;
  1617.    --tw-prose-invert-bold: #fff;
  1618.    --tw-prose-invert-counters: #9ca3af;
  1619.    --tw-prose-invert-bullets: #4b5563;
  1620.    --tw-prose-invert-hr: #374151;
  1621.    --tw-prose-invert-quotes: #f3f4f6;
  1622.    --tw-prose-invert-quote-borders: #374151;
  1623.    --tw-prose-invert-captions: #9ca3af;
  1624.    --tw-prose-invert-code: #fff;
  1625.    --tw-prose-invert-pre-code: #d1d5db;
  1626.    --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
  1627.    --tw-prose-invert-th-borders: #4b5563;
  1628.    --tw-prose-invert-td-borders: #374151;
  1629.    font-size: 1rem;
  1630.    line-height: 1.75;
  1631. }
  1632.  
  1633. .prose :where(video):not(:where([class~="not-prose"] *)) {
  1634.    margin-top: 2em;
  1635.    margin-bottom: 2em;
  1636. }
  1637.  
  1638. .prose :where(figure):not(:where([class~="not-prose"] *)) {
  1639.    margin-top: 2em;
  1640.    margin-bottom: 2em;
  1641. }
  1642.  
  1643. .prose :where(li):not(:where([class~="not-prose"] *)) {
  1644.    margin-top: 1rem;
  1645.    margin-bottom: 1rem;
  1646.    padding-left: 0.875rem;
  1647. }
  1648.  
  1649. .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  1650.    padding-left: 0.375em;
  1651. }
  1652.  
  1653. .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  1654.    padding-left: 16px !important;
  1655.    position: relative;
  1656. }
  1657.  
  1658. .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  1659.    margin-top: 0.75em;
  1660.    margin-bottom: 0.75em;
  1661. }
  1662.  
  1663. .prose :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  1664.    margin-top: 1.25em;
  1665. }
  1666.  
  1667. .prose :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  1668.    margin-bottom: 1.25em;
  1669. }
  1670.  
  1671. .prose :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  1672.    margin-top: 1.25em;
  1673. }
  1674.  
  1675. .prose :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  1676.    margin-bottom: 1.25em;
  1677. }
  1678.  
  1679. .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  1680.    margin-top: 0.75em;
  1681.    margin-bottom: 0.75em;
  1682. }
  1683.  
  1684. .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  1685.    margin-top: 0;
  1686. }
  1687.  
  1688. .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  1689.    margin-top: 0;
  1690. }
  1691.  
  1692. .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  1693.    margin-top: 0;
  1694. }
  1695.  
  1696. .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  1697.    margin-top: 0;
  1698. }
  1699.  
  1700. .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  1701.    padding-left: 0;
  1702. }
  1703.  
  1704. .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  1705.    padding-right: 0;
  1706. }
  1707.  
  1708. .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  1709.    padding: 0.5714286em;
  1710. }
  1711.  
  1712. .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  1713.    padding-left: 0;
  1714. }
  1715.  
  1716. .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  1717.    padding-right: 0;
  1718. }
  1719.  
  1720. .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  1721.    margin-top: 0;
  1722. }
  1723.  
  1724. .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  1725.    margin-bottom: 0;
  1726. }
  1727.  
  1728. .prose :where(h1, h2, h3):not(:where([class~="not-prose"] *)) {
  1729.    letter-spacing: -0.025em;
  1730. }
  1731.  
  1732. .prose :where(h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {
  1733.    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  1734.    color: #64748b;
  1735.    font-weight: 500;
  1736. }
  1737.  
  1738. .prose :where(h2 small):not(:where([class~="not-prose"] *)) {
  1739.    font-size: 1.125rem;
  1740.    line-height: 1.75rem;
  1741. }
  1742.  
  1743. .prose :where(h3 small):not(:where([class~="not-prose"] *)) {
  1744.    font-size: 1rem;
  1745.    line-height: 1.5rem;
  1746. }
  1747.  
  1748. .prose :where(h4 small):not(:where([class~="not-prose"] *)) {
  1749.    font-size: 0.875rem;
  1750.    line-height: 1.25rem;
  1751. }
  1752.  
  1753. .prose :where(h2, h3, h4):not(:where([class~="not-prose"] *)) {
  1754.    scroll-margin-top: var(--scroll-mt);
  1755. }
  1756.  
  1757. .prose :where(ul, ol):not(:where([class~="not-prose"] *)) {
  1758.    padding-left: 0;
  1759. }
  1760.  
  1761. .prose :where(li):not(:where([class~="not-prose"] *))::marker {
  1762.    font-size: 0.875rem;
  1763.    font-weight: 600;
  1764.    margin-left: 100px;
  1765. }
  1766.  
  1767. .prose :where(li :is(ol, ul)):not(:where([class~="not-prose"] *)) {
  1768.    margin-top: 1rem;
  1769.    margin-bottom: 1rem;
  1770. }
  1771.  
  1772. .prose :where(li :is(li, p)):not(:where([class~="not-prose"] *)) {
  1773.    margin-top: 0.75rem;
  1774.    margin-bottom: 0.75rem;
  1775. }
  1776.  
  1777. .prose :where(ul > li):not(:where([class~="not-prose"] *)):before {
  1778.    content: "";
  1779.    width: 0.75em;
  1780.    height: 0.125em;
  1781.    position: absolute;
  1782.    top: 5.75px;
  1783.    left: 0;
  1784.    border-radius: 999px;
  1785.    background-color: #f97316;
  1786. }
  1787.  
  1788. .prose :where(a:hover):not(:where([class~="not-prose"] *)) {
  1789.    border-bottom-width: 2px;
  1790. }
  1791.  
  1792. .prose :where(p + pre):not(:where([class~="not-prose"] *)) {
  1793.    margin-top: -0.2857142857142857em;
  1794. }
  1795.  
  1796. .prose :where(pre + pre):not(:where([class~="not-prose"] *)) {
  1797.    margin-top: -1.1428571428571428em;
  1798. }
  1799.  
  1800. .prose :where(tbody code):not(:where([class~="not-prose"] *)) {
  1801.    font-size: 0.75rem;
  1802. }
  1803.  
  1804. .prose :where(figure figcaption):not(:where([class~="not-prose"] *)) {
  1805.    text-align: center;
  1806.    font-style: italic;
  1807. }
  1808.  
  1809. .prose :where(figure > figcaption):not(:where([class~="not-prose"] *)) {
  1810.    margin-top: 0.8571428571428571em;
  1811. }
  1812.  
  1813. .prose-sm {
  1814.    font-size: 0.875rem;
  1815.    line-height: 1.7142857;
  1816. }
  1817.  
  1818. .prose-sm :where(p):not(:where([class~="not-prose"] *)) {
  1819.    margin-top: 1.1428571em;
  1820.    margin-bottom: 1.1428571em;
  1821. }
  1822.  
  1823. .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  1824.    font-size: 1.2857143em;
  1825.    line-height: 1.5555556;
  1826.    margin-top: 0.8888889em;
  1827.    margin-bottom: 0.8888889em;
  1828. }
  1829.  
  1830. .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {
  1831.    margin-top: 1.3333333em;
  1832.    margin-bottom: 1.3333333em;
  1833.    padding-left: 1.1111111em;
  1834. }
  1835.  
  1836. .prose-sm :where(h1):not(:where([class~="not-prose"] *)) {
  1837.    font-size: 2.1428571em;
  1838.    margin-top: 0;
  1839.    margin-bottom: 0.8em;
  1840.    line-height: 1.2;
  1841. }
  1842.  
  1843. .prose-sm :where(h2):not(:where([class~="not-prose"] *)) {
  1844.    font-size: 1.4285714em;
  1845.    margin-top: 1.6em;
  1846.    margin-bottom: 0.8em;
  1847.    line-height: 1.4;
  1848. }
  1849.  
  1850. .prose-sm :where(h3):not(:where([class~="not-prose"] *)) {
  1851.    font-size: 1.2857143em;
  1852.    margin-top: 1.5555556em;
  1853.    margin-bottom: 0.4444444em;
  1854.    line-height: 1.5555556;
  1855. }
  1856.  
  1857. .prose-sm :where(h4):not(:where([class~="not-prose"] *)) {
  1858.    margin-top: 1.4285714em;
  1859.    margin-bottom: 0.5714286em;
  1860.    line-height: 1.4285714;
  1861. }
  1862.  
  1863. .prose-sm :where(img):not(:where([class~="not-prose"] *)) {
  1864.    margin-top: 1.7142857em;
  1865.    margin-bottom: 1.7142857em;
  1866. }
  1867.  
  1868. .prose-sm :where(video):not(:where([class~="not-prose"] *)) {
  1869.    margin-top: 1.7142857em;
  1870.    margin-bottom: 1.7142857em;
  1871. }
  1872.  
  1873. .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
  1874.    margin-top: 1.7142857em;
  1875.    margin-bottom: 1.7142857em;
  1876. }
  1877.  
  1878. .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {
  1879.    margin-top: 0;
  1880.    margin-bottom: 0;
  1881. }
  1882.  
  1883. .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {
  1884.    font-size: 0.8571429em;
  1885.    line-height: 1.3333333;
  1886.    margin-top: 0.6666667em;
  1887. }
  1888.  
  1889. .prose-sm :where(code):not(:where([class~="not-prose"] *)) {
  1890.    font-size: 0.8571429em;
  1891. }
  1892.  
  1893. .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {
  1894.    font-size: 0.9em;
  1895. }
  1896.  
  1897. .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {
  1898.    font-size: 0.8888889em;
  1899. }
  1900.  
  1901. .prose-sm :where(pre):not(:where([class~="not-prose"] *)) {
  1902.    font-size: 0.8571429em;
  1903.    line-height: 1.6666667;
  1904.    margin-top: 1.6666667em;
  1905.    margin-bottom: 1.6666667em;
  1906.    border-radius: 0.25rem;
  1907.    padding: 0.6666667em 1em;
  1908. }
  1909.  
  1910. .prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
  1911.    margin-top: 1.1428571em;
  1912.    margin-bottom: 1.1428571em;
  1913.    padding-left: 1.5714286em;
  1914. }
  1915.  
  1916. .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
  1917.    margin-top: 1.1428571em;
  1918.    margin-bottom: 1.1428571em;
  1919.    padding-left: 1.5714286em;
  1920. }
  1921.  
  1922. .prose-sm :where(li):not(:where([class~="not-prose"] *)) {
  1923.    margin-top: 0.2857143em;
  1924.    margin-bottom: 0.2857143em;
  1925. }
  1926.  
  1927. .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
  1928.    padding-left: 0.4285714em;
  1929. }
  1930.  
  1931. .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
  1932.    padding-left: 0.4285714em;
  1933. }
  1934.  
  1935. .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
  1936.    margin-top: 0.5714286em;
  1937.    margin-bottom: 0.5714286em;
  1938. }
  1939.  
  1940. .prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
  1941.    margin-top: 1.1428571em;
  1942. }
  1943.  
  1944. .prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
  1945.    margin-bottom: 1.1428571em;
  1946. }
  1947.  
  1948. .prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
  1949.    margin-top: 1.1428571em;
  1950. }
  1951.  
  1952. .prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
  1953.    margin-bottom: 1.1428571em;
  1954. }
  1955.  
  1956. .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  1957.    margin-top: 0.5714286em;
  1958.    margin-bottom: 0.5714286em;
  1959. }
  1960.  
  1961. .prose-sm :where(hr):not(:where([class~="not-prose"] *)) {
  1962.    margin-top: 2.8571429em;
  1963.    margin-bottom: 2.8571429em;
  1964. }
  1965.  
  1966. .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
  1967.    margin-top: 0;
  1968. }
  1969.  
  1970. .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
  1971.    margin-top: 0;
  1972. }
  1973.  
  1974. .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
  1975.    margin-top: 0;
  1976. }
  1977.  
  1978. .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
  1979.    margin-top: 0;
  1980. }
  1981.  
  1982. .prose-sm :where(table):not(:where([class~="not-prose"] *)) {
  1983.    font-size: 0.8571429em;
  1984.    line-height: 1.5;
  1985. }
  1986.  
  1987. .prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {
  1988.    padding-right: 1em;
  1989.    padding-bottom: 0.6666667em;
  1990.    padding-left: 1em;
  1991. }
  1992.  
  1993. .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  1994.    padding-left: 0;
  1995. }
  1996.  
  1997. .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
  1998.    padding-right: 0;
  1999. }
  2000.  
  2001. .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
  2002.    padding: 0.6666667em 1em;
  2003. }
  2004.  
  2005. .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
  2006.    padding-left: 0;
  2007. }
  2008.  
  2009. .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
  2010.    padding-right: 0;
  2011. }
  2012.  
  2013. .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
  2014.    margin-top: 0;
  2015. }
  2016.  
  2017. .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
  2018.    margin-bottom: 0;
  2019. }
  2020.  
  2021. .container {
  2022.    max-width: none;
  2023. }
  2024.  
  2025. @media (min-width: 768px) {
  2026.    .container {
  2027.        max-width: 48rem;
  2028.    }
  2029. }
  2030.  
  2031. @media (min-width: 1024px) {
  2032.    .container {
  2033.        max-width: 64rem;
  2034.    }
  2035. }
  2036.  
  2037. @media (min-width: 1280px) {
  2038.    .container {
  2039.        max-width: 80rem;
  2040.    }
  2041. }
  2042.  
  2043. .sr-only {
  2044.    position: absolute;
  2045.    width: 1px;
  2046.    height: 1px;
  2047.    padding: 0;
  2048.    margin: -1px;
  2049.    overflow: hidden;
  2050.    clip: rect(0, 0, 0, 0);
  2051.    white-space: nowrap;
  2052.    border-width: 0;
  2053. }
  2054.  
  2055. .pointer-events-none {
  2056.    pointer-events: none;
  2057. }
  2058.  
  2059. .pointer-events-auto {
  2060.    pointer-events: auto;
  2061. }
  2062.  
  2063. .visible {
  2064.    visibility: visible;
  2065. }
  2066.  
  2067. .invisible {
  2068.    visibility: hidden;
  2069. }
  2070.  
  2071. .static {
  2072.    position: static;
  2073. }
  2074.  
  2075. .fixed {
  2076.    position: fixed;
  2077. }
  2078.  
  2079. .absolute {
  2080.    position: absolute;
  2081. }
  2082.  
  2083. .relative {
  2084.    position: relative;
  2085. }
  2086.  
  2087. .sticky {
  2088.    position: sticky;
  2089. }
  2090.  
  2091. .inset-0 {
  2092.    top: 0;
  2093.    bottom: 0;
  2094. }
  2095.  
  2096. .inset-0,
  2097. .inset-x-0 {
  2098.    right: 0;
  2099.    left: 0;
  2100. }
  2101.  
  2102. .inset-y-0 {
  2103.    top: 0;
  2104.    bottom: 0;
  2105. }
  2106.  
  2107. .-bottom-10 {
  2108.    bottom: -2.5rem;
  2109. }
  2110.  
  2111. .-bottom-6 {
  2112.    bottom: -1.5rem;
  2113. }
  2114.  
  2115. .-bottom-\[9px\] {
  2116.    bottom: -9px;
  2117. }
  2118.  
  2119. .-left-\[9px\] {
  2120.    left: -9px;
  2121. }
  2122.  
  2123. .-right-\[9px\] {
  2124.    right: -9px;
  2125. }
  2126.  
  2127. .-top-\[9px\] {
  2128.    top: -9px;
  2129. }
  2130.  
  2131. .bottom-0 {
  2132.    bottom: 0;
  2133. }
  2134.  
  2135. .bottom-4 {
  2136.    bottom: 1rem;
  2137. }
  2138.  
  2139. .left-0 {
  2140.    left: 0;
  2141. }
  2142.  
  2143. .left-1\/2 {
  2144.    left: 50%;
  2145. }
  2146.  
  2147. .left-4 {
  2148.    left: 1rem;
  2149. }
  2150.  
  2151. .left-\[100\%\] {
  2152.    left: 100%;
  2153. }
  2154.  
  2155. .left-\[38\%\] {
  2156.    left: 38%;
  2157. }
  2158.  
  2159. .left-\[63\%\] {
  2160.    left: 63%;
  2161. }
  2162.  
  2163. .right-0 {
  2164.    right: 0;
  2165. }
  2166.  
  2167. .right-4 {
  2168.    right: 1rem;
  2169. }
  2170.  
  2171. .top-0 {
  2172.    top: 0;
  2173. }
  2174.  
  2175. .top-1\/2 {
  2176.    top: 50%;
  2177. }
  2178.  
  2179. .top-10 {
  2180.    top: 2.5rem;
  2181. }
  2182.  
  2183. .top-20 {
  2184.    top: 5rem;
  2185. }
  2186.  
  2187. .top-24 {
  2188.    top: 6rem;
  2189. }
  2190.  
  2191. .top-3 {
  2192.    top: 0.75rem;
  2193. }
  2194.  
  2195. .top-3\.5 {
  2196.    top: 0.875rem;
  2197. }
  2198.  
  2199. .top-4 {
  2200.    top: 1rem;
  2201. }
  2202.  
  2203. .-z-10 {
  2204.    z-index: -10;
  2205. }
  2206.  
  2207. .z-10 {
  2208.    z-index: 10;
  2209. }
  2210.  
  2211. .z-20 {
  2212.    z-index: 20;
  2213. }
  2214.  
  2215. .z-30 {
  2216.    z-index: 30;
  2217. }
  2218.  
  2219. .z-40 {
  2220.    z-index: 40;
  2221. }
  2222.  
  2223. .z-50 {
  2224.    z-index: 50;
  2225. }
  2226.  
  2227. .col-span-1 {
  2228.    grid-column: span 1 / span 1;
  2229. }
  2230.  
  2231. .col-span-2 {
  2232.    grid-column: span 2 / span 2;
  2233. }
  2234.  
  2235. .col-span-3 {
  2236.    grid-column: span 3 / span 3;
  2237. }
  2238.  
  2239. .col-span-5 {
  2240.    grid-column: span 5 / span 5;
  2241. }
  2242.  
  2243. .col-span-8 {
  2244.    grid-column: span 8 / span 8;
  2245. }
  2246.  
  2247. .col-span-full {
  2248.    grid-column: 1/-1;
  2249. }
  2250.  
  2251. .col-start-1 {
  2252.    grid-column-start: 1;
  2253. }
  2254.  
  2255. .row-span-3 {
  2256.    grid-row: span 3 / span 3;
  2257. }
  2258.  
  2259. .row-start-2 {
  2260.    grid-row-start: 2;
  2261. }
  2262.  
  2263. .-m-2 {
  2264.    margin: -0.5rem;
  2265. }
  2266.  
  2267. .-m-3 {
  2268.    margin: -0.75rem;
  2269. }
  2270.  
  2271. .-mx-4 {
  2272.    margin-left: -1rem;
  2273.    margin-right: -1rem;
  2274. }
  2275.  
  2276. .-my-6 {
  2277.    margin-top: -1.5rem;
  2278.    margin-bottom: -1.5rem;
  2279. }
  2280.  
  2281. .mx-auto {
  2282.    margin-left: auto;
  2283.    margin-right: auto;
  2284. }
  2285.  
  2286. .my-4 {
  2287.    margin-top: 1rem;
  2288.    margin-bottom: 1rem;
  2289. }
  2290.  
  2291. .my-8 {
  2292.    margin-top: 2rem;
  2293.    margin-bottom: 2rem;
  2294. }
  2295.  
  2296. .\!ml-2 {
  2297.    margin-left: 0.5rem !important;
  2298. }
  2299.  
  2300. .\!mt-0 {
  2301.    margin-top: 0 !important;
  2302. }
  2303.  
  2304. .-mb-14 {
  2305.    margin-bottom: -3.5rem;
  2306. }
  2307.  
  2308. .-mb-px {
  2309.    margin-bottom: -23px;
  2310. }
  2311.  
  2312. .-ml-1 {
  2313.    margin-left: -0.25rem;
  2314. }
  2315.  
  2316. .-ml-2 {
  2317.    margin-left: -0.5rem;
  2318. }
  2319.  
  2320. .-mr-1 {
  2321.    margin-right: -0.25rem;
  2322. }
  2323.  
  2324. .-mr-2 {
  2325.    margin-right: -0.5rem;
  2326. }
  2327.  
  2328. .-mt-16 {
  2329.    margin-top: -4rem;
  2330. }
  2331.  
  2332. .-mt-2 {
  2333.    margin-top: -0.5rem;
  2334. }
  2335.  
  2336. .-mt-3 {
  2337.    margin-top: -0.75rem;
  2338. }
  2339.  
  2340. .-mt-4 {
  2341.    margin-top: -1rem;
  2342. }
  2343.  
  2344. .-mt-8 {
  2345.    margin-top: -2rem;
  2346. }
  2347.  
  2348. .-mt-\[60px\] {
  2349.    margin-top: -60px;
  2350. }
  2351.  
  2352. .mb-2 {
  2353.    margin-bottom: 0.5rem;
  2354. }
  2355.  
  2356. .mb-2\.5 {
  2357.    margin-bottom: 0.625rem;
  2358. }
  2359.  
  2360. .mb-3 {
  2361.    margin-bottom: 0.75rem;
  2362. }
  2363.  
  2364. .mb-4 {
  2365.    margin-bottom: 1rem;
  2366. }
  2367.  
  2368. .mb-6 {
  2369.    margin-bottom: 1.5rem;
  2370. }
  2371.  
  2372. .mb-8 {
  2373.    margin-bottom: 2rem;
  2374. }
  2375.  
  2376. .ml-2 {
  2377.    margin-left: 0.5rem;
  2378. }
  2379.  
  2380. .ml-3 {
  2381.    margin-left: 0.75rem;
  2382. }
  2383.  
  2384. .ml-4 {
  2385.    margin-left: 1rem;
  2386. }
  2387.  
  2388. .ml-6 {
  2389.    margin-left: 1.5rem;
  2390. }
  2391.  
  2392. .ml-8 {
  2393.    margin-left: 2rem;
  2394. }
  2395.  
  2396. .ml-\[8\.5rem\] {
  2397.    margin-left: 8.5rem;
  2398. }
  2399.  
  2400. .ml-auto {
  2401.    margin-left: auto;
  2402. }
  2403.  
  2404. .mr-1 {
  2405.    margin-right: 0.25rem;
  2406. }
  2407.  
  2408. .mr-3 {
  2409.    margin-right: 0.75rem;
  2410. }
  2411.  
  2412. .mt-0 {
  2413.    margin-top: 0;
  2414. }
  2415.  
  2416. .mt-0\.5 {
  2417.    margin-top: 0.125rem;
  2418. }
  2419.  
  2420. .mt-1 {
  2421.    margin-top: 0.25rem;
  2422. }
  2423.  
  2424. .mt-10 {
  2425.    margin-top: 2.5rem;
  2426. }
  2427.  
  2428. .mt-12 {
  2429.    margin-top: 3rem;
  2430. }
  2431.  
  2432. .mt-16 {
  2433.    margin-top: 4rem;
  2434. }
  2435.  
  2436. .mt-2 {
  2437.    margin-top: 0.5rem;
  2438. }
  2439.  
  2440. .mt-3 {
  2441.    margin-top: 0.75rem;
  2442. }
  2443.  
  2444. .mt-4 {
  2445.    margin-top: 1rem;
  2446. }
  2447.  
  2448. .mt-5 {
  2449.    margin-top: 1.25rem;
  2450. }
  2451.  
  2452. .mt-6 {
  2453.    margin-top: 1.5rem;
  2454. }
  2455.  
  2456. .mt-8 {
  2457.    margin-top: 2rem;
  2458. }
  2459.  
  2460. .mt-\[4\.25rem\] {
  2461.    margin-top: 4.25rem;
  2462. }
  2463.  
  2464. .block {
  2465.    display: block;
  2466. }
  2467.  
  2468. .inline-block {
  2469.    display: inline-block;
  2470. }
  2471.  
  2472. .flex {
  2473.    display: flex;
  2474. }
  2475.  
  2476. .inline-flex {
  2477.    display: inline-flex;
  2478. }
  2479.  
  2480. .\!table {
  2481.    display: table !important;
  2482. }
  2483.  
  2484. .table {
  2485.    display: table;
  2486. }
  2487.  
  2488. .table-cell {
  2489.    display: table-cell;
  2490. }
  2491.  
  2492. .flow-root {
  2493.    display: flow-root;
  2494. }
  2495.  
  2496. .grid {
  2497.    display: grid;
  2498. }
  2499.  
  2500. .contents {
  2501.    display: contents;
  2502. }
  2503.  
  2504. .hidden {
  2505.    display: none;
  2506. }
  2507.  
  2508. .aspect-\[1080\/424\] {
  2509.    aspect-ratio: 1080/424;
  2510. }
  2511.  
  2512. .aspect-\[4\/6\] {
  2513.    aspect-ratio: 4/6;
  2514. }
  2515.  
  2516. .aspect-\[6\/2\] {
  2517.    aspect-ratio: 6/2;
  2518. }
  2519.  
  2520. .aspect-square {
  2521.    aspect-ratio: 1/1;
  2522. }
  2523.  
  2524. .h-1 {
  2525.    height: 0.25rem;
  2526. }
  2527.  
  2528. .h-1\.5 {
  2529.    height: 0.375rem;
  2530. }
  2531.  
  2532. .h-10 {
  2533.    height: 2.5rem;
  2534. }
  2535.  
  2536. .h-12 {
  2537.    height: 3rem;
  2538. }
  2539.  
  2540. .h-14 {
  2541.    height: 3.5rem;
  2542. }
  2543.  
  2544. .h-16 {
  2545.    height: 4rem;
  2546. }
  2547.  
  2548. .h-2 {
  2549.    height: 0.5rem;
  2550. }
  2551.  
  2552. .h-2\.5 {
  2553.    height: 0.625rem;
  2554. }
  2555.  
  2556. .h-3 {
  2557.    height: 0.75rem;
  2558. }
  2559.  
  2560. .h-3\.5 {
  2561.    height: 0.875rem;
  2562. }
  2563.  
  2564. .h-32 {
  2565.    height: 8rem;
  2566. }
  2567.  
  2568. .h-4 {
  2569.    height: 1rem;
  2570. }
  2571.  
  2572. .h-44 {
  2573.    height: 11rem;
  2574. }
  2575.  
  2576. .h-5 {
  2577.    height: 1.25rem;
  2578. }
  2579.  
  2580. .h-56 {
  2581.    height: 14rem;
  2582. }
  2583.  
  2584. .h-6 {
  2585.    height: 1.5rem;
  2586. }
  2587.  
  2588. .h-64 {
  2589.    height: 16rem;
  2590. }
  2591.  
  2592. .h-7 {
  2593.    height: 1.75rem;
  2594. }
  2595.  
  2596. .h-8 {
  2597.    height: 2rem;
  2598. }
  2599.  
  2600. .h-9 {
  2601.    height: 2.25rem;
  2602. }
  2603.  
  2604. .h-\[265px\] {
  2605.    height: 265px;
  2606. }
  2607.  
  2608. .h-\[30rem\] {
  2609.    height: 30rem;
  2610. }
  2611.  
  2612. .h-\[4\.25rem\] {
  2613.    height: 4.25rem;
  2614. }
  2615.  
  2616. .h-\[60px\] {
  2617.    height: 60px;
  2618. }
  2619.  
  2620. .h-full {
  2621.    height: 100%;
  2622. }
  2623.  
  2624. .h-px {
  2625.    height: 1px;
  2626. }
  2627.  
  2628. .h-screen {
  2629.    height: 100vh;
  2630. }
  2631.  
  2632. .max-h-0 {
  2633.    max-height: 0;
  2634. }
  2635.  
  2636. .max-h-80 {
  2637.    max-height: 20rem;
  2638. }
  2639.  
  2640. .max-h-screen {
  2641.    max-height: 100vh;
  2642. }
  2643.  
  2644. .min-h-\[120px\] {
  2645.    min-height: 120px;
  2646. }
  2647.  
  2648. .min-h-full {
  2649.    min-height: 100%;
  2650. }
  2651.  
  2652. .min-h-screen {
  2653.    min-height: 100vh;
  2654. }
  2655.  
  2656. .w-0 {
  2657.    width: 0;
  2658. }
  2659.  
  2660. .w-1 {
  2661.    width: 0.25rem;
  2662. }
  2663.  
  2664. .w-1\.5 {
  2665.    width: 0.375rem;
  2666. }
  2667.  
  2668. .w-1\/2 {
  2669.    width: 50%;
  2670. }
  2671.  
  2672. .w-1\/4 {
  2673.    width: 25%;
  2674. }
  2675.  
  2676. .w-10 {
  2677.    width: 2.5rem;
  2678. }
  2679.  
  2680. .w-12 {
  2681.    width: 3rem;
  2682. }
  2683.  
  2684. .w-14 {
  2685.    width: 3.5rem;
  2686. }
  2687.  
  2688. .w-2 {
  2689.    width: 0.5rem;
  2690. }
  2691.  
  2692. .w-24 {
  2693.    width: 6rem;
  2694. }
  2695.  
  2696. .w-28 {
  2697.    width: 7rem;
  2698. }
  2699.  
  2700. .w-3 {
  2701.    width: 0.75rem;
  2702. }
  2703.  
  2704. .w-3\.5 {
  2705.    width: 0.875rem;
  2706. }
  2707.  
  2708. .w-32 {
  2709.    width: 8rem;
  2710. }
  2711.  
  2712. .w-36 {
  2713.    width: 9rem;
  2714. }
  2715.  
  2716. .w-4 {
  2717.    width: 1rem;
  2718. }
  2719.  
  2720. .w-48 {
  2721.    width: 12rem;
  2722. }
  2723.  
  2724. .w-5 {
  2725.    width: 1.25rem;
  2726. }
  2727.  
  2728. .w-56 {
  2729.    width: 14rem;
  2730. }
  2731.  
  2732. .w-6 {
  2733.    width: 1.5rem;
  2734. }
  2735.  
  2736. .w-64 {
  2737.    width: 16rem;
  2738. }
  2739.  
  2740. .w-7 {
  2741.    width: 1.75rem;
  2742. }
  2743.  
  2744. .w-8 {
  2745.    width: 2rem;
  2746. }
  2747.  
  2748. .w-9 {
  2749.    width: 2.25rem;
  2750. }
  2751.  
  2752. .w-\[4rem\] {
  2753.    width: 4rem;
  2754. }
  2755.  
  2756. .w-auto {
  2757.    width: auto;
  2758. }
  2759.  
  2760. .w-full {
  2761.    width: 100%;
  2762. }
  2763.  
  2764. .w-px {
  2765.    width: 1px;
  2766. }
  2767.  
  2768. .w-screen {
  2769.    width: 100vw;
  2770. }
  2771.  
  2772. .w-square-diagonal {
  2773.    width: 141.42%;
  2774. }
  2775.  
  2776. .min-w-full {
  2777.    min-width: 100%;
  2778. }
  2779.  
  2780. .\!max-w-\[8rem\] {
  2781.    max-width: 8rem !important;
  2782. }
  2783.  
  2784. .max-w-2xl {
  2785.    max-width: 42rem;
  2786. }
  2787.  
  2788. .max-w-3xl {
  2789.    max-width: 48rem;
  2790. }
  2791.  
  2792. .max-w-5xl {
  2793.    max-width: 64rem;
  2794. }
  2795.  
  2796. .max-w-\[172px\] {
  2797.    max-width: 172px;
  2798. }
  2799.  
  2800. .max-w-\[360px\] {
  2801.    max-width: 360px;
  2802. }
  2803.  
  2804. .max-w-\[calc\(100\%-50px\)\] {
  2805.    max-width: calc(100% - 50px);
  2806. }
  2807.  
  2808. .max-w-md {
  2809.    max-width: 28rem;
  2810. }
  2811.  
  2812. .max-w-xl {
  2813.    max-width: 36rem;
  2814. }
  2815.  
  2816. .max-w-xs {
  2817.    max-width: 20rem;
  2818. }
  2819.  
  2820. .flex-1 {
  2821.    flex: 1 1 0%;
  2822. }
  2823.  
  2824. .flex-auto {
  2825.    flex: 1 1 auto;
  2826. }
  2827.  
  2828. .flex-none {
  2829.    flex: none;
  2830. }
  2831.  
  2832. .flex-shrink-0 {
  2833.    flex-shrink: 0;
  2834. }
  2835.  
  2836. .grow {
  2837.    flex-grow: 1;
  2838. }
  2839.  
  2840. .origin-bottom-left {
  2841.    transform-origin: bottom left;
  2842. }
  2843.  
  2844. .origin-bottom-right {
  2845.    transform-origin: bottom right;
  2846. }
  2847.  
  2848. .origin-top-left {
  2849.    transform-origin: top left;
  2850. }
  2851.  
  2852. .origin-top-right {
  2853.    transform-origin: top right;
  2854. }
  2855.  
  2856. .-translate-x-1\/2 {
  2857.    --tw-translate-x: -50%;
  2858. }
  2859.  
  2860. .-translate-x-1\/2,
  2861. .-translate-x-full {
  2862.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2863. }
  2864.  
  2865. .-translate-x-full {
  2866.    --tw-translate-x: -100%;
  2867. }
  2868.  
  2869. .translate-x-0 {
  2870.    --tw-translate-x: 0px;
  2871. }
  2872.  
  2873. .translate-x-0,
  2874. .translate-y-0 {
  2875.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2876. }
  2877.  
  2878. .translate-y-0 {
  2879.    --tw-translate-y: 0px;
  2880. }
  2881.  
  2882. .translate-y-1 {
  2883.    --tw-translate-y: 0.25rem;
  2884. }
  2885.  
  2886. .translate-y-1,
  2887. .translate-y-4 {
  2888.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2889. }
  2890.  
  2891. .translate-y-4 {
  2892.    --tw-translate-y: 1rem;
  2893. }
  2894.  
  2895. .-rotate-45 {
  2896.    --tw-rotate: -45deg;
  2897. }
  2898.  
  2899. .-rotate-45,
  2900. .rotate-180 {
  2901.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2902. }
  2903.  
  2904. .rotate-180 {
  2905.    --tw-rotate: 180deg;
  2906. }
  2907.  
  2908. .rotate-45 {
  2909.    --tw-rotate: 45deg;
  2910. }
  2911.  
  2912. .rotate-45,
  2913. .rotate-90 {
  2914.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2915. }
  2916.  
  2917. .rotate-90 {
  2918.    --tw-rotate: 90deg;
  2919. }
  2920.  
  2921. .scale-100 {
  2922.    --tw-scale-x: 1;
  2923.    --tw-scale-y: 1;
  2924. }
  2925.  
  2926. .scale-100,
  2927. .scale-75 {
  2928.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2929. }
  2930.  
  2931. .scale-75 {
  2932.    --tw-scale-x: 0.75;
  2933.    --tw-scale-y: 0.75;
  2934. }
  2935.  
  2936. .scale-95 {
  2937.    --tw-scale-x: 0.95;
  2938.    --tw-scale-y: 0.95;
  2939. }
  2940.  
  2941. .scale-95, .transform {
  2942.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  2943. }
  2944.  
  2945. @keyframes  enter {
  2946.    0% {
  2947.        transform: scale(0.9);
  2948.        opacity: 0;
  2949.    }
  2950.  
  2951.    to {
  2952.        transform: scale(1);
  2953.        opacity: 1;
  2954.    }
  2955. }
  2956.  
  2957. .animate-enter {
  2958.    animation: enter 0.2s ease-out;
  2959. }
  2960.  
  2961. @keyframes  leave {
  2962.    0% {
  2963.        transform: scale(1);
  2964.        opacity: 1;
  2965.    }
  2966.  
  2967.    to {
  2968.        transform: scale(0.9);
  2969.        opacity: 0;
  2970.    }
  2971. }
  2972.  
  2973. .animate-leave {
  2974.    animation: leave 0.15s ease-in forwards;
  2975. }
  2976.  
  2977. @keyframes  pulse {
  2978.    50% {
  2979.        opacity: 0.5;
  2980.    }
  2981. }
  2982.  
  2983. .animate-pulse {
  2984.    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  2985. }
  2986.  
  2987. @keyframes  spin {
  2988.    to {
  2989.        transform: rotate(1turn);
  2990.    }
  2991. }
  2992.  
  2993. .animate-spin {
  2994.    animation: spin 1s linear infinite;
  2995. }
  2996.  
  2997. .\!cursor-pointer {
  2998.    cursor: pointer !important;
  2999. }
  3000.  
  3001. .cursor-default {
  3002.    cursor: default;
  3003. }
  3004.  
  3005. .cursor-pointer {
  3006.    cursor: pointer;
  3007. }
  3008.  
  3009. .select-none {
  3010.    -webkit-user-select: none;
  3011.    -moz-user-select: none;
  3012.    user-select: none;
  3013. }
  3014.  
  3015. .scroll-py-2 {
  3016.    scroll-padding-top: 0.5rem;
  3017.    scroll-padding-bottom: 0.5rem;
  3018. }
  3019.  
  3020. .list-\[\'\2705\'\] {
  3021.    list-style-type: "✅";
  3022. }
  3023. .list-disc {
  3024.    list-style-type: disc;
  3025. }
  3026. .appearance-none {
  3027.    -webkit-appearance: none;
  3028.    -moz-appearance: none;
  3029.    appearance: none;
  3030. }
  3031. .grid-cols-1 {
  3032.    grid-template-columns: repeat(1, minmax(0, 1fr));
  3033. }
  3034. .grid-cols-2 {
  3035.    grid-template-columns: repeat(2, minmax(0, 1fr));
  3036. }
  3037. .grid-cols-3 {
  3038.    grid-template-columns: repeat(3, minmax(0, 1fr));
  3039. }
  3040. .grid-cols-4 {
  3041.    grid-template-columns: repeat(4, minmax(0, 1fr));
  3042. }
  3043. .grid-cols-8 {
  3044.    grid-template-columns: repeat(8, minmax(0, 1fr));
  3045. }
  3046. .flex-row-reverse {
  3047.    flex-direction: row-reverse;
  3048. }
  3049. .flex-col {
  3050.    flex-direction: column;
  3051. }
  3052. .flex-col-reverse {
  3053.    flex-direction: column-reverse;
  3054. }
  3055. .place-items-center {
  3056.    place-items: center;
  3057. }
  3058. .content-start {
  3059.    align-content: flex-start;
  3060. }
  3061. .items-start {
  3062.    align-items: flex-start;
  3063. }
  3064. .items-end {
  3065.    align-items: flex-end;
  3066. }
  3067. .items-center {
  3068.    align-items: center;
  3069. }
  3070. .justify-start {
  3071.    justify-content: flex-start;
  3072. }
  3073. .justify-end {
  3074.    justify-content: flex-end;
  3075. }
  3076. .justify-center {
  3077.    justify-content: center;
  3078. }
  3079. .justify-between {
  3080.    justify-content: space-between;
  3081. }
  3082. .gap-1 {
  3083.    gap: 0.25rem;
  3084. }
  3085. .gap-2 {
  3086.    gap: 0.5rem;
  3087. }
  3088. .gap-3 {
  3089.    gap: 0.75rem;
  3090. }
  3091. .gap-4 {
  3092.    gap: 1rem;
  3093. }
  3094. .gap-6 {
  3095.    gap: 1.5rem;
  3096. }
  3097. .gap-8 {
  3098.    gap: 2rem;
  3099. }
  3100. .gap-x-1 {
  3101.    -moz-column-gap: 0.25rem;
  3102.    column-gap: 0.25rem;
  3103. }
  3104. .gap-x-1\.5 {
  3105.    -moz-column-gap: 0.375rem;
  3106.    column-gap: 0.375rem;
  3107. }
  3108. .gap-x-2 {
  3109.    -moz-column-gap: 0.5rem;
  3110.    column-gap: 0.5rem;
  3111. }
  3112. .gap-x-4 {
  3113.    -moz-column-gap: 1rem;
  3114.    column-gap: 1rem;
  3115. }
  3116. .gap-x-6 {
  3117.    -moz-column-gap: 1.5rem;
  3118.    column-gap: 1.5rem;
  3119. }
  3120. .gap-x-8 {
  3121.    -moz-column-gap: 2rem;
  3122.    column-gap: 2rem;
  3123. }
  3124. .gap-y-2 {
  3125.    row-gap: 0.5rem;
  3126. }
  3127. .gap-y-3 {
  3128.    row-gap: 0.75rem;
  3129. }
  3130. .gap-y-8 {
  3131.    row-gap: 2rem;
  3132. }
  3133. .-space-y-px > :not([hidden]) ~ :not([hidden]) {
  3134.    --tw-space-y-reverse: 0;
  3135.    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  3136.    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
  3137. }
  3138. .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  3139.    --tw-space-x-reverse: 0;
  3140.    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  3141.    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  3142. }
  3143. .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  3144.    --tw-space-x-reverse: 0;
  3145.    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  3146.    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
  3147. }
  3148. .space-x-3 > :not([hidden]) ~ :not([hidden]) {
  3149.    --tw-space-x-reverse: 0;
  3150.    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  3151.    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  3152. }
  3153. .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
  3154.    --tw-space-x-reverse: 0;
  3155.    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  3156.    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  3157. }
  3158. .space-x-4 > :not([hidden]) ~ :not([hidden]) {
  3159.    --tw-space-x-reverse: 0;
  3160.    margin-right: calc(1rem * var(--tw-space-x-reverse));
  3161.    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  3162. }
  3163. .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  3164.    --tw-space-x-reverse: 0;
  3165.    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  3166.    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  3167. }
  3168. .space-x-8 > :not([hidden]) ~ :not([hidden]) {
  3169.    --tw-space-x-reverse: 0;
  3170.    margin-right: calc(2rem * var(--tw-space-x-reverse));
  3171.    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  3172. }
  3173. .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  3174.    --tw-space-y-reverse: 0;
  3175.    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  3176.    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  3177. }
  3178. .space-y-12 > :not([hidden]) ~ :not([hidden]) {
  3179.    --tw-space-y-reverse: 0;
  3180.    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  3181.    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  3182. }
  3183. .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  3184.    --tw-space-y-reverse: 0;
  3185.    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  3186.    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  3187. }
  3188. .space-y-3 > :not([hidden]) ~ :not([hidden]) {
  3189.    --tw-space-y-reverse: 0;
  3190.    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  3191.    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  3192. }
  3193. .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  3194.    --tw-space-y-reverse: 0;
  3195.    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  3196.    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  3197. }
  3198. .space-y-6 > :not([hidden]) ~ :not([hidden]) {
  3199.    --tw-space-y-reverse: 0;
  3200.    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  3201.    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  3202. }
  3203. .space-y-8 > :not([hidden]) ~ :not([hidden]) {
  3204.    --tw-space-y-reverse: 0;
  3205.    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  3206.    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  3207. }
  3208. .divide-x > :not([hidden]) ~ :not([hidden]) {
  3209.    --tw-divide-x-reverse: 0;
  3210.    border-right-width: calc(1px * var(--tw-divide-x-reverse));
  3211.    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  3212. }
  3213. .divide-y > :not([hidden]) ~ :not([hidden]) {
  3214.    --tw-divide-y-reverse: 0;
  3215.    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  3216.    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  3217. }
  3218. .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  3219.    --tw-divide-opacity: 1;
  3220.    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
  3221. }
  3222. .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  3223.    --tw-divide-opacity: 1;
  3224.    border-color: rgb(107 114 128 / var(--tw-divide-opacity));
  3225. }
  3226. .divide-murky-500 > :not([hidden]) ~ :not([hidden]) {
  3227.    --tw-divide-opacity: 1;
  3228.    border-color: rgb(94 102 110 / var(--tw-divide-opacity));
  3229. }
  3230. .divide-murky-600 > :not([hidden]) ~ :not([hidden]) {
  3231.    --tw-divide-opacity: 1;
  3232.    border-color: rgb(74 81 87 / var(--tw-divide-opacity));
  3233. }
  3234. .divide-murky-800 > :not([hidden]) ~ :not([hidden]) {
  3235.    --tw-divide-opacity: 1;
  3236.    border-color: rgb(52 55 59 / var(--tw-divide-opacity));
  3237. }
  3238. .divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
  3239.    --tw-divide-opacity: 0.1;
  3240. }
  3241. .overflow-auto {
  3242.    overflow: auto;
  3243. }
  3244. .overflow-x-auto {
  3245.    overflow-x: auto;
  3246. }
  3247. .overflow-y-auto {
  3248.    overflow-y: auto;
  3249. }
  3250. .truncate {
  3251.    overflow: hidden;
  3252.    text-overflow: ellipsis;
  3253. }
  3254. .truncate,
  3255. .whitespace-nowrap {
  3256.    white-space: nowrap;
  3257. }
  3258. .whitespace-pre {
  3259.    white-space: pre;
  3260. }
  3261. .break-words {
  3262.    overflow-wrap: break-word;
  3263. }
  3264. .\!rounded-2xl {
  3265.    border-radius: 1rem !important;
  3266. }
  3267. .\!rounded-md {
  3268.    border-radius: 0.375rem !important;
  3269. }
  3270. .rounded {
  3271.    border-radius: 0.25rem;
  3272. }
  3273. .rounded-2xl {
  3274.    border-radius: 1rem;
  3275. }
  3276. .rounded-3xl {
  3277.    border-radius: 1.5rem;
  3278. }
  3279. .rounded-full {
  3280.    border-radius: 9999px;
  3281. }
  3282. .rounded-lg {
  3283.    border-radius: 0.5rem;
  3284. }
  3285. .rounded-md {
  3286.    border-radius: 0.375rem;
  3287. }
  3288. .rounded-none {
  3289.    border-radius: 0;
  3290. }
  3291. .rounded-sm {
  3292.    border-radius: 0.125rem;
  3293. }
  3294. .rounded-xl {
  3295.    border-radius: 0.75rem;
  3296. }
  3297. .rounded-b-lg {
  3298.    border-bottom-right-radius: 0.5rem;
  3299.    border-bottom-left-radius: 0.5rem;
  3300. }
  3301. .rounded-b-md {
  3302.    border-bottom-right-radius: 0.375rem;
  3303.    border-bottom-left-radius: 0.375rem;
  3304. }
  3305. .rounded-r-lg {
  3306.    border-bottom-right-radius: 0.5rem;
  3307. }
  3308. .rounded-r-lg,
  3309. .rounded-t-lg {
  3310.    border-top-right-radius: 0.5rem;
  3311. }
  3312. .rounded-t-lg {
  3313.    border-top-left-radius: 0.5rem;
  3314. }
  3315. .rounded-tl-xl {
  3316.    border-top-left-radius: 0.75rem;
  3317. }
  3318. .rounded-tr-xl {
  3319.    border-top-right-radius: 0.75rem;
  3320. }
  3321. .\!border-0 {
  3322.    border-width: 0 !important;
  3323. }
  3324. .border {
  3325.    border-width: 1px;
  3326. }
  3327. .border-0 {
  3328.    border-width: 0;
  3329. }
  3330. .border-y {
  3331.    border-top-width: 1px;
  3332. }
  3333. .border-b,
  3334. .border-y {
  3335.    border-bottom-width: 1px;
  3336. }
  3337. .border-b-2 {
  3338.    border-bottom-width: 2px;
  3339. }
  3340. .border-l {
  3341.    border-left-width: 1px;
  3342. }
  3343. .border-l-4 {
  3344.    border-left-width: 4px;
  3345. }
  3346. .border-t {
  3347.    border-top-width: 1px;
  3348. }
  3349. .border-dashed {
  3350.    border-style: dashed;
  3351. }
  3352. .border-cyan-400 {
  3353.    --tw-border-opacity: 1;
  3354.    border-color: rgb(34 211 238 / var(--tw-border-opacity));
  3355. }
  3356. .border-murky-100 {
  3357.    --tw-border-opacity: 1;
  3358.    border-color: rgb(225 228 230 / var(--tw-border-opacity));
  3359. }
  3360. .border-murky-400 {
  3361.    --tw-border-opacity: 1;
  3362.    border-color: rgb(120 129 137 / var(--tw-border-opacity));
  3363. }
  3364. .border-murky-500 {
  3365.    --tw-border-opacity: 1;
  3366.    border-color: rgb(94 102 110 / var(--tw-border-opacity));
  3367. }
  3368. .border-murky-600 {
  3369.    --tw-border-opacity: 1;
  3370.    border-color: rgb(0 0 0);
  3371. }
  3372. .border-murky-700 {
  3373.    --tw-border-opacity: 1;
  3374.    border-color: rgb(61 67 72 / var(--tw-border-opacity));
  3375. }
  3376. .border-murky-800 {
  3377.    --tw-border-opacity: 1;
  3378.    border-color: rgb(52 55 59 / var(--tw-border-opacity));
  3379. }
  3380. .border-primary-500 {
  3381.    --tw-border-opacity: 1;
  3382.    border-color: #d10000;
  3383. }
  3384. .border-primary-500-custom {
  3385.    --tw-border-opacity: 1;
  3386.    box-shadow: 3px 3px 3px 0px #000000;
  3387.    border: 1px solid #293359 !important;
  3388. }
  3389. .border-transparent {
  3390.    border-color: transparent;
  3391. }
  3392. .border-yellow-300 {
  3393.    --tw-border-opacity: 1;
  3394.    border-color: rgb(253 224 71 / var(--tw-border-opacity));
  3395. }
  3396. .border-yellow-400 {
  3397.    --tw-border-opacity: 1;
  3398.    border-color: rgb(250 204 21 / var(--tw-border-opacity));
  3399. }
  3400. .\!bg-murky-200 {
  3401.    --tw-bg-opacity: 1 !important;
  3402.    background-color: rgb(195 201 204 / var(--tw-bg-opacity)) !important;
  3403. }
  3404. .\!bg-murky-700 {
  3405.    --tw-bg-opacity: 1 !important;
  3406.    background-color: rgb(61 67 72 / var(--tw-bg-opacity)) !important;
  3407. }
  3408. .bg-amber-300 {
  3409.    --tw-bg-opacity: 1;
  3410.    background-color: rgb(252 211 77 / var(--tw-bg-opacity));
  3411. }
  3412. .bg-amber-500 {
  3413.    --tw-bg-opacity: 1;
  3414.    background-color: rgb(245 158 11 / var(--tw-bg-opacity));
  3415. }
  3416. .bg-black\/25 {
  3417.    background-color: rgba(0, 0, 0, 0.25);
  3418. }
  3419. .bg-blue-400\/10 {
  3420.    background-color: rgba(96, 165, 250, 0.1);
  3421. }
  3422. .bg-blue-50 {
  3423.    --tw-bg-opacity: 1;
  3424.    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
  3425. }
  3426. .bg-cyan-100 {
  3427.    --tw-bg-opacity: 1;
  3428.    background-color: rgb(207 250 254 / var(--tw-bg-opacity));
  3429. }
  3430. .bg-cyan-300 {
  3431.    --tw-bg-opacity: 1;
  3432.    background-color: rgb(103 232 249 / var(--tw-bg-opacity));
  3433. }
  3434. .bg-cyan-500 {
  3435.    --tw-bg-opacity: 1;
  3436.    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  3437. }
  3438. .bg-emerald-200 {
  3439.    --tw-bg-opacity: 1;
  3440.    background-color: rgb(167 243 208 / var(--tw-bg-opacity));
  3441. }
  3442. .bg-emerald-500 {
  3443.    --tw-bg-opacity: 1;
  3444.    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
  3445. }
  3446. .bg-emerald-700 {
  3447.    --tw-bg-opacity: 1;
  3448.    background-color: rgb(4 120 87 / var(--tw-bg-opacity));
  3449. }
  3450. .bg-energy-yellow-400\/10 {
  3451.    background-color: rgba(243, 195, 44, 0.1);
  3452. }
  3453. .bg-gray-500 {
  3454.    --tw-bg-opacity: 1;
  3455.    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  3456. }
  3457. .bg-green-300 {
  3458.    --tw-bg-opacity: 1;
  3459.    background-color: rgb(134 239 172 / var(--tw-bg-opacity));
  3460. }
  3461. .bg-green-50 {
  3462.    --tw-bg-opacity: 1;
  3463.    background-color: rgb(240 253 244 / var(--tw-bg-opacity));
  3464. }
  3465. .bg-green-500 {
  3466.    --tw-bg-opacity: 1;
  3467.    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  3468. }
  3469. .bg-murky-200 {
  3470.    --tw-bg-opacity: 1;
  3471.    background-color: rgb(195 201 204 / var(--tw-bg-opacity));
  3472. }
  3473. .bg-murky-300 {
  3474.    --tw-bg-opacity: 1;
  3475.    background-color: rgb(157 165 171 / var(--tw-bg-opacity));
  3476. }
  3477. .bg-murky-400 {
  3478.    --tw-bg-opacity: 1;
  3479.    background-color: rgb(120 129 137 / var(--tw-bg-opacity));
  3480. }
  3481. .bg-murky-500 {
  3482.    --tw-bg-opacity: 1;
  3483.    background-color: rgb(94 102 110 / var(--tw-bg-opacity));
  3484. }
  3485. .bg-murky-500\/75 {
  3486.    background-color: rgba(94, 102, 110, 0.75);
  3487. }
  3488. .bg-murky-600 {
  3489.    --tw-bg-opacity: 1;
  3490.    background-color: rgb(74 81 87 / var(--tw-bg-opacity));
  3491. }
  3492. .bg-murky-700 {
  3493.    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  3494.        box-shadow: 0px 0px 5px 0px #000000;
  3495.    border: 1px solid #343434 !important;
  3496. }
  3497. .bg-murky-700\/75 {
  3498.    background-color: rgba(61, 67, 72, 0.75);
  3499. }
  3500. .bg-murky-800 {
  3501.    background: linear-gradient(to right, #232323, #232323);
  3502.    box-shadow: 0px 0px 0px 0px #000000;
  3503.    border: 1px solid #383333 !important;
  3504.    font-family: 'Outfit', 'Arial Narrow', Arial, sans-serif;
  3505. }
  3506. .bg-murky-900 {
  3507.    --tw-bg-opacity: 1;
  3508.    background-color: rgb(30 32 34 / var(--tw-bg-opacity));
  3509. }
  3510. .bg-orange-500 {
  3511.    --tw-bg-opacity: 1;
  3512.    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  3513. }
  3514. .bg-orange-700 {
  3515.    --tw-bg-opacity: 1;
  3516.    background-color: rgb(194 65 12 / var(--tw-bg-opacity));
  3517. }
  3518. .bg-primary-100 {
  3519.    --tw-bg-opacity: 1;
  3520.    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
  3521. }
  3522. .bg-primary-400\/10 {
  3523.    background-color: rgba(251, 146, 60, 0.1);
  3524. }
  3525. .bg-primary-500 {
  3526.    --tw-bg-opacity: 1;
  3527.    background-color:#1c88d5
  3528. }
  3529. .bg-purple-300 {
  3530.    --tw-bg-opacity: 1;
  3531.    background-color: rgb(216 180 254 / var(--tw-bg-opacity));
  3532. }
  3533. .bg-purple-500 {
  3534.    --tw-bg-opacity: 1;
  3535.    background-color: rgb(168 85 247 / var(--tw-bg-opacity));
  3536. }
  3537. .bg-rose-300 {
  3538.    --tw-bg-opacity: 1;
  3539.    background-color: rgb(253 164 175 / var(--tw-bg-opacity));
  3540. }
  3541. .bg-rose-500 {
  3542.    --tw-bg-opacity: 1;
  3543.    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  3544. }
  3545. .bg-sky-600 {
  3546.    --tw-bg-opacity: 1;
  3547.    background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  3548. }
  3549. .bg-slate-100 {
  3550.    --tw-bg-opacity: 1;
  3551.    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  3552. }
  3553. .bg-slate-400\/10 {
  3554.    background-color: rgba(148, 163, 184, 0.1);
  3555. }
  3556. .bg-transparent {
  3557.    background-color: transparent;
  3558. }
  3559. .bg-white {
  3560.    --tw-bg-opacity: 1;
  3561.    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  3562. }
  3563. .bg-yellow-100 {
  3564.    --tw-bg-opacity: 1;
  3565.    background-color: rgb(254 249 195 / var(--tw-bg-opacity));
  3566. }
  3567. .bg-yellow-300 {
  3568.    --tw-bg-opacity: 1;
  3569.    background-color: rgb(253 224 71 / var(--tw-bg-opacity));
  3570. }
  3571. .bg-yellow-50 {
  3572.    --tw-bg-opacity: 1;
  3573.    background-color: rgb(254 252 232 / var(--tw-bg-opacity));
  3574. }
  3575. .bg-opacity-25 {
  3576.    --tw-bg-opacity: 0.25;
  3577. }
  3578. .bg-opacity-5 {
  3579.    --tw-bg-opacity: 0.05;
  3580. }
  3581. .bg-opacity-75 {
  3582.    --tw-bg-opacity: 0.75;
  3583. }
  3584. .bg-opacity-80 {
  3585.    --tw-bg-opacity: 0.8;
  3586. }
  3587. .bg-gradient-to-b {
  3588.    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  3589. }
  3590. .from-secondary-400 {
  3591.    --tw-gradient-from: hsl(260.8695652173913 11% 41%);
  3592.    --tw-gradient-to: hsl(260.8695652173913 11% 41%/0);
  3593.    --tw-gradient-stops: hsl(0deg 0% 21.8%), var(--tw-gradient-to);
  3594. }
  3595. .bg-gradient-to-r {
  3596.    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  3597. }
  3598. .bg-gradient-to-t {
  3599.    background-image: linear-gradient(to top, var(--tw-gradient-stops));
  3600. }
  3601. .bg-gradient-to-tr {
  3602.    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  3603. }
  3604. .from-murky-700-linear {
  3605.    background: linear-gradient(to right, #4d4d4d, #424242);
  3606.    gap: 1rem;
  3607. }
  3608. .from-murky-700-linear {
  3609.    background: linear-gradient(to right, #213c65, #213c65);
  3610.    gap: 1rem;
  3611. }
  3612. .from-murky-400 {
  3613.    --tw-gradient-from: #788189;
  3614.    --tw-gradient-to: hsla(208, 7%, 50%, 0);
  3615.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3616. }
  3617. .from-murky-700 {
  3618.    --tw-gradient-from: #691c1c;
  3619.    --tw-gradient-to: rgba(61, 67, 72, 0);
  3620.    --tw-gradient-stops: #232323, #232323;
  3621.    box-shadow: 3px 3px 1px 0px #000000;
  3622.    border: 1px solid #363636 !important;
  3623. }
  3624. .from-murky-800 {
  3625.    --tw-gradient-from: #34373b;
  3626.    --tw-gradient-to: rgba(52, 55, 59, 0);
  3627.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3628. }
  3629. .from-primary-400 {
  3630.    --tw-gradient-from: #fb923c;
  3631.    --tw-gradient-to: rgba(251, 146, 60, 0);
  3632.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3633. }
  3634. .from-primary-500 {
  3635.    --tw-gradient-from: #f97316;
  3636.    --tw-gradient-to: rgba(249, 115, 22, 0);
  3637.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3638. }
  3639. .from-transparent {
  3640.    --tw-gradient-from: transparent;
  3641.    --tw-gradient-to: transparent;
  3642.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  3643. }
  3644. .via-murky-800\/75 {
  3645.    --tw-gradient-to: rgba(52, 55, 59, 0);
  3646.    --tw-gradient-stops: var(--tw-gradient-from), rgba(52, 55, 59, 0.75), var(--tw-gradient-to);
  3647. }
  3648. .to-murky-600 {
  3649.    --tw-gradient-to: #4a5157;
  3650. }
  3651. .to-murky-800 {
  3652.    --tw-gradient-to: #34373b;
  3653. }
  3654. .to-murky-800\/75 {
  3655.    --tw-gradient-to: rgba(52, 55, 59, 0.75);
  3656. }
  3657. .to-primary-600 {
  3658.    --tw-gradient-to: #ea580c;
  3659. }
  3660. .to-transparent {
  3661.    --tw-gradient-to: transparent;
  3662. }
  3663. .object-contain {
  3664.    -o-object-fit: contain;
  3665.    object-fit: contain;
  3666. }
  3667. .object-cover {
  3668.    -o-object-fit: cover;
  3669.    object-fit: cover;
  3670. }
  3671. .object-scale-down {
  3672.    -o-object-fit: scale-down;
  3673.    object-fit: scale-down;
  3674. }
  3675. .object-center {
  3676.    -o-object-position: center;
  3677.    object-position: center;
  3678. }
  3679. .object-right {
  3680.    -o-object-position: right;
  3681.    object-position: right;
  3682. }
  3683. .\!p-2 {
  3684.    padding: 0.5rem !important;
  3685. }
  3686. .p-1 {
  3687.    padding: 0.25rem;
  3688. }
  3689. .p-1\.5 {
  3690.    padding: 0.375rem;
  3691. }
  3692. .p-2 {
  3693.    padding: 0.5rem;
  3694. }
  3695. .p-2\.5 {
  3696.    padding: 0.625rem;
  3697. }
  3698. .p-3 {
  3699.    padding: 0.75rem;
  3700. }
  3701. .p-4 {
  3702.    padding: 1rem;
  3703. }
  3704. .p-6 {
  3705.    padding: 1.5rem;
  3706. }
  3707. .p-8 {
  3708.    padding: 2rem;
  3709. }
  3710. .px-0 {
  3711.    padding-left: 0;
  3712.    padding-right: 0;
  3713. }
  3714. .px-2 {
  3715.    padding-left: 0.5rem;
  3716.    padding-right: 0.5rem;
  3717. }
  3718. .px-2\.5 {
  3719.    padding-left: 0.625rem;
  3720.    padding-right: 0.625rem;
  3721. }
  3722. .px-3 {
  3723.    padding-left: 0.75rem;
  3724.    padding-right: 0.75rem;
  3725. }
  3726. .px-3\.5 {
  3727.    padding-left: 0.875rem;
  3728.    padding-right: 0.875rem;
  3729. }
  3730. .px-4 {
  3731.    padding-left: 1rem;
  3732.    padding-right: 1rem;
  3733. }
  3734. .px-6 {
  3735.    padding-left: 1.5rem;
  3736.    padding-right: 1.5rem;
  3737. }
  3738. .px-8 {
  3739.    padding-left: 2rem;
  3740.    padding-right: 2rem;
  3741. }
  3742. .py-0 {
  3743.    padding-top: 0;
  3744.    padding-bottom: 0;
  3745. }
  3746. .py-0\.5 {
  3747.    padding-top: 0.125rem;
  3748.    padding-bottom: 0.125rem;
  3749. }
  3750. .py-1 {
  3751.    padding-top: 0.25rem;
  3752.    padding-bottom: 0.25rem;
  3753. }
  3754. .py-1\.5 {
  3755.    padding-top: 0.375rem;
  3756.    padding-bottom: 0.375rem;
  3757. }
  3758. .py-12 {
  3759.    padding-top: 3rem;
  3760.    padding-bottom: 3rem;
  3761. }
  3762. .py-14 {
  3763.    padding-top: 3.5rem;
  3764.    padding-bottom: 3.5rem;
  3765. }
  3766. .py-16 {
  3767.    padding-top: 4rem;
  3768.    padding-bottom: 4rem;
  3769. }
  3770. .py-2 {
  3771.    padding-top: 0.5rem;
  3772.    padding-bottom: 0.5rem;
  3773. }
  3774. .py-2\.5 {
  3775.    padding-top: 0.625rem;
  3776.    padding-bottom: 0.625rem;
  3777. }
  3778. .py-20 {
  3779.    padding-top: 5rem;
  3780.    padding-bottom: 5rem;
  3781. }
  3782. .py-24 {
  3783.    padding-top: 6rem;
  3784.    padding-bottom: 6rem;
  3785. }
  3786. .py-3 {
  3787.    padding-top: 0.75rem;
  3788.    padding-bottom: 0.75rem;
  3789. }
  3790. .py-3\.5 {
  3791.    padding-top: 0.875rem;
  3792.    padding-bottom: 0.875rem;
  3793. }
  3794. .py-4 {
  3795.    padding-top: 1rem;
  3796.    padding-bottom: 1rem;
  3797. }
  3798. .py-6 {
  3799.    padding-top: 1.5rem;
  3800.    padding-bottom: 1.5rem;
  3801. }
  3802. .py-8 {
  3803.    padding-top: 2rem;
  3804.    padding-bottom: 2rem;
  3805. }
  3806. .\!pl-3 {
  3807.    padding-left: 0.75rem !important;
  3808. }
  3809. .\!pr-4 {
  3810.    padding-right: 1rem !important;
  3811. }
  3812. .pb-0 {
  3813.    padding-bottom: 0;
  3814. }
  3815. .pb-0\.5 {
  3816.    padding-bottom: 0.125rem;
  3817. }
  3818. .pb-1 {
  3819.    padding-bottom: 0.25rem;
  3820. }
  3821. .pb-12 {
  3822.    padding-bottom: 3rem;
  3823. }
  3824. .pb-16 {
  3825.    padding-bottom: 4rem;
  3826. }
  3827. .pb-2 {
  3828.    padding-bottom: 0.5rem;
  3829. }
  3830. .pb-24 {
  3831.    padding-bottom: 6rem;
  3832. }
  3833. .pb-4 {
  3834.    padding-bottom: 1rem;
  3835. }
  3836. .pb-48 {
  3837.    padding-bottom: 12rem;
  3838. }
  3839. .pb-6 {
  3840.    padding-bottom: 1.5rem;
  3841. }
  3842. .pb-8 {
  3843.    padding-bottom: 2rem;
  3844. }
  3845. .pl-1 {
  3846.    padding-left: 0.25rem;
  3847. }
  3848. .pl-11 {
  3849.    padding-left: 2.75rem;
  3850. }
  3851. .pl-3 {
  3852.    padding-left: 0.75rem;
  3853. }
  3854. .pl-4 {
  3855.    padding-left: 1rem;
  3856. }
  3857. .pr-3 {
  3858.    padding-right: 0.75rem;
  3859. }
  3860. .pr-4 {
  3861.    padding-right: 1rem;
  3862. }
  3863. .pt-0 {
  3864.    padding-top: 0;
  3865. }
  3866. .pt-0\.5 {
  3867.    padding-top: 0.125rem;
  3868. }
  3869. .pt-1 {
  3870.    padding-top: 0.25rem;
  3871. }
  3872. .pt-12 {
  3873.    padding-top: 3rem;
  3874. }
  3875. .pt-2 {
  3876.    padding-top: 0.5rem;
  3877. }
  3878. .pt-24 {
  3879.    padding-top: 6rem;
  3880. }
  3881. .pt-3 {
  3882.    padding-top: 0.75rem;
  3883. }
  3884. .pt-4 {
  3885.    padding-top: 1rem;
  3886. }
  3887. .pt-5 {
  3888.    padding-top: 1.25rem;
  3889. }
  3890. .pt-6 {
  3891.    padding-top: 1.5rem;
  3892. }
  3893. .pt-8 {
  3894.    padding-top: 2rem;
  3895. }
  3896. .pt-px {
  3897.    padding-top: 1px;
  3898. }
  3899. .text-left {
  3900.    text-align: left;
  3901. }
  3902. .text-center {
  3903.    text-align: center;
  3904. }
  3905. .text-right {
  3906.    text-align: right;
  3907. }
  3908. .font-sans {
  3909.    font-family: var(--font-primary), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  3910. }
  3911. .\!text-sm {
  3912.    font-size: 0.875rem !important;
  3913.    line-height: 1.25rem !important;
  3914. }
  3915. .\!text-xs {
  3916.    font-size: 0.75rem !important;
  3917.    line-height: 1rem !important;
  3918. }
  3919. .\!text-xxs {
  3920.    font-size: 0.625rem !important;
  3921. }
  3922. .text-2xl {
  3923.    font-size: 1.5rem;
  3924.    line-height: 2rem;
  3925. }
  3926. .text-3xl {
  3927.    font-size: 1.875rem;
  3928.    line-height: 2.25rem;
  3929. }
  3930. .text-4xl {
  3931.    font-size: 2.25rem;
  3932.    line-height: 2.5rem;
  3933. }
  3934. .text-\[10px\] {
  3935.    font-size: 10px;
  3936. }
  3937. .text-\[24px\] {
  3938.    font-size: 24px;
  3939. }
  3940. .text-base {
  3941.    font-size: 1rem;
  3942.    line-height: 1.5rem;
  3943. }
  3944. .text-lg {
  3945.    font-size: 1.125rem;
  3946.    line-height: 1.75rem;
  3947. }
  3948. .text-sm {
  3949.    font-size: 0.875rem;
  3950.    line-height: 1.25rem;
  3951. }
  3952. .text-xl {
  3953.    font-size: 1.25rem;
  3954.    line-height: 1.75rem;
  3955. }
  3956. .text-xs {
  3957.    font-size: 0.75rem;
  3958.    line-height: 1rem;
  3959. }
  3960. .text-xxs {
  3961.    font-size: 0.625rem;
  3962. }
  3963. .font-bold {
  3964.    font-weight: 700;
  3965. }
  3966. .font-medium {
  3967.    font-weight: 500;
  3968. }
  3969. .font-semibold {
  3970.    font-weight: 600;
  3971. }
  3972. .uppercase {
  3973.    text-transform: uppercase;
  3974. }
  3975. .capitalize {
  3976.    text-transform: capitalize;
  3977. }
  3978. .italic {
  3979.    font-style: italic;
  3980. }
  3981. .leading-4 {
  3982.    line-height: 1rem;
  3983. }
  3984. .leading-5 {
  3985.    line-height: 1.25rem;
  3986. }
  3987. .leading-6 {
  3988.    line-height: 1.5rem;
  3989. }
  3990. .leading-7 {
  3991.    line-height: 1.75rem;
  3992. }
  3993. .leading-8 {
  3994.    line-height: 2rem;
  3995. }
  3996. .leading-relaxed {
  3997.    line-height: 1.625;
  3998. }
  3999. .tracking-tight {
  4000.    letter-spacing: -0.025em;
  4001. }
  4002. .tracking-wider {
  4003.    letter-spacing: 0.05em;
  4004. }
  4005. .\!text-murky-800 {
  4006.    --tw-text-opacity: 1 !important;
  4007.    color: rgb(52 55 59 / var(--tw-text-opacity)) !important;
  4008. }
  4009. .\!text-primary-500 {
  4010.    --tw-text-opacity: 1 !important;
  4011.    color: rgb(249 115 22 / var(--tw-text-opacity)) !important;
  4012. }
  4013. .text-amber-800 {
  4014.    --tw-text-opacity: 1;
  4015.    color: rgb(146 64 14 / var(--tw-text-opacity));
  4016. }
  4017. .text-blue-400 {
  4018.    --tw-text-opacity: 1;
  4019.    color: rgb(96 165 250 / var(--tw-text-opacity));
  4020. }
  4021. .text-blue-700 {
  4022.    --tw-text-opacity: 1;
  4023.    color: rgb(29 78 216 / var(--tw-text-opacity));
  4024. }
  4025. .text-cyan-500 {
  4026.    --tw-text-opacity: 1;
  4027.    color: rgb(6 182 212 / var(--tw-text-opacity));
  4028. }
  4029. .text-cyan-800 {
  4030.    --tw-text-opacity: 1;
  4031.    color: rgb(21 94 117 / var(--tw-text-opacity));
  4032. }
  4033. .text-cyan-900 {
  4034.    --tw-text-opacity: 1;
  4035.    color: rgb(22 78 99 / var(--tw-text-opacity));
  4036. }
  4037. .text-emerald-400 {
  4038.    --tw-text-opacity: 1;
  4039.    color: rgb(52 211 153 / var(--tw-text-opacity));
  4040. }
  4041. .text-emerald-500 {
  4042.    --tw-text-opacity: 1;
  4043.    color: rgb(16 185 129 / var(--tw-text-opacity));
  4044. }
  4045. .text-emerald-900 {
  4046.    --tw-text-opacity: 1;
  4047.    color: rgb(6 78 59 / var(--tw-text-opacity));
  4048. }
  4049. .text-energy-yellow-300 {
  4050.    --tw-text-opacity: 1;
  4051.    color: rgb(246 215 89 / var(--tw-text-opacity));
  4052. }
  4053. .text-energy-yellow-400 {
  4054.    --tw-text-opacity: 1;
  4055.    color: rgb(243 195 44 / var(--tw-text-opacity));
  4056. }
  4057. .text-energy-yellow-500 {
  4058.    --tw-text-opacity: 1;
  4059.    color: rgb(237 164 19 / var(--tw-text-opacity));
  4060. }
  4061. .text-gray-300 {
  4062.    --tw-text-opacity: 1;
  4063.    color: rgb(209 213 219 / var(--tw-text-opacity));
  4064. }
  4065. .text-gray-400 {
  4066.    --tw-text-opacity: 1;
  4067.    color: rgb(156 163 175 / var(--tw-text-opacity));
  4068. }
  4069. .text-gray-500 {
  4070.    --tw-text-opacity: 1;
  4071.    color: rgb(107 114 128 / var(--tw-text-opacity));
  4072. }
  4073. .text-green-400 {
  4074.    --tw-text-opacity: 1;
  4075.    color: rgb(74 222 128 / var(--tw-text-opacity));
  4076. }
  4077. .text-green-500 {
  4078.    --tw-text-opacity: 1;
  4079.    color: rgb(34 197 94 / var(--tw-text-opacity));
  4080. }
  4081. .text-green-800 {
  4082.    --tw-text-opacity: 1;
  4083.    color: rgb(22 101 52 / var(--tw-text-opacity));
  4084. }
  4085. .text-murky-100 {
  4086.    --tw-text-opacity: 1;
  4087.    color: rgb(225 228 230 / var(--tw-text-opacity));
  4088. }
  4089. .text-murky-200 {
  4090.    --tw-text-opacity: 1;
  4091.    color: rgb(195 201 204 / var(--tw-text-opacity));
  4092. }
  4093. .text-murky-300 {
  4094.    --tw-text-opacity: 1;
  4095.    color: rgb(157 165 171 / var(--tw-text-opacity));
  4096. }
  4097. .text-murky-400 {
  4098.    --tw-text-opacity: 1;
  4099.    color: rgb(120 129 137 / var(--tw-text-opacity));
  4100. }
  4101. .text-murky-500 {
  4102.    --tw-text-opacity: 1;
  4103.    color: rgb(94 102 110 / var(--tw-text-opacity));
  4104. }
  4105. .text-murky-600 {
  4106.    --tw-text-opacity: 1;
  4107.    color: rgb(74 81 87 / var(--tw-text-opacity));
  4108. }
  4109. .text-murky-700 {
  4110.    --tw-text-opacity: 1;
  4111.    color: rgb(255 255 255);
  4112. }
  4113. .text-murky-800 {
  4114.    --tw-text-opacity: 1;
  4115.    color: rgb(52 55 59 / var(--tw-text-opacity));
  4116. }
  4117. .text-murky-900 {
  4118.    --tw-text-opacity: 1;
  4119.    color: rgb(0 253 255);
  4120. }
  4121. .text-primary-400 {
  4122.    --tw-text-opacity: 1;
  4123.    color: rgb(251 146 60 / var(--tw-text-opacity));
  4124. }
  4125. .text-primary-500 {
  4126.    color: #00eaff;
  4127.    text-shadow: 0 0 7px #00eaff, 0 0 10px #000, 0 0 21px #000, 0 0 42px #000000, 0 0 82px #000000, 0 0 92px #000000, 0 0 102px #000000, 0 0 151px #000000;
  4128. }
  4129. .text-primary-600 {
  4130.    --tw-text-opacity: 1;
  4131.    color: rgb(234 88 12 / var(--tw-text-opacity));
  4132. }
  4133. .text-purple-800 {
  4134.    --tw-text-opacity: 1;
  4135.    color: rgb(107 33 168 / var(--tw-text-opacity));
  4136. }
  4137. .text-red-500 {
  4138.    --tw-text-opacity: 1;
  4139.    color: rgb(239 68 68 / var(--tw-text-opacity));
  4140. }
  4141. .text-rose-500 {
  4142.    --tw-text-opacity: 1;
  4143.    color: rgb(244 63 94 / var(--tw-text-opacity));
  4144. }
  4145. .text-rose-800 {
  4146.    --tw-text-opacity: 1;
  4147.    color: rgb(159 18 57 / var(--tw-text-opacity));
  4148. }
  4149. .text-slate-400 {
  4150.    --tw-text-opacity: 1;
  4151.    color: rgb(148 163 184 / var(--tw-text-opacity));
  4152. }
  4153. .text-white {
  4154.    --tw-text-opacity: 1;
  4155.    color: rgb(255 255 255 / var(--tw-text-opacity));
  4156. }
  4157. .text-white\/50 {
  4158.    color: hsla(0, 0%, 100%, 0.5);
  4159. }
  4160. .text-yellow-300 {
  4161.    --tw-text-opacity: 1;
  4162.    color: rgb(253 224 71 / var(--tw-text-opacity));
  4163. }
  4164. .text-yellow-400 {
  4165.    --tw-text-opacity: 1;
  4166.    color: rgb(250 204 21 / var(--tw-text-opacity));
  4167. }
  4168. .text-yellow-500 {
  4169.    --tw-text-opacity: 1;
  4170.    color: rgb(234 179 8 / var(--tw-text-opacity));
  4171. }
  4172. .text-yellow-700 {
  4173.    --tw-text-opacity: 1;
  4174.    color: rgb(161 98 7 / var(--tw-text-opacity));
  4175. }
  4176. .text-yellow-800 {
  4177.    --tw-text-opacity: 1;
  4178.    color: rgb(133 77 14 / var(--tw-text-opacity));
  4179. }
  4180. .text-opacity-40 {
  4181.    --tw-text-opacity: 0.4;
  4182. }
  4183. .underline {
  4184.    text-decoration-line: underline;
  4185. }
  4186. .line-through {
  4187.    text-decoration-line: line-through;
  4188. }
  4189. .decoration-murky-500 {
  4190.    text-decoration-color: #5e666e;
  4191. }
  4192. .decoration-primary-500 {
  4193.    text-decoration-color: #f97316;
  4194. }
  4195. .decoration-rose-500 {
  4196.    text-decoration-color: #f43f5e;
  4197. }
  4198. .decoration-\[0\.9px\] {
  4199.    text-decoration-thickness: 0.9px;
  4200. }
  4201. .underline-offset-2 {
  4202.    text-underline-offset: 2px;
  4203. }
  4204. .antialiased {
  4205.    -webkit-font-smoothing: antialiased;
  4206.    -moz-osx-font-smoothing: grayscale;
  4207. }
  4208. .\!placeholder-murky-800::-moz-placeholder {
  4209.    --tw-placeholder-opacity: 1 !important;
  4210.    color: rgb(52 55 59 / var(--tw-placeholder-opacity)) !important;
  4211. }
  4212. .\!placeholder-murky-800::placeholder {
  4213.    --tw-placeholder-opacity: 1 !important;
  4214.    color: rgb(52 55 59 / var(--tw-placeholder-opacity)) !important;
  4215. }
  4216. .placeholder-murky-200::-moz-placeholder {
  4217.    --tw-placeholder-opacity: 1;
  4218.    color: rgb(195 201 204 / var(--tw-placeholder-opacity));
  4219. }
  4220. .placeholder-murky-200::placeholder {
  4221.    --tw-placeholder-opacity: 1;
  4222.    color: rgb(195 201 204 / var(--tw-placeholder-opacity));
  4223. }
  4224. .accent-murky-800 {
  4225.    accent-color: #34373b;
  4226. }
  4227. .accent-primary-500 {
  4228.    accent-color: #f97316;
  4229. }
  4230. .opacity-0 {
  4231.    opacity: 0;
  4232. }
  4233. .opacity-100 {
  4234.    opacity: 1;
  4235. }
  4236. .opacity-25 {
  4237.    opacity: 0.25;
  4238. }
  4239. .opacity-50 {
  4240.    opacity: 0.5;
  4241. }
  4242. .opacity-75 {
  4243.    opacity: 0.75;
  4244. }
  4245. .shadow {
  4246.    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  4247.    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  4248. }
  4249. .shadow,
  4250. .shadow-2xl {
  4251.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4252. }
  4253. .shadow-2xl {
  4254.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  4255.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  4256. }
  4257. .shadow-lg {
  4258.    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  4259.    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  4260. }
  4261. .shadow-lg,
  4262. .shadow-sm {
  4263.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4264. }
  4265. .shadow-sm {
  4266.    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  4267.    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  4268. }
  4269. .shadow-xl {
  4270.    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  4271.    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  4272.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4273. }
  4274. .outline-none {
  4275.    outline: 2px solid transparent;
  4276.    outline-offset: 2px;
  4277. }
  4278. .outline {
  4279.    outline-style: solid;
  4280. }
  4281. .\!ring-0 {
  4282.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  4283.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  4284.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  4285. }
  4286. .ring-1 {
  4287.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4288.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4289. }
  4290. .ring-1,
  4291. .ring-2 {
  4292.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4293. }
  4294. .ring-2 {
  4295.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4296.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4297. }
  4298. .ring-4 {
  4299.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4300.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4301.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4302. }
  4303. .ring-inset {
  4304.    --tw-ring-inset: inset;
  4305. }
  4306. .ring-black {
  4307.    --tw-ring-opacity: 1;
  4308.    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
  4309. }
  4310. .ring-blue-400\/30 {
  4311.    --tw-ring-color: rgba(96, 165, 250, 0.3);
  4312. }
  4313. .ring-energy-yellow-400\/20 {
  4314.    --tw-ring-color: rgba(243, 195, 44, 0.2);
  4315. }
  4316. .ring-murky-200 {
  4317.    --tw-ring-opacity: 1;
  4318.    --tw-ring-color: rgb(195 201 204 / var(--tw-ring-opacity));
  4319. }
  4320. .ring-murky-500 {
  4321.    --tw-ring-opacity: 1;
  4322.    --tw-ring-color: rgb(94 102 110 / var(--tw-ring-opacity));
  4323. }
  4324. .ring-murky-600 {
  4325.    --tw-ring-opacity: 1;
  4326.    --tw-ring-color: rgb(74 81 87 / var(--tw-ring-opacity));
  4327. }
  4328. .ring-murky-900\/5 {
  4329.    --tw-ring-color: rgba(30, 32, 34, 0.05);
  4330. }
  4331. .ring-orange-200\/20 {
  4332.    --tw-ring-color: hsla(32, 98%, 83%, 0.2);
  4333. }
  4334. .ring-primary-400\/20 {
  4335.    --tw-ring-color: rgba(251, 146, 60, 0.2);
  4336. }
  4337. .ring-primary-500 {
  4338.    --tw-ring-opacity: 1;
  4339.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4340. }
  4341. .ring-slate-400\/20 {
  4342.    --tw-ring-color: rgba(148, 163, 184, 0.2);
  4343. }
  4344. .ring-transparent {
  4345.    --tw-ring-color: transparent;
  4346. }
  4347. .ring-opacity-5 {
  4348.    --tw-ring-opacity: 0.05;
  4349. }
  4350. .blur {
  4351.    --tw-blur: blur(8px);
  4352. }
  4353. .blur,
  4354. .grayscale {
  4355.    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);
  4356. }
  4357. .grayscale {
  4358.    --tw-grayscale: grayscale(100%);
  4359. }
  4360. .filter {
  4361.    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);
  4362. }
  4363. .backdrop-blur {
  4364.    --tw-backdrop-blur: blur(8px);
  4365. }
  4366. .backdrop-blur,
  4367. .backdrop-blur-sm {
  4368.    -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)
  4369.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4370.    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)
  4371.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4372. }
  4373. .backdrop-blur-sm {
  4374.    --tw-backdrop-blur: blur(4px);
  4375. }
  4376. .backdrop-filter {
  4377.    -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)
  4378.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4379.    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)
  4380.        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  4381. }
  4382. .transition {
  4383.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  4384.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  4385.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  4386.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4387.    transition-duration: 0.15s;
  4388. }
  4389. .transition-\[max-height\] {
  4390.    transition-property: max-height;
  4391.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4392.    transition-duration: 0.15s;
  4393. }
  4394. .transition-all {
  4395.    transition-property: all;
  4396.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4397.    transition-duration: 0.15s;
  4398. }
  4399. .transition-colors {
  4400.    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  4401.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4402.    transition-duration: 0.15s;
  4403. }
  4404. .transition-opacity {
  4405.    transition-property: opacity;
  4406.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4407.    transition-duration: 0.15s;
  4408. }
  4409. .delay-150 {
  4410.    transition-delay: 0.15s;
  4411. }
  4412. .duration-100 {
  4413.    transition-duration: 0.1s;
  4414. }
  4415. .duration-150 {
  4416.    transition-duration: 0.15s;
  4417. }
  4418. .duration-200 {
  4419.    transition-duration: 0.2s;
  4420. }
  4421. .duration-300 {
  4422.    transition-duration: 0.3s;
  4423. }
  4424. .duration-700 {
  4425.    transition-duration: 0.7s;
  4426. }
  4427. .duration-75 {
  4428.    transition-duration: 75ms;
  4429. }
  4430. .ease-in {
  4431.    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  4432. }
  4433. .ease-in-out {
  4434.    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  4435. }
  4436. .ease-linear {
  4437.    transition-timing-function: linear;
  4438. }
  4439. .ease-out {
  4440.    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  4441. }
  4442. .bj-shadow {
  4443.    --tw-shadow: 0px 0px 14px 4px hsla(0, 0%, 82%, 0.4);
  4444.    --tw-shadow-colored: 0px 0px 14px 4px var(--tw-shadow-color);
  4445. }
  4446. .bj-shadow,
  4447. .btn-order {
  4448.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4449. }
  4450. .btn-order {
  4451.    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  4452.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  4453. }
  4454. .btn-order:after {
  4455.    --tw-skew-x: -12deg;
  4456.    animation: hightlight 5s ease-in infinite forwards;
  4457.    background-color: hsla(200, 8%, 78%, 0.5);
  4458.    --tw-content: "";
  4459.    content: var(--tw-content);
  4460. }
  4461. .btn-order:after,
  4462. .selected-item:after {
  4463.    position: absolute;
  4464.    top: 0;
  4465.    z-index: 10;
  4466.    display: block;
  4467.    height: 100%;
  4468.    width: 1em;
  4469.    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  4470. }
  4471. .selected-item:after {
  4472.    --tw-skew-x: -12deg;
  4473. }
  4474. @keyframes  hightlight {
  4475.    0% {
  4476.        left: -400%;
  4477.    }
  4478.    to {
  4479.        left: 100%;
  4480.    }
  4481. }
  4482. .selected-item:after {
  4483.    animation: hightlight 5s ease-in infinite forwards;
  4484.    background-color: hsla(204, 9%, 89%, 0.5);
  4485.    --tw-content: "";
  4486.    content: var(--tw-content);
  4487. }
  4488. .product-thumbnail-container {
  4489.    perspective: 25em;
  4490. }
  4491. .product-thumbnail-container img {
  4492.    position: relative;
  4493.    transform: rotateY(20deg) rotateX(-4deg) !important;
  4494.    transform-origin: left center;
  4495. }
  4496. .rectangle {
  4497.    position: absolute;
  4498.    top: 0;
  4499.    left: 0;
  4500.    width: 100%;
  4501.    height: 100%;
  4502.    overflow: hidden;
  4503. }
  4504. .rectangle li {
  4505.    position: absolute;
  4506.    display: block;
  4507.    list-style: none;
  4508.    width: 20px;
  4509.    height: 80px;
  4510.    background: hsla(0, 0%, 100%, 0.2);
  4511.    animation: animate-persegi-panjang 25s linear infinite;
  4512.    bottom: -250px;
  4513. }
  4514. .rectangle li:first-child {
  4515.    left: 25%;
  4516.    width: 80px;
  4517.    height: 80px;
  4518.    animation-delay: 0s;
  4519. }
  4520. .rectangle li:nth-child(2) {
  4521.    left: 10%;
  4522.    width: 20px;
  4523.    height: 80px;
  4524.    animation-delay: 2s;
  4525.    animation-duration: 12s;
  4526. }
  4527. .rectangle li:nth-child(3) {
  4528.    left: 70%;
  4529.    width: 20px;
  4530.    height: 80px;
  4531.    animation-delay: 4s;
  4532. }
  4533. .rectangle li:nth-child(4) {
  4534.    left: 40%;
  4535.    width: 60px;
  4536.    height: 120px;
  4537.    animation-delay: 0s;
  4538.    animation-duration: 18s;
  4539. }
  4540. .rectangle li:nth-child(5) {
  4541.    left: 65%;
  4542.    width: 20px;
  4543.    height: 80px;
  4544.    animation-delay: 0s;
  4545. }
  4546. .rectangle li:nth-child(6) {
  4547.    left: 75%;
  4548.    width: 110px;
  4549.    height: 170px;
  4550.    animation-delay: 3s;
  4551. }
  4552. .rectangle li:nth-child(7) {
  4553.    left: 35%;
  4554.    width: 150px;
  4555.    height: 240px;
  4556.    animation-delay: 7s;
  4557. }
  4558. .rectangle li:nth-child(8) {
  4559.    left: 50%;
  4560.    width: 25px;
  4561.    height: 25px;
  4562.    animation-delay: 10s;
  4563.    animation-duration: 45s;
  4564. }
  4565. .rectangle li:nth-child(9) {
  4566.    left: 20%;
  4567.    width: 15px;
  4568.    height: 40px;
  4569.    animation-delay: 2s;
  4570.    animation-duration: 35s;
  4571. }
  4572. .rectangle li:nth-child(10) {
  4573.    left: 85%;
  4574.    width: 150px;
  4575.    height: 270px;
  4576.    animation-delay: 0s;
  4577.    animation-duration: 11s;
  4578. }
  4579. @keyframes  animate {
  4580.    0% {
  4581.        transform: translateY(0) rotate(0deg);
  4582.        opacity: 1;
  4583.        border-radius: 0;
  4584.    }
  4585.    to {
  4586.        transform: translateY(-1000px) rotate(2turn);
  4587.        opacity: 0;
  4588.        border-radius: 50%;
  4589.    }
  4590. }
  4591. @keyframes  animate-persegi-panjang {
  4592.    0% {
  4593.        transform: translateY(0) rotate(0deg);
  4594.        opacity: 1;
  4595.        border-radius: 0;
  4596.    }
  4597.    to {
  4598.        transform: translateY(-1000px) rotate(2turn);
  4599.        opacity: 0;
  4600.        border-radius: 5%;
  4601.    }
  4602. }
  4603. .placeholder\:text-xs::-moz-placeholder {
  4604.    font-size: 0.75rem;
  4605.    line-height: 1rem;
  4606. }
  4607. .placeholder\:text-xs::placeholder {
  4608.    font-size: 0.75rem;
  4609.    line-height: 1rem;
  4610. }
  4611. .placeholder\:text-murky-400::-moz-placeholder {
  4612.    --tw-text-opacity: 1;
  4613.    color: rgb(120 129 137 / var(--tw-text-opacity));
  4614. }
  4615. .placeholder\:text-murky-400::placeholder {
  4616.    --tw-text-opacity: 1;
  4617.    color: rgb(120 129 137 / var(--tw-text-opacity));
  4618. }
  4619. .first\:table-cell:first-child {
  4620.    display: table-cell;
  4621. }
  4622. .first\:pl-4:first-child {
  4623.    padding-left: 1rem;
  4624. }
  4625. .first\:pr-4:first-child {
  4626.    padding-right: 1rem;
  4627. }
  4628. .first\:text-left:first-child {
  4629.    text-align: left;
  4630. }
  4631. .last\:relative:last-child {
  4632.    position: relative;
  4633. }
  4634. .last\:table-cell:last-child {
  4635.    display: table-cell;
  4636. }
  4637. .last\:text-right:last-child {
  4638.    text-align: right;
  4639. }
  4640. .even\:bg-murky-600\/50:nth-child(2n) {
  4641.    background-color: rgba(74, 81, 87, 0.5);
  4642. }
  4643. .hover\:border-primary-500:hover {
  4644.    --tw-border-opacity: 1;
  4645.    border-color: rgb(249 117 22 / var(--tw-border-opacity));
  4646. }
  4647. .hover\:\!bg-murky-600:hover {
  4648.    --tw-bg-opacity: 1 !important;
  4649.    background-color: rgb(74 81 87 / var(--tw-bg-opacity)) !important;
  4650. }
  4651. .hover\:\!bg-murky-800:hover {
  4652.    --tw-bg-opacity: 1 !important;
  4653.    background-color: rgb(52 55 59 / var(--tw-bg-opacity)) !important;
  4654. }
  4655. .hover\:bg-murky-50:hover {
  4656.    --tw-bg-opacity: 1;
  4657.    background-color: rgb(246 246 247 / var(--tw-bg-opacity));
  4658. }
  4659. .hover\:bg-murky-500:hover {
  4660.    --tw-bg-opacity: 1;
  4661.    background-color: rgb(94 102 110 / var(--tw-bg-opacity));
  4662. }
  4663. .hover\:bg-murky-600:hover {
  4664.    --tw-bg-opacity: 1;
  4665.    background-color: rgb(74 81 87 / var(--tw-bg-opacity));
  4666. }
  4667. .hover\:bg-murky-700:hover {
  4668.    --tw-bg-opacity: 1;
  4669.    background-color: rgb(61 67 72 / var(--tw-bg-opacity));
  4670. }
  4671. .hover\:bg-murky-800:hover {
  4672.    --tw-bg-opacity: 1;
  4673.    background-color: rgb(52 55 59 / var(--tw-bg-opacity));
  4674. }
  4675. .hover\:bg-orange-400:hover,
  4676. .hover\:bg-primary-400:hover {
  4677.    --tw-bg-opacity: 1;
  4678.    background-color: rgb(251 146 60 / var(--tw-bg-opacity));
  4679. }
  4680. .hover\:bg-primary-600:hover {
  4681.    --tw-bg-opacity: 1;
  4682.    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  4683. }
  4684. .hover\:from-murky-700:hover {
  4685.    --tw-gradient-from: #3d4348;
  4686.    --tw-gradient-to: rgba(61, 67, 72, 0);
  4687.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4688. }
  4689. .hover\:text-murky-500:hover {
  4690.    --tw-text-opacity: 1;
  4691.    color: rgb(94 102 110 / var(--tw-text-opacity));
  4692. }
  4693. .hover\:text-murky-800:hover {
  4694.    --tw-text-opacity: 1;
  4695.    color: rgb(52 55 59 / var(--tw-text-opacity));
  4696. }
  4697. .hover\:text-primary-200:hover {
  4698.    --tw-text-opacity: 1;
  4699.    color: rgb(254 215 170 / var(--tw-text-opacity));
  4700. }
  4701. .hover\:text-primary-300:hover {
  4702.    --tw-text-opacity: 1;
  4703.    color: rgb(253 186 116 / var(--tw-text-opacity));
  4704. }
  4705. .hover\:text-primary-400:hover {
  4706.    --tw-text-opacity: 1;
  4707.    color: rgb(251 146 60 / var(--tw-text-opacity));
  4708. }
  4709.  
  4710. .hover\:ring-2:hover {
  4711.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) #ecd700;
  4712.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4713. }
  4714. .hover\:ring-primary-500:hover {
  4715.    --tw-ring-opacity: 1;
  4716.    --tw-ring-color: #000 / var(--tw-ring-opacity));
  4717. }
  4718. .hover\:ring-offset-2:hover {
  4719.    --tw-ring-offset-width: 2px;
  4720. }
  4721.  
  4722. /*ring hover*/
  4723. .hover\:ring-offset-murky-800:hover {
  4724.    --tw-ring-offset-color: rgb(160, 109, 197);
  4725. }
  4726.  
  4727. .hover\:shadow-2xl:hover {
  4728.    --tw-shadow: 0 20px 25px -12px rgb(160, 109, 197);
  4729.    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  4730.    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  4731. }
  4732.  
  4733.  
  4734. .focus\:z-10:focus {
  4735.    z-index: 10;
  4736. }
  4737. .focus\:\!border-transparent:focus {
  4738.    border-color: transparent !important;
  4739. }
  4740. .focus\:border-primary-500:focus {
  4741.    --tw-border-opacity: 1;
  4742.    border-color: rgb(249 115 22 / var(--tw-border-opacity));
  4743. }
  4744. .focus\:\!bg-white:focus {
  4745.    --tw-bg-opacity: 1 !important;
  4746.    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  4747. }
  4748. .focus\:bg-murky-800:focus {
  4749.    --tw-bg-opacity: 1;
  4750.    background-color: rgb(52 55 59 / var(--tw-bg-opacity));
  4751. }
  4752. .focus\:outline-none:focus {
  4753.    outline: 2px solid transparent;
  4754.    outline-offset: 2px;
  4755. }
  4756. .focus\:ring-0:focus {
  4757.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4758.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4759. }
  4760. .focus\:ring-0:focus,
  4761. .focus\:ring-2:focus {
  4762.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4763. }
  4764. .focus\:ring-2:focus {
  4765.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4766.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4767. }
  4768. .focus\:ring-inset:focus {
  4769.    --tw-ring-inset: inset;
  4770. }
  4771. .focus\:\!ring-transparent:focus {
  4772.    --tw-ring-color: transparent !important;
  4773. }
  4774. .focus\:ring-primary-400:focus {
  4775.    --tw-ring-opacity: 1;
  4776.    --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity));
  4777. }
  4778. .focus\:ring-primary-500:focus {
  4779.    --tw-ring-opacity: 1;
  4780.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4781. }
  4782. .focus\:ring-offset-2:focus {
  4783.    --tw-ring-offset-width: 2px;
  4784. }
  4785. .focus\:ring-offset-murky-900:focus {
  4786.    --tw-ring-offset-color: #1e2022;
  4787. }
  4788. .focus-visible\:outline-offset-0.focus-visible.js-focus-visible,
  4789. .js-focus-visible .focus-visible\:outline-offset-0.focus-visible {
  4790.    outline-offset: 0;
  4791. }
  4792. .focus-visible\:outline-offset-0:focus-visible {
  4793.    outline-offset: 0;
  4794. }
  4795. .focus-visible\:ring-2.focus-visible.js-focus-visible,
  4796. .js-focus-visible .focus-visible\:ring-2.focus-visible {
  4797.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4798.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4799.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4800. }
  4801. .focus-visible\:ring-2:focus-visible {
  4802.    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  4803.    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  4804.    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  4805. }
  4806. .focus-visible\:ring-primary-500.focus-visible.js-focus-visible,
  4807. .js-focus-visible .focus-visible\:ring-primary-500.focus-visible {
  4808.    --tw-ring-opacity: 1;
  4809.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4810. }
  4811. .focus-visible\:ring-primary-500:focus-visible {
  4812.    --tw-ring-opacity: 1;
  4813.    --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
  4814. }
  4815. .disabled\:cursor-not-allowed:disabled {
  4816.    cursor: not-allowed;
  4817. }
  4818. .disabled\:opacity-75:disabled {
  4819.    opacity: 0.75;
  4820. }
  4821. .group:hover .group-hover\:bottom-3 {
  4822.    bottom: 0.75rem;
  4823. }
  4824. .group:hover .group-hover\:block {
  4825.    display: block;
  4826. }
  4827. .group:hover .group-hover\:from-murky-900 {
  4828.    --tw-gradient-from: #1e2022;
  4829.    --tw-gradient-to: rgba(30, 32, 34, 0);
  4830.    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  4831. }
  4832. .group:hover .group-hover\:text-murky-500 {
  4833.    --tw-text-opacity: 1;
  4834.    color: rgb(94 102 110 / var(--tw-text-opacity));
  4835. }
  4836. .group:hover .group-hover\:text-murky-700 {
  4837.    --tw-text-opacity: 1;
  4838.    color: rgb(61 67 72 / var(--tw-text-opacity));
  4839. }
  4840. .group:hover .group-hover\:text-primary-500 {
  4841.    --tw-text-opacity: 1;
  4842.    color: rgb(249 115 22 / var(--tw-text-opacity));
  4843. }
  4844. @media  print {
  4845.    .print\:mt-0 {
  4846.        margin-top: 0;
  4847.    }
  4848.    .print\:mt-2 {
  4849.        margin-top: 0.5rem;
  4850.    }
  4851.    .print\:block {
  4852.        display: block;
  4853.    }
  4854.    .print\:hidden {
  4855.        display: none;
  4856.    }
  4857.    .print\:flex-row {
  4858.        flex-direction: row;
  4859.    }
  4860.    .print\:items-start {
  4861.        align-items: flex-start;
  4862.    }
  4863.    .print\:gap-0 {
  4864.        gap: 0;
  4865.    }
  4866.    .print\:border-slate-200 {
  4867.        --tw-border-opacity: 1;
  4868.        border-color: rgb(226 232 240 / var(--tw-border-opacity));
  4869.    }
  4870.    .print\:p-0 {
  4871.        padding: 0;
  4872.    }
  4873.    .print\:py-8 {
  4874.        padding-top: 2rem;
  4875.        padding-bottom: 2rem;
  4876.    }
  4877.    .print\:pt-0 {
  4878.        padding-top: 0;
  4879.    }
  4880.    .print\:text-left {
  4881.        text-align: left;
  4882.    }
  4883.    .print\:text-sm {
  4884.        font-size: 0.875rem;
  4885.        line-height: 1.25rem;
  4886.    }
  4887.    .print\:\!text-slate-800 {
  4888.        --tw-text-opacity: 1 !important;
  4889.        color: rgb(30 41 59 / var(--tw-text-opacity)) !important;
  4890.    }
  4891.    .print\:text-slate-800 {
  4892.        --tw-text-opacity: 1;
  4893.        color: rgb(30 41 59 / var(--tw-text-opacity));
  4894.    }
  4895. }
  4896. .sm\:py-4 {
  4897.    padding-top: 0.5rem;
  4898.    padding-bottom: 0.5rem;
  4899. }
  4900. @media (min-width: 640px) {
  4901.    .sm\:bg-right {
  4902.        background-position: 100%;
  4903.    }
  4904.    .sm\:h-24 {
  4905.        height: 6rem;
  4906.    }
  4907.    .sm\:col-span-7 {
  4908.        grid-column: span 7 / span 7;
  4909.    }
  4910.    .sm\:col-start-1 {
  4911.        grid-column-start: 1;
  4912.    }
  4913.    .sm\:col-start-2 {
  4914.        grid-column-start: 2;
  4915.    }
  4916.    .sm\:-mx-4 {
  4917.        margin-left: -1rem;
  4918.        margin-right: -1rem;
  4919.    }
  4920.    .sm\:mx-0 {
  4921.        margin-left: 0;
  4922.        margin-right: 0;
  4923.    }
  4924.    .sm\:my-8 {
  4925.        margin-top: 2rem;
  4926.        margin-bottom: 2rem;
  4927.    }
  4928.    .sm\:ml-3 {
  4929.        margin-left: 0.75rem;
  4930.    }
  4931.    .sm\:ml-4 {
  4932.        margin-left: 1rem;
  4933.    }
  4934.    .sm\:mt-0 {
  4935.        margin-top: 0;
  4936.    }
  4937.    .sm\:mt-20 {
  4938.        margin-top: 5rem;
  4939.    }
  4940.    .sm\:mt-4 {
  4941.        margin-top: 1rem;
  4942.    }
  4943.    .sm\:mt-5 {
  4944.        margin-top: 1.25rem;
  4945.    }
  4946.    .sm\:mt-6 {
  4947.        margin-top: 1.5rem;
  4948.    }
  4949.    .sm\:block {
  4950.        display: block;
  4951.    }
  4952.    .sm\:inline-block {
  4953.        display: inline-block;
  4954.    }
  4955.    .sm\:flex {
  4956.        display: flex;
  4957.    }
  4958.    .sm\:grid {
  4959.        display: grid;
  4960.    }
  4961.    .sm\:h-10 {
  4962.        height: 2.5rem;
  4963.    }
  4964.    .sm\:h-56 {
  4965.        height: 14rem;
  4966.    }
  4967.    .sm\:w-10 {
  4968.        width: 2.5rem;
  4969.    }
  4970.    .sm\:w-56 {
  4971.        width: 14rem;
  4972.    }
  4973.    .sm\:w-auto {
  4974.        width: auto;
  4975.    }
  4976.    .sm\:w-full {
  4977.        width: 100%;
  4978.    }
  4979.    .sm\:max-w-2xl {
  4980.        max-width: 42rem;
  4981.    }
  4982.    .sm\:max-w-3xl {
  4983.        max-width: 48rem;
  4984.    }
  4985.    .sm\:max-w-4xl {
  4986.        max-width: 56rem;
  4987.    }
  4988.    .sm\:max-w-5xl {
  4989.        max-width: 64rem;
  4990.    }
  4991.    .sm\:max-w-6xl {
  4992.        max-width: 72rem;
  4993.    }
  4994.    .sm\:max-w-7xl {
  4995.        max-width: 80rem;
  4996.    }
  4997.    .sm\:max-w-lg {
  4998.        max-width: 32rem;
  4999.    }
  5000.    .sm\:max-w-md {
  5001.        max-width: 28rem;
  5002.    }
  5003.    .sm\:max-w-sm {
  5004.        max-width: 24rem;
  5005.    }
  5006.    .sm\:max-w-xl {
  5007.        max-width: 36rem;
  5008.    }
  5009.    .sm\:flex-auto {
  5010.        flex: 1 1 auto;
  5011.    }
  5012.    .sm\:translate-y-0 {
  5013.        --tw-translate-y: 0px;
  5014.    }
  5015.    .sm\:scale-100,
  5016.    .sm\:translate-y-0 {
  5017.        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  5018.    }
  5019.    .sm\:scale-100 {
  5020.        --tw-scale-x: 1;
  5021.        --tw-scale-y: 1;
  5022.    }
  5023.    .sm\:scale-95 {
  5024.        --tw-scale-x: 0.95;
  5025.        --tw-scale-y: 0.95;
  5026.        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  5027.    }
  5028.    .sm\:columns-2 {
  5029.        -moz-columns: 2;
  5030.        column-count: 2;
  5031.    }
  5032.    .sm\:grid-flow-row-dense {
  5033.        grid-auto-flow: row dense;
  5034.    }
  5035.    .sm\:grid-cols-2 {
  5036.        grid-template-columns: repeat(2, minmax(0, 1fr));
  5037.    }
  5038.    .sm\:grid-cols-3 {
  5039.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5040.    }
  5041.    .sm\:grid-cols-4 {
  5042.        grid-template-columns: repeat(4, minmax(0, 1fr));
  5043.    }
  5044.    .sm\:flex-row {
  5045.        flex-direction: row;
  5046.    }
  5047.    .sm\:flex-row-reverse {
  5048.        flex-direction: row-reverse;
  5049.    }
  5050.    .sm\:items-start {
  5051.        align-items: flex-start;
  5052.    }
  5053.    .sm\:items-center {
  5054.        align-items: center;
  5055.    }
  5056.    .sm\:justify-end {
  5057.        justify-content: flex-end;
  5058.    }
  5059.    .sm\:gap-3 {
  5060.        gap: 0.75rem;
  5061.    }
  5062.    .sm\:gap-8 {
  5063.        gap: 2rem;
  5064.    }
  5065.    .sm\:gap-x-6 {
  5066.        -moz-column-gap: 1.5rem;
  5067.        column-gap: 1.5rem;
  5068.    }
  5069.    .sm\:gap-y-8 {
  5070.        row-gap: 2rem;
  5071.    }
  5072.    .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
  5073.        --tw-space-x-reverse: 0;
  5074.        margin-right: calc(2rem * var(--tw-space-x-reverse));
  5075.        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  5076.    }
  5077.    .sm\:rounded-lg {
  5078.        border-radius: 0.5rem;
  5079.    }
  5080.    .sm\:to-transparent {
  5081.        --tw-gradient-to: transparent;
  5082.    }
  5083.    .sm\:object-center {
  5084.        -o-object-position: center;
  5085.        object-position: center;
  5086.    }
  5087.    .sm\:p-0 {
  5088.        padding: 0;
  5089.    }
  5090.    .sm\:p-6 {
  5091.        padding: 1.5rem;
  5092.    }
  5093.    .sm\:px-0 {
  5094.        padding-left: 0;
  5095.        padding-right: 0;
  5096.    }
  5097.    .sm\:px-14 {
  5098.        padding-left: 3.5rem;
  5099.        padding-right: 3.5rem;
  5100.    }
  5101.    .sm\:px-32 {
  5102.        padding-left: 8rem;
  5103.        padding-right: 8rem;
  5104.    }
  5105.    .sm\:px-4 {
  5106.        padding-left: 1rem;
  5107.        padding-right: 1rem;
  5108.    }
  5109.    .sm\:px-6 {
  5110.        padding-left: 1.5rem;
  5111.        padding-right: 1.5rem;
  5112.    }
  5113.    .sm\:py-20 {
  5114.        padding-top: 5rem;
  5115.        padding-bottom: 5rem;
  5116.    }
  5117.    .sm\:py-24 {
  5118.        padding-top: 6rem;
  5119.        padding-bottom: 6rem;
  5120.    }
  5121.    .sm\:py-32 {
  5122.        padding-top: 8rem;
  5123.        padding-bottom: 8rem;
  5124.    }
  5125.    .sm\:py-64 {
  5126.        padding-top: 16rem;
  5127.        padding-bottom: 16rem;
  5128.    }
  5129.    .sm\:pb-12 {
  5130.        padding-bottom: 3rem;
  5131.    }
  5132.    .sm\:pb-24 {
  5133.        padding-bottom: 6rem;
  5134.    }
  5135.    .sm\:pb-4 {
  5136.        padding-bottom: 1rem;
  5137.    }
  5138.    .sm\:pb-6 {
  5139.        padding-bottom: 1.5rem;
  5140.    }
  5141.    .sm\:pl-6 {
  5142.        padding-left: 1.5rem;
  5143.    }
  5144.    .sm\:pt-0 {
  5145.        padding-top: 0;
  5146.    }
  5147.    .sm\:pt-12 {
  5148.        padding-top: 3rem;
  5149.    }
  5150.    .sm\:pt-16 {
  5151.        padding-top: 4rem;
  5152.    }
  5153.    .sm\:text-left {
  5154.        text-align: left;
  5155.    }
  5156.    .sm\:text-3xl {
  5157.        font-size: 1.875rem;
  5158.        line-height: 2.25rem;
  5159.    }
  5160.    .sm\:text-4xl {
  5161.        font-size: 2.25rem;
  5162.        line-height: 2.5rem;
  5163.    }
  5164.    .sm\:text-5xl {
  5165.        font-size: 3rem;
  5166.        line-height: 1;
  5167.    }
  5168.    .sm\:text-\[0\] {
  5169.        font-size: 0;
  5170.    }
  5171.    .sm\:text-base {
  5172.        font-size: 1rem;
  5173.        line-height: 1.5rem;
  5174.    }
  5175.    .sm\:text-sm {
  5176.        font-size: 0.875rem;
  5177.        line-height: 1.25rem;
  5178.    }
  5179.    .sm\:text-xs {
  5180.        font-size: 0.75rem;
  5181.        line-height: 1rem;
  5182.    }
  5183.    .sm\:leading-6 {
  5184.        line-height: 1.5rem;
  5185.    }
  5186.    .sm\:first\:pl-6:first-child {
  5187.        padding-left: 1.5rem;
  5188.    }
  5189.    .sm\:last\:pr-6:last-child {
  5190.        padding-right: 1.5rem;
  5191.    }
  5192.    .group:hover .group-hover\:sm\:bottom-4 {
  5193.        bottom: 1rem;
  5194.    }
  5195. }
  5196. @media (min-width: 768px) {
  5197.    .md\:flex-row {
  5198.        flex-direction: row;
  5199.    }
  5200.    .md\:items-center {
  5201.        align-items: center;
  5202.    }
  5203.    .md\:py-4 {
  5204.        padding-top: 1.5rem;
  5205.        padding-bottom: 1.5rem;
  5206.    }
  5207.    .md\:p-3 {
  5208.        padding: 0.75rem;
  5209.    }
  5210.    .md\:gap-x-3 {
  5211.        -moz-column-gap: .75rem;
  5212.        column-gap: 0.75rem;
  5213.    }
  5214.    .md\:object-\[100\%_20\%\] {
  5215.        -o-object-position: 100% 20%;
  5216.        object-position: 100% 0%;
  5217.    }
  5218.    .md\:static {
  5219.        position: static;
  5220.    }
  5221.    .md\:top-\[5rem\] {
  5222.        top: 5rem;
  5223.    }
  5224.    .md\:col-span-1 {
  5225.        grid-column: span 1 / span 1;
  5226.    }
  5227.    .md\:col-span-2 {
  5228.        grid-column: span 2 / span 2;
  5229.    }
  5230.    .md\:col-span-4 {
  5231.        grid-column: span 4 / span 4;
  5232.    }
  5233.    .md\:col-span-7 {
  5234.        grid-column: span 7 / span 7;
  5235.    }
  5236.    .md\:col-start-3 {
  5237.        grid-column-start: 3;
  5238.    }
  5239.    .md\:col-start-4 {
  5240.        grid-column-start: 4;
  5241.    }
  5242.    .md\:mx-auto {
  5243.        margin-left: auto;
  5244.        margin-right: auto;
  5245.    }
  5246.    .md\:-mb-20 {
  5247.        margin-bottom: -5rem;
  5248.    }
  5249.    .md\:-mt-24 {
  5250.        margin-top: -6rem;
  5251.    }
  5252.    .md\:-mt-8 {
  5253.        margin-top: -2rem;
  5254.    }
  5255.    .md\:ml-\[15\.5rem\] {
  5256.        margin-left: 15.5rem;
  5257.    }
  5258.    .md\:mt-0 {
  5259.        margin-top: 0;
  5260.    }
  5261.    .md\:block {
  5262.        display: block;
  5263.    }
  5264.    .md\:inline {
  5265.        display: inline;
  5266.    }
  5267.    .md\:flex {
  5268.        display: flex;
  5269.    }
  5270.    .md\:grid {
  5271.        display: grid;
  5272.    }
  5273.    .md\:hidden {
  5274.        display: none;
  5275.    }
  5276.    .md\:min-h-\[140px\] {
  5277.        min-height: 140px;
  5278.    }
  5279.    .md\:w-1\/2 {
  5280.        width: 50%;
  5281.    }
  5282.    .md\:w-60 {
  5283.        width: 15rem;
  5284.    }
  5285.    .md\:w-auto {
  5286.        width: auto;
  5287.    }
  5288.    .md\:max-w-none {
  5289.        max-width: none;
  5290.    }
  5291.    .md\:flex-auto {
  5292.        flex: 1 1 auto;
  5293.    }
  5294.    .md\:grid-cols-2 {
  5295.        grid-template-columns: repeat(2, minmax(0, 1fr));
  5296.    }
  5297.    .md\:grid-cols-3 {
  5298.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5299.    }
  5300.    .md\:grid-cols-4 {
  5301.        grid-template-columns: repeat(4, minmax(0, 1fr));
  5302.    }
  5303.    .md\:grid-cols-5 {
  5304.        grid-template-columns: repeat(5, minmax(0, 1fr));
  5305.    }
  5306.    .md\:flex-row {
  5307.        flex-direction: row;
  5308.    }
  5309.    .md\:items-start {
  5310.        align-items: flex-start;
  5311.    }
  5312.    .md\:justify-start {
  5313.        justify-content: flex-start;
  5314.    }
  5315.    .md\:justify-end {
  5316.        justify-content: flex-end;
  5317.    }
  5318.    .md\:gap-0 {
  5319.        gap: 0;
  5320.    }
  5321.    .md\:gap-2 {
  5322.        gap: 0.5rem;
  5323.    }
  5324.    .md\:gap-8 {
  5325.        gap: 2rem;
  5326.    }
  5327.    .md\:gap-x-2 {
  5328.        -moz-column-gap: 0.5rem;
  5329.        column-gap: 0.5rem;
  5330.    }
  5331.    .md\:p-20 {
  5332.        padding: 5rem;
  5333.    }
  5334.    .md\:p-4 {
  5335.        padding: 1rem;
  5336.    }
  5337.    .md\:p-6 {
  5338.        padding: 1.5rem;
  5339.    }
  5340.    .md\:px-16 {
  5341.        padding-left: 4rem;
  5342.        padding-right: 4rem;
  5343.    }
  5344.    .md\:py-12 {
  5345.        padding-top: 3rem;
  5346.        padding-bottom: 3rem;
  5347.    }
  5348.    .md\:py-8 {
  5349.        padding-top: 2rem;
  5350.        padding-bottom: 2rem;
  5351.    }
  5352.    .md\:pb-0 {
  5353.        padding-bottom: 0;
  5354.    }
  5355.    .md\:pr-5 {
  5356.        padding-right: 1.25rem;
  5357.    }
  5358.    .md\:pt-0 {
  5359.        padding-top: 0;
  5360.    }
  5361.    .md\:pt-16 {
  5362.        padding-top: 4rem;
  5363.    }
  5364.    .md\:pt-5 {
  5365.        padding-top: 1.25rem;
  5366.    }
  5367.    .md\:pt-8 {
  5368.        padding-top: 2rem;
  5369.    }
  5370.    .md\:text-right {
  5371.        text-align: right;
  5372.    }
  5373.    .md\:text-2xl {
  5374.        font-size: 1.5rem;
  5375.        line-height: 2rem;
  5376.    }
  5377.    .md\:text-base {
  5378.        font-size: 1rem;
  5379.        line-height: 1.5rem;
  5380.    }
  5381.    .md\:text-sm {
  5382.        font-size: 0.875rem;
  5383.        line-height: 1.25rem;
  5384.    }
  5385. }
  5386. @media (min-width: 1024px) {
  5387.    .lg\:col-span-1 {
  5388.        grid-column: span 1 / span 1;
  5389.    }
  5390.    .lg\:col-span-2 {
  5391.        grid-column: span 2 / span 2;
  5392.    }
  5393.    .lg\:mx-0 {
  5394.        margin-right: 0;
  5395.    }
  5396.    .lg\:ml-0,
  5397.    .lg\:mx-0 {
  5398.        margin-left: 0;
  5399.    }
  5400.    .lg\:ml-10 {
  5401.        margin-left: 2.5rem;
  5402.    }
  5403.    .lg\:mt-24 {
  5404.        margin-top: 6rem;
  5405.    }
  5406.    .lg\:block {
  5407.        display: block;
  5408.    }
  5409.    .lg\:flex {
  5410.        display: flex;
  5411.    }
  5412.    .lg\:grid {
  5413.        display: grid;
  5414.    }
  5415.    .lg\:hidden {
  5416.        display: none;
  5417.    }
  5418.    .lg\:h-\[340px\] {
  5419.        height: 340px;
  5420.    }
  5421.    .lg\:min-h-\[350px\] {
  5422.        min-height: 350px;
  5423.    }
  5424.    .lg\:max-w-none {
  5425.        max-width: none;
  5426.    }
  5427.    .lg\:flex-1 {
  5428.        flex: 1 1 0%;
  5429.    }
  5430.    .lg\:columns-3 {
  5431.        -moz-columns: 3;
  5432.        column-count: 3;
  5433.    }
  5434.    .lg\:grid-cols-3 {
  5435.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5436.    }
  5437.    .lg\:grid-cols-5 {
  5438.        grid-template-columns: repeat(5, minmax(0, 1fr));
  5439.    }
  5440.    .lg\:content-between {
  5441.        align-content: space-between;
  5442.    }
  5443.    .lg\:items-center {
  5444.        align-items: center;
  5445.    }
  5446.    .lg\:justify-end {
  5447.        justify-content: flex-end;
  5448.    }
  5449.    .lg\:gap-8 {
  5450.        gap: 2rem;
  5451.    }
  5452.    .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
  5453.        --tw-space-x-reverse: 0;
  5454.        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  5455.        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  5456.    }
  5457.    .lg\:self-stretch {
  5458.        align-self: stretch;
  5459.    }
  5460.    .lg\:px-8 {
  5461.        padding-left: 2rem;
  5462.        padding-right: 2rem;
  5463.    }
  5464.    .lg\:py-8 {
  5465.        padding-top: 2rem;
  5466.        padding-bottom: 2rem;
  5467.    }
  5468.    .lg\:text-\[26px\] {
  5469.        font-size: 26px;
  5470.    }
  5471. }
  5472. @media (min-width: 1280px) {
  5473.    .xl\:col-span-1 {
  5474.        grid-column: span 1 / span 1;
  5475.    }
  5476.    .xl\:col-span-2 {
  5477.        grid-column: span 2 / span 2;
  5478.    }
  5479.    .xl\:mt-0 {
  5480.        margin-top: 0;
  5481.    }
  5482.    .xl\:block {
  5483.        display: block;
  5484.    }
  5485.    .xl\:grid {
  5486.        display: grid;
  5487.    }
  5488.    .xl\:hidden {
  5489.        display: none;
  5490.    }
  5491.    .xl\:max-w-6xl {
  5492.        max-width: 72rem;
  5493.    }
  5494.    .xl\:grid-cols-2 {
  5495.        grid-template-columns: repeat(2, minmax(0, 1fr));
  5496.    }
  5497.    .xl\:grid-cols-3 {
  5498.        grid-template-columns: repeat(3, minmax(0, 1fr));
  5499.    }
  5500.    .xl\:grid-cols-5 {
  5501.        grid-template-columns: repeat(5, minmax(0, 1fr));
  5502.    }
  5503.    .xl\:grid-cols-6 {
  5504.        grid-template-columns: repeat(6, minmax(0, 1fr));
  5505.    }
  5506.    .xl\:gap-8 {
  5507.        gap: 2rem;
  5508.    }
  5509. }
  5510. .swiper-container {
  5511.  
  5512.            width: 100%;
  5513.  
  5514.            overflow: hidden
  5515.  
  5516.        }
  5517.  
  5518.  
  5519.  
  5520.        .swiper-slide {
  5521.  
  5522.            background-position: center;
  5523.  
  5524.            background-size: cover;
  5525.  
  5526.            width: 95%;
  5527.  
  5528.            height: 70%
  5529.  
  5530.        }
  5531.  
  5532.  
  5533.  
  5534.        .swiper-slide img {
  5535.  
  5536.            display: block;
  5537.  
  5538.            width: 100%;
  5539.  
  5540.            border-radius: 12px
  5541.  
  5542.        }
  5543.  
  5544.  
  5545.  
  5546.        
  5547.  
  5548.  
  5549.  
  5550.        .swiper-pagination {
  5551.  
  5552.            margin-top: 30px !important
  5553.  
  5554.        }
  5555. .kosweb-pgimg {
  5556.  background-color: white;
  5557.  border-radius: 3px;
  5558.  border: 1px solid white;
  5559.  height: 15px;
  5560. }
  5561.  
  5562. .hero-waves {
  5563.  display: block;
  5564.  margin-top: 100px;
  5565.  width: 100%;
  5566.  height: 90px;
  5567.  z-index: 5;
  5568.  position: relative;
  5569. }
  5570.  
  5571. .wave1 use {
  5572.  -webkit-animation: move-forever1 10s linear infinite;
  5573.  animation: move-forever1 10s linear infinite;
  5574.  -webkit-animation-delay: -2s;
  5575.  animation-delay: -2s;
  5576. }
  5577.  
  5578. .wave2 use {
  5579.  -webkit-animation: move-forever2 8s linear infinite;
  5580.  animation: move-forever2 8s linear infinite;
  5581.  -webkit-animation-delay: -2s;
  5582.  animation-delay: -2s;
  5583. }
  5584.  
  5585. .wave3 use {
  5586.  -webkit-animation: move-forever3 6s linear infinite;
  5587.  animation: move-forever3 6s linear infinite;
  5588.  -webkit-animation-delay: -2s;
  5589.  animation-delay: -2s;
  5590. }
  5591.  
  5592. @-webkit-keyframes move-forever1 {
  5593.  0% {
  5594.    transform: translate(85px, 0%);
  5595.  }
  5596.  100% {
  5597.    transform: translate(-90px, 0%);
  5598.  }
  5599. }
  5600.  
  5601. @keyframes    move-forever1 {
  5602.  0% {
  5603.    transform: translate(85px, 0%);
  5604.  }
  5605.  100% {
  5606.    transform: translate(-90px, 0%);
  5607.  }
  5608. }
  5609. @-webkit-keyframes move-forever2 {
  5610.  0% {
  5611.    transform: translate(-90px, 0%);
  5612.  }
  5613.  100% {
  5614.    transform: translate(85px, 0%);
  5615.  }
  5616. }
  5617. @keyframes    move-forever2 {
  5618.  0% {
  5619.    transform: translate(-90px, 0%);
  5620.  }
  5621.  100% {
  5622.    transform: translate(85px, 0%);
  5623.  }
  5624. }
  5625. @-webkit-keyframes move-forever3 {
  5626.  0% {
  5627.    transform: translate(-90px, 0%);
  5628.  }
  5629.  100% {
  5630.    transform: translate(85px, 0%);
  5631.  }
  5632. }
  5633. @keyframes    move-forever3 {
  5634.  0% {
  5635.    transform: translate(-90px, 0%);
  5636.  }
  5637.  100% {
  5638.    transform: translate(85px, 0%);
  5639.  }
  5640. }
  5641.  
  5642.  
  5643. @font-face {
  5644.    font-family: swiper-icons;
  5645.    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  5646.    font-weight: 400;
  5647.    font-style: normal
  5648. }
  5649.  
  5650. :root {
  5651.    --swiper-theme-color: #007aff
  5652. }
  5653.  
  5654.  
  5655. </style>
  5656.  
  5657. <style>
  5658.     .bg-kosweb{
  5659.        
  5660.    --tw-bg-opacity: 1;
  5661.    background-color: var(--warna_4);
  5662.     }
  5663.     .bg-kosweb:hover{
  5664.        
  5665.    --tw-bg-opacity: 1;
  5666.    background-color: #531b58;
  5667.     }
  5668. </style>
  5669. <body>
  5670. <style>
  5671. .min-h-screen {
  5672.    min-height: 100vh;
  5673. }
  5674. </style>
  5675. <div class="jsx-1305739042 __className_a8b5ca font-sans">
  5676.    <div class="relative d-flex min-vh-100 align-items-center justify-content-center px-4 px-sm-5">
  5677.        <div class="position-absolute top-0 start-0 mt-4 ms-4 z-2">
  5678.            <a class="btn btn-dark p-2" href="https://agengim.com" style="outline: none;">
  5679.                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-5 w-5" width="20" height="20">
  5680.                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
  5681.                </svg>
  5682.            </a>
  5683.        </div>
  5684.  
  5685.        <div class="bg-cover position-absolute w-100 h-100" style="inset: 0; background-color: var(--warna_1);"></div>
  5686.  
  5687.        <main class="z-2 w-100">
  5688.            <div class="mx-auto w-100 text-center mt-0" style="max-width: 400px;">
  5689.                <h1 class="display-1 fw-bold text-white">404</h1>
  5690.                <p class="fs-4 text-white">Halaman tidak ditemukan</p>
  5691.                <p>Produk tidak ditemukan atau sedang dalam maintenance. Kami minta maaf atas ketidaknyamanannya.</p>
  5692.                <a href="https://agengim.com" class="btn btn-primary mt-3">Kembali ke Beranda</a>
  5693.            </div>
  5694.        </main>
  5695.    </div>
  5696. </div>
  5697.  
  5698. <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  5699. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  5700. <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  5701.  
  5702. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  5703. <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  5704. <script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
  5705. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  5706. <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  5707. <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
  5708. <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  5709. <script src="https://cdn.jsdelivr.net/npm/lightgallery.js@1.4.0/dist/js/lightgallery.min.js"></script>
  5710. <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.0/plugins/pager/lg-pager.min.js"></script>
  5711. <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  5712. <script>  
  5713.     AOS.init();
  5714. </script>  
  5715.  
  5716. </body>
  5717. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda