.hb-logo {
    width: 100%;
    height: auto;
}
.hb-logo svg {
        width: 100%;
        height: auto;
        max-width: 100%;
        display: block;
    }

.tester-card {
    position: relative;
    /* box-shadow: 0px 4px 10px 0px #00000040; */

    /* Big card */
    width: 365px;
    height: 547px;
    display: flex;
    perspective: 2000px;
    transform-style: preserve-3d;
    transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@media (max-width: 480px) {

.tester-card {
        /* Small card */
        width: 300px;
        height: 450px;
}
    }

.tester-card::before {
        content: "";
        position: absolute;
        top: 2%;
        left: 2%;
        width: 96%;
        height: 96%;
        box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.25);
        z-index: -1;
        pointer-events: none;
    }

.tester-card.active {
        cursor: pointer;
    }

.tester-card .front,
    .tester-card .back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        transition: ease-in-out 800ms;
        display: flex;
    }

.tester-card .front {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%27377%27 height=%27566%27 viewBox=%270 0 377 566%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M181.663 111.003C178.254 110.822 175.209 111.208 172.527 112.162C169.891 113.117 167.641 114.412 165.778 116.048C163.96 117.639 162.551 119.389 161.551 121.298C160.597 123.207 160.119 125.047 160.119 126.82C160.119 128.502 160.506 129.888 161.278 130.979C162.051 132.024 163.051 132.797 164.278 133.297C165.551 133.797 166.846 134.047 168.164 134.047C169.8 134.047 171.232 133.706 172.459 133.024C173.686 132.342 174.709 131.524 175.527 130.57C176.391 129.57 177.027 128.638 177.436 127.775C177.89 126.866 178.118 126.206 178.118 125.797V125.729C178.345 125.457 178.572 125.32 178.799 125.32C179.254 125.32 179.481 125.638 179.481 126.275C179.254 128.229 178.549 129.933 177.368 131.388C176.231 132.842 174.845 133.956 173.209 134.728C171.573 135.501 169.846 135.887 168.028 135.887C166.164 135.887 164.369 135.433 162.642 134.524C160.915 133.615 159.506 132.297 158.415 130.57C157.324 128.843 156.779 126.752 156.779 124.298C156.779 122.298 157.211 120.321 158.074 118.366C158.983 116.367 160.324 114.549 162.096 112.912C163.914 111.231 166.21 109.89 168.982 108.89C171.755 107.89 175.027 107.39 178.799 107.39C181.981 107.39 184.867 107.686 187.458 108.276C190.094 108.822 192.594 109.526 194.957 110.39C197.366 111.253 199.775 112.117 202.184 112.98C202.956 111.981 203.888 110.958 204.979 109.913C206.115 108.867 207.274 108.345 208.456 108.345C209.365 108.345 209.819 108.617 209.819 109.163C209.819 109.708 209.501 109.981 208.865 109.981C208.047 109.981 207.183 110.413 206.274 111.276C205.365 112.094 204.638 112.867 204.092 113.594L204.229 113.662C206.547 114.389 209.001 115.094 211.592 115.776C214.228 116.412 216.841 116.935 219.432 117.344C222.022 117.707 224.409 117.889 226.59 117.889C228.635 117.889 230.09 117.73 230.953 117.412C231.862 117.094 232.317 116.571 232.317 115.844C232.317 115.162 232.499 114.821 232.862 114.821C233.226 114.821 233.453 115.026 233.544 115.435C233.68 115.798 233.749 116.094 233.749 116.321C233.749 117.412 233.09 118.298 231.772 118.98C230.454 119.662 228.408 120.003 225.636 120.003C224.454 120.003 222.954 119.889 221.136 119.662C219.318 119.389 217.341 119.025 215.205 118.571C213.114 118.116 211.024 117.594 208.933 117.003C206.888 116.412 205.001 115.798 203.274 115.162C203.229 115.162 203.183 115.139 203.138 115.094C202.593 116.048 202.138 116.912 201.774 117.685C201.411 118.412 201.002 119.389 200.547 120.616C199.729 122.752 198.911 124.957 198.093 127.229C197.32 129.456 196.593 131.524 195.911 133.433C195.23 135.297 194.684 136.819 194.275 138.001C192.912 142 191.094 145.886 188.821 149.659C186.549 153.431 183.867 156.84 180.776 159.885C177.686 162.93 174.186 165.339 170.278 167.112C166.369 168.93 162.074 169.839 157.392 169.839C154.756 169.839 152.075 169.52 149.348 168.884C146.666 168.293 144.189 167.293 141.917 165.884C139.69 164.475 137.894 162.567 136.531 160.158C135.167 157.794 134.486 154.84 134.486 151.295C134.486 148.75 134.917 146.364 135.781 144.137C136.644 141.909 137.781 140.114 139.19 138.751C140.599 137.342 142.098 136.637 143.689 136.637C144.235 136.637 144.507 136.774 144.507 137.046C144.507 137.319 144.212 137.546 143.621 137.728C142.485 138.001 141.371 138.705 140.28 139.842C139.235 140.932 138.371 142.387 137.69 144.205C137.008 146.023 136.667 148.182 136.667 150.681C136.667 153.681 137.281 156.135 138.508 158.044C139.78 159.953 141.394 161.453 143.348 162.544C145.303 163.635 147.325 164.385 149.416 164.794C151.552 165.248 153.506 165.475 155.279 165.475C159.733 165.475 163.824 164.68 167.55 163.089C171.323 161.544 174.732 159.385 177.777 156.613C180.822 153.84 183.503 150.659 185.821 147.068C188.139 143.432 190.116 139.546 191.753 135.41C192.662 133.138 193.684 130.683 194.821 128.047C195.957 125.366 197.048 122.843 198.093 120.48C199.366 117.753 200.411 115.73 201.229 114.412C198.866 113.64 196.116 112.935 192.98 112.299C189.889 111.662 186.117 111.231 181.663 111.003ZM207.024 127.229C208.478 124.093 209.865 122.252 211.183 121.707C212.819 121.116 213.955 120.821 214.591 120.821C214.819 120.821 214.932 120.866 214.932 120.957C214.932 121.093 214.66 121.321 214.114 121.639C213.796 121.775 213.251 122.411 212.478 123.548C211.751 124.684 210.933 126.229 210.024 128.184C209.433 129.502 208.751 131.183 207.978 133.229C207.206 135.274 206.41 137.501 205.592 139.91C204.774 142.319 203.979 144.727 203.206 147.136C202.479 149.545 201.82 151.795 201.229 153.886C200.684 155.976 200.297 157.703 200.07 159.067C199.979 159.749 199.661 160.249 199.116 160.567C198.616 160.885 198.025 161.044 197.343 161.044C196.752 161.044 196.23 160.908 195.775 160.635C195.321 160.408 195.161 160.044 195.298 159.544C195.707 157.953 196.252 156.067 196.934 153.886C197.661 151.659 198.457 149.318 199.32 146.864C200.184 144.364 201.07 141.887 201.979 139.432C202.933 136.978 203.842 134.706 204.706 132.615C205.57 130.479 206.342 128.684 207.024 127.229ZM210.092 154.226C210.092 152.908 210.228 151.545 210.501 150.136C210.819 148.682 211.137 147.318 211.455 146.045C212.183 143.409 213.182 140.546 214.455 137.455C215.728 134.319 217.023 131.365 218.341 128.593C219.114 127.002 219.932 125.752 220.795 124.843C221.659 123.889 222.409 123.298 223.045 123.07C224.863 122.48 226.113 122.184 226.795 122.184C227.067 122.184 227.204 122.23 227.204 122.32C227.204 122.457 226.886 122.684 226.249 123.002C225.931 123.139 225.34 123.775 224.477 124.911C223.659 126.047 222.727 127.593 221.682 129.547C220.273 132.183 219.046 134.978 218 137.933C216.955 140.841 216.114 143.637 215.478 146.318C215.296 147.227 215.046 148.409 214.728 149.863C214.455 151.272 214.319 152.636 214.319 153.954C214.319 155.135 214.501 156.158 214.864 157.022C215.228 157.885 215.909 158.317 216.909 158.317C218 158.317 219.068 157.863 220.114 156.953C221.159 156.044 222.136 154.908 223.045 153.545C224 152.136 224.863 150.659 225.636 149.113C226.408 147.568 227.067 146.159 227.613 144.886C228.158 144.886 228.431 145.091 228.431 145.5C227.795 147 227.067 148.636 226.249 150.409C225.431 152.136 224.5 153.795 223.454 155.385C222.409 156.931 221.227 158.181 219.909 159.135C218.591 160.135 217.114 160.635 215.478 160.635C213.387 160.635 211.955 159.999 211.183 158.726C210.455 157.499 210.092 155.999 210.092 154.226Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M232.51 158.317C230.828 158.317 229.306 157.772 227.942 156.681C226.624 155.59 225.965 153.931 225.965 151.704C225.965 149.841 226.374 147.863 227.192 145.773C228.056 143.682 229.169 141.728 230.533 139.91C231.942 138.046 233.487 136.546 235.169 135.41C236.896 134.228 238.623 133.638 240.35 133.638C241.213 133.638 242.054 133.888 242.872 134.387C243.69 134.887 244.1 135.751 244.1 136.978C244.1 138.114 243.668 139.364 242.804 140.728C241.941 142.091 240.714 143.364 239.123 144.546C238.441 145.046 237.577 145.523 236.532 145.977C235.487 146.432 234.441 146.818 233.396 147.136C232.351 147.409 231.487 147.545 230.805 147.545C230.578 148.091 230.351 148.818 230.124 149.727C229.942 150.636 229.851 151.568 229.851 152.522C229.851 153.658 230.078 154.681 230.533 155.59C230.987 156.499 231.828 156.953 233.055 156.953C234.555 156.953 235.941 156.522 237.214 155.658C238.532 154.795 239.691 153.704 240.691 152.386C241.736 151.068 242.622 149.727 243.35 148.363C244.077 147 244.645 145.841 245.054 144.886C245.599 144.886 245.872 145.091 245.872 145.5C245.281 146.773 244.6 148.159 243.827 149.659C243.1 151.159 242.213 152.568 241.168 153.886C240.168 155.158 238.941 156.226 237.487 157.09C236.078 157.908 234.419 158.317 232.51 158.317ZM231.283 146.318C231.919 146.318 232.987 146.091 234.487 145.636C235.987 145.136 237.35 144.364 238.577 143.318C239.759 142.273 240.668 141.137 241.304 139.91C241.941 138.637 242.259 137.569 242.259 136.705C242.259 135.706 241.895 135.206 241.168 135.206C240.623 135.206 239.873 135.569 238.918 136.296C237.964 137.024 236.782 138.251 235.373 139.978C234.51 141.069 233.691 142.25 232.919 143.523C232.146 144.796 231.601 145.727 231.283 146.318Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M250.907 158.317C248.408 158.317 246.544 157.658 245.317 156.34C244.135 155.022 243.545 153.249 243.545 151.022C243.545 149.977 243.749 148.772 244.158 147.409C244.567 146.045 245.113 144.659 245.794 143.25C246.476 141.841 247.226 140.591 248.044 139.501C249.362 137.728 250.817 136.365 252.407 135.41C253.998 134.41 255.612 133.91 257.248 133.91C258.975 133.91 260.202 134.297 260.929 135.069C261.702 135.796 262.088 136.66 262.088 137.66C262.088 138.614 261.861 139.478 261.406 140.251C260.952 140.978 260.429 141.569 259.838 142.023C259.293 142.478 258.816 142.705 258.407 142.705C258.043 142.705 257.725 142.569 257.452 142.296C257.816 141.841 258.202 141.296 258.611 140.66C259.02 140.023 259.316 139.41 259.498 138.819C259.679 138.273 259.77 137.728 259.77 137.183C259.77 136.001 259.225 135.41 258.134 135.41C256.816 135.41 255.521 135.956 254.248 137.046C253.021 138.137 251.885 139.546 250.839 141.273C249.839 142.955 249.021 144.75 248.385 146.659C247.794 148.522 247.499 150.25 247.499 151.84C247.499 153.295 247.794 154.499 248.385 155.454C249.021 156.408 250.044 156.885 251.453 156.885C253.316 156.885 254.953 156.294 256.362 155.113C257.77 153.886 259.02 152.363 260.111 150.545C261.202 148.682 262.156 146.795 262.975 144.886C263.156 144.886 263.338 144.932 263.52 145.023C263.702 145.068 263.793 145.227 263.793 145.5C262.884 147.773 261.816 149.886 260.588 151.84C259.361 153.795 257.952 155.363 256.362 156.544C254.816 157.726 252.998 158.317 250.907 158.317Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M285.792 131.251C284.656 131.251 283.452 131.092 282.179 130.774C280.952 130.456 279.702 130.138 278.43 129.82C277.202 129.502 276.043 129.343 274.953 129.343C274.044 129.343 273.203 129.502 272.43 129.82C271.657 130.092 271.021 130.661 270.521 131.524L270.317 131.865C270.18 132.047 270.067 132.138 269.976 132.138C269.885 132.138 269.794 132.07 269.703 131.933C269.612 131.797 269.589 131.638 269.635 131.456C270.135 130.183 271.044 129.183 272.362 128.456C273.68 127.684 275.18 127.297 276.861 127.297C278.043 127.297 279.543 127.456 281.361 127.775C283.224 128.093 284.906 128.252 286.406 128.252C287.36 128.252 288.429 128.206 289.61 128.115C290.837 127.979 291.996 127.684 293.087 127.229C294.223 126.729 295.087 125.934 295.678 124.843C296.132 124.843 296.36 125.002 296.36 125.32C295.496 127.365 294.314 128.865 292.814 129.82C291.315 130.774 288.974 131.251 285.792 131.251ZM258.659 158.044C258.159 158.044 257.75 158.044 257.432 158.044C257.068 158.09 256.704 158.203 256.341 158.385C258.022 155.158 259.613 151.931 261.113 148.704C262.613 145.432 264.135 142.341 265.681 139.432C266.59 137.796 267.34 136.66 267.931 136.024C268.567 135.342 269.408 135.001 270.453 135.001C270.817 135.001 271.203 135.069 271.612 135.206C272.021 135.297 272.43 135.342 272.839 135.342C273.112 135.342 273.316 135.319 273.453 135.274C272.816 135.637 271.998 136.546 270.998 138.001C269.998 139.41 268.976 141.046 267.931 142.909C266.885 144.773 265.953 146.523 265.135 148.159C265.999 147.114 266.885 146.068 267.794 145.023C268.749 143.977 269.794 142.978 270.93 142.023C271.93 141.16 272.975 140.228 274.066 139.228C275.203 138.183 276.316 137.296 277.407 136.569C278.498 135.842 279.452 135.478 280.27 135.478C280.588 135.478 280.793 135.501 280.884 135.546C281.747 135.91 282.179 136.501 282.179 137.319C282.179 137.592 282.066 138.001 281.838 138.546C281.247 140.091 280.475 141.682 279.52 143.318C278.611 144.909 277.748 146.523 276.93 148.159C277.611 147.341 278.452 146.341 279.452 145.159C280.497 143.977 281.543 142.932 282.588 142.023C283.588 141.114 284.861 140.16 286.406 139.16C287.951 138.16 289.474 137.296 290.974 136.569C292.474 135.842 293.678 135.478 294.587 135.478C294.905 135.478 295.132 135.501 295.269 135.546C295.269 135.546 295.019 136.001 294.519 136.91C294.019 137.774 293.383 138.933 292.61 140.387C291.883 141.796 291.133 143.318 290.36 144.955C289.588 146.545 288.883 148.091 288.247 149.591C287.656 151.045 287.27 152.272 287.088 153.272C286.951 153.863 286.883 154.408 286.883 154.908C286.883 155.635 287.02 156.113 287.292 156.34C287.565 156.567 287.86 156.681 288.179 156.681C289.088 156.681 289.974 156.294 290.837 155.522C291.746 154.749 292.633 153.772 293.496 152.59C294.36 151.363 295.132 150.068 295.814 148.704C296.541 147.341 297.155 146.068 297.655 144.886C298.2 144.886 298.473 145.091 298.473 145.5C297.973 146.727 297.337 148.091 296.564 149.591C295.837 151.045 294.996 152.431 294.042 153.749C293.087 155.067 292.042 156.158 290.906 157.022C289.769 157.885 288.542 158.317 287.224 158.317C286.27 158.317 285.361 157.999 284.497 157.363C283.679 156.726 283.27 155.545 283.27 153.817C283.27 151.954 283.702 150.091 284.565 148.227C285.474 146.364 286.406 144.659 287.36 143.114C287.815 142.341 288.042 141.728 288.042 141.273C288.042 140.728 287.77 140.455 287.224 140.455C286.77 140.455 286.133 140.682 285.315 141.137C284.543 141.591 283.565 142.387 282.384 143.523C281.656 144.205 280.793 145.159 279.793 146.386C278.839 147.568 277.861 148.863 276.861 150.272C275.862 151.681 274.998 153.068 274.271 154.431C273.544 155.795 273.066 156.999 272.839 158.044C272.157 158.044 271.612 157.772 271.203 157.226C270.794 156.635 270.589 155.954 270.589 155.181C270.589 155.045 270.589 154.908 270.589 154.772C270.589 154.636 270.612 154.476 270.658 154.295C270.885 152.886 271.248 151.704 271.748 150.75C272.248 149.75 272.816 148.591 273.453 147.273C273.771 146.682 274.134 146 274.544 145.227C274.953 144.409 275.316 143.637 275.634 142.909C275.952 142.137 276.112 141.5 276.112 141C276.112 140.546 275.93 140.319 275.566 140.319C275.157 140.319 274.612 140.523 273.93 140.932C273.294 141.341 272.68 141.819 272.089 142.364C271.498 142.864 271.044 143.25 270.726 143.523C269.589 144.614 268.203 146.182 266.567 148.227C264.976 150.272 263.226 153.181 261.318 156.953C261.045 157.453 260.727 157.772 260.363 157.908C259.999 157.999 259.431 158.044 258.659 158.044Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M302.549 158.317C300.867 158.317 299.345 157.772 297.981 156.681C296.663 155.59 296.004 153.931 296.004 151.704C296.004 149.841 296.413 147.863 297.231 145.773C298.095 143.682 299.209 141.728 300.572 139.91C301.981 138.046 303.526 136.546 305.208 135.41C306.935 134.228 308.662 133.638 310.389 133.638C311.253 133.638 312.094 133.888 312.912 134.387C313.73 134.887 314.139 135.751 314.139 136.978C314.139 138.114 313.707 139.364 312.844 140.728C311.98 142.091 310.753 143.364 309.162 144.546C308.48 145.046 307.617 145.523 306.571 145.977C305.526 146.432 304.481 146.818 303.435 147.136C302.39 147.409 301.527 147.545 300.845 147.545C300.618 148.091 300.39 148.818 300.163 149.727C299.981 150.636 299.89 151.568 299.89 152.522C299.89 153.658 300.118 154.681 300.572 155.59C301.027 156.499 301.867 156.953 303.095 156.953C304.594 156.953 305.981 156.522 307.253 155.658C308.571 154.795 309.73 153.704 310.73 152.386C311.776 151.068 312.662 149.727 313.389 148.363C314.116 147 314.684 145.841 315.093 144.886C315.639 144.886 315.911 145.091 315.911 145.5C315.321 146.773 314.639 148.159 313.866 149.659C313.139 151.159 312.253 152.568 311.207 153.886C310.208 155.158 308.98 156.226 307.526 157.09C306.117 157.908 304.458 158.317 302.549 158.317ZM301.322 146.318C301.958 146.318 303.026 146.091 304.526 145.636C306.026 145.136 307.39 144.364 308.617 143.318C309.798 142.273 310.707 141.137 311.344 139.91C311.98 138.637 312.298 137.569 312.298 136.705C312.298 135.706 311.935 135.206 311.207 135.206C310.662 135.206 309.912 135.569 308.958 136.296C308.003 137.024 306.821 138.251 305.413 139.978C304.549 141.069 303.731 142.25 302.958 143.523C302.186 144.796 301.64 145.727 301.322 146.318Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M304.38 176.656C303.835 176.656 303.38 176.588 303.017 176.452C302.608 176.361 302.085 176.315 301.449 176.315C301.631 176.043 302.085 175.247 302.812 173.929C303.494 172.657 304.335 171.043 305.335 169.089C306.335 167.18 307.403 165.089 308.539 162.817C309.63 160.59 310.698 158.385 311.743 156.204C312.789 153.977 313.675 151.931 314.402 150.068C315.175 148.159 315.675 146.636 315.902 145.5C315.675 145.5 315.47 145.455 315.288 145.364C315.107 145.273 315.038 145.114 315.084 144.886C315.084 144.886 315.22 144.477 315.493 143.659C315.766 142.841 316.038 141.864 316.311 140.728C316.584 139.546 316.72 138.478 316.72 137.524C316.72 136.887 316.652 136.342 316.515 135.887C316.379 135.433 316.129 135.183 315.766 135.137L319.174 134.592C319.447 134.547 319.697 134.524 319.924 134.524C320.151 134.478 320.356 134.456 320.538 134.456C320.947 134.456 321.22 134.615 321.356 134.933C321.538 135.206 321.629 135.796 321.629 136.705C321.629 137.842 321.424 139.296 321.015 141.069C320.651 142.796 320.22 144.318 319.72 145.636C320.22 144.818 320.856 143.773 321.629 142.5C322.447 141.228 323.378 139.932 324.424 138.614C325.469 137.296 326.56 136.206 327.696 135.342C328.832 134.433 329.946 133.978 331.037 133.978C331.264 133.978 331.559 134.024 331.923 134.115C333.196 134.433 334.082 135.069 334.582 136.024C335.127 136.933 335.4 138.024 335.4 139.296C335.4 140.66 335.127 142.159 334.582 143.796C334.082 145.432 333.4 147.045 332.537 148.636C331.673 150.181 330.719 151.59 329.673 152.863C328.401 154.454 326.878 155.726 325.106 156.681C323.333 157.635 321.515 158.112 319.652 158.112C317.97 158.112 316.402 157.681 314.947 156.817L308.334 173.111C307.698 174.656 307.062 175.633 306.426 176.043C305.789 176.452 305.107 176.656 304.38 176.656ZM317.47 156.681C318.743 156.681 320.174 156.09 321.765 154.908C323.356 153.727 324.878 152.227 326.333 150.409C327.833 148.545 329.082 146.682 330.082 144.818C330.764 143.546 331.264 142.387 331.582 141.341C331.9 140.251 332.059 139.319 332.059 138.546C332.059 136.774 331.423 135.887 330.151 135.887C329.56 135.887 328.787 136.205 327.833 136.842C326.924 137.478 325.855 138.637 324.628 140.319C323.31 142.137 321.856 144.432 320.265 147.204C318.72 149.931 317.129 152.818 315.493 155.863C316.038 156.408 316.697 156.681 317.47 156.681Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M59.1346 100.656C54.4987 100.656 50.8627 99.2242 48.2266 96.3609C45.6359 93.4975 44.3406 89.4297 44.3406 84.1575C44.3406 80.8397 45.0223 77.4082 46.3858 73.8631C44.4769 72.545 43.0907 71.0679 42.2272 69.4317C41.4091 67.75 41 65.7275 41 63.3641C41 60.228 41.7045 57.4328 43.1134 54.9785C44.5678 52.5242 46.4995 50.4335 48.9083 48.7064C51.3172 46.9338 54.0215 45.5931 57.0212 44.6841C60.0209 43.7751 63.066 43.3206 66.1567 43.3206C69.2018 43.3206 72.1561 43.7978 75.0194 44.7522C77.8828 45.6612 80.428 47.0929 82.6551 49.0473C84.9276 50.9562 86.6774 53.3878 87.9046 56.342C89.1772 59.2963 89.7226 62.8187 89.5408 66.9092C91.6769 65.5911 93.5176 64.1594 95.063 62.6141C96.6537 61.0234 97.8127 59.569 98.5399 58.2509C98.7671 57.8419 98.9944 57.6374 99.2216 57.6374C99.4489 57.6374 99.5852 57.8192 99.6307 58.1828C99.7216 58.5464 99.608 58.9781 99.2898 59.4781C98.1536 61.2506 96.7446 63.0005 95.063 64.7276C93.4268 66.4547 91.4951 68 89.2681 69.3635C89.2226 70.3634 89.0635 71.4996 88.7908 72.7723C88.5636 73.9994 88.2227 75.2947 87.7682 76.6582C86.9047 79.4307 85.5184 82.2259 83.6095 85.0438C81.7461 87.8617 79.519 90.4524 76.9283 92.8158C74.3377 95.1792 71.5198 97.0654 68.4746 98.4743C65.4295 99.9287 62.3161 100.656 59.1346 100.656ZM61.3844 75.3629C65.2022 75.3629 69.2245 74.8175 73.4514 73.7267C77.7237 72.5904 81.7233 71.0451 85.4502 69.0908C85.5411 68.4999 85.5866 67.9318 85.5866 67.3864C85.5866 66.7956 85.5866 66.2274 85.5866 65.682C85.5866 61.0461 84.7685 57.1829 83.1323 54.0922C81.5415 51.0016 79.3145 48.6837 76.4511 47.1384C73.5878 45.5931 70.2472 44.8204 66.4294 44.8204C63.4751 44.8204 60.6799 45.2749 58.0438 46.1839C55.4531 47.0929 53.1352 48.3655 51.0899 50.0017C49.0901 51.6379 47.5221 53.5696 46.3858 55.7966C45.2496 58.0237 44.6815 60.478 44.6815 63.1595C44.6815 64.3867 44.8405 65.7275 45.1587 67.1819C45.5223 68.5908 46.3404 69.8634 47.613 70.9997C48.2493 69.6362 49.1129 68.1136 50.2037 66.432C51.2945 64.7048 52.5443 62.9777 53.9533 61.2506C55.4077 59.4781 56.953 57.8646 58.5892 56.4102C60.2709 54.9558 61.998 53.7968 63.7705 52.9333C65.5885 52.0243 67.4065 51.5698 69.2245 51.5698C69.9972 51.5698 70.7698 51.6607 71.5425 51.8425C72.3606 52.0243 73.1333 52.3424 73.8605 52.7969C74.2241 53.0242 74.4059 53.2287 74.4059 53.4105C74.4059 53.5468 74.2922 53.6605 74.065 53.7514C73.8832 53.8423 73.6332 53.8423 73.3151 53.7514C72.7242 53.5696 72.0652 53.4787 71.338 53.4787C69.7018 53.4787 68.0428 53.9786 66.3612 54.9785C64.6795 55.933 63.0433 57.2056 61.4526 58.7963C59.8618 60.3416 58.3847 62.0233 57.0212 63.8413C55.6577 65.6139 54.4532 67.3637 53.4079 69.0908C52.408 70.7724 51.6353 72.2041 51.0899 73.3858C53.8624 74.7039 57.2939 75.3629 61.3844 75.3629ZM59.68 99.0197C62.2252 99.0197 64.7023 98.3834 67.1111 97.1108C69.5654 95.8382 71.8607 94.1111 73.9968 91.9295C76.1784 89.7479 78.11 87.3163 79.7917 84.6347C81.4734 81.9532 82.8141 79.2034 83.814 76.3855C84.0867 75.6129 84.3367 74.8175 84.564 73.9994C84.7912 73.1359 84.9276 72.3178 84.973 71.5451C81.2916 73.4995 77.3601 74.9993 73.1787 76.0447C68.9973 77.09 64.9977 77.6127 61.1799 77.6127C56.953 77.6127 53.2715 76.9991 50.1355 75.772C48.7265 79.3625 48.022 82.8849 48.022 86.3391C48.022 90.566 49.1129 93.7475 51.2945 95.8837C53.5215 97.9744 56.3167 99.0197 59.68 99.0197Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M90.868 95.4746C90.8226 95.9291 90.5499 96.2472 90.0499 96.4291C89.5954 96.5654 89.1409 96.6336 88.6864 96.6336C87.9592 96.6336 87.4138 96.7472 87.0502 96.9745C87.0502 96.0655 87.3002 94.7929 87.8002 93.1566C88.3001 91.475 88.891 89.6797 89.5727 87.7708C90.2999 85.8164 91.0271 83.9984 91.7543 82.3168C92.527 80.5897 93.1633 79.2489 93.6632 78.2944C94.754 76.2946 95.663 75.022 96.3902 74.4766C97.1629 73.9312 98.0492 73.6585 99.0491 73.6585C99.9581 73.6585 100.594 73.704 100.958 73.7949C101.367 73.8403 101.662 73.8631 101.844 73.8631C100.844 74.4085 99.6627 75.6811 98.2991 77.6809C96.9811 79.6807 95.7312 81.9077 94.5495 84.362C94.9131 83.9984 95.3222 83.703 95.7767 83.4758C96.2766 83.2485 96.8447 83.1349 97.481 83.1349C98.3446 83.1349 99.0945 83.294 99.7308 83.6121C100.367 83.8848 101.253 84.0212 102.39 84.0212C103.253 84.0212 103.821 83.7485 104.094 83.2031C104.821 81.5669 105.571 79.9761 106.344 78.4308C107.116 76.84 107.753 75.522 108.253 74.4766C108.525 73.8858 108.889 73.4995 109.344 73.3177C109.843 73.1359 110.389 73.045 110.98 73.045H114.661C113.889 73.6813 113.23 74.2721 112.684 74.8175C112.184 75.3175 111.684 75.931 111.184 76.6582C110.73 77.3854 110.139 78.4308 109.412 79.7943C108.821 80.9305 108.116 82.4077 107.298 84.2257C106.48 86.0437 105.867 87.6572 105.458 89.0661C105.276 89.5661 105.117 90.1569 104.98 90.8387C104.889 91.5204 104.844 92.1567 104.844 92.7476C104.844 93.4748 104.958 94.0884 105.185 94.5883C105.412 95.0883 105.798 95.3382 106.344 95.3382C107.435 95.3382 108.571 94.7474 109.753 93.5657C110.934 92.3385 112.025 90.8841 113.025 89.2025C113.661 89.2025 113.979 89.3843 113.979 89.7479C112.843 91.7022 111.502 93.4066 109.957 94.861C108.412 96.3154 106.73 97.0426 104.912 97.0426C103.549 97.0426 102.571 96.6336 101.981 95.8155C101.435 94.9974 101.163 93.9747 101.163 92.7476C101.163 92.1113 101.231 91.4295 101.367 90.7023C101.549 89.9751 101.753 89.2479 101.981 88.5207C102.162 87.9753 102.367 87.4072 102.594 86.8163C102.821 86.18 103.071 85.5665 103.344 84.9756C103.071 85.3392 102.731 85.6346 102.321 85.8619C101.912 86.0437 101.39 86.1346 100.753 86.1346C100.117 86.1346 99.5945 86.0437 99.1854 85.8619C98.7764 85.6801 98.3446 85.4983 97.8901 85.3165C97.4356 85.1347 96.8447 85.0438 96.1175 85.0438C95.663 85.0438 95.1858 85.1347 94.6859 85.3165C94.2314 85.4983 93.8678 85.9073 93.5951 86.5436C92.9133 88.1344 92.3224 89.7024 91.8225 91.2477C91.368 92.793 91.0498 94.202 90.868 95.4746Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M126.273 85.7255C125.092 87.7253 123.955 89.5661 122.865 91.2477C121.774 92.9294 120.638 94.2702 119.456 95.2701C118.32 96.2245 117.024 96.7018 115.57 96.7018C114.479 96.7018 113.502 96.3836 112.638 95.7473C111.775 95.0656 111.343 94.0884 111.343 92.8158C111.343 92.0431 111.525 91.2023 111.888 90.2933C112.207 89.3843 112.684 88.6116 113.32 87.9753C114.002 87.339 114.82 87.0663 115.774 87.1572C116.411 87.2027 116.979 87.4526 117.479 87.9072C116.661 88.6798 116.024 89.5888 115.57 90.6342C115.115 91.6795 114.888 92.5885 114.888 93.3612C114.888 93.8157 114.979 94.2474 115.161 94.6565C115.388 95.0201 115.774 95.2019 116.32 95.2019C117.183 95.2019 118.07 94.7247 118.979 93.7702C119.933 92.7703 120.91 91.4977 121.91 89.9524C122.955 88.3617 123.978 86.7254 124.978 85.0438C126.296 82.9076 127.591 80.9306 128.864 79.1125C130.182 77.2945 131.409 75.8856 132.545 74.8857C134 73.6585 135.386 73.045 136.704 73.045H136.977C138.795 73.045 139.295 73.9085 138.477 75.6356L136.091 80.7488C135.682 81.5669 135.182 82.5895 134.591 83.8166C134.045 84.9983 133.5 86.2255 132.955 87.4981C132.455 88.7253 132.046 89.907 131.727 91.0432C131.455 92.134 131.364 93.0203 131.455 93.702C131.591 94.3838 132.046 94.7247 132.818 94.7247C133.954 94.7247 135.068 94.1338 136.159 92.9521C137.295 91.7704 138.363 90.316 139.363 88.5889C140.363 86.8163 141.249 85.0665 142.022 83.3394C142.204 83.3394 142.385 83.4076 142.567 83.5439C142.749 83.6348 142.84 83.7712 142.84 83.953C142.022 85.9982 141.067 87.9753 139.977 89.8842C138.931 91.7931 137.704 93.3612 136.295 94.5883C134.932 95.8155 133.341 96.4291 131.523 96.4291C129.75 96.4291 128.637 95.8155 128.182 94.5883C127.773 93.3157 127.819 91.6568 128.319 89.6115C128.864 87.5663 129.705 85.3392 130.841 82.9304C131.977 80.4761 133.227 78.0899 134.591 75.772C135.091 74.9539 135.227 74.5448 135 74.5448C134.818 74.5448 134.5 74.7266 134.045 75.0902C133.636 75.4084 133.25 75.7492 132.886 76.1128C132.023 76.9309 131.091 78.0672 130.091 79.5216C129.091 80.976 127.819 83.044 126.273 85.7255Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M156.806 96.7018C155.761 96.7018 154.829 96.4063 154.011 95.8155C153.238 95.2246 152.852 94.0202 152.852 92.2022C152.852 91.4295 152.898 90.7023 152.988 90.0206C153.125 89.3388 153.284 88.6116 153.466 87.839C153.057 88.5207 152.489 89.3616 151.761 90.3615C151.034 91.3614 150.216 92.3385 149.307 93.293C148.443 94.2474 147.534 95.0428 146.58 95.6791C145.671 96.3154 144.807 96.6336 143.989 96.6336C142.808 96.6336 141.853 96.1109 141.126 95.0655C140.399 93.9747 140.035 92.5658 140.035 90.8387C140.035 88.9752 140.467 86.9754 141.33 84.8393C142.194 82.7031 143.376 80.6579 144.876 78.7035C146.375 76.7491 148.103 75.1584 150.057 73.9312C152.011 72.7041 154.057 72.0905 156.193 72.0905C157.238 72.0905 158.238 72.2723 159.192 72.6359C160.147 72.9541 160.988 73.4995 161.715 74.2721C162.033 74.5903 162.192 74.9539 162.192 75.3629C162.192 75.6356 162.078 75.8629 161.851 76.0447C161.624 76.2265 161.329 76.2719 160.965 76.181C160.465 74.5903 159.397 73.7949 157.761 73.7949C156.988 73.7949 156.102 74.0449 155.102 74.5448C153.875 75.1811 152.557 76.2037 151.148 77.6127C149.784 78.9762 148.489 80.5442 147.262 82.3168C146.08 84.0439 145.103 85.7937 144.33 87.5663C143.558 89.3388 143.171 90.9523 143.171 92.4067C143.171 93.9066 143.739 94.6565 144.876 94.6565C145.876 94.6565 146.898 94.1793 147.943 93.2248C149.034 92.2704 150.057 91.0887 151.011 89.6797C152.011 88.2253 152.92 86.7936 153.738 85.3847C154.556 83.9757 155.193 82.8395 155.647 81.9759C156.329 80.7488 156.965 79.7261 157.556 78.908C158.147 78.0899 158.988 77.6809 160.079 77.6809C160.579 77.6809 161.079 77.749 161.579 77.8854C162.078 78.0217 162.601 78.0445 163.147 77.9536C161.783 79.3171 160.579 80.9306 159.533 82.794C158.533 84.6575 157.761 86.4982 157.215 88.3162C156.67 90.0888 156.397 91.5886 156.397 92.8158C156.397 94.1793 156.852 94.861 157.761 94.861C158.488 94.861 159.261 94.452 160.079 93.6339C160.942 92.8158 161.76 91.7931 162.533 90.566C163.351 89.2934 164.101 88.0208 164.783 86.7482C165.465 85.4301 166.01 84.2939 166.419 83.3394C166.646 83.3394 166.828 83.3621 166.964 83.4076C167.146 83.453 167.237 83.6348 167.237 83.953C167.192 84.1348 167.101 84.3393 166.964 84.5666C166.873 84.7484 166.714 85.0892 166.487 85.5892C166.124 86.3164 165.624 87.2936 164.987 88.5207C164.351 89.7479 163.601 90.9978 162.738 92.2704C161.874 93.4975 160.942 94.5429 159.942 95.4064C158.942 96.27 157.897 96.7018 156.806 96.7018Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M168.423 96.4972C167.923 96.4972 167.31 96.3836 166.582 96.1564C165.901 95.9291 165.287 95.5201 164.742 94.9292C164.242 94.2929 163.992 93.3612 163.992 92.134C163.992 90.9523 164.378 89.5888 165.151 88.0435C165.923 86.4982 166.605 85.1347 167.196 83.953C166.696 83.953 166.446 83.7485 166.446 83.3394C166.492 83.2031 166.696 82.7713 167.06 82.0441C167.423 81.3169 167.855 80.4533 168.355 79.4534C168.855 78.4535 169.332 77.4991 169.787 76.5901C170.287 75.6356 170.673 74.9084 170.946 74.4085C171.491 73.4086 172.355 72.9086 173.536 72.9086H177.763C176.991 73.4995 176.286 74.1585 175.65 74.8857C175.059 75.5674 174.309 76.84 173.4 78.7035C173.4 78.7035 173.241 79.0216 172.923 79.658C172.605 80.2943 172.196 81.1124 171.696 82.1123C171.241 83.0667 170.764 84.0439 170.264 85.0438C169.809 86.0437 169.423 86.8845 169.105 87.5663C168.514 88.8389 168.128 89.8615 167.946 90.6342C167.764 91.3614 167.673 92.0431 167.673 92.6794C167.673 94.1793 168.173 94.9292 169.173 94.9292C170.264 94.9292 171.582 94.0429 173.127 92.2704C174.4 90.7705 175.65 88.9752 176.877 86.8845C178.104 84.7938 179.263 82.6349 180.354 80.4079C181.49 78.1808 182.49 76.181 183.354 74.4085C183.854 73.4086 184.74 72.9086 186.012 72.9086H189.762C188.762 73.7267 187.74 74.9539 186.694 76.5901C185.694 78.2263 184.581 80.317 183.354 82.8622C183.035 83.5439 182.626 84.4075 182.126 85.4528C181.626 86.4982 181.172 87.6117 180.763 88.7934C180.399 89.9751 180.218 91.1568 180.218 92.3385C180.218 93.9293 180.786 94.7247 181.922 94.7247C183.467 94.7247 184.967 93.6566 186.421 91.5204C187.876 89.3843 189.308 86.6573 190.717 83.3394C191.08 83.3394 191.285 83.3621 191.33 83.4076C191.421 83.453 191.489 83.6348 191.535 83.953C191.035 85.1801 190.421 86.5209 189.694 87.9753C189.012 89.3843 188.217 90.7478 187.308 92.0658C186.444 93.3839 185.467 94.452 184.376 95.2701C183.331 96.0882 182.172 96.4972 180.899 96.4972C179.763 96.4972 178.831 96.0882 178.104 95.2701C177.377 94.4065 177.013 93.2021 177.013 91.6568C177.013 90.4296 177.241 89.1116 177.695 87.7026C176.922 89.0661 176.036 90.4296 175.036 91.7931C174.036 93.1566 172.968 94.2929 171.832 95.2019C170.696 96.0655 169.559 96.4972 168.423 96.4972ZM189.694 62.3414C190.148 62.296 190.421 62.4096 190.512 62.6823C190.603 62.955 190.648 63.1823 190.648 63.3641C189.921 64.6367 188.83 65.8184 187.376 66.9092C185.967 67.9545 184.308 68.4772 182.399 68.4772C180.627 68.4772 179.172 67.9773 178.036 66.9774C176.9 65.932 176.332 64.7048 176.332 63.2959C176.332 62.2505 176.604 61.3643 177.15 60.6371C177.74 59.9099 178.49 59.5463 179.399 59.5463C180.127 59.5463 180.627 59.7508 180.899 60.1598C181.217 60.5689 181.377 60.9552 181.377 61.3188C181.377 61.8188 181.172 62.2278 180.763 62.546C179.945 63.0005 179.536 63.6368 179.536 64.4549C179.536 65.1821 179.763 65.7957 180.218 66.2956C180.717 66.7956 181.536 67.0455 182.672 67.0455C184.126 67.0455 185.49 66.6138 186.762 65.7502C188.035 64.8867 189.012 63.7504 189.694 62.3414Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M190.201 95.4746C190.156 95.9291 189.883 96.2472 189.383 96.4291C188.929 96.5654 188.474 96.6336 188.02 96.6336C187.293 96.6336 186.747 96.7472 186.384 96.9745C186.384 96.0655 186.634 94.7929 187.134 93.1566C187.634 91.475 188.224 89.6797 188.906 87.7708C189.633 85.8164 190.361 83.9984 191.088 82.3168C191.86 80.5897 192.497 79.2489 192.997 78.2944C194.087 76.2946 194.996 75.022 195.724 74.4766C196.496 73.9312 197.383 73.6585 198.383 73.6585C199.292 73.6585 199.928 73.704 200.291 73.7949C200.7 73.8403 200.996 73.8631 201.178 73.8631C200.178 74.4085 198.996 75.6811 197.633 77.6809C196.315 79.6807 195.065 81.9077 193.883 84.362C194.247 83.9984 194.656 83.703 195.11 83.4758C195.61 83.2485 196.178 83.1349 196.814 83.1349C197.678 83.1349 198.428 83.294 199.064 83.6121C199.701 83.8848 200.587 84.0212 201.723 84.0212C202.587 84.0212 203.155 83.7485 203.427 83.2031C204.155 81.5669 204.905 79.9761 205.677 78.4308C206.45 76.84 207.086 75.522 207.586 74.4766C207.859 73.8858 208.222 73.4995 208.677 73.3177C209.177 73.1359 209.722 73.045 210.313 73.045H213.995C213.222 73.6813 212.563 74.2721 212.018 74.8175C211.518 75.3175 211.018 75.931 210.518 76.6582C210.063 77.3854 209.472 78.4308 208.745 79.7943C208.154 80.9305 207.45 82.4077 206.632 84.2257C205.814 86.0437 205.2 87.6572 204.791 89.0661C204.609 89.5661 204.45 90.1569 204.314 90.8387C204.223 91.5204 204.177 92.1567 204.177 92.7476C204.177 93.4748 204.291 94.0884 204.518 94.5883C204.746 95.0883 205.132 95.3382 205.677 95.3382C206.541 95.3382 207.427 94.9746 208.336 94.2474C209.245 93.4748 210.131 92.4976 210.995 91.3159C211.858 90.0888 212.654 88.7707 213.381 87.3617C214.154 85.9528 214.813 84.612 215.358 83.3394C215.722 83.3394 215.949 83.3849 216.04 83.4758C216.131 83.5667 216.176 83.7257 216.176 83.953C215.631 85.3165 214.949 86.7709 214.131 88.3162C213.358 89.8161 212.449 91.225 211.404 92.5431C210.404 93.8611 209.291 94.9519 208.063 95.8155C206.882 96.6336 205.609 97.0426 204.246 97.0426C202.882 97.0426 201.905 96.6336 201.314 95.8155C200.769 94.9974 200.496 93.9747 200.496 92.7476C200.496 92.1113 200.564 91.4295 200.7 90.7023C200.882 89.9751 201.087 89.2479 201.314 88.5207C201.496 87.9753 201.7 87.4072 201.928 86.8163C202.155 86.18 202.405 85.5665 202.678 84.9756C202.405 85.3392 202.064 85.6346 201.655 85.8619C201.246 86.0437 200.723 86.1346 200.087 86.1346C199.451 86.1346 198.928 86.0437 198.519 85.8619C198.11 85.6801 197.678 85.4983 197.224 85.3165C196.769 85.1347 196.178 85.0438 195.451 85.0438C194.996 85.0438 194.519 85.1347 194.019 85.3165C193.565 85.4983 193.201 85.9073 192.928 86.5436C192.247 88.1344 191.656 89.7024 191.156 91.2477C190.701 92.793 190.383 94.202 190.201 95.4746Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M62.7237 137.824C64.0334 137.013 65.1274 134.409 66.9398 135.574C69.7914 137.698 70.3607 141.43 70.9533 144.705C72.7635 149.871 73.5332 155.329 75.1677 160.551C76.8179 161.017 78.6778 160.507 80.4291 160.612C84.1069 159.973 87.8751 160.362 91.5581 160.909C94.03 160.781 96.3941 161.569 98.6884 162.447C101.336 162.481 104.098 163.305 105.339 165.886C104.327 167.125 103.378 168.393 102.502 169.716C96.3052 171.886 90.409 174.9 84.0353 176.523C86.5516 182.973 90.2874 189.084 91.0803 196.075C92.8197 200.101 92.7691 204.548 93.5665 208.797C93.914 210.092 92.4978 210.923 92.0116 211.962C90.8138 211.595 89.6613 211.21 88.4942 210.842C87.7265 209.342 86.9803 207.844 86.3429 206.305C84.0466 203.106 81.5643 199.935 80.1097 196.248C77.6026 193.639 75.1066 191.005 72.603 188.405C71.8756 190.474 71.293 192.623 70.2185 194.543C68.9534 199.941 66.5267 204.959 64.7814 210.186C64.2806 212.168 62.7713 213.545 61.4964 215.02C60.387 214.067 59.3159 213.078 58.2776 212.067C58.6802 206.173 57.8884 200.276 58.4658 194.378C58.6111 191.271 59.2403 188.208 59.1731 185.087C58.213 185.317 57.2709 185.54 56.3413 185.769C50.7561 187.665 44.7661 188.933 38.844 188.145C36.6306 187.862 34.8873 186.306 33.3646 184.812C33.2999 181.534 36.1071 179.643 38.9266 178.82C44.7974 174.649 51.9603 172.674 57.8311 168.502C58.8175 162.834 58.697 156.984 59.8221 151.326C60.8965 146.843 61.3423 142.236 62.7237 137.824ZM64.9912 145.692C64.9001 148.206 64.4171 150.671 63.9738 153.132C63.1029 157.495 63.314 162.03 61.9044 166.285C62.5876 166.255 63.9521 166.215 64.6353 166.184C64.8732 166.646 65.3399 167.572 65.5653 168.028C64.1246 169.858 62.5241 171.54 60.7978 173.082C57.4734 174.868 54.0443 176.433 50.4871 177.662C47.4162 180.414 42.7883 180.164 40.1306 183.457C46.9348 184.056 53.3621 181.183 59.934 180.026C61.5582 179.96 64.7292 179.244 64.3099 181.903C62.9838 186.815 63.7924 191.966 62.6606 196.897C62.8429 198.63 62.9889 200.377 63.1007 202.116C63.9804 196.249 67.6411 191.231 68.3899 185.32C68.396 183.755 70.177 183.338 71.1581 182.454C78.1943 185.299 82.3108 192.192 86.0338 198.432C84.965 191.807 82.3492 185.614 80.0477 179.374C78.9929 177.911 76.2678 176.583 77.8058 174.518C78.1976 172.712 80.2469 172.537 81.5872 171.725C86.3256 170.766 90.5663 168.444 95.1831 167.083C88.7933 165.774 82.0388 165.688 75.6122 166.654C74.1644 166.256 72.7068 165.915 71.3129 165.414C69.9796 161.692 68.8157 157.842 68.5435 153.883C67.5702 150.18 66.3279 146.506 66.128 142.655C65.7448 143.665 65.3868 144.687 64.9912 145.692Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M236.413 365.309C235.975 363.207 237.591 360.894 239.81 361.004C242.257 361.096 243.234 363.712 243.909 365.685C245.644 371.293 246.521 377.149 248.721 382.629C254.218 382.106 259.76 380.986 265.293 381.61C268.287 381.84 270.597 385.41 268.963 388.136C268.16 389.825 266.233 390.33 264.562 390.661C260.928 391.358 257.267 391.946 253.615 392.551C257.705 396.241 260.7 400.922 263.841 405.411C265.731 408.385 267.959 411.395 268.516 414.966C269 418.289 264.544 420.639 262.188 418.16C256.381 411.827 251.67 404.3 244.758 399.068C239.508 404.539 234.834 410.56 230.99 417.105C229.547 419.298 228.388 421.768 226.416 423.548C224.644 424.998 221.659 424.383 220.709 422.272C219.632 420.492 220.727 418.527 221.595 416.949C225.831 409.596 230.424 402.474 235.08 395.388C227.484 396.379 219.887 397.425 212.327 398.683C209.953 399.105 206.219 398.775 206 395.681C206.21 392.845 209.442 392.138 211.588 391.266C220.791 388.32 230.287 386.438 239.682 384.199C238.513 377.911 237.025 371.679 236.413 365.309Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M293.341 397.471C293.058 395.323 295.122 393.13 297.295 393.735C299.203 394.185 300.034 396.177 300.81 397.774C302.846 402.556 303.914 407.678 305.138 412.717C311.027 412.341 316.934 411.047 322.841 411.552C326.567 412.332 327.178 417.977 323.7 419.546C318.404 421.914 312.478 422.217 306.872 423.521C312.259 427.192 315.327 433.168 318.285 438.794C320.294 442.484 315.565 446.725 312.159 444.274C307.521 440.749 303.905 436.059 299.714 432.039C297.286 435.426 295.039 438.959 292.51 442.273C291.196 444.182 288.566 445.431 286.384 444.246C284.156 443.209 283.307 440.199 284.494 438.078C286.658 433.581 289.945 429.781 292.821 425.751C288.192 426.284 283.681 427.614 279.07 428.193C275.354 428.34 274.295 423.218 276.998 421.162C282.23 416.646 289.497 416.04 295.943 414.388C295.322 408.706 293.807 403.153 293.341 397.471Z%27 fill=%27%23FB6700%27/%3E%3Cpath d=%27M313.082 53.8125C314.743 51.5622 317.723 51.8523 320.131 52.3477C322.964 52.4397 325.944 54.8598 325.756 57.9028C326.307 60.2805 325.784 62.7574 325.554 65.1492C325.219 67.527 323.355 69.1617 321.869 70.8601C321.966 71.3059 322.155 72.1905 322.252 72.6292C319.914 73.1316 319.391 75.2687 318.86 77.3209C318.456 77.3776 317.639 77.505 317.234 77.5686C316.55 81.2909 313.486 84.7584 309.836 85.643C308.517 87.3626 307.317 89.1884 305.809 90.7523C304.755 90.1579 303.653 90.2711 302.641 90.8655C302.103 90.9009 301.035 90.9646 300.498 91C299.919 90.5896 299.353 90.1791 298.795 89.7687C296.429 87.6032 294.356 84.9566 293.065 81.9915C289.757 77.4696 287.789 72.056 287 66.5079C287.147 66.1683 287.454 65.4889 287.607 65.1492C285.876 60.8962 288.354 55.8718 292.332 53.947C296.324 53.6781 299.961 55.7161 302.229 58.9784C302.78 59.8205 303.304 60.691 303.82 61.5755C304.127 60.139 304.406 58.5043 306.221 59.1341C306.214 58.6812 306.193 57.7683 306.186 57.3084C308.064 56.0487 309.557 54.2796 311.532 53.1473C312.049 53.3596 312.565 53.579 313.082 53.8125ZM312.307 62.5875C310.939 64.484 309.55 66.4018 309.313 68.822C310.562 67.2439 311.846 65.7012 313.277 64.3C314.38 63.3447 315.371 62.2266 316.683 61.5614C317.548 61.3986 317.723 60.6131 317.925 59.9196C315.971 60.6202 314.101 61.5402 312.307 62.5875Z%27 fill=%27%23FE74C0%27/%3E%3Cpath d=%27M215.12 167.9C226.748 165.937 238.561 165.234 250.339 165.03C263.24 164.868 276.154 165.349 288.986 166.641C290.682 166.736 293.049 167.42 292.994 169.518C293.124 171.427 291.058 172.341 289.424 172.3C272.105 173.525 254.922 176.233 237.918 179.651C245.989 181.418 254.136 183.063 261.94 185.818C263.541 186.495 265.743 187.158 266.065 189.135C266.318 190.942 264.601 192.147 263.062 192.607C258.807 193.94 254.45 194.922 250.237 196.391C254.758 197.514 259.348 198.509 263.65 200.317C265.162 200.879 266.571 202.334 266.181 204.06C265.818 205.84 263.999 206.646 262.515 207.343C258.288 209.184 254.286 211.479 250.346 213.841C248.192 214.734 246.988 211.628 248.568 210.369C251.53 207.546 255.387 205.894 258.896 203.85C254.963 202.693 250.982 201.725 247.015 200.716C245.353 200.242 243.315 199.708 242.685 197.907C242.07 196.201 243.431 194.604 244.943 193.974C249.765 191.788 254.929 190.488 260.039 189.128C251.201 186.156 241.981 184.559 232.87 182.704C231.351 182.393 229.354 181.519 229.532 179.678C229.703 177.512 232.179 176.869 233.916 176.328C242.241 174.148 250.75 172.781 259.238 171.38C241.892 171.136 224.539 171.603 207.226 172.53C205.728 172.557 205.592 170.351 206.877 169.938C209.525 168.909 212.343 168.442 215.12 167.9Z%27 fill=%27%239F71CE%27/%3E%3C/svg%3E") no-repeat
                center center,
            url(/media/tester.9784aa883627c45cecd4.webp) no-repeat center
                center;
        background-size: contain, contain;
        transform: rotateY(0deg);
    }

