.rank-1:before,.rank-9:before,.rank-17:before,.rank-25:before {
    background: linear-gradient(70deg,#FF416C,#E1365C)
}

.rank-2:before,.rank-10:before,.rank-18:before,.rank-26:before {
    background: linear-gradient(70deg,#1E73BB,#276BB6,#345DAE,#484AA2,#613294)
}

.rank-3:before,.rank-11:before,.rank-19:before,.rank-27:before {
    background: linear-gradient(70deg,#FFC200,#FFC000,#FFB800,#FFAE00)
}

.rank-4:before,.rank-12:before,.rank-20:before,.rank-28:before {
    background: linear-gradient(70deg,#FF6651,#FF644F,#FF5B48,#FF4E3D,#FF3D2F)
}

.rank-5:before,.rank-13:before,.rank-21:before,.rank-29:before {
    background: linear-gradient(70deg,#00B1C9,#00AFC7,#00A6C0,#0099B5,#0089A8)
}

.rank-6:before,.rank-14:before,.rank-22:before,.rank-30:before {
    background: linear-gradient(70deg,#00AFA1,#00AD9F,#00A596,#009889,#008878)
}

.rank-7:before,.rank-15:before,.rank-23:before {
    background: linear-gradient(70deg,#80C442,#7EC341,#75C03D,#68BB38,#54B42F,#3BAA24,#38A923)
}

.rank-8:before,.rank-16:before,.rank-24:before {
    background: linear-gradient(70deg,#B6CF24,#B4CE22,#ABC91B,#9EC20F,#8DB900)
}

.rank-1:before {
    content: url("data:image/svg+xml,%3Csvg width='6.187' height='14.122' viewBox='0 0 6.187 14.122' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 0.115 5.612 L 0 5.612 L 0 1.702 L 2.691 0 L 6.141 0 L 6.187 14.122 L 2.691 14.122 L 2.691 3.979 L 2.576 3.979 L 0.115 5.612 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-2:before {
    content: url("data:image/svg+xml,%3Csvg width='10.902' height='14.352' viewBox='0 0 10.902 14.352' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 0.598 4.163 L 0.391 4.163 L 0.391 1.15 A 5.278 5.278 0 0 1 1.129 0.769 Q 1.729 0.513 2.507 0.322 A 11.151 11.151 0 0 1 4.327 0.038 A 13.674 13.674 0 0 1 5.359 0 Q 7.164 0 8.443 0.52 A 5.066 5.066 0 0 1 9.304 0.966 Q 10.721 1.889 10.784 4.031 A 6.863 6.863 0 0 1 10.787 4.232 Q 10.787 5.683 10.252 6.672 A 3.516 3.516 0 0 1 9.948 7.142 A 4.07 4.07 0 0 1 9.179 7.89 Q 8.348 8.523 6.992 9.039 Q 4.945 9.821 4.175 10.362 A 3.18 3.18 0 0 0 3.847 10.623 Q 3.404 11.03 3.404 11.431 L 10.902 11.431 L 10.902 14.352 L 0 14.352 L 0 11.776 Q 0 10.603 0.403 9.775 Q 0.764 9.031 1.599 8.399 A 6.161 6.161 0 0 1 1.794 8.257 A 9.588 9.588 0 0 1 2.564 7.777 Q 2.974 7.546 3.466 7.309 A 23.542 23.542 0 0 1 4.531 6.831 A 18.07 18.07 0 0 0 5.295 6.49 Q 5.686 6.303 6.009 6.121 A 7.367 7.367 0 0 0 6.59 5.762 A 2.105 2.105 0 0 0 6.964 5.437 Q 7.315 5.044 7.315 4.552 A 1.4 1.4 0 0 0 7.314 4.508 Q 7.291 3.634 6.659 3.278 A 2.363 2.363 0 0 0 6.113 3.061 Q 5.854 2.991 5.545 2.956 A 5.981 5.981 0 0 0 4.876 2.921 Q 3.772 2.921 2.622 3.301 Q 1.472 3.68 0.598 4.163 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-3:before {
    content: url("data:image/svg+xml,%3Csvg width='10.603' height='14.424' viewBox='0 0 10.603 14.424' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 0.69 3.45 L 0.69 0.575 Q 1.702 0.253 2.795 0.127 A 18.975 18.975 0 0 1 4.218 0.018 A 23.401 23.401 0 0 1 5.152 0 Q 7.084 0 8.227 0.362 A 4.822 4.822 0 0 1 8.28 0.38 Q 9.209 0.686 9.71 1.255 A 2.258 2.258 0 0 1 9.925 1.541 A 3.038 3.038 0 0 1 10.309 2.485 Q 10.419 2.956 10.419 3.519 A 4.886 4.886 0 0 1 10.301 4.618 A 3.575 3.575 0 0 1 9.752 5.877 A 2.419 2.419 0 0 1 8.807 6.662 Q 8.243 6.938 7.452 7.038 L 7.452 7.153 A 5.678 5.678 0 0 1 8.332 7.265 Q 8.793 7.363 9.152 7.541 A 2.251 2.251 0 0 1 9.879 8.096 A 3.021 3.021 0 0 1 10.585 9.806 A 3.963 3.963 0 0 1 10.603 10.189 Q 10.603 12.259 9.235 13.306 A 4.293 4.293 0 0 1 8.099 13.91 Q 6.83 14.376 4.853 14.421 A 22.644 22.644 0 0 1 4.515 14.424 Q 3.182 14.424 2.139 14.26 A 14.695 14.695 0 0 1 0.885 14.009 A 11.664 11.664 0 0 1 0 13.754 L 0 10.879 L 0.138 10.879 Q 1.058 11.178 2.001 11.316 A 12.469 12.469 0 0 0 2.974 11.417 Q 3.455 11.449 3.987 11.453 A 20.313 20.313 0 0 0 4.14 11.454 A 11.933 11.933 0 0 0 4.932 11.43 Q 5.939 11.362 6.463 11.109 A 1.27 1.27 0 0 0 6.915 10.758 Q 7.107 10.516 7.158 10.174 A 1.768 1.768 0 0 0 7.176 9.913 Q 7.176 9.392 6.936 9.09 A 0.947 0.947 0 0 0 6.636 8.844 A 1.691 1.691 0 0 0 6.284 8.711 Q 5.899 8.607 5.292 8.573 A 11.535 11.535 0 0 0 4.646 8.556 L 2.806 8.556 L 2.806 5.589 L 4.347 5.589 Q 5.959 5.589 6.558 5.317 A 1.232 1.232 0 0 0 6.59 5.302 A 0.984 0.984 0 0 0 7.14 4.6 A 1.575 1.575 0 0 0 7.176 4.255 A 1.422 1.422 0 0 0 7.124 3.857 Q 6.992 3.402 6.521 3.22 Q 6.023 3.028 4.962 2.982 A 16.828 16.828 0 0 0 4.232 2.967 Q 3.335 2.967 2.427 3.105 A 12.596 12.596 0 0 0 1.51 3.278 A 9.676 9.676 0 0 0 0.782 3.473 L 0.69 3.45 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-4:before {
    content: url("data:image/svg+xml,%3Csvg width='13.018' height='14.145' viewBox='0 0 13.018 14.145' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 0 11.776 L 0 8.809 L 5.336 0 L 10.603 0 L 10.603 9.062 L 13.018 9.062 L 13.018 11.776 L 10.649 11.776 L 10.649 14.145 L 7.199 14.145 L 7.13 11.776 L 0 11.776 Z M 3.496 9.062 L 7.383 9.062 L 7.383 2.07 L 3.496 9.062 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-5:before {
    content: url("data:image/svg+xml,%3Csvg width='11.04' height='14.214' viewBox='0 0 11.04 14.214' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 5.658 8.119 L 0.529 8.119 L 0.529 0 L 10.511 0 L 10.511 2.967 L 3.703 2.967 L 3.703 5.221 L 3.749 5.29 L 6.21 5.29 A 9.788 9.788 0 0 1 7.524 5.372 Q 8.994 5.572 9.814 6.259 A 2.86 2.86 0 0 1 9.89 6.325 Q 11.04 7.36 11.04 9.614 A 6.027 6.027 0 0 1 10.901 10.952 Q 10.584 12.342 9.545 13.11 A 4.676 4.676 0 0 1 8.257 13.761 Q 6.918 14.214 4.899 14.214 Q 3.404 14.214 2.185 14.065 Q 0.966 13.915 0 13.685 L 0 10.879 L 0.046 10.833 Q 0.433 10.939 0.935 11.017 A 12.82 12.82 0 0 0 1.254 11.063 Q 1.955 11.155 2.691 11.213 Q 3.427 11.27 4.025 11.27 Q 5.451 11.27 6.21 11.132 Q 6.969 10.994 7.256 10.638 Q 7.492 10.345 7.535 9.859 A 2.558 2.558 0 0 0 7.544 9.637 Q 7.544 9.157 7.409 8.837 A 1.042 1.042 0 0 0 7.165 8.475 Q 6.857 8.187 6.06 8.132 A 5.864 5.864 0 0 0 5.658 8.119 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-6:before {
    content: url("data:image/svg+xml,%3Csvg width='11.132' height='14.375' viewBox='0 0 11.132 14.375' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 10.281 3.634 L 10.189 3.68 A 5.108 5.108 0 0 0 9.527 3.408 Q 9.196 3.297 8.815 3.212 A 8.816 8.816 0 0 0 8.637 3.174 Q 7.728 2.99 6.785 2.99 A 7.234 7.234 0 0 0 5.928 3.037 Q 4.842 3.167 4.301 3.657 A 2.14 2.14 0 0 0 3.817 4.326 Q 3.53 4.922 3.438 5.834 A 7.684 7.684 0 0 0 3.427 5.957 L 3.45 5.957 A 3.316 3.316 0 0 1 3.839 5.804 Q 4.049 5.735 4.298 5.677 A 7.798 7.798 0 0 1 4.738 5.589 Q 5.531 5.453 6.524 5.451 A 14.812 14.812 0 0 1 6.555 5.451 A 7.544 7.544 0 0 1 7.846 5.554 Q 9.153 5.782 9.959 6.509 A 3.346 3.346 0 0 1 10.916 8.06 Q 11.132 8.774 11.132 9.683 Q 11.132 10.973 10.783 11.922 A 4.376 4.376 0 0 1 10.649 12.248 A 3.127 3.127 0 0 1 9.359 13.648 A 4.098 4.098 0 0 1 9.005 13.835 A 4.821 4.821 0 0 1 8.099 14.142 Q 7.162 14.368 5.858 14.375 A 15.65 15.65 0 0 1 5.773 14.375 Q 4.294 14.375 3.246 14.038 A 4.367 4.367 0 0 1 2.266 13.593 A 3.991 3.991 0 0 1 0.732 11.813 A 5.297 5.297 0 0 1 0.506 11.224 Q 0.121 10.015 0.029 8.325 A 20.359 20.359 0 0 1 0 7.222 A 14.135 14.135 0 0 1 0.088 5.593 Q 0.257 4.143 0.748 3.094 Q 1.495 1.495 2.829 0.748 A 5.788 5.788 0 0 1 4.778 0.088 A 7.594 7.594 0 0 1 5.957 0 Q 7.475 0 8.533 0.253 Q 9.333 0.444 9.922 0.662 A 6.987 6.987 0 0 1 10.281 0.805 L 10.281 3.634 Z M 5.773 11.569 A 6.044 6.044 0 0 0 6.337 11.545 Q 6.89 11.493 7.219 11.329 A 1.044 1.044 0 0 0 7.475 11.155 A 1.226 1.226 0 0 0 7.772 10.697 Q 7.846 10.503 7.881 10.261 A 3.248 3.248 0 0 0 7.912 9.798 A 3.157 3.157 0 0 0 7.877 9.312 Q 7.78 8.687 7.406 8.407 Q 6.9 8.027 5.75 8.027 A 5.688 5.688 0 0 0 4.637 8.133 A 5.162 5.162 0 0 0 4.393 8.188 A 4.446 4.446 0 0 0 4.003 8.304 Q 3.636 8.432 3.404 8.602 A 10.703 10.703 0 0 0 3.403 8.743 Q 3.403 10.013 3.717 10.649 A 1.399 1.399 0 0 0 3.922 10.96 Q 4.457 11.564 5.75 11.569 A 5.582 5.582 0 0 0 5.773 11.569 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-7:before {
    content: url("data:image/svg+xml,%3Csvg width='10.396' height='14.122' viewBox='0 0 10.396 14.122' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 2.507 14.053 L 6.647 2.944 L 0 2.944 L 0 0 L 10.396 0 L 10.396 2.944 L 6.164 14.122 L 2.484 14.122 L 2.507 14.053 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-8:before {
    content: url("data:image/svg+xml,%3Csvg width='11.316' height='14.467' viewBox='0 0 11.316 14.467' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 1.679 7.245 L 1.679 7.199 A 2.055 2.055 0 0 1 1.092 6.899 A 1.694 1.694 0 0 1 0.541 6.187 Q 0.236 5.466 0.23 4.194 A 10.94 10.94 0 0 1 0.23 4.14 A 7.454 7.454 0 0 1 0.286 3.198 Q 0.346 2.723 0.473 2.331 A 3.25 3.25 0 0 1 0.748 1.702 Q 1.265 0.805 2.461 0.403 A 6.457 6.457 0 0 1 3.378 0.173 Q 3.862 0.087 4.432 0.043 A 16.227 16.227 0 0 1 5.658 0 A 16.543 16.543 0 0 1 6.818 0.038 Q 7.409 0.08 7.91 0.167 A 6.648 6.648 0 0 1 8.832 0.391 A 3.691 3.691 0 0 1 9.661 0.773 A 2.662 2.662 0 0 1 10.557 1.691 A 3.452 3.452 0 0 1 10.9 2.533 Q 11.086 3.225 11.086 4.14 A 8.961 8.961 0 0 1 11.056 4.903 Q 10.989 5.681 10.776 6.187 A 1.736 1.736 0 0 1 9.794 7.141 A 2.399 2.399 0 0 1 9.637 7.199 L 9.637 7.245 Q 10.649 7.521 10.983 8.28 A 3.261 3.261 0 0 1 11.172 8.875 Q 11.316 9.513 11.316 10.419 Q 11.316 11.48 11.044 12.234 A 3.107 3.107 0 0 1 10.776 12.8 Q 10.248 13.663 9.053 14.057 A 4.896 4.896 0 0 1 8.993 14.076 Q 7.751 14.467 5.658 14.467 A 18.759 18.759 0 0 1 4.421 14.429 Q 3.196 14.348 2.357 14.094 A 5.441 5.441 0 0 1 2.3 14.076 A 3.949 3.949 0 0 1 1.499 13.73 Q 0.937 13.403 0.607 12.912 A 2.475 2.475 0 0 1 0.529 12.788 A 3.461 3.461 0 0 1 0.167 11.893 Q 0.063 11.489 0.024 11.014 A 7.238 7.238 0 0 1 0 10.419 Q 0 9.079 0.325 8.325 A 2.49 2.49 0 0 1 0.345 8.28 Q 0.69 7.521 1.679 7.245 Z M 3.427 10.12 Q 3.427 11.155 3.979 11.512 A 1.822 1.822 0 0 0 4.426 11.715 Q 4.869 11.853 5.513 11.867 A 6.775 6.775 0 0 0 5.658 11.868 A 5.898 5.898 0 0 0 6.256 11.84 Q 6.96 11.768 7.349 11.512 Q 7.754 11.244 7.855 10.595 A 3.09 3.09 0 0 0 7.889 10.12 A 3.075 3.075 0 0 0 7.855 9.646 Q 7.756 9.015 7.368 8.753 A 0.94 0.94 0 0 0 7.349 8.74 A 1.751 1.751 0 0 0 6.928 8.551 Q 6.431 8.395 5.658 8.395 A 5.904 5.904 0 0 0 5.07 8.422 Q 4.376 8.492 3.979 8.74 Q 3.562 9 3.46 9.654 A 3.027 3.027 0 0 0 3.427 10.12 Z M 3.657 4.255 A 4.081 4.081 0 0 0 3.686 4.76 Q 3.782 5.525 4.198 5.773 A 2.039 2.039 0 0 0 4.716 5.986 Q 4.964 6.052 5.259 6.078 A 4.563 4.563 0 0 0 5.658 6.095 A 4.543 4.543 0 0 0 6.203 6.065 Q 6.797 5.993 7.153 5.75 Q 7.659 5.405 7.659 4.255 A 3.278 3.278 0 0 0 7.629 3.791 Q 7.53 3.101 7.107 2.864 Q 6.672 2.619 6.022 2.567 A 4.585 4.585 0 0 0 5.658 2.553 Q 5.006 2.553 4.544 2.721 A 1.881 1.881 0 0 0 4.198 2.887 Q 3.666 3.215 3.657 4.221 A 3.897 3.897 0 0 0 3.657 4.255 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-9:before {
    content: url("data:image/svg+xml,%3Csvg width='11.132' height='14.375' viewBox='0 0 11.132 14.375' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 0.851 10.741 L 0.943 10.695 Q 1.589 11.007 2.462 11.189 A 9.283 9.283 0 0 0 2.519 11.201 Q 3.427 11.385 4.347 11.385 A 7.113 7.113 0 0 0 5.204 11.337 Q 6.291 11.205 6.831 10.707 A 2.216 2.216 0 0 0 7.327 10.01 Q 7.623 9.38 7.705 8.418 L 7.682 8.418 A 3.316 3.316 0 0 1 7.293 8.572 Q 7.084 8.641 6.834 8.698 A 7.798 7.798 0 0 1 6.394 8.786 Q 5.602 8.922 4.609 8.924 A 14.812 14.812 0 0 1 4.577 8.924 A 7.465 7.465 0 0 1 3.286 8.82 Q 2.572 8.694 2.007 8.417 A 3.541 3.541 0 0 1 1.173 7.855 A 3.406 3.406 0 0 1 0.201 6.25 Q 0.039 5.694 0.008 5.024 A 7.041 7.041 0 0 1 0 4.692 Q 0 3.402 0.349 2.453 A 4.376 4.376 0 0 1 0.483 2.128 A 3.105 3.105 0 0 1 1.74 0.751 A 4.103 4.103 0 0 1 2.139 0.541 Q 3.312 0 5.359 0 Q 6.838 0 7.887 0.337 A 4.367 4.367 0 0 1 8.867 0.782 A 3.991 3.991 0 0 1 10.4 2.562 A 5.297 5.297 0 0 1 10.626 3.151 Q 11.012 4.36 11.103 6.05 A 20.359 20.359 0 0 1 11.132 7.153 A 14.354 14.354 0 0 1 11.045 8.782 Q 10.879 10.233 10.396 11.282 A 5.673 5.673 0 0 1 9.588 12.574 A 4.538 4.538 0 0 1 8.315 13.628 A 5.888 5.888 0 0 1 6.304 14.295 A 7.66 7.66 0 0 1 5.175 14.375 Q 3.657 14.375 2.599 14.122 A 15.091 15.091 0 0 1 1.857 13.926 Q 1.507 13.823 1.21 13.713 A 6.987 6.987 0 0 1 0.851 13.57 L 0.851 10.741 Z M 5.359 2.806 A 6.044 6.044 0 0 0 4.795 2.83 Q 4.242 2.882 3.913 3.046 A 1.044 1.044 0 0 0 3.657 3.22 A 1.226 1.226 0 0 0 3.36 3.679 Q 3.286 3.872 3.251 4.114 A 3.248 3.248 0 0 0 3.22 4.577 Q 3.22 5.566 3.726 5.957 Q 4.185 6.311 5.172 6.345 A 6.248 6.248 0 0 0 5.382 6.348 A 5.543 5.543 0 0 0 6.262 6.281 A 4.673 4.673 0 0 0 6.751 6.176 A 5.407 5.407 0 0 0 7.118 6.062 Q 7.301 5.998 7.452 5.927 A 2.151 2.151 0 0 0 7.728 5.773 A 10.166 10.166 0 0 0 7.731 5.575 Q 7.74 4.312 7.412 3.691 A 1.341 1.341 0 0 0 7.222 3.416 A 1.607 1.607 0 0 0 6.621 3.01 Q 6.119 2.807 5.365 2.806 A 5.677 5.677 0 0 0 5.359 2.806 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-10:before {
    content: url("data:image/svg+xml,%3Csvg width='20.769' height='14.467' viewBox='0 0 20.769 14.467' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 20.702 8.89 A 18.75 18.75 0 0 0 20.769 7.245 A 19.457 19.457 0 0 0 20.715 5.752 Q 20.654 4.96 20.524 4.29 A 7.923 7.923 0 0 0 20.171 3.013 A 5.309 5.309 0 0 0 19.938 2.482 A 3.993 3.993 0 0 0 18.239 0.713 A 5.052 5.052 0 0 0 17.355 0.349 Q 16.772 0.168 16.072 0.081 A 11.373 11.373 0 0 0 14.674 0 A 11.837 11.837 0 0 0 13.66 0.042 Q 12.144 0.172 11.132 0.713 Q 9.798 1.426 9.2 3.013 A 7.794 7.794 0 0 0 8.866 4.199 Q 8.732 4.851 8.666 5.623 A 19.119 19.119 0 0 0 8.602 7.245 Q 8.602 8.904 8.841 10.149 A 7.984 7.984 0 0 0 9.2 11.454 A 5.309 5.309 0 0 0 9.433 11.985 A 3.993 3.993 0 0 0 11.132 13.754 A 5.04 5.04 0 0 0 11.973 14.106 Q 12.56 14.294 13.267 14.384 A 11.14 11.14 0 0 0 14.674 14.467 A 12.055 12.055 0 0 0 15.698 14.426 Q 16.408 14.365 17.007 14.216 A 5.35 5.35 0 0 0 18.239 13.754 Q 19.573 13.041 20.171 11.454 Q 20.568 10.4 20.702 8.89 Z M 0.115 5.75 L 0 5.75 L 0 1.84 L 2.691 0.138 L 6.141 0.138 L 6.187 14.26 L 2.691 14.26 L 2.691 4.117 L 2.576 4.117 L 0.115 5.75 Z M 14.674 11.408 A 3.673 3.673 0 0 0 15.409 11.34 Q 15.82 11.256 16.122 11.068 A 1.616 1.616 0 0 0 16.732 10.385 A 3.868 3.868 0 0 0 16.993 9.638 Q 17.227 8.7 17.227 7.245 A 14.747 14.747 0 0 0 17.189 6.145 Q 17.09 4.825 16.733 4.094 A 1.67 1.67 0 0 0 15.701 3.226 Q 15.387 3.123 14.994 3.093 A 4.336 4.336 0 0 0 14.674 3.082 A 3.614 3.614 0 0 0 13.949 3.149 Q 13.006 3.343 12.639 4.094 Q 12.22 4.95 12.156 6.613 A 16.346 16.346 0 0 0 12.144 7.245 A 14.455 14.455 0 0 0 12.183 8.349 Q 12.264 9.405 12.514 10.088 A 3.223 3.223 0 0 0 12.638 10.385 A 1.688 1.688 0 0 0 13.72 11.282 Q 14.029 11.376 14.411 11.4 A 4.243 4.243 0 0 0 14.674 11.408 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-11:before {
    content: url("data:image/svg+xml,%3Csvg width='14.904' height='14.122' viewBox='0 0 14.904 14.122' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 0.115 5.612 L 0 5.612 L 0 1.702 L 2.691 0 L 6.141 0 L 6.187 14.122 L 2.691 14.122 L 2.691 3.979 L 2.576 3.979 L 0.115 5.612 Z M 8.832 5.612 L 8.717 5.612 L 8.717 1.702 L 11.408 0 L 14.858 0 L 14.904 14.122 L 11.408 14.122 L 11.408 3.979 L 11.293 3.979 L 8.832 5.612 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-12:before {
    content: url("data:image/svg+xml,%3Csvg width='19.274' height='14.352' viewBox='0 0 19.274 14.352' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 8.97 4.163 L 8.763 4.163 L 8.763 1.15 A 5.278 5.278 0 0 1 9.501 0.769 Q 10.101 0.513 10.879 0.322 A 11.151 11.151 0 0 1 12.699 0.038 A 13.674 13.674 0 0 1 13.731 0 Q 15.536 0 16.815 0.52 A 5.066 5.066 0 0 1 17.676 0.966 Q 19.093 1.889 19.156 4.031 A 6.863 6.863 0 0 1 19.159 4.232 Q 19.159 5.683 18.624 6.672 A 3.516 3.516 0 0 1 18.32 7.142 A 4.07 4.07 0 0 1 17.551 7.89 Q 16.72 8.523 15.364 9.039 Q 13.317 9.821 12.547 10.362 A 3.18 3.18 0 0 0 12.218 10.623 Q 11.776 11.03 11.776 11.431 L 19.274 11.431 L 19.274 14.352 L 8.372 14.352 L 8.372 11.776 Q 8.372 10.603 8.775 9.775 Q 9.136 9.031 9.971 8.399 A 6.161 6.161 0 0 1 10.166 8.257 A 9.588 9.588 0 0 1 10.936 7.777 Q 11.346 7.546 11.838 7.309 A 23.542 23.542 0 0 1 12.903 6.831 A 18.07 18.07 0 0 0 13.667 6.49 Q 14.057 6.303 14.381 6.121 A 7.367 7.367 0 0 0 14.961 5.762 A 2.105 2.105 0 0 0 15.336 5.437 Q 15.687 5.044 15.687 4.552 A 1.4 1.4 0 0 0 15.686 4.508 Q 15.663 3.634 15.031 3.278 A 2.363 2.363 0 0 0 14.485 3.061 Q 14.226 2.991 13.917 2.956 A 5.981 5.981 0 0 0 13.248 2.921 Q 12.144 2.921 10.994 3.301 Q 9.844 3.68 8.97 4.163 Z M 0.115 5.727 L 0 5.727 L 0 1.817 L 2.691 0.115 L 6.141 0.115 L 6.187 14.237 L 2.691 14.237 L 2.691 4.094 L 2.576 4.094 L 0.115 5.727 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-13:before {
    content: url("data:image/svg+xml,%3Csvg width='19.32' height='14.424' viewBox='0 0 19.32 14.424' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 9.407 3.45 L 9.407 0.575 Q 10.419 0.253 11.512 0.127 A 18.975 18.975 0 0 1 12.935 0.018 A 23.401 23.401 0 0 1 13.869 0 Q 15.801 0 16.944 0.362 A 4.822 4.822 0 0 1 16.997 0.38 Q 17.926 0.686 18.427 1.255 A 2.258 2.258 0 0 1 18.642 1.541 A 3.038 3.038 0 0 1 19.026 2.485 Q 19.136 2.956 19.136 3.519 A 4.886 4.886 0 0 1 19.018 4.618 A 3.575 3.575 0 0 1 18.469 5.877 A 2.419 2.419 0 0 1 17.524 6.662 Q 16.96 6.938 16.169 7.038 L 16.169 7.153 A 5.678 5.678 0 0 1 17.049 7.265 Q 17.51 7.363 17.869 7.541 A 2.251 2.251 0 0 1 18.596 8.096 A 3.021 3.021 0 0 1 19.302 9.806 A 3.963 3.963 0 0 1 19.32 10.189 Q 19.32 12.259 17.952 13.306 A 4.293 4.293 0 0 1 16.816 13.91 Q 15.547 14.376 13.57 14.421 A 22.644 22.644 0 0 1 13.232 14.424 Q 11.899 14.424 10.856 14.26 A 14.695 14.695 0 0 1 9.602 14.009 A 11.664 11.664 0 0 1 8.717 13.754 L 8.717 10.879 L 8.855 10.879 Q 9.775 11.178 10.718 11.316 A 12.469 12.469 0 0 0 11.691 11.417 Q 12.172 11.449 12.704 11.453 A 20.313 20.313 0 0 0 12.857 11.454 A 11.933 11.933 0 0 0 13.649 11.43 Q 14.656 11.362 15.18 11.109 A 1.27 1.27 0 0 0 15.632 10.758 Q 15.824 10.516 15.875 10.174 A 1.768 1.768 0 0 0 15.893 9.913 Q 15.893 9.392 15.653 9.09 A 0.947 0.947 0 0 0 15.353 8.844 A 1.691 1.691 0 0 0 15.001 8.711 Q 14.616 8.607 14.009 8.573 A 11.535 11.535 0 0 0 13.363 8.556 L 11.523 8.556 L 11.523 5.589 L 13.064 5.589 Q 14.676 5.589 15.275 5.317 A 1.232 1.232 0 0 0 15.307 5.302 A 0.984 0.984 0 0 0 15.857 4.6 A 1.575 1.575 0 0 0 15.893 4.255 A 1.422 1.422 0 0 0 15.841 3.857 Q 15.709 3.402 15.237 3.22 Q 14.74 3.028 13.679 2.982 A 16.828 16.828 0 0 0 12.949 2.967 Q 12.052 2.967 11.144 3.105 A 12.596 12.596 0 0 0 10.227 3.278 A 9.676 9.676 0 0 0 9.499 3.473 L 9.407 3.45 Z M 0.115 5.773 L 0 5.773 L 0 1.863 L 2.691 0.161 L 6.141 0.161 L 6.187 14.283 L 2.691 14.283 L 2.691 4.14 L 2.576 4.14 L 0.115 5.773 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-14:before {
    content: url("data:image/svg+xml,%3Csvg width='21.275' height='14.168' viewBox='0 0 21.275 14.168' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 8.257 11.799 L 8.257 8.832 L 13.593 0.023 L 18.86 0.023 L 18.86 9.085 L 21.275 9.085 L 21.275 11.799 L 18.906 11.799 L 18.906 14.168 L 15.456 14.168 L 15.387 11.799 L 8.257 11.799 Z M 0.115 5.612 L 0 5.612 L 0 1.702 L 2.691 0 L 6.141 0 L 6.187 14.122 L 2.691 14.122 L 2.691 3.979 L 2.576 3.979 L 0.115 5.612 Z M 11.753 9.085 L 15.64 9.085 L 15.64 2.093 L 11.753 9.085 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.rank-15:before {
    content: url("data:image/svg+xml,%3Csvg width='19.527' height='14.329' viewBox='0 0 19.527 14.329' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23ffffff' stroke-width='0' fill='%23ffffff' style='stroke:%23ffffff;stroke-width:0;fill:%23ffffff'%3E%3Cpath d='M 14.145 8.234 L 9.016 8.234 L 9.016 0.115 L 18.998 0.115 L 18.998 3.082 L 12.19 3.082 L 12.19 5.336 L 12.236 5.405 L 14.697 5.405 A 9.788 9.788 0 0 1 16.011 5.487 Q 17.481 5.687 18.301 6.374 A 2.86 2.86 0 0 1 18.377 6.44 Q 19.527 7.475 19.527 9.729 A 6.027 6.027 0 0 1 19.388 11.067 Q 19.071 12.457 18.032 13.225 A 4.676 4.676 0 0 1 16.744 13.876 Q 15.405 14.329 13.386 14.329 Q 11.891 14.329 10.672 14.18 Q 9.453 14.03 8.487 13.8 L 8.487 10.994 L 8.533 10.948 Q 8.92 11.054 9.422 11.132 A 12.82 12.82 0 0 0 9.741 11.178 Q 10.442 11.27 11.178 11.328 Q 11.914 11.385 12.512 11.385 Q 13.938 11.385 14.697 11.247 Q 15.456 11.109 15.744 10.753 Q 15.979 10.46 16.022 9.974 A 2.558 2.558 0 0 0 16.031 9.752 Q 16.031 9.272 15.896 8.952 A 1.042 1.042 0 0 0 15.652 8.59 Q 15.344 8.302 14.547 8.247 A 5.864 5.864 0 0 0 14.145 8.234 Z M 0.115 5.612 L 0 5.612 L 0 1.702 L 2.691 0 L 6.141 0 L 6.187 14.122 L 2.691 14.122 L 2.691 3.979 L 2.576 3.979 L 0.115 5.612 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E")
}

.main h3 {
    display: flex;
    align-items: center;
    max-width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    scroll-margin-top: 60px;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-top: 25px
}

.main h3:before {
    content: '';
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 128 128' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Ccircle fill='%2300D26A' cx='64' cy='64' r='64'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M54.3,97.2L24.8,67.7c-0.4-0.4-0.4-1,0-1.4l8.5-8.5c0.4-0.4,1-0.4,1.4,0L55,78.1l38.2-38.2   c0.4-0.4,1-0.4,1.4,0l8.5,8.5c0.4,0.4,0.4,1,0,1.4L55.7,97.2C55.3,97.6,54.7,97.6,54.3,97.2z'/%3E%3C/g%3E%3C/svg%3E")
}

.main h4 {
    display: flex;
    align-items: center;
    max-width: 100%;
    color: #555;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    scroll-margin-top: 60px;
    padding-top: 0px;
    margin-top: 15px;
    margin-bottom: 15px
}

.main h4:before {
    content: '';
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF3D2F' viewBox='0 0 512 512'%3E%3Cpath d='M490.3 40.4C512.2 62.27 512.2 97.73 490.3 119.6L460.3 149.7L362.3 51.72L392.4 21.66C414.3-.2135 449.7-.2135 471.6 21.66L490.3 40.4zM172.4 241.7L339.7 74.34L437.7 172.3L270.3 339.6C264.2 345.8 256.7 350.4 248.4 353.2L159.6 382.8C150.1 385.6 141.5 383.4 135 376.1C128.6 370.5 126.4 361 129.2 352.4L158.8 263.6C161.6 255.3 166.2 247.8 172.4 241.7V241.7zM192 63.1C209.7 63.1 224 78.33 224 95.1C224 113.7 209.7 127.1 192 127.1H96C78.33 127.1 64 142.3 64 159.1V416C64 433.7 78.33 448 96 448H352C369.7 448 384 433.7 384 416V319.1C384 302.3 398.3 287.1 416 287.1C433.7 287.1 448 302.3 448 319.1V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V159.1C0 106.1 42.98 63.1 96 63.1H192z'/%3E%3C/svg%3E")
}

@media (min-width: 768px) {
    .main h3 {
        font-size:20px;
        scroll-margin-top: 85px
    }
}

.main .author {
    max-width: 100%;
    font-size: 12px;
    line-height: 130%;
    scroll-margin-top: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 768px) {
    .main .author {
        font-size:14px;
        scroll-margin-top: 85px
    }
}

.main .update {
    max-width: 100%;
    font-size: 12px;
    line-height: 130%;
    scroll-margin-top: 60px;
    margin-left: 1px;
    white-space: nowrap;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 768px) {
    .main .update {
        font-size:14px;
        scroll-margin-top: 85px
    }
}

.main img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 10px
}

.main img.post-cover {
    margin-top: 25px;
    margin-bottom: 25px;
    aspect-ratio: 16/9
}

.main strong {
    font-weight: 700
}

.main em {
    font-size: 14px;
    color: #555
}

.main .iframe-wrap {
    margin-top: 25px;
    max-width: 100%;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.main iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

#post img {
    margin-top: 25px;
    margin-bottom: 25px
}

h3 + p img {
    margin-top: 10px!important
}

#post p {
    max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    scroll-margin-top: 60px;
    color: rgba(var(--color-gray-100),var(--tw-text-opacity,1));
    word-break: break-all;
    text-align: justify
}

@media (min-width: 768px) {
    #post p {
        font-size:18px;
        scroll-margin-top: 85px
    }
}

#post>p {
    margin-bottom: 20px
}

#post li a,#post span.go {
    text-decoration: underline 2px rgba(242,19,123,.4);
    text-underline-offset: 3px;
    cursor: pointer
}

#post li a:hover,#post span.go:hover {
    text-decoration: underline 2px rgba(242,19,123,.8)
}

#post ul p {
    font-size: 14px;
    color: rgba(var(--color-gray-300),var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    #post ul p {
        font-size:16px
    }
}

#post .toc {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    background-color: rgba(var(--color-gray-800),var(--tw-bg-opacity,1));
    padding: 24px
}

@media (min-width: 768px) {
    #post .toc {
        padding:40px
    }
}

#post .toc h6 {
    max-width: 100%;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    scroll-margin-top: 60px;
    margin-bottom: 20px;
    color: rgba(var(--color-gray-100),var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    #post .toc h6 {
        font-size:24px;
        scroll-margin-top: 85px
    }
}

#post ul {
    margin-left: 20px;
    margin-bottom: 25px
}

#post ul li {
    margin-bottom: 15px;
    list-style-type: disc;
    padding-left: 5px
}

#post ul li::marker {
    font-size: 14px;
    color: #F2137B
}

#post ul li ul {
    margin-left: 4px;
    margin-top: 8px
}

.main h2+p img,.main h3+p img {
    margin-top: 8px
}

#post .table-container {
    margin-top: 25px;
    margin-bottom: 25px
}

#post table {
    width: 100%
}

#post table th {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--color-gray-600),var(--tw-border-opacity,1));
    background-color: rgba(var(--color-gray-750),var(--tw-bg-opacity,1));
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    vertical-align: middle;
    font-weight: 500;
    color: rgba(var(--color-gray-300),var(--tw-text-opacity,1))
}

#post table td {
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    border-color: rgba(var(--color-gray-600),var(--tw-border-opacity,1));
    background-color: rgba(var(--color-white-900),var(--tw-bg-opacity,1));
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: normal;
    color: rgba(var(--color-gray-300),var(--tw-text-opacity,1))
}

#post table th,#post table td {
    max-width: 100%;
    font-size: 14px;
    line-height: 150%;
    scroll-margin-top: 60px
}

@media (min-width: 768px) {
    #post table th,#post table td {
        font-size:16px;
        scroll-margin-top: 85px
    }
}

#post table span {
    line-height: inherit
}

@media (max-width: 767px) {
    #post .table-container {
        width:100%!important;
        overflow-x: scroll
    }

    #post table th,#post table td {
        min-width: 150px
    }
}

