<template>
    <svg width="168" height="39" viewBox="0 0 168 39" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M37.3347 19.4999C38.1902 19.4999 38.8902 18.8052 38.8221 17.9523C38.5587 14.6525 37.4559 11.4652 35.6073 8.69855C33.471 5.50135 30.4346 3.00943 26.882 1.53792C23.3295 0.0664072 19.4203 -0.318607 15.649 0.431563C11.8776 1.18173 8.41341 3.0334 5.69441 5.75239C2.97541 8.47139 1.12375 11.9356 0.373579 15.707C-0.376591 19.4783 0.00842391 23.3874 1.47994 26.94C2.95145 30.4925 5.44337 33.5289 8.64057 35.6653C11.4072 37.5139 14.5945 38.6166 17.8943 38.8801C18.7472 38.9482 19.4419 38.2482 19.4419 37.3926V32.7142C19.4419 31.8586 18.7453 31.1756 17.8973 31.0623C16.1379 30.8273 14.4482 30.1928 12.9611 29.1991C11.0428 27.9173 9.54763 26.0955 8.66473 23.964C7.78182 21.8324 7.55081 19.487 8.00091 17.2241C8.45102 14.9613 9.56201 12.8828 11.1934 11.2514C12.8248 9.62 14.9033 8.509 17.1662 8.0589C19.429 7.6088 21.7744 7.8398 23.906 8.72271C26.0375 9.60562 27.8593 11.1008 29.1411 13.0191C30.1348 14.5062 30.7693 16.1959 31.0043 17.9553C31.1176 18.8033 31.8006 19.4999 32.6562 19.4999H37.3347Z"
            :fill="fillColor"
        />
        <path
            d="M28.4704 21.3644C28.4792 21.3216 28.4464 21.2815 28.4027 21.2815H22.7723C21.9167 21.2815 21.2232 21.9751 21.2232 22.8307V28.4608C21.2232 28.5045 21.2632 28.5373 21.3061 28.5285C24.9007 27.7901 27.7319 24.959 28.4704 21.3644Z"
            :fill="fillColor"
        />
        <path
            d="M30.9616 21.2815C30.8952 21.2815 30.8387 21.3303 30.8279 21.3958C30.0254 26.2509 26.1926 30.0836 21.3375 30.8859C21.2719 30.8968 21.2232 30.9532 21.2232 31.0197V37.3928C21.2232 38.2483 21.9167 38.9419 22.7723 38.9419H25.8706C26.7262 38.9419 27.4198 38.2483 27.4198 37.3928V31.4297C27.4198 31.405 27.4497 31.3926 27.4672 31.4101L33.9755 37.9184C34.5805 38.5234 35.5614 38.5234 36.1664 37.9184L37.86 36.2247C38.465 35.6198 38.465 34.6389 37.86 34.0339L31.3517 27.5256C31.3342 27.5081 31.3466 27.4782 31.3713 27.4782H37.3344C38.19 27.4782 38.8835 26.7846 38.8835 25.929V22.8307C38.8835 21.9751 38.19 21.2815 37.3344 21.2815H30.9616Z"
            :fill="fillColor"
        />
        <path
            d="M63.2988 31.3745C56.7762 31.3745 52.4538 26.9117 52.4538 19.5308C52.4538 11.9783 56.9946 7.65587 63.486 7.65587C69.0568 7.65587 73.0359 11.1356 73.426 16.0666H68.4794C68.1674 13.6479 66.2324 11.9315 63.5641 11.9315C59.7098 11.9315 57.5252 14.8183 57.5252 19.4996C57.5252 24.1341 59.585 27.0989 63.6577 27.0989C66.9034 27.0833 68.8695 24.9143 68.9632 22.3552H63.6421V18.7038H73.5821V31H70.2739L69.9775 28.3317H69.9306C68.3546 30.2198 66.3729 31.3745 63.2988 31.3745ZM82.8042 31.2497C77.7952 31.2653 74.6588 27.9571 74.6588 22.7765C74.6588 17.7207 77.8108 14.2877 82.695 14.2721C87.5168 14.2877 90.5596 17.6271 90.5596 22.7609V23.8688H79.2777V23.9936C79.2621 26.1314 80.604 27.8011 82.8511 27.8167C84.4115 27.8011 85.7067 27.0365 86.1124 25.8037H90.4192C89.8262 29.0963 86.9394 31.2653 82.8042 31.2497ZM79.2777 21.0132H86.206C86.1436 19.0627 84.6612 17.7207 82.7574 17.7051C80.7445 17.7207 79.3713 19.1875 79.2777 21.0132ZM97.3319 21.7466V31H92.5414V14.5218H97.1759V17.5334H97.2383C98.0029 15.5829 99.8286 14.2721 102.372 14.2721C105.899 14.2721 108.505 16.7376 108.505 20.7479V31H103.698V21.5906C103.698 19.4372 102.497 18.2356 100.578 18.2356C98.7051 18.2356 97.3319 19.406 97.3319 21.7466ZM118.663 31.2497C113.654 31.2653 110.518 27.9571 110.518 22.7765C110.518 17.7207 113.67 14.2877 118.554 14.2721C123.376 14.2877 126.418 17.6271 126.418 22.7609V23.8688H115.136V23.9936C115.121 26.1314 116.463 27.8011 118.71 27.8167C120.27 27.8011 121.565 27.0365 121.971 25.8037H126.278C125.685 29.0963 122.798 31.2653 118.663 31.2497ZM115.136 21.0132H122.065C122.002 19.0627 120.52 17.7207 118.616 17.7051C116.603 17.7207 115.23 19.1875 115.136 21.0132ZM142.429 19.7961H137.981C137.95 18.5165 136.811 17.7051 135.313 17.7051C133.94 17.7051 132.91 18.298 132.91 19.2187C132.91 19.9677 133.518 20.4983 134.86 20.7791L137.95 21.3877C141.009 22.0119 142.819 23.3227 142.819 25.8662C142.819 29.2211 139.713 31.2653 135.485 31.2653C130.959 31.2653 128.088 29.2211 127.823 25.7569H132.551C132.723 27.1457 133.815 27.8323 135.5 27.8323C136.983 27.8323 137.997 27.2862 137.997 26.3187C137.997 25.4448 137.17 25.0391 135.921 24.7895L133.097 24.2433C129.789 23.6035 128.197 21.9183 128.197 19.4216C128.197 16.2227 130.959 14.2877 135.219 14.2877C139.526 14.2877 142.335 16.3475 142.429 19.7961ZM144.738 31V14.5218H149.528V31H144.738ZM147.141 12.3684C145.643 12.3684 144.441 11.2137 144.457 9.79367C144.441 8.37368 145.643 7.21895 147.141 7.21895C148.608 7.21895 149.809 8.37368 149.825 9.79367C149.809 11.2137 148.608 12.3684 147.141 12.3684ZM166.147 19.7961H161.7C161.669 18.5165 160.53 17.7051 159.032 17.7051C157.658 17.7051 156.628 18.298 156.628 19.2187C156.628 19.9677 157.237 20.4983 158.579 20.7791L161.669 21.3877C164.727 22.0119 166.537 23.3227 166.537 25.8662C166.537 29.2211 163.432 31.2653 159.203 31.2653C154.678 31.2653 151.807 29.2211 151.541 25.7569H156.27C156.441 27.1457 157.534 27.8323 159.219 27.8323C160.701 27.8323 161.715 27.2862 161.715 26.3187C161.715 25.4448 160.888 25.0391 159.64 24.7895L156.816 24.2433C153.508 23.6035 151.916 21.9183 151.916 19.4216C151.916 16.2227 154.678 14.2877 158.938 14.2877C163.245 14.2877 166.054 16.3475 166.147 19.7961Z"
            :fill="fillColor"
        />
    </svg>
</template>

<script>
export default {
    computed: {
        fillColor() {
            return this.$appState.darkTheme ? 'var(--p-surface-900)' : 'var(--p-surface-0)';
        }
    }
};
</script>