.tester-card .back {
        background: url(/media/tester.9784aa883627c45cecd4.webp) no-repeat
            center center;
        background-size: contain;
        transform: rotateY(-180deg);
        flex-direction: column;
        padding: 50px 34px;
    }

.tester-card.opened {
        animation: card-opening-zoom-in-out 1s ease-in-out forwards;
    }

.tester-card.opened::before {
            animation: card-shadow-fade 1s ease-in-out forwards;

            /* Shadow overlay bug */
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
        }

.tester-card.opened .front {
            animation: card-opening-front 800ms ease-in-out forwards;
            transform: rotateY(0deg);
        }

.tester-card.opened .back {
            animation: card-opening-back 800ms ease-in-out forwards;
            transform: rotateY(-180deg);
        }

.tester-card .front button {
            background: linear-gradient(180deg, #f2a9d1 0%, #dcd6e1 100%);
            width: 160px;
            height: 160px;
            display: block;
            border-radius: 50%;
            outline: none;
            border: none;
            color: #3d3c3c;
            cursor: pointer;

            margin: auto;

            font-family: Noto Serif;
            font-size: 32px;
            line-height: 90%;
        }

.tester-card .front .text-disclaimer {
            position: absolute;
            bottom: 50px;
            left: 40px;
            width: 65%;
        }

.tester-card .front .text-disclaimer p {
                color: #3d3c3c;
                font-size: 10px;
                margin-top: 5px;
            }

.tester-card .front .text-disclaimer .hb-logo {
                width: 170px;
                margin-left: 0;
            }

.tester-card .back p.description {
            width: 100%;
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 90%;
            letter-spacing: 0;
            color: #3d3c3c;
        }

.tester-card .back p.description label {
                font-family: Prata;
                font-weight: 400;
                font-size: 24px;
                line-height: 90%;
                letter-spacing: 0;
                display: block;
            }

.tester-card .back p.description span {
                color: #ff6cbe;
            }

.tester-card .back .bottom {
            display: flex;
            justify-content: space-between;
            margin-top: auto;
            align-items: center;
        }

.tester-card .back .bottom .left {
                width: 60%;
            }

.tester-card .back .bottom p {
                font-family: Noto Serif;
                font-weight: 400;
                font-size: 9px;
                line-height: 90%;
                letter-spacing: 0;
                color: #3d3c3c;

                text-align: justify;
            }

.tester-card .back .bottom .hb-logo {
                width: 103px;
                margin-left: 0;
            }

.tester-card .back .bottom img {
                width: 80px;
                height: 80px;
            }

@keyframes card-opening-zoom-in-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes card-opening-front {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-180deg);
    }
}