.stars {
    display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.stars i {
    display: block;
    width: 25px;
    transition: all 0.2s;
    cursor: pointer;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23b5b8b1' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E")
}

.stars i.active {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ffb851' d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E")
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.pagination ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    column-gap: 8px
}

.pagination .pb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.pagination .pc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    font-weight: 500;
    color: rgba(var(--color-gray-500),var(--tw-text-opacity,1))
}

.pagination .pc[aria-current='true'] {
    background-color: rgba(var(--color-gray-100),var(--tw-bg-opacity,1));
    font-weight: 700;
    color: rgba(var(--color-white-900),var(--tw-text-opacity,1))
}

.merc {
    margin-top: 40px;
    margin-bottom: 40px
}

.merc a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    column-gap: 12px;
    border-radius: 20px;
    --tw-bg-opacity: 0.15;
    padding: 24px
}

.merc a[aria-disabled='true'] {
    pointer-events: none;
    cursor: not-allowed
}

@media (min-width: 768px) {
    .merc a {
        padding:40px
    }
}

.merc .wa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
    max-width: calc(100% - 60px)
}

@media (min-width: 768px) {
    .merc .wa {
        max-width:calc(100% - 96px)
    }
}

.merc .wb1 {
    max-width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    scroll-margin-top: 60px
}

