@use '../../colors';

.bz-values-display {
    position: relative;
    border-radius: 8px;
    border: 1px solid colors.$neutral-4;
    background: colors.$white;
    color: colors.$blue-dark;
    text-decoration: none;
    display: inline-block;
    padding: 2px 35px 2px 10px;

    &::before {
        position: absolute;
        content: "";
        border: solid colors.$blue-dark;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        right: 15px;
        top: 17px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    &:hover {
        background: colors.$blue-10;
    }

    &.bz-active { 
        &::before {
            border-width: 2px 0 0 2px;
            top: 20px;
        }

    }
}

.bz-values-display-options {
    a {
        color: colors.$white;
        text-decoration: none;
        padding: 8px 16px;
        position: relative;
        display: inline-block;
        &:hover {
            &::after {
                position: absolute;
                content: "";
                bottom: -6px;
                height: 6px;
                right: 16px; 
                left: 16px;
                clip-path: polygon( 41.622% 27.483%,53.393% 5.895%,68.486% 20.781%,99.489% 0.008%,99.544% 66.656%,68.473% 87.475%,53.428% 72.636%,41.67% 94.2%,0.519% 66.657%,0.574% 0.008%,41.622% 27.483% );
                background-color: colors.$yellow-dark;
                z-index: -1;
            }
        }
        &.bz-active {
            &::after {
                position: absolute;
                content: "";
                top: 0px;
                bottom: 0px;
                right: 0px; 
                left: 0px;
                height: 100%;
                background-color: colors.$yellow-100; /* Cor de fundo da forma */
                clip-path: polygon( 26.32% 4.899%,26.32% 4.899%,26.349% 4.312%,26.414% 3.759%,26.51% 3.247%,26.636% 2.784%,26.788% 2.376%,26.963% 2.031%,27.158% 1.757%,27.37% 1.559%,27.595% 1.446%,27.831% 1.424%,27.831% 1.424%,32.643% 2.054%,37.079% 2.858%,41.194% 3.847%,45.048% 5.035%,48.699% 6.436%,52.204% 8.061%,55.622% 9.924%,59.011% 12.037%,62.429% 14.415%,65.934% 17.069%,65.934% 17.069%,65.954% 17.074%,65.975% 17.08%,65.995% 17.086%,66.016% 17.091%,66.036% 17.097%,66.057% 17.103%,66.077% 17.108%,66.098% 17.114%,66.118% 17.12%,66.139% 17.126%,66.139% 17.126%,66.87% 17.344%,67.598% 17.587%,68.321% 17.855%,69.038% 18.15%,69.748% 18.474%,70.448% 18.828%,71.138% 19.214%,71.816% 19.634%,72.482% 20.088%,73.133% 20.58%,73.133% 20.58%,73.734% 21.08%,74.325% 21.62%,74.903% 22.203%,75.467% 22.829%,76.016% 23.501%,76.547% 24.221%,77.059% 24.991%,77.551% 25.813%,78.02% 26.69%,78.464% 27.623%,78.464% 27.623%,80.168% 29.315%,81.83% 31.249%,83.453% 33.388%,85.034% 35.698%,86.574% 38.141%,88.074% 40.682%,89.532% 43.285%,90.948% 45.915%,92.322% 48.534%,93.655% 51.108%,93.655% 51.108%,93.989% 51.754%,94.32% 52.395%,94.649% 53.029%,94.975% 53.655%,95.297% 54.274%,95.618% 54.885%,95.935% 55.487%,96.25% 56.079%,96.561% 56.661%,96.87% 57.232%,96.87% 57.232%,97.358% 58.184%,97.812% 59.187%,98.227% 60.243%,98.599% 61.357%,98.923% 62.53%,99.196% 63.766%,99.413% 65.067%,99.569% 66.437%,99.662% 67.879%,99.685% 69.395%,99.685% 69.395%,99.647% 70.681%,99.557% 71.909%,99.419% 73.081%,99.238% 74.196%,99.016% 75.256%,98.758% 76.261%,98.468% 77.212%,98.15% 78.109%,97.808% 78.952%,97.446% 79.743%,97.446% 79.743%,97.067% 80.483%,96.666% 81.191%,96.245% 81.867%,95.806% 82.512%,95.351% 83.128%,94.882% 83.714%,94.401% 84.272%,93.909% 84.804%,93.408% 85.31%,92.901% 85.791%,92.901% 85.791%,91.858% 86.696%,90.783% 87.53%,89.685% 88.297%,88.578% 89.001%,87.47% 89.647%,86.374% 90.237%,85.3% 90.776%,84.259% 91.267%,83.263% 91.714%,82.322% 92.12%,82.322% 92.12%,78.975% 93.445%,75.592% 94.592%,72.181% 95.575%,68.747% 96.405%,65.298% 97.096%,61.839% 97.66%,58.378% 98.111%,54.922% 98.462%,51.476% 98.724%,48.047% 98.912%,48.047% 98.912%,45.857% 98.993%,43.658% 99.033%,41.454% 99.024%,39.247% 98.957%,37.039% 98.823%,34.831% 98.615%,32.627% 98.324%,30.427% 97.941%,28.236% 97.459%,26.053% 96.869%,26.053% 96.869%,24.489% 96.363%,22.889% 95.762%,21.264% 95.064%,19.627% 94.266%,17.988% 93.365%,16.358% 92.359%,14.749% 91.245%,13.17% 90.02%,11.635% 88.681%,10.153% 87.227%,10.153% 87.227%,9.434% 86.453%,8.729% 85.646%,8.04% 84.803%,7.368% 83.925%,6.716% 83.01%,6.085% 82.059%,5.477% 81.07%,4.893% 80.042%,4.336% 78.976%,3.807% 77.869%,3.807% 77.869%,3.304% 76.714%,2.83% 75.509%,2.387% 74.253%,1.979% 72.946%,1.607% 71.586%,1.275% 70.175%,0.985% 68.71%,0.741% 67.192%,0.543% 65.62%,0.396% 63.993%,0.396% 63.993%,0.319% 62.317%,0.329% 60.662%,0.417% 59.033%,0.573% 57.438%,0.788% 55.88%,1.054% 54.365%,1.361% 52.899%,1.7% 51.488%,2.062% 50.137%,2.439% 48.851%,2.439% 48.851%,2.796% 47.713%,3.169% 46.589%,3.554% 45.483%,3.948% 44.397%,4.347% 43.334%,4.747% 42.298%,5.144% 41.291%,5.536% 40.317%,5.918% 39.378%,6.286% 38.478%,6.286% 38.478%,6.332% 38.365%,6.379% 38.252%,6.424% 38.141%,6.47% 38.03%,6.515% 37.919%,6.56% 37.81%,6.604% 37.701%,6.648% 37.593%,6.692% 37.486%,6.735% 37.379%,6.735% 37.379%,7.565% 35.373%,8.454% 33.313%,9.407% 31.235%,10.43% 29.178%,11.526% 27.179%,12.7% 25.275%,13.956% 23.505%,15.3% 21.905%,16.735% 20.513%,18.266% 19.367%,18.266% 19.367%,21.143% 17.771%,24.13% 16.553%,27.203% 15.67%,30.339% 15.078%,33.514% 14.734%,36.703% 14.597%,39.884% 14.622%,43.031% 14.767%,46.121% 14.988%,49.129% 15.244%,49.129% 15.244%,49.447% 15.272%,49.764% 15.299%,50.08% 15.326%,50.394% 15.354%,50.706% 15.38%,51.018% 15.407%,51.328% 15.433%,51.636% 15.458%,51.944% 15.483%,52.249% 15.507%,52.249% 15.507%,52.249% 15.507%,52.25% 15.507%,52.25% 15.507%,52.25% 15.507%,52.25% 15.507%,52.251% 15.507%,52.251% 15.507%,52.251% 15.508%,52.251% 15.508%,52.252% 15.508%,52.252% 15.508%,50.149% 14.469%,48.006% 13.518%,45.807% 12.651%,43.538% 11.867%,41.187% 11.16%,38.739% 10.529%,36.181% 9.97%,33.498% 9.479%,30.677% 9.053%,27.705% 8.69%,27.705% 8.69%,27.471% 8.617%,27.25% 8.455%,27.046% 8.212%,26.862% 7.895%,26.699% 7.514%,26.562% 7.075%,26.452% 6.586%,26.374% 6.055%,26.328% 5.49%,26.32% 4.899%,65.343% 24.224%,65.343% 24.224%,64.302% 23.973%,63.255% 23.76%,62.206% 23.582%,61.159% 23.435%,60.117% 23.314%,59.082% 23.214%,58.059% 23.133%,57.05% 23.066%,56.058% 23.008%,55.087% 22.956%,55.087% 22.956%,54.782% 22.94%,54.478% 22.923%,54.178% 22.907%,53.88% 22.89%,53.585% 22.873%,53.293% 22.855%,53.005% 22.837%,52.719% 22.818%,52.437% 22.798%,52.158% 22.777%,52.158% 22.777%,51.853% 22.752%,51.547% 22.727%,51.24% 22.702%,50.931% 22.677%,50.622% 22.651%,50.312% 22.624%,50.001% 22.598%,49.689% 22.571%,49.376% 22.544%,49.063% 22.517%,49.063% 22.517%,46.043% 22.263%,42.971% 22.043%,39.867% 21.899%,36.751% 21.87%,33.645% 21.999%,30.569% 22.324%,27.544% 22.888%,24.59% 23.73%,21.729% 24.892%,18.982% 26.415%,18.982% 26.415%,17.677% 27.391%,16.448% 28.582%,15.29% 29.96%,14.199% 31.498%,13.169% 33.17%,12.195% 34.948%,11.272% 36.805%,10.396% 38.713%,9.561% 40.646%,8.763% 42.577%,8.763% 42.577%,8.718% 42.688%,8.672% 42.799%,8.627% 42.911%,8.581% 43.023%,8.535% 43.135%,8.489% 43.247%,8.443% 43.36%,8.397% 43.473%,8.351% 43.586%,8.304% 43.699%,8.304% 43.699%,7.936% 44.601%,7.564% 45.517%,7.19% 46.446%,6.818% 47.387%,6.449% 48.341%,6.086% 49.306%,5.732% 50.281%,5.388% 51.266%,5.058% 52.261%,4.743% 53.263%,4.743% 53.263%,4.407% 54.414%,4.114% 55.518%,3.862% 56.576%,3.652% 57.587%,3.484% 58.551%,3.356% 59.469%,3.269% 60.341%,3.222% 61.167%,3.215% 61.947%,3.247% 62.681%,3.247% 62.681%,3.34% 63.703%,3.466% 64.713%,3.627% 65.712%,3.822% 66.7%,4.051% 67.676%,4.315% 68.641%,4.613% 69.595%,4.945% 70.537%,5.312% 71.469%,5.712% 72.389%,5.712% 72.389%,6.147% 73.296%,6.61% 74.183%,7.103% 75.049%,7.622% 75.894%,8.169% 76.717%,8.741% 77.519%,9.337% 78.3%,9.958% 79.059%,10.601% 79.796%,11.265% 80.511%,11.265% 80.511%,12.648% 81.867%,14.087% 83.121%,15.573% 84.273%,17.096% 85.326%,18.643% 86.281%,20.206% 87.14%,21.773% 87.904%,23.334% 88.576%,24.878% 89.156%,26.395% 89.646%,26.395% 89.646%,28.52% 90.221%,30.657% 90.692%,32.806% 91.065%,34.963% 91.35%,37.127% 91.554%,39.297% 91.685%,41.47% 91.751%,43.646% 91.76%,45.821% 91.721%,47.995% 91.64%,47.995% 91.64%,51.405% 91.454%,54.825% 91.193%,58.25% 90.846%,61.673% 90.399%,65.089% 89.842%,68.491% 89.161%,71.873% 88.343%,75.228% 87.377%,78.552% 86.25%,81.836% 84.95%,81.836% 84.95%,82.774% 84.545%,83.753% 84.105%,84.764% 83.628%,85.796% 83.11%,86.84% 82.548%,87.886% 81.939%,88.926% 81.279%,89.948% 80.566%,90.944% 79.795%,91.903% 78.963%,91.903% 78.963%,92.364% 78.525%,92.807% 78.077%,93.231% 77.618%,93.635% 77.148%,94.019% 76.669%,94.381% 76.179%,94.722% 75.679%,95.04% 75.17%,95.335% 74.651%,95.607% 74.122%,95.607% 74.122%,95.846% 73.6%,96.055% 73.086%,96.235% 72.581%,96.386% 72.084%,96.511% 71.594%,96.611% 71.112%,96.687% 70.636%,96.741% 70.167%,96.774% 69.705%,96.787% 69.248%,96.787% 69.248%,96.78% 68.69%,96.747% 68.125%,96.685% 67.552%,96.591% 66.967%,96.461% 66.369%,96.292% 65.755%,96.081% 65.123%,95.823% 64.472%,95.516% 63.797%,95.157% 63.098%,95.157% 63.098%,94.813% 62.464%,94.47% 61.822%,94.125% 61.174%,93.78% 60.521%,93.433% 59.862%,93.086% 59.198%,92.739% 58.529%,92.39% 57.857%,92.04% 57.182%,91.689% 56.504%,91.689% 56.504%,90.356% 53.934%,89.005% 51.363%,87.632% 48.819%,86.237% 46.333%,84.815% 43.932%,83.365% 41.647%,81.883% 39.505%,80.368% 37.537%,78.816% 35.771%,77.226% 34.237%,77.226% 34.237%,75.924% 33.1%,74.651% 31.994%,73.407% 30.919%,72.189% 29.874%,70.996% 28.86%,69.826% 27.875%,68.678% 26.919%,67.549% 25.993%,66.438% 25.094%,65.343% 24.224% );

            }
        }
    }
}