@keyframes card-opening-back {
    0% {
        transform: rotateY(-180deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes card-shadow-fade {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0;
        transform: translateZ(-20px);
    }
    90% {
        opacity: 0;
        transform: translateZ(-20px);
    }
    100% {
        opacity: 1;
    }
}

.tester-with-texts {
    padding: 60px 20px;
}
.tester-with-texts .content {
        width: 365px;
        margin: 0 auto;
    }
.tester-with-texts .hb-logo {
        margin: 0 auto;
    }
.tester-with-texts h2.sub-title {
        margin-top: 6px;
        font-family: Noto Serif;
        font-weight: 400;
        font-size: 24px;
        line-height: 90%;
        text-align: center;
        color: #3d3c3c;
        margin: 0 auto;
        max-width: 280px;
    }
.tester-with-texts .tester-card {
        margin: 21px auto 0;
        z-index: 1;
    }
.tester-with-texts p.text {
        font-family: Noto Serif;
        font-size: 24px;
        line-height: 90%;
        text-align: center;
        color: #ffffff;
        margin-top: 24px;
        background: rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
    }
.tester-with-texts p.disclaimer {
        margin-top: 30px;
        text-align: center;
        color: #fb6700;
        font-family: Noto Serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 90%;
        text-shadow: 0 0 black;
    }
.tester-with-texts button.start {
        margin: 16px auto 0;
        cursor: pointer;
        display: block;
        font-family: Noto Serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 90%;
        text-align: center;
        background: #fb6700;
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25098);
        border-radius: 20px;
        padding: 22px;
        width: 200px;
        border: none;
        color: #ffffff;
    }
.tester-with-texts button.start span {
            color: #3d3c3c;
        }
.tester-with-texts .content > .hb-logo,
    .tester-with-texts h2.sub-title,
    .tester-with-texts p.text,
    .tester-with-texts p.disclaimer,
    .tester-with-texts button.start {
        opacity: 0;
        transition: opacity 0.3s ease-in-out 2s;
    }
.tester-with-texts.active .content > .hb-logo,
        .tester-with-texts.active h2.sub-title,
        .tester-with-texts.active p.text,
        .tester-with-texts.active p.disclaimer,
        .tester-with-texts.active button.start {
            opacity: 1;
        }
.tester-with-texts.active .content > .hb-logo.fade-out, .tester-with-texts.active h2.sub-title.fade-out, .tester-with-texts.active p.text.fade-out, .tester-with-texts.active p.disclaimer.fade-out, .tester-with-texts.active button.start.fade-out {
                opacity: 0;
                transition-delay: 0s;
                transition-delay: initial;
            }
.tester-with-texts.active .content > .hb-logo.fade-in, .tester-with-texts.active h2.sub-title.fade-in, .tester-with-texts.active p.text.fade-in, .tester-with-texts.active p.disclaimer.fade-in, .tester-with-texts.active button.start.fade-in {
                opacity: 1;
                transition-delay: 0s;
                transition-delay: initial;
            }

/* ::before,
::after {
    content: "";
} */

/* ul {
    margin: 0;
    padding: 0;
    list-style: none;
} */

/* a {
    color: #3d3c3c;
    text-decoration: none;
} */

.book-container .start-page {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0 10px 10px 0;
    }

.book-container .btn {
        border: none;
        border-radius: 20px;
        padding: 22px 20px;
        font-family: Days One;
        font-weight: 400;
        font-size: 20px;
        line-height: 110%;
        text-align: center;
        cursor: pointer;
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25098);
        transition: transform 0.2s;
        background: #fb6700;
        color: #ffffff;
    }