@media (min-width: 768px) {
    .merc .wb1 {
        font-size:24px;
        scroll-margin-top: 85px
    }
}

.merc .wb2 {
    max-width: 100%;
    font-size: 14px;
    line-height: 150%;
    scroll-margin-top: 60px
}

@media (min-width: 768px) {
    .merc .wb2 {
        font-size:18px;
        scroll-margin-top: 85px
    }
}

.merc .wc {
    height: 60px;
    width: 60px
}

@media (min-width: 768px) {
    .merc .wc {
        height:96px;
        width: 96px
    }
}

.merc picture {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    aspect-ratio: 1
}

@supports not (aspect-ratio: 3/2) {
    .merc picture {
        padding-top:66.67%;
        height: 0;
        position: relative;
        overflow: hidden
    }
}

.merc img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle
}

.tags {
    margin-bottom: -8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.005em
}

.tags li {
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 36px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--color-gray-700),var(--tw-border-opacity,1));
    font-weight: 500;
    color: rgba(var(--color-gray-400),var(--tw-text-opacity,1))
}

.tags a {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px
}

.tags a[aria-disabled='true'] {
    pointer-events: none;
    cursor: not-allowed
}

.about {
    margin-top: 40px;
    margin-bottom: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--color-gray-600),var(--tw-border-opacity,1));
    padding: 24px
}