.book-container .btn:hover {
            transform: scale(1.02);
        }

.book-container .btn:active {
            transform: scale(0.98);
        }

.book-container .btn:disabled {
            pointer-events: none;
        }

.book-container .book-container {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        width: 100%;
    }

/* ///////////////////////////////////////////////////

HARDCOVER
Table of Contents

1. container
2. background & color
3. opening cover, back cover and pages
4. position, transform y transition
5. events
6. Bonus
	- Cover design
	- Ribbon
	- Figcaption
7. mini-reset

/////////////////////////////////////////////////////*/

/*
	1. container
*/

.book-container .book {
        position: relative;
        width: 720px;
        height: 990px;
        perspective: 2000px;
        transform-style: preserve-3d;
        margin: 50px auto 50px;

        transform: scale(0.5);
        transition: transform 4s ease-in-out;
        transform-origin: 100% 50%;
    }

.book-container .book.active {
            transform: scale(1);
        }

@media (max-width: 400px) {

.book-container .book {
            width: 320px;
            height: 440px;
            perspective: 1000px;
    }
        }

/*
	2. background & color
*/

/* HARDCOVER FRONT */

.book-container .hardcover_front li:first-child {
        background-color: #eee;
        backface-visibility: hidden;
    }

/* reverse */

.book-container .hardcover_front li:last-child {
        background: #fffbec;
    }

/* HARDCOVER BACK */

.book-container .hardcover_back li:first-child {
        background: #fffbec;
    }

/* reverse */

.book-container .hardcover_back li:last-child {
        background: #fffbec;
    }

.book-container .book_spine li:first-child {
        background: #eee;
    }

.book-container .book_spine li:last-child {
        background: #333;
    }

/* thickness of cover */

.book-container .hardcover_front li:first-child:after,
    .book-container .hardcover_front li:first-child:before,
    .book-container .hardcover_front li:last-child:after,
    .book-container .hardcover_front li:last-child:before,
    .book-container .hardcover_back li:first-child:after,
    .book-container .hardcover_back li:first-child:before,
    .book-container .hardcover_back li:last-child:after,
    .book-container .hardcover_back li:last-child:before,
    .book-container .book_spine li:first-child:after,
    .book-container .book_spine li:first-child:before,
    .book-container .book_spine li:last-child:after,
    .book-container .book_spine li:last-child:before {
        content: "";
        background: rgba(158,158,158,1);
    }

/* page */

.book-container .page .two-sided-page {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            background: transparent;
            border-radius: 0 10px 10px 0;
            /* FIXME: DEBUG */
            /* border: 1px solid red; */
        }

.book-container .page img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            backface-visibility: hidden;
        }

.book-container .page img.front {
                border-radius: 0px 10px 10px 0px;
                transform: rotateY(0deg);
                z-index: 2;
            }

.book-container .page img.back {
                border-radius: 10px 0px 0px 10px;
                transform: rotateY(180deg);
                z-index: 1;
            }

.book-container .page > li {
        background: linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
        box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1),
            inset -1px 0px 1px rgba(150, 150, 150, 0.2);
        /* border-radius: 0px 5px 5px 0px; */

        /* .shadow {
        background: linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
        width: 100%;
        height: 100%;
        z-index: 5;
        position: absolute;
    } */
    }