@media (min-width: 768px) {
    .about {
        padding:40px
    }
}

.about picture {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    margin-right: 12px;
    height: 60px;
    width: 60px;
    border-radius: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--color-gray-700),var(--tw-border-opacity,1))
}

@supports not (aspect-ratio: 3/2) {
    .about picture {
        padding-top:66.67%;
        height: 0;
        position: relative;
        overflow: hidden
    }
}

.about img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
    aspect-ratio: 1;
    border-radius: 120px
}

@supports not (aspect-ratio: 1) {
    .about img {
        padding-top:100%;
        height: 0;
        position: relative;
        overflow: hidden
    }
}

.about h6 {
    max-width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    scroll-margin-top: 60px
}

@media (min-width: 768px) {
    .about h6 {
        font-size:20px;
        scroll-margin-top: 85px
    }
}

.about p {
    max-width: 100%;
    font-size: 14px;
    line-height: 170%;
    scroll-margin-top: 60px;
    margin-top: 20px;
    white-space: pre-wrap;
    overflow-wrap: normal;
    word-break: normal;
    color: rgba(var(--color-gray-350),var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    .about p {
        font-size:16px
    }
}

@media (min-width: 768px) {
    .about p {
        scroll-margin-top:85px
    }
}

@media (min-width: 768px) {
    .about p {
        margin-top:24px
    }
}

.about a {
    margin-top: 20px;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--color-gray-600),var(--tw-border-opacity,1));
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.005em;
    color: rgba(var(--color-gray-100),var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    .about a {
        margin-top:24px
    }
}