/*
	3. opening cover, back cover and pages
*/

.book-container .hardcover_back {
        transform: rotateY(0deg) translateZ(-8px);
        transition-duration: 3s;
        border-radius: 0 10px 10px 0;
    }

.book-container .page > li:nth-child(1) {
        transform: rotateY(-30deg);
        transition-duration: 3s;
    }

.book-container .page > li:nth-child(2) {
        transform: rotateY(-35deg);
        transition-duration: 3s;
    }

.book-container .page > li:nth-child(3) {
        transform: rotateY(-118deg);
        transition-duration: 3s;
    }

.book-container .page > li:nth-child(4) {
        transform: rotateY(-130deg);
        transition-duration: 3.2s;
    }

.book-container .page > li:nth-child(5) {
        transform: rotateY(-140deg);
        transition-duration: 3.4s;
    }

.book-container .page > li:nth-child(6) {
        transform: rotateY(-148deg);
        transition-duration: 3.6s;
    }

.book-container .page > li:nth-child(7) {
        transform: rotateY(-153deg);
        transition-duration: 3.8s;
    }

.book-container .page > li:nth-child(8) {
        transform: rotateY(-156deg);
        transition-duration: 4s;
    }

.book-container .hardcover_front {
        transform: rotateY(-170deg) translateZ(8px);
        z-index: 0;
        transition-duration: 4.2s;
    }

/*
	4. position, transform & transition
*/

.book-container .hardcover_front,
    .book-container .hardcover_back,
    .book-container .book_spine,
    .book-container .hardcover_front li,
    .book-container .hardcover_back li,
    .book-container .book_spine li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
    }

.book-container .hardcover_front,
    .book-container .hardcover_back {
        transform-origin: 0% 100%;
    }

.book-container .hardcover_front {
        /* transition: all 0.8s ease, z-index 0.6s; */
    }

/* HARDCOVER front */

.book-container .hardcover_front li:first-child {
        cursor: default;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        transform: translateZ(2px);
    }

.book-container .hardcover_front li:last-child {
        transform: rotateY(180deg) translateZ(2px);
    }

/* HARDCOVER back */

.book-container .hardcover_back li:first-child {
        transform: translateZ(2px);
    }

.book-container .hardcover_back li:last-child {
        transform: translateZ(-2px);
    }

/* thickness of cover */

.book-container .hardcover_front li:first-child:after,
    .book-container .hardcover_front li:first-child:before,
    .book-container .hardcover_front li:last-child:after,
    .book-container .hardcover_front li:last-child:before,
    .book-container .hardcover_back li:first-child:after,
    .book-container .hardcover_back li:first-child:before,
    .book-container .hardcover_back li:last-child:after,
    .book-container .hardcover_back li:last-child:before,
    .book-container .book_spine li:first-child:after,
    .book-container .book_spine li:first-child:before,
    .book-container .book_spine li:last-child:after,
    .book-container .book_spine li:last-child:before {
        position: absolute;
        top: 0;
        left: 0;
    }

/* HARDCOVER front */

.book-container .hardcover_front li:first-child:after,
    .book-container .hardcover_front li:first-child:before {
        width: 4px;
        height: 100%;
    }

.book-container .hardcover_front li:first-child:after {
        transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    }

.book-container .hardcover_front li:first-child:before {
        transform: rotateY(90deg) translateZ(158px) translateX(2px);
    }

.book-container .hardcover_front li:last-child:after,
    .book-container .hardcover_front li:last-child:before {
        width: 4px;
        height: 160px;
    }

.book-container .hardcover_front li:last-child:after {
        transform: rotateX(90deg) rotateZ(90deg) translateZ(80px)
            translateX(-2px) translateY(-78px);
    }

.book-container .hardcover_front li:last-child:before {
        /* box-shadow: 0px 0px 30px 5px #333; */
        transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px)
            translateX(-2px) translateY(-78px);
    }

/* thickness of cover */

.book-container .hardcover_back li:first-child:after,
    .book-container .hardcover_back li:first-child:before {
        width: 4px;
        height: 100%;
    }

.book-container .hardcover_back li:first-child:after {
        transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    }

.book-container .hardcover_back li:first-child:before {
        transform: rotateY(90deg) translateZ(158px) translateX(2px);
    }

.book-container .hardcover_back li:last-child:after,
    .book-container .hardcover_back li:last-child:before {
        width: 4px;
        height: 160px;
    }

.book-container .hardcover_back li:last-child:after {
        transform: rotateX(90deg) rotateZ(90deg) translateZ(80px)
            translateX(2px) translateY(-78px);
    }

.book-container .hardcover_back li:last-child:before {
        /* box-shadow: 10px -1px 80px 20px #666; */
        transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px)
            translateX(2px) translateY(-78px);
    }

/* BOOK SPINE */

.book-container .book_spine {
        transform: rotateY(95deg) translateX(-2px) translateZ(-12px);
        width: 16px;
        z-index: 0;

        /* Adjusted  */
        top: 2px;
        height: calc(100% - 2px);
    }

.book-container .book_spine li:first-child {
        transform: translateZ(2px);
    }

.book-container .book_spine li:last-child {
        transform: translateZ(-2px);
    }

/* thickness of book spine */

.book-container .book_spine li:first-child:after,
    .book-container .book_spine li:first-child:before {
        width: 4px;
        height: 100%;
    }

.book-container .book_spine li:first-child:after {
        transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    }

.book-container .book_spine li:first-child:before {
        transform: rotateY(-90deg) translateZ(-12px);
    }

.book-container .book_spine li:last-child:after,
    .book-container .book_spine li:last-child:before {
        width: 4px;
        height: 16px;
    }

.book-container .book_spine li:last-child:after {
        transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px)
            translateY(-6px);
    }

.book-container .book_spine li:last-child:before {
        /* box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2); */
        transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px)
            translateX(2px) translateY(-6px);
    }

.book-container .page,
    .book-container .page > li {
        position: absolute;
        top: 0;
        left: 0;
        transform-style: preserve-3d;
    }

.book-container .page {
        width: 100%;
        height: 100%;
        /* top: 1%; */
        /* left: 3%; */
        z-index: 10;
    }

.book-container .page > li {
        width: 100%;
        height: 100%;
        transform-origin: left center;
        transition-property: transform;
        transition-timing-function: ease;
    }

/* .page > li:nth-child(1) {
    transition-duration: 0.6s;
}

.page > li:nth-child(2) {
    transition-duration: 0.6s;
}

.page > li:nth-child(3) {
    transition-duration: 0.4s;
}

.page > li:nth-child(4) {
    transition-duration: 0.5s;
}

.page > li:nth-child(5) {
    transition-duration: 0.6s;
} */

/*
	5. events
*/

.book-container .book.active > .hardcover_front {
            transform: rotateY(0deg) translateZ(0);
            z-index: 100;
        }

.book-container .book.active > .page li {
            transform: rotateY(0deg);
        }

section.landing {
    transition: 2s ease-in-out;
}

section.landing.zoomed {
        transform: scale(2);
        transform-origin: 80% 100%;
    }

@media (max-width: 480px) {

section.landing.zoomed {
            transform: scale(3.5);
            transform-origin: 85% 75%;
    }
        }

section.landing .landing-content {
        display: grid;
        z-index: 100;

        max-width: 720px;
        margin: 0 auto;
        position: relative;
        background: rgb(229, 229, 229);

        margin: 0;
        box-shadow: 0px 2px 50px 10px rgba(0, 0, 0, 0.32);

        backface-visibility: hidden;
    }

section.landing .landing-content:before {
            content: "";
            position: absolute;
            top: -5px;
            left: 0;
            width: 100%;
            height: 5px;
            background: #bcbcbc;
            transform-origin: bottom;
            transform: skewX(-45deg);
        }

section.landing .landing-content:after {
            content: "";
            position: absolute;
            top: 0;
            right: -5px;
            width: 5px;
            height: 100%;
            background: rgba(158,158,158,1);
            transform-origin: left;
            transform: skewY(-45deg);
        }

section.landing h1,
    section.landing h2,
    section.landing h3,
    section.landing h4,
    section.landing h5,
    section.landing h6,
    section.landing p {
        font-weight: 400;
        line-height: 90%;
        letter-spacing: 0;
        color: black;
    }

section.landing img {
        width: 100%;
    }

section.landing .title-block,
    section.landing .text-block {
        width: 100%;
    }

section.landing .title-block {
        position: absolute;
        z-index: 1;
        top: 0;
        padding: 10px;
    }

section.landing .title-block .title {
            color: red;
        }

section.landing img.main {
        z-index: 2;
        position: relative;
        margin-top: 25px;
    }

section.landing h3.date {
        /* font-size: 80px; */
        font-size: 19px;
        text-align: right;

        position: relative;
        top: -15px;
    }

section.landing .text-block {
        position: absolute;
        z-index: 3;
        /* FIXME: adjust */
        max-width: 35%;
        padding: 10px;
    }

section.landing .text-block.first {
            top: 20%;
        }

@media (max-width: 480px) {

section.landing .text-block.first {
                top: 14%;
                max-width: 42%;
        }
            }

section.landing .text-block.first h2 {
                /* font-size: 90px; */
                font-size: 18px;
            }

section.landing .text-block.first h3 {
                /* font-size: 40px; */
                font-size: 10px;
                text-align: justify;
            }

@media (min-width: 720px) {
                section.landing .text-block.first h2 {
                    font-size: 24px;
                }

                section.landing .text-block.first h3 {
                    font-size: 14px;
                }
            }

section.landing .text-block.second {
            top: 35%;
            right: 0;
            text-align: right;
        }

section.landing .text-block.second h1 {
                /* font-size: 400px; */
                font-size: 90px;
                color: #fb6700;

                position: relative;
                left: -23%;
            }

section.landing .text-block.second h2 {
                /* font-size: 64px; */
                font-size: 16px;
                text-align: center;
            }

section.landing .text-block.second h3 {
                /* font-size: 38px; */
                font-size: 12px;
                text-align: center;
            }

@media (max-width: 480px) {
                section.landing .text-block.second h1 {
                    font-size: 60px;
                    left: -13%;
                }

                section.landing .text-block.second h2 {
                    font-size: 14px;
                }

                section.landing .text-block.second h3 {
                    font-size: 9px;
                }
            }

@media (min-width: 720px) {
                section.landing .text-block.second h1 {
                    font-size: 120px;
                    left: -13%;
                }

                section.landing .text-block.second h2 {
                    font-size: 20px;
                }

                section.landing .text-block.second h3 {
                    font-size: 14px;
                }
            }

section.landing .text-block.third {
            top: 50%;
        }

section.landing .text-block.third h2,
            section.landing .text-block.third h4 {
                color: black;
            }

section.landing .text-block.third h2 {
                /* font-size: 92px; */
                font-size: 20px;
            }

section.landing .text-block.third h2 span {
                    color: #fb6700;
                }

section.landing .text-block.third h4 {
                /* font-size: 32px; */
                font-size: 7px;
            }

@media (min-width: 720px) {
                section.landing .text-block.third h2 {
                    font-size: 24px;
                }

                section.landing .text-block.third h4 {
                    font-size: 14px;
                }
            }

section.landing .text-block.fourth {
            bottom: 10%;
            max-width: 50%;
            color: white;
        }

section.landing .text-block.fourth h1,
            section.landing .text-block.fourth h2 {
                color: white;
            }

section.landing .text-block.fourth h1 {
                /* font-size: 110px; */
                font-size: 25px;
            }

section.landing .text-block.fourth h2 {
                /* font-size: 72px; */
                font-size: 16px;
            }

@media (max-width: 480px) {

section.landing .text-block.fourth {
                bottom: 5%;
        }

                section.landing .text-block.fourth h1 {
                    font-size: 20px;
                }

                section.landing .text-block.fourth h2 {
                    font-size: 12px;
                }
            }

section.landing .tester-with-texts-injected {
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 4;
        transform: scale(0.5) translate3d(50%, 50%, 0);
        animation: leftRightAngleBounce 1s infinite ease-in-out;
    }

@media (max-width: 720px) {

section.landing .tester-with-texts-injected {
            transform: scale(0.25) translate3d(150%, 150%, 0);
            animation: leftRightAngleBounceSmall 1s infinite ease-in-out;
    }
        }

section.landing.zoomed .tester-with-texts-injected {
            animation: none;
        }

@keyframes leftRightAngleBounce {
    0%,
    100% {
        transform: scale(0.5) translate3d(50%, 50%, 0) rotate(-2deg);
    }
    50% {
        transform: scale(0.5) translate3d(50%, 50%, 0) rotate(2deg);
    }
}