.grouplist {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px
}

.grouplist .wa {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    column-gap: 12px
}

.grouplist .wa[aria-disabled='true'] {
    pointer-events: none;
    cursor: not-allowed
}

@media (min-width: 768px) {
    .grouplist .wa {
        -webkit-column-gap:32px;
        column-gap: 32px
    }
}

.grouplist .wb {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.grouplist h6 {
    max-width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    scroll-margin-top: 60px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width: 768px) {
    .grouplist h6 {
        font-size:20px;
        scroll-margin-top: 85px
    }
}

.grouplist p {
    max-width: 100%;
    font-size: 14px;
    line-height: 150%;
    scroll-margin-top: 60px;
    display: none
}

@media (min-width: 768px) {
    .grouplist p {
        font-size:16px;
        scroll-margin-top: 85px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 8px;
        color: rgba(var(--color-gray-200),var(--tw-text-opacity,1))
    }
}

.grouplist picture {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    width: 96px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

@supports not (aspect-ratio: 3/2) {
    .grouplist picture {
        padding-top:66.67%;
        height: 0;
        position: relative;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .grouplist picture {
        width:208px
    }
}

.grouplist img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 12px
}

#post,#post+.suggestion {
    content-visibility: auto;
    contain-intrinsic-size: 1000px
}

.suggestion {
    margin-top: 20px;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px
}

.suggestion h1 {
    display: none
}

.suggestion h2 {
    max-width: 100%;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    scroll-margin-top: 60px
}

@media (min-width: 768px) {
    .suggestion h2 {
        font-size:24px;
        scroll-margin-top: 85px
    }
}

.suggestion .xa {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 24px
}

@media (min-width: 768px) {
    .suggestion .xa {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap: 32px
    }
}

.suggestion .xb {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.suggestion .xb[aria-disabled='true'] {
    pointer-events: none;
    cursor: not-allowed
}

@media (min-width: 768px) {
    .suggestion .xb {
        -webkit-flex-direction:column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.suggestion .xc {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    min-height: 64px;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

@supports not (aspect-ratio: 3/2) {
    .suggestion .xc {
        padding-top:66.67%;
        height: 0;
        position: relative;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .suggestion .xc {
        min-height:138px
    }
}

.suggestion .xd {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 12px
}

.suggestion .xw {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.suggestion .xw[aria-disabled='true'] {
    pointer-events: none;
    cursor: not-allowed
}

@media (min-width: 768px) {
    .suggestion .xw {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 32px;
        column-gap: 32px
    }
}

.suggestion .xx {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3/2
}

@supports not (aspect-ratio: 3/2) {
    .suggestion .xx {
        padding-top:66.67%;
        height: 0;
        position: relative;
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .suggestion .xx {
        min-width:208px;
        -webkit-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
}

.suggestion .xy {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 16px
}

.suggestion .xz {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    row-gap: 8px
}

@media (min-width: 768px) {
    .suggestion .xz {
        -webkit-flex:7;
        -ms-flex: 7;
        flex: 7
    }
}

.suggestion h5 {
    max-width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    scroll-margin-top: 60px;
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
    color: rgba(var(--color-gray-100),var(--tw-text-opacity,1))
}

@media (min-width: 768px) {
    .suggestion h5 {
        font-size:18px;
        scroll-margin-top: 85px
    }
}

.suggestion h6,.suggestion .xh {
    max-width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    scroll-margin-top: 60px
}

@media (min-width: 768px) {
    .suggestion h6,.suggestion .xh {
        font-size:20px;
        scroll-margin-top: 85px
    }
}

.suggestion p {
    max-width: 100%;
    font-size: 16px;
    line-height: 150%;
    scroll-margin-top: 60px
}


@media (max-width: 767px) {

}

@media (min-width: 768px) {




#dm_link {
    margin-top: 25px;
    margin-bottom: 20px;
    border-radius: 20px;
    background-color: rgba(var(--color-gray-800),var(--tw-bg-opacity,1));
    padding: 24px
}

#dm_link h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0
}

#dm_link a {
    display: list-item;
    list-style-type: decimal;
    margin-left: 15px;
    padding-left: 4px;
    max-width: 100%;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 14px;
    scroll-margin-top: 60px;
    max-width: 100%;
    color: rgba(var(--color-gray-200),var(--tw-text-opacity,1))
}

#dm_link a:hover {
    font-weight: 700
}

#dm_link a span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#dm_link a:last-child {
    margin-bottom: 0
}

#dm_link a.toc-h2 {
    text-decoration: underline 1px;
    text-underline-offset: 2px
}

#dm_link a.toc-h2::marker {
    color: #F2137B;
    font-weight: bold
}

#dm_link a.toc-h3 {
    margin-left: 24px
}

#dm_link a.toc-h3:before {
    content: '';
    border-radius: 50%;
    height: 0.25em;
    width: 0.25em;
    margin-right: 0.5em;
    background-color: #555
}

@media (min-width: 768px) {
    #dm_link {
        padding:40px
    }

    #dm_link h4 {
        font-size: 20px
    }

    #dm_link a {
        font-size: 16px;
        margin-bottom: 16px
    }
}