@keyframes leftRightAngleBounceSmall {
    0%,
    100% {
        transform: scale(0.25) translate3d(150%, 150%, 0) rotate(-2deg);
    }
    50% {
        transform: scale(0.25) translate3d(150%, 150%, 0) rotate(2deg);
    }
}

.icons-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
.icons-background .icons-container {
        position: absolute;
        top: -10%;
        left: -10%;
        width: 120%;
        height: 120%;
    }
@media (min-width: 768px) {
    .icons-background .icons-container {
            top: -15%;
            left: -15%;
            width: 130%;
            height: 130%;
    }
        }
@media (min-width: 1200px) {
    .icons-background .icons-container {
            top: -20%;
            left: -20%;
            width: 140%;
            height: 140%;
    }
        }
@media (min-width: 1600px) {
    .icons-background .icons-container {
            top: -25%;
            left: -25%;
            width: 150%;
            height: 150%;
    }
        }
.icons-background .icon-wrapper,
    .icons-background .product-wrapper {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
    }

.answer-card.camera.white {
    position: relative;
}
.answer-card.camera.white .front,
    .answer-card.camera.white .back {
        display: flex;
        flex-direction: column;
    }
.answer-card.camera.white .logo {
        margin-bottom: 20px;
    }
@media (max-width: 480px) {
    .answer-card.camera.white .logo {
            margin-bottom: 8px;
    }
        }
@media (max-width: 480px) {
        .answer-card.camera.white .answer-comment p {
            font-size: 12px;
        }
    }
.answer-card.camera.white .camera-video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-mask-image: url(/e3a7199d999cf0eea479.svg);
                mask-image: url(/e3a7199d999cf0eea479.svg);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: contain;
                mask-size: contain;
    }
.answer-card.camera.white .camera-video.hidden {
            opacity: 0;
            position: absolute;
            z-index: -1;
            top: 999999px;
            left: 999999px;
        }

section.test-page {
    min-height: 100vh;
    background: #dcdcdc;
    display: flex;
    flex-direction: column;
    padding: 40px 42px 30px;
    position: relative;
}

@media (max-width: 480px) {

section.test-page {
        padding: 20px 16px 20px;
}
    }

section.test-page .content {
        margin: 0 auto;
        max-width: 420px;
        position: relative;
        z-index: 1;
    }

section.test-page .question-counter {
        font-family: Noto Serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0;
        color: #3d3c3c;
    }

section.test-page .question-text {
        padding: 20px 26px;
        font-family: Noto Serif;
        font-weight: 400;
        font-size: 24px;
        line-height: 90%;
        letter-spacing: 0;
        text-align: center;
        color: #ffffff;
        /* background: linear-gradient(180deg, #ff6cbe 0%, #f2a9d1 100%); */
        border-radius: 20px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

@media (max-width: 480px) {

section.test-page .question-text {
            font-size: 20px;
            padding: 16px 20px;
    }
        }

section.test-page .question-text.bg-pink {
            background: #fe74c0;
        }

section.test-page .question-text.bg-orange {
            background: #fb6700;
        }

section.test-page .question-text.bg-purple {
            background: #9f71ce;
        }

section.test-page .question-text .question-subtitle {
            font-weight: 400;
            font-size: 16px;
            color: #3d3c3c;
        }

section.test-page .answers-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 18px;
        gap: 18px;
        margin-top: 34px;
    }

@media (max-width: 480px) {

section.test-page .answers-grid {
            /* grid-template-columns: 1fr; */
            gap: 12px;
            margin-top: 24px;
    }
        }

/* Центрирование последнего элемента при нечётном количестве */

section.test-page .answers-grid > .answer-card:last-child:nth-child(odd) {
            grid-column: 1 / -1;
        }

section.test-page .answer-card {
        border: none;
        cursor: pointer;
        position: relative;

        width: 200px;
        height: 300px;
        margin: 0 auto;
        perspective: 600px;
        transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
        background: transparent;
    }

@media (max-width: 480px) {

section.test-page .answer-card {
            width: 165px;
            height: 246px;
    }
        }

/* Shadow */

section.test-page .answer-card::before {
            content: "";
            position: absolute;
            top: 2%;
            left: 2%;
            width: 96%;
            height: 96%;
            box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
            transform-style: preserve-3d;
            backface-visibility: hidden;
            z-index: -1;
            pointer-events: none;
            transform: translateZ(0px);
        }

section.test-page .answer-card .front,
        section.test-page .answer-card .back {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            transition: ease-in-out 600ms;
            display: flex;
            padding: 24px 20px;
        }

section.test-page .answer-card .front {
            transform: rotateY(0deg);
            z-index: 2;
        }

section.test-page .answer-card .back {
            transform: rotateY(-180deg);
            z-index: 1;
        }

section.test-page .answer-card .selected-tag {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #fb6700;
            font-family: Days One;
            font-weight: 400;
            font-size: 12px;
            line-height: 90%;
            text-align: center;
            color: #ffffff;
            z-index: 3;
            opacity: 0;
            transition: opacity 0.3s ease;
            border-radius: 20px;
            padding: 10px 3px;
        }

section.test-page .answer-card.selected {
            z-index: 10;
        }

section.test-page .answer-card.selected .selected-tag {
            opacity: 1;
        }

section.test-page .answer-card .dimmed-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            z-index: 5;
            pointer-events: none;
            transition: opacity 0.3s ease;
            opacity: 0;
        }

section.test-page .answer-card.dimmed .dimmed-bg {
            opacity: 1;
        }

section.test-page .answer-card.opened {

            animation: card-opening-zoom-in-out 600ms ease-in-out forwards;
            transform-style: preserve-3d;
        }

section.test-page .answer-card.opened .selected-tag {
                opacity: 0;
            }

section.test-page .answer-card.opened::before {
                animation: card-shadow-fade 600ms ease-in-out forwards;

                /* Shadow overlay bug */
                top: 0%;
                left: 0%;
                width: 100%;
                height: 100%;
            }

section.test-page .answer-card.opened .front {
                animation: card-opening-front 600ms ease-in-out forwards;
                transform: rotateY(0deg);
            }

section.test-page .answer-card.opened .back {
                animation: card-opening-back 600ms ease-in-out forwards;
                transform: rotateY(-180deg);
            }

section.test-page .answer-card .answer-text {
            width: 100%;
        }

section.test-page .answer-card .answer-comment {
            width: 100%;
            text-align: center;
            align-self: center;
        }

section.test-page .answer-card .answer-comment span,
            section.test-page .answer-card .answer-comment p {
                font-family: Noto Serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 90%;
                letter-spacing: 0;
                text-align: center;
                align-self: center;
            }

section.test-page .answer-card.white .front,
            section.test-page .answer-card.white .back {
                background: url(/media/white.5bf8ba1b7cd0c6344c17.webp)
                    no-repeat center center;
                background-size: cover;
                align-items: center;
                justify-content: center;
                text-align: center;
            }

section.test-page .answer-card.white .answer-text {
                font-family: Days One;
                font-weight: 400;
                font-size: 20px;
                line-height: 90%;
                letter-spacing: 0;
                text-align: center;
            }

section.test-page .answer-card.white .answer-text,
            section.test-page .answer-card.white .answer-comment span.color {
                color: #ff6cbe;
            }

section.test-page .answer-card.white .answer-comment {
                color: #3d3c3c;
            }

section.test-page .answer-card.red .front,
            section.test-page .answer-card.red .back {
                background: url(/media/red.f8f0691b171fb2f5252c.webp)
                    no-repeat center center;
                background-size: cover;
            }

section.test-page .answer-card.red .answer-text {
                font-family: Gabriela;
                font-weight: 400;
                font-size: 22px;
                line-height: 90%;
                letter-spacing: 0;
                text-align: left;
            }

section.test-page .answer-card.red .answer-text,
            section.test-page .answer-card.red .answer-comment span.color {
                color: #fffdbf;
            }

section.test-page .answer-card.red .answer-comment {
                color: #f9d6d6;
            }

section.test-page .answer-card.blue .front,
            section.test-page .answer-card.blue .back {
                background: url(/media/blue.ca289218e556efe6c3b2.webp)
                    no-repeat center center;
                background-size: cover;
            }

/* .front {
                align-items: center;
                justify-content: center;
            } */

section.test-page .answer-card.blue .answer-text {
                font-family: Caveat;
                font-weight: 400;
                font-size: 28px;
                line-height: 90%;
                letter-spacing: 0;
                text-align: center;

                transform: rotate(-15deg);
                margin-left: 20px;
                margin-top: 20px;
                width: 100%;
            }

@media (max-width: 480px) {

section.test-page .answer-card.blue .answer-text {
                    margin-left: 10px;
                    margin-top: 10px;
            }
                }

section.test-page .answer-card.blue .answer-text,
            section.test-page .answer-card.blue .answer-comment span.color {
                color: #ffffff;
            }

section.test-page .answer-card.blue .answer-comment {
                color: #3d3c3c;
            }

section.test-page .answer-card.brown .front,
            section.test-page .answer-card.brown .back {
                background: url(/media/brown.698329414046ffdc3369.webp)
                    no-repeat center center;
                background-size: cover;
                align-items: center;
            }

section.test-page .answer-card.brown .answer-text {
                font-family: Prata;
                font-weight: 400;
                font-size: 18px;
                line-height: 90%;
                letter-spacing: 0;
                text-align: center;
            }

section.test-page .answer-card.brown .answer-text,
            section.test-page .answer-card.brown .answer-comment span.color {
                color: #ffb7df;
            }

section.test-page .answer-card.brown .answer-comment {
                color: #f9d6d6;
            }

section.test-page .answer-card.white .answer-text.big-text {
            font-size: 40px;
        }

section.test-page .answer-card.red .answer-text.big-text {
            font-size: 48px;
        }

section.test-page .answer-card.blue .answer-text.big-text {
            font-size: 48px;
        }

section.test-page .answer-card.brown .answer-text.big-text {
            font-size: 32px;
        }

section.test-page .answer-card.white .answer-text.medium-text {
            font-size: 30px;
        }

section.test-page .answer-card.red .answer-text.medium-text {
            font-size: 32px;
        }

@media (max-width: 480px) {
            section.test-page .answer-card.white .answer-text {
                font-size: 18px;
            }
            section.test-page .answer-card.red .answer-text {
                font-size: 18px;
            }
            section.test-page .answer-card.blue .answer-text {
                font-size: 24px;
            }
            section.test-page .answer-card.brown .answer-text {
                font-size: 16px;
            }

            section.test-page .answer-card.white .answer-text.big-text {
                font-size: 28px;
            }
            section.test-page .answer-card.red .answer-text.big-text {
                font-size: 32px;
            }
            section.test-page .answer-card.blue .answer-text.big-text {
                font-size: 32px;
            }
            section.test-page .answer-card.brown .answer-text.big-text {
                font-size: 24px;
            }

            section.test-page .answer-card.white .answer-text.medium-text {
                font-size: 22px;
            }
            section.test-page .answer-card.red .answer-text.medium-text {
                font-size: 24px;
            }
        }

section.test-page .surprise-gif {
        margin-top: 40px;
    }

section.test-page .surprise-gif img {
            width: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            border-radius: 20px;
            overflow: hidden;
        }

section.test-page .surprise-gif p {
            border-radius: 20px;
            overflow: hidden;
            background: #ffffff;
            padding: 8px;

            font-family: Noto Serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
            align-self: center;
            color: #3d3c3c;
        }

section.test-page .progress-section {
        position: fixed;
        z-index: 100;
        bottom: 30px;
        /* Without padding: 42px (left + right) */
        width: calc(100% - 42px);
        max-width: 420px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

@media (max-width: 480px) {

section.test-page .progress-section {
            bottom: 20px;
            width: 358px;
            left: 0;
            right: 0;
            margin: 0 auto;
    }
        }

section.test-page .progress-info {
        flex: 1;
        border: 3px solid #ff6cbe;
        border-radius: 32px;
        padding: 10px 28px;
        background: #ffffff;
        position: relative;
        overflow: hidden;

        /* Расширяющийся прямоугольник на фоне */
    }

section.test-page .progress-info::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 0%;
            width: var(--progress-width, 0%);
            background: #ff6cbe;
            border-radius: 29px;
            transition: width 0.6s ease-out;
            z-index: 1;
        }

section.test-page .progress-info .progress-text {
            display: flex;
            flex-direction: column;
            gap: 4px;
            position: relative;
            z-index: 2;
            -webkit-font-smoothing: auto;
        }

section.test-page .progress-info .progress-text span {
                font-family: Prata;
                font-weight: 400;
                font-size: 18px;
                line-height: 100%;
                color: #3d3c3c;
            }

/* Контейнер для белого текста */

section.test-page .progress-info .progress-text-white {
            position: absolute;
            left: 28px;
            top: 10px;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 4px;
            z-index: 3;
            width: calc(0% - 28px);
            width: calc(var(--progress-width, 0%) - 28px);
            overflow: hidden;
            transition: width 0.6s ease-out;
            pointer-events: none;
            -webkit-font-smoothing: auto;
        }

section.test-page .progress-info .progress-text-white span {
                font-family: Prata;
                font-weight: 400;
                font-size: 18px;
                line-height: 100%;
                color: #ffffff;
                white-space: nowrap;
            }

@media (max-width: 480px) {

section.test-page .progress-info {
            padding: 8px 16px;
    }
                section.test-page .progress-info .progress-text span, section.test-page .progress-info .progress-text-white span {
                    font-size: 14px;
                }

            section.test-page .progress-info .progress-text-white {
                left: 16px;
                top: 8px;
            }
        }

section.test-page .next-button {
        width: 66px;
        height: 66px;
        border-radius: 50%;
        border: none;
        background: linear-gradient(135deg, #ff8f5a 0%, #ff6f3d 100%);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        box-shadow: 0 4px 12px rgba(255, 111, 61, 0.3);

        font-family: Noto Serif;
        font-weight: 400;
        font-size: 12px;
        color: #ffffff;
        margin-left: 20px;
    }

@media (max-width: 480px) {

section.test-page .next-button {
            width: 54px;
            height: 54px;
            margin-left: 8px;
    }
        }

section.test-page .next-button.full-width {
            width: auto;
            width: initial;
            padding: 12px 16px;
            border-radius: 20px;
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 22px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
            margin: 0 auto;
        }

section.test-page .next-button:disabled {
            pointer-events: none;
            opacity: 0.6;
        }

section.test-page .next-button:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 16px rgba(255, 111, 61, 0.4);
        }

section.test-page .next-button:active {
            transform: scale(0.98);
        }

section.test-page .next-button img {
            width: 32px;
            height: 32px;
        }

@keyframes card-opening-zoom-in-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.4);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes card-opening-front {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-180deg);
    }
}

@keyframes card-opening-back {
    0% {
        transform: rotateY(-180deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes card-shadow-fade {
    0% {
        opacity: 1;
        transform: translateZ(0px);
    }
    50% {
        opacity: 0;
        box-shadow: 0 0 100px 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

.results-page {
    background: #fb6700;
    position: relative;
    min-height: 100vh;
}

.results-page .content {
        max-width: 580px;
        padding: 20px 50px 40px;
        margin: 0 auto;
    }

@media (max-width: 480px) {

    .results-page .content {
            padding: 20px 20px 40px;
    }
        }

.results-page .content img {
            width: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            z-index: 1;
            position: relative;
        }

.results-page .results-header {
        padding: 12px 20px;
        margin-top: -20px;
        position: relative;
    }

.results-page .results-header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #ffffff;
            transform: rotate(-3deg);
            box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
            z-index: 0;
        }

.results-page .results-header .results-subtitle {
            position: relative;
            z-index: 1;
            color: #3d3c3c;
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
        }

.results-page .results-header .results-subtitle span {
                -webkit-text-decoration: line-through;
                text-decoration: line-through;
            }

.results-page .skin-type-section {
        padding: 12px 20px;
        position: relative;
        margin-top: 10px;
    }

.results-page .skin-type-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #ff6cbe;
            transform: rotate(-3deg);
            box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
            z-index: 0;
        }

.results-page .skin-type-section .section-title {
            position: relative;
            z-index: 1;
            font-family: Days One;
            font-weight: 400;
            font-size: 50px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
            color: #ffffff;
        }

.results-page .skin-type-section .section-content {
            position: relative;
            z-index: 1;
            color: #151414;
            margin-top: 25px;
        }

.results-page .skin-type-section .section-content span {
                color: #ffffff;
            }

.results-page .skin-type-section .section-content,
        .results-page .skin-type-section span {
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
        }

.results-page .skin-condition-section {
        padding: 12px 20px;
        position: relative;
    }

.results-page .skin-condition-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: white;
            transform: rotate(4deg);
            box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
            z-index: 0;
        }

.results-page .skin-condition-section .section-title {
            position: relative;
            z-index: 1;
            font-family: Gabriela;
            font-weight: 400;
            font-size: 50px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;

            color: #fb6700;
        }

.results-page .skin-condition-section .section-content {
            position: relative;
            z-index: 1;
            margin-top: 21px;
            color: #3d3c3c;
        }

.results-page .skin-condition-section .section-content span {
                color: #ff6cbe;
            }

.results-page .skin-condition-section .section-content,
        .results-page .skin-condition-section span {
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
        }

.results-page .what-to-do-section {
        padding: 12px 20px;
        margin-top: 10px;
        position: relative;
    }

.results-page .what-to-do-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #9f71ce;
            transform: rotate(-2deg);
            box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
            z-index: 0;
        }

.results-page .what-to-do-section .section-title {
            position: relative;
            z-index: 1;
            font-family: Prata;
            font-weight: 400;
            font-size: 40px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
            color: #ffffff;
        }

.results-page .what-to-do-section .section-content {
            position: relative;
            z-index: 1;
            margin-top: 21px;
            color: black;
        }

.results-page .what-to-do-section .section-content span {
                color: #ffffff;
            }

.results-page .what-to-do-section .section-content,
        .results-page .what-to-do-section span {
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
        }

.results-page .baskets-section {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 20px;
        gap: 15px;
    }

.results-page .baskets-section .basket {
            width: 100%;
            background: white;
            border-radius: 20px;
            padding: 8px;
            border: none;
            text-align: center;
            cursor: pointer;
            transition: transform 0.2s;

            font-family: Noto Serif;
            font-weight: 400;
            color: #3d3c3c;
            font-size: 16px;
            line-height: 90%;
            letter-spacing: 0;
            text-align: center;
        }

.results-page .baskets-section .basket:hover {
                transform: scale(1.05);
            }

.results-page .baskets-section .basket.selected {
                border: 2px solid #3d3c3c;
            }

.results-page .baskets-section .basket.normal span {
                color: #9f71ce;
            }

.results-page .baskets-section .basket.extended span {
                color: #ff6cbe;
            }

.results-page .budget-section {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

@media (max-width: 500px) {

    .results-page .budget-section {
            flex-direction: column;
            align-items: center;
    }

            .results-page .budget-section .basket {
                margin-bottom: 15px;
            }
        }

.results-page .budget-section.disabled button {
            cursor: not-allowed;
            pointer-events: none;
            opacity: 0.6;
        }

.results-page .budget-section .budget {
            width: 114px;
            background: white;
            border-radius: 20px;
            padding: 8px;
            border: none;
            text-align: center;
            cursor: pointer;
            transition: transform 0.2s;
        }

.results-page .budget-section .budget:hover {
                transform: scale(1.05);
            }

.results-page .budget-section .budget.selected {
                border: 2px solid #3d3c3c;
            }

.results-page .budget-section .budget .price,
            .results-page .budget-section .budget .label {
                font-family: Noto Serif;
                font-weight: 400;
                font-size: 40px;
                line-height: 90%;
                letter-spacing: 0;
                text-align: center;
            }

.results-page .budget-section .budget .label {
                color: #3d3c3c;
                font-size: 16px;
            }

.results-page .budget-section .budget.small .price {
                color: #9f71ce;
            }

.results-page .budget-section .budget.medium .price {
                color: #ff6cbe;
            }

.results-page .budget-section .budget.large .price {
                color: #fb6700;
            }

.results-page .submit-button {
        border: none;
        border-radius: 20px;
        padding: 22px 20px;
        font-family: Noto Serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 110%;
        text-align: center;
        cursor: pointer;
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25098);
        transition: transform 0.2s;
        background: #fe74c0;
        color: #ffffff;
        margin: 20px auto 0;
        display: block;
    }

.results-page .submit-button:hover {
            transform: scale(1.02);
        }

.results-page .submit-button:active {
            transform: scale(0.98);
        }

.results-page .submit-button:disabled {
            pointer-events: none;
            cursor: not-allowed;
            opacity: 0.6;
        }

.basket-page {
    background: #fb6700;
    min-height: 100vh;
    padding: 20px;
}
.basket-page .content {
        max-width: 480px;
        margin: 0 auto;
    }
.basket-page .header {
        background: #fb6700;
        padding: 30px 20px;
        margin-bottom: 15px;
    }
.basket-page .header h1 {
            font-family: Caveat;
            font-weight: 400;
            font-size: 70px;
            line-height: 90%;
            text-align: center;
            color: #ffffff;
        }
.basket-page .products {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
.basket-page .product {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px;
        display: flex;
        gap: 15px;
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
        transform: rotate(-2deg);
    }
.basket-page .product:nth-child(2n) {
            transform: rotate(2deg);
        }
.basket-page .product .product-image {
            flex-shrink: 0;
            width: 100px;
            height: 140px;
            background: #e5e5e5;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
.basket-page .product .product-image .hb-logo {
                width: 60px;
            }
.basket-page .product .product-image img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                   object-fit: contain;
                display: block;
            }
.basket-page .product .product-info {
            flex: 1;
        }
.basket-page .product .product-info h3 {
                font-family: Noto Serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 110%;
                color: #ff6cbe;
                margin-bottom: 8px;
            }
.basket-page .product .product-info p {
                font-family: Noto Serif;
                font-weight: 400;
                font-size: 12px;
                line-height: 110%;
                color: #3d3c3c;
            }
.basket-page .product .product-info p span {
                    font-weight: 700;
                }
.basket-page .product .product-info p.not-found {
                    margin-top: 8px;
                    width: 90%;
                }
.basket-page .product .product-info a {
                color: #3d3c3c;
            }
.basket-page .promo-section {
        margin-top: 30px;
        text-align: center;
        position: relative;
        color: #ffffff;
    }
.basket-page .promo-section .icon-star,
        .basket-page .promo-section .icon-hearts {
            position: absolute;
            color: #ffffff;
            fill: #ffffff;
        }
.basket-page .promo-section .icon-star {
            width: 30px;
            left: 0;
        }
.basket-page .promo-section .icon-hearts {
            width: 67px;
            right: 0;
            top: 0;
        }
.basket-page .promo-section .icon-hearts .promo-label {
            font-family: Caveat;
            font-weight: 400;
            font-size: 28px;
            line-height: 90%;
            color: #ffffff;
            margin-bottom: 10px;
        }
.basket-page .promo-section .promo-code {
            background: #ffffff;
            border: none;
            border-radius: 50px;
            padding: 18px 40px;
            width: 100%;
            max-width: 280px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);
            margin: 0 auto;
        }
.basket-page .promo-section .promo-code span {
                font-family: Noto Serif;
                font-weight: 700;
                font-size: 20px;
                color: #3d3c3c;
                letter-spacing: 2px;
            }
.basket-page .promo-section .promo-code svg {
                color: #3d3c3c;
                width: 24px;
                height: 24px;
            }
.basket-page .promo-section .promo-code:active {
                transform: scale(0.98);
            }
.basket-page .promo-section .promo-text {
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 110%;
            color: #ffffff;
            margin-top: 10px;
        }
.basket-page .actions {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding-bottom: 30px;
    }
.basket-page .actions button,
        .basket-page .actions a {
            border: none;
            border-radius: 20px;
            padding: 22px 20px;
            font-family: Noto Serif;
            font-weight: 400;
            font-size: 20px;
            line-height: 110%;
            text-align: center;
            cursor: pointer;
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25098);
            transition: transform 0.2s;
            -webkit-text-decoration: none;
            text-decoration: none;
            display: block;
        }
.basket-page .actions button:hover, .basket-page .actions a:hover {
                transform: scale(1.02);
            }
.basket-page .actions button:active, .basket-page .actions a:active {
                transform: scale(0.98);
            }
.basket-page .actions .btn-shop {
            background: #fe74c0;
            color: #ffffff;
        }
.basket-page .actions .btn-results {
            background: #9f71ce;
            color: #ffffff;
        }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    line-height: 1.3em;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "Prata";
    font-weight: 400;
    src: url(/fonts/prata-regular.2eeab737052a4ae3b2a9.ttf) format("truetype");
}

@font-face {
    font-family: Noto Serif;
    font-weight: 400;
    src: url(/fonts/noto-serif-regular.ebeca924ba7eccf40123.ttf) format("truetype");
}

@font-face {
    font-family: "Days One";
    font-weight: 400;
    src: url(/fonts/days-one-regular.6402ea549647bb3d25b4.ttf) format("truetype");
}

@font-face {
    font-family: Caveat;
    font-weight: 400;
    src: url(/fonts/caveat-regular.1c7dfada8e0bdd917d29.ttf) format("truetype");
}

@font-face {
    font-family: "Gabriela";
    font-weight: 400;
    src: url(/fonts/gabriela-regular.6c2a6b836b6b8f1a80fc.ttf) format("truetype");
}

html {
    background: #ffcfae;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: "Prata", sans-serif;
    letter-spacing: 0;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.no-white-space {
    white-space: nowrap;
}