blockquote {
    border: 4px dashed #eee;
    padding: 15px 15px 0;
    margin-bottom: 20px
}

blockquote ul {
    margin-left: 0!important;
    margin-bottom: 0!important;
    display: grid
}

blockquote ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0!important;
    padding-bottom: 2px
}

.inner-link {
    display: flex;
    align-items: center;
    gap: 12px
}

.inner-link:hover h5 {
    color: #F2137B
}

.inner-link picture {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    min-height: 60px;
    flex: 1
}

.inner-link img {
    position: absolute;
    margin: 0!important;
    min-height: auto!important;
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 100%
}

.inner-link div {
    min-width: 0
}

.inner-link h5 {
    font-weight: 600;
    color: #444;
    transition: all .2s ease-in-out
}

.inner-link p {
    font-size: 14px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.shareon {
    font-size: 0!important;
    display: flex;
    margin-top: 25px;
    margin-bottom: 20px;
    justify-content: center
}

.shareon>button {
    display: block;
    position: relative;
    height: 20px;
    min-width: 16px;
    margin: 2.5px;
    padding: 6px 8px;
    background-color: #ccc;
    border-radius: 3px;
    border: 0;
    box-sizing: content-box;
    color: #fff;
    line-height: 1.5;
    transition: opacity 300ms ease;
    vertical-align: middle
}

.shareon>button:first-child {
    margin-left: 0
}

.shareon>:hover {
    border: 0;
    cursor: pointer;
    opacity: .7
}

.shareon>:not(:empty) {
    font-size: 16px;
    text-decoration: none
}

.shareon>:not(:empty)::before {
    position: relative;
    height: 100%;
    width: 28px;
    top: 0;
    left: 0;
    background-position: 0 50%
}

.shareon>::before {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    content: "";
    vertical-align: bottom;
    border-radius: 6px
}

.shareon>.naver:before {
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='191' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='38' y='32' width='190' height='191'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-38 -32)'%3E%3Cpath d='M227.038 206.269C227.038 214.595 220.272 221.339 211.88 221.339L53.1578 221.339C44.804 221.339 38 214.595 38 206.269L38 48.0701C38 39.7439 44.804 33 53.1578 33L211.88 33C220.234 33 227.038 39.7439 227.038 48.0701L227.038 206.269Z' fill='%2300C300' fill-rule='evenodd'/%3E%3Cpath d='M116.39 80.2863C104.618 79.7543 92.8092 80.1343 81 80.0963 81.0755 111.788 81.0377 143.48 81.0377 175.172 92.8092 175.248 104.618 175.21 116.39 175.172 116.578 159.478 116.163 143.746 116.578 128.014 120.464 133.448 123.973 139.148 127.935 144.506 134.537 154.842 142.008 164.57 148.346 175.058 160.231 175.362 172.078 175.058 183.962 175.248 184.075 173.766 184.226 172.284 184.226 170.802 184.038 140.554 184.377 110.306 184.075 80.0583 172.342 79.9823 160.608 80.0963 148.874 80.0203 148.799 95.8283 148.95 111.636 148.761 127.406 137.858 111.826 127.558 95.7143 116.39 80.2863Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.shareon>.band:before {
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='191' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='648' y='32' width='190' height='191'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-648 -32)'%3E%3Cpath d='M838.038 207.191C838.038 215.561 831.272 222.341 822.88 222.341L664.158 222.341C655.804 222.341 649 215.561 649 207.191L649 48.1503C649 39.7798 655.804 33 664.158 33L822.88 33C831.234 33 838.038 39.7798 838.038 48.1503L838.038 207.191Z' fill='%2300C300' fill-rule='evenodd'/%3E%3Cpath d='M743.113 87.9055C738.522 87.9055 734.044 88.4701 729.792 89.5615L729.792 80.4157 729.792 79.3242C729.792 79.0984 729.754 78.8725 729.716 78.6091 728.888 67.3179 720.121 59 709.396 59 698.709 59 689.941 67.3179 689.075 78.6091 689.038 78.8349 689 117.112 689 117.112L689 142.028C689 142.216 689 142.367 689 142.555 689.263 172.213 713.385 196.151 743.113 196.151 772.992 196.151 797.226 171.912 797.226 142.028 797.226 112.144 773.029 87.9055 743.113 87.9055ZM743.113 187.833C717.825 187.833 697.316 167.32 697.316 142.028L697.316 79.7005C697.316 72.9635 702.735 67.506 709.396 67.506 716.056 67.506 721.475 72.9635 721.475 79.7005L721.438 141.501C721.438 153.47 731.109 163.745 743.113 163.745 755.079 163.745 764.788 154.034 764.788 142.066 764.788 130.097 755.079 120.387 743.113 120.387 738.07 120.387 733.479 122.118 729.792 124.978L729.792 115.682C733.781 113.649 738.334 112.52 743.113 112.52 759.445 112.52 772.691 125.769 772.691 142.103 772.691 158.438 759.445 171.686 743.113 171.686 726.781 171.686 713.535 158.438 713.535 142.103L713.535 79.2865C713.535 77.2541 711.691 75.3346 709.396 75.3346 707.1 75.3346 705.256 77.2541 705.256 79.2865L705.256 142.028C705.256 142.969 705.294 143.91 705.369 144.851 706.799 164.46 723.169 179.891 743.151 179.891 764.073 179.891 781.045 162.917 781.045 141.99 781.045 121.064 764.073 104.09 743.151 104.09 738.447 104.09 733.969 104.955 729.829 106.498L729.829 98.1429C734.044 96.8632 738.522 96.1857 743.151 96.1857 768.438 96.1857 788.947 116.698 788.947 141.99 788.947 167.32 768.438 187.833 743.113 187.833ZM729.792 142.028C729.792 134.651 735.775 128.704 743.113 128.704 750.489 128.704 756.434 134.689 756.434 142.028 756.434 149.405 750.451 155.352 743.113 155.352 735.775 155.352 729.792 149.405 729.792 142.028Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.shareon>.kakao:before {
    background-image: url("data:image/svg+xml,%3Csvg width='191' height='190' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='241' y='244' width='191' height='190'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-241 -244)'%3E%3Cpath d='M415.307 244 257.108 244C248.782 244 242 250.78 242 259.15L242 418.191C242 426.561 248.782 433.341 257.108 433.341L415.307 433.341C423.633 433.341 430.377 426.561 430.377 418.191L430.377 259.15C430.377 250.818 423.633 244 415.307 244Z' fill='%23F3D60A' fill-rule='evenodd'/%3E%3Cpath d='M367.216 287 317.087 287C313.722 287 311 289.726 311 293.058L311 342.85C311 346.219 313.722 348.908 317.087 348.908L340.185 348.908C340.034 354.815 337.539 361.251 333.985 366.969 329.94 373.406 321.359 380.562 321.283 380.6 320.602 381.244 320.111 382.001 320.111 383.023 320.111 383.818 320.527 384.424 320.98 385.068L337.085 403.205C337.085 403.205 337.879 404.038 338.522 404.189 339.24 404.379 340.072 404.379 340.639 403.924 368.539 382.455 372.584 355.496 373.265 340.918L373.265 293.058C373.302 289.726 370.58 287 367.216 287' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.shareon>.facebook:before {
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='191' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='1055' y='243' width='190' height='191'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-1055 -243)'%3E%3Cpath d='M1245.04 418.191C1245.04 426.561 1238.27 433.341 1229.88 433.341L1071.16 433.341C1062.8 433.341 1056 426.561 1056 418.191L1056 259.15C1056 250.78 1062.8 244 1071.16 244L1229.88 244C1238.23 244 1245.04 250.78 1245.04 259.15L1245.04 418.191Z' fill='%23445D97' fill-rule='evenodd'/%3E%3Cpath d='M1186.03 433.189 1186.03 360.132 1210.55 360.132 1214.21 331.642 1186.03 331.642 1186.03 313.453C1186.03 305.189 1188.33 299.604 1200.14 299.604L1215.23 299.604 1215.23 274.132C1212.62 273.792 1203.64 273 1193.23 273 1171.5 273 1156.6 286.283 1156.6 310.66L1156.6 331.642 1132 331.642 1132 360.132 1156.6 360.132 1156.6 433.189 1186.03 433.189Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.shareon>.pinterest:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 455.731 455.731' xml:space='preserve'%3E%3Cg%3E%3Crect x='0' y='0' style='fill:%23C9353D;' width='455.731' height='455.731'/%3E%3Cpath style='fill:%23FFFFFF;' d='M160.601,382C86.223,350.919,37.807,262.343,68.598,172.382 C99.057,83.391,197.589,36.788,286.309,69.734c88.972,33.04,132.978,131.213,98.486,219.22 c-35.709,91.112-131.442,123.348-203.22,100.617c5.366-13.253,11.472-26.33,15.945-39.943c4.492-13.672,7.356-27.878,10.725-41.037 c2.9,2.44,5.814,5.027,8.866,7.439c15.861,12.535,33.805,13.752,52.605,9.232c19.977-4.803,35.764-16.13,47.455-32.78 c19.773-28.16,26.751-60.019,21.972-93.546c-4.942-34.668-25.469-59.756-57.65-72.389c-48.487-19.034-94.453-12.626-134.269,22.259 c-30.622,26.83-40.916,72.314-26.187,107.724c5.105,12.274,13.173,21.907,25.379,27.695c6.186,2.933,8.812,1.737,10.602-4.724 c0.133-0.481,0.295-0.955,0.471-1.422c3.428-9.04,2.628-16.472-3.473-25.199c-11.118-15.906-9.135-34.319-3.771-51.961 c10.172-33.455,40.062-55.777,75.116-56.101c9.39-0.087,19.056,0.718,28.15,2.937c27.049,6.599,44.514,27.518,46.264,55.253 c1.404,22.242-2.072,43.849-11.742,64.159c-4.788,10.055-11.107,18.996-20.512,25.325c-8.835,5.945-18.496,8.341-28.979,5.602 c-14.443-3.774-22.642-16.95-18.989-31.407c3.786-14.985,8.685-29.69,12.399-44.69c1.57-6.344,2.395-13.234,1.751-19.696 c-1.757-17.601-18.387-25.809-33.933-17.216c-10.889,6.019-16.132,16.079-18.564,27.719c-2.505,11.992-1.292,23.811,2.61,35.439 c0.784,2.337,0.9,5.224,0.347,7.634c-7.063,30.799-14.617,61.49-21.306,92.369c-1.952,9.011-1.59,18.527-2.239,27.815 C160.495,377.839,160.601,379.635,160.601,382z'/%3E%3C/g%3E%3C/svg%3E")
}

.shareon>.twitter:before {
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='191' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='852' y='243' width='190' height='191'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-852 -243)'%3E%3Cpath d='M1041.04 418.191C1041.04 426.561 1034.27 433.341 1025.88 433.341L867.158 433.341C858.804 433.341 852 426.561 852 418.191L852 259.15C852 250.78 858.804 244 867.158 244L1025.88 244C1034.23 244 1041.04 250.78 1041.04 259.15L1041.04 418.191Z' fill='%2327A8E0' fill-rule='evenodd'/%3E%3Cpath d='M1009.11 304.991C1004.54 307.034 999.624 308.396 994.483 309.001 999.738 305.824 1003.78 300.83 1005.67 294.891 1000.76 297.804 995.315 299.922 989.493 301.057 984.843 296.102 978.227 293 970.93 293 956.867 293 945.45 304.424 945.45 318.496 945.45 320.501 945.677 322.43 946.093 324.321 924.922 323.262 906.171 313.124 893.62 297.691 891.427 301.436 890.179 305.824 890.179 310.476 890.179 319.328 894.678 327.121 901.521 331.698 897.362 331.546 893.43 330.412 889.99 328.52L889.99 328.861C889.99 341.193 898.761 351.519 910.405 353.865 908.25 354.432 906.02 354.735 903.713 354.735 902.05 354.735 900.462 354.584 898.912 354.281 902.163 364.419 911.577 371.757 922.729 371.984 913.996 378.831 903.033 382.879 891.087 382.879 889.045 382.879 887.004 382.765 885 382.538 896.266 389.763 909.649 394 924.052 394 970.893 394 996.487 355.189 996.487 321.484 996.487 320.387 996.449 319.29 996.411 318.193 1001.36 314.6 1005.71 310.098 1009.11 304.991' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

#cse-container {
    border-top: 1px solid #ccc;
    margin-top: 1em;
    padding-top: 1em
}

.kx {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    animation: inherit
}

.kx.active-button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.kx div {
    display: flex
}

.kx .p0 {
    display: block;
    position: relative;
    border: 2px solid #423701;
    border-radius: 100%
}

@keyframes wiggle {
    0%,100%,12%,2% {
        transform: rotateZ(0)
    }

    2% {
        transform: rotateZ(-15deg)
    }

    4% {
        transform: rotateZ(10deg)
    }

    6% {
        transform: rotateZ(-10deg)
    }

    8% {
        transform: rotateZ(6deg)
    }

    10% {
        transform: rotateZ(-4deg)
    }
}

@keyframes glowing {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 400% 0
    }
}

.kx .imgwrap {
    margin-right: 0
}

.kx .txtwrap {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    background: #423701;
    justify-content: center;
    padding: 5px 0;
    line-height: 1em;
    margin-left: 9px;
    margin-right: 9px;
    font-size: .7em;
    color: #fff6cb;
    font-weight: 500;
    border-radius: 3px
}

.kx a img {
    border-radius: 100%;
    aspect-ratio: 1;
    width: 67px;
    height: 67px
}

.kx .p1 {
    display: flex;
    justify-content: center;
    align-items: normal;
    white-space: nowrap;
    width: 100%;
    height: 50px;
    font-size: 13px
}

.kx .p2 {
    background: #fff595;
    border-radius: 10px 0 0 10px;
    border: 1px solid rgba(0,0,0,.2);
    padding: 0 7px 0 10px;
    display: flex;
    align-items: center
}

.kx .p2 img {
    width: 35px;
    height: 35px
}

.kx .p3 {
    background: #3a1d1d;
    color: #fff595;
    flex-flow: column;
    padding: 0 14px 0 14px;
    border-radius: 0 10px 10px 0;
    justify-content: center;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.kx .p3 span {
    letter-spacing: 0.5px;
    line-height: 100%;
    font-size: 18px;
    letter-spacing: -0.5px
}

.kx .p3 em {
    color: #ccc;
    font-style: normal;
    margin-right: 2px;
    font-size: 12px
}