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

.bz-bloco-de-notas {
    //background-color: colors.$blue-10;
    position: relative;
    background-image: linear-gradient(to bottom, colors.$blue-80 10px, transparent 0px);
    background-size: 100% 112px, 100% 100%;
    background-attachment: local;
    min-height: 300px;
    &__top {
        position: absolute;
        content: "";
        top: -1px;
        width: 100%;
        clip-path: polygon( 100% 0%,0.067% 0%,0.067% 78.935%,13.614% 45.215%,18.714% 73.987%,23.573% 57.119%,29.582% 57.119%,31.88% 73.987%,38.739% 73.987%,43.684% 57.119%,55.916% 87.874%,62.696% 44.225%,66.587% 57.119%,71.123% 41.247%,77.973% 73.987%,85.456% 87.874%,91.702% 73.987%,95.222% 73.987%,96.931% 87.874%,99.995% 98.789%,100% 0% );
        height: 40px;
        background-color: white;
    }
    &__bottom {
        position: absolute;
        content: "";
        bottom: -1px;
        width: 100%;
        clip-path: polygon( 0.005% 118.75%,0.005% 0.025%,14.773% 64.109%,25.115% 39.076%,29.431% 82.617%,48.515% 39.076%,51.392% 64.109%,65.874% 39.076%,70.655% 75.623%,75.474% 57.39%,79.932% 75.623%,90.213% 57.39%,92.984% 27.002%,97.482% 27.002%,99.933% 0%,99.939% 118.75%,0.005% 118.75% );
        height: 40px;
        background-color: white;
    }

    &::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 40px;
        bottom: 0px;
        width: 10px;
        background: colors.$blue-80;
        z-index: 0;
    }

    &--darker {
        background-image: linear-gradient(to bottom, colors.$blue-darker 10px, transparent 0px);

        &::before {
            background: colors.$blue-darker;
        }
    }
    &--small {
        background-color: white;
        background-image: linear-gradient(to bottom, colors.$blue-60 6px, transparent 0px);
        background-size: 100% 90px, 100% 100%;
        background-position: 0 -64px;
        min-height: 0;
        //clip-path: polygon( 0.305% 61.449%,0.305% 61.449%,0.266% 63.75%,0.228% 66.026%,0.192% 68.25%,0.16% 70.397%,0.134% 72.44%,0.113% 74.354%,0.1% 76.112%,0.095% 77.688%,0.101% 79.056%,0.118% 80.19%,0.118% 80.19%,0.151% 81.688%,0.188% 83.42%,0.226% 85.337%,0.266% 87.39%,0.304% 89.531%,0.338% 91.709%,0.368% 93.877%,0.392% 95.984%,0.407% 97.983%,0.413% 99.823%,0.413% 99.823%,3.689% 99.436%,7.877% 99.158%,12.858% 98.977%,18.512% 98.88%,24.72% 98.854%,31.362% 98.887%,38.32% 98.966%,45.474% 99.08%,52.705% 99.215%,59.893% 99.36%,59.893% 99.36%,65.04% 99.464%,70.054% 99.561%,74.889% 99.647%,79.501% 99.717%,83.841% 99.766%,87.864% 99.789%,91.524% 99.781%,94.775% 99.737%,97.569% 99.653%,99.862% 99.524%,99.862% 99.524%,99.843% 94.801%,99.829% 90.144%,99.821% 85.547%,99.818% 81.002%,99.819% 76.502%,99.824% 72.041%,99.831% 67.611%,99.84% 63.205%,99.85% 58.816%,99.862% 54.436%,99.862% 54.436%,99.873% 50.09%,99.883% 45.739%,99.892% 41.377%,99.899% 36.996%,99.904% 32.591%,99.905% 28.154%,99.902% 23.678%,99.894% 19.155%,99.881% 14.58%,99.862% 9.945%,99.468% 0.813%,99.468% 0.813%,99.181% 0.651%,98.345% 0.504%,97.087% 0.375%,95.538% 0.264%,93.826% 0.174%,92.082% 0.106%,90.432% 0.06%,89.008% 0.04%,87.939% 0.046%,87.352% 0.08%,87.352% 0.08%,85.315% 0.312%,82.577% 0.48%,79.215% 0.59%,75.304% 0.649%,70.923% 0.664%,66.147% 0.644%,61.053% 0.594%,55.719% 0.522%,50.22% 0.436%,44.634% 0.342%,44.634% 0.342%,38.88% 0.246%,33.198% 0.157%,27.672% 0.084%,22.385% 0.034%,17.419% 0.015%,12.859% 0.036%,8.788% 0.103%,5.29% 0.225%,2.446% 0.409%,0.342% 0.664%,0.342% 0.664%,0.299% 1.278%,0.274% 2.989%,0.265% 5.621%,0.27% 9%,0.285% 12.954%,0.309% 17.309%,0.339% 21.89%,0.373% 26.524%,0.407% 31.037%,0.441% 35.255%,0.441% 35.255%,0.453% 36.779%,0.464% 38.221%,0.475% 39.572%,0.485% 40.821%,0.493% 41.959%,0.5% 42.975%,0.506% 43.859%,0.51% 44.6%,0.513% 45.189%,0.513% 45.615%,0.513% 45.615%,0.509% 46.849%,0.499% 48.193%,0.485% 49.635%,0.467% 51.163%,0.445% 52.764%,0.421% 54.427%,0.394% 56.139%,0.365% 57.888%,0.335% 59.662%,0.305% 61.449% );
        clip-path: polygon( 0.051% 1.516%,0.051% 1.516%,1.462% 1.239%,2.781% 1.084%,4.029% 1.025%,5.226% 1.033%,6.395% 1.079%,7.556% 1.136%,8.731% 1.175%,9.94% 1.168%,11.206% 1.087%,12.548% 0.903%,12.548% 0.903%,15.949% 0.629%,21.851% 0.475%,29.627% 0.415%,38.653% 0.423%,48.305% 0.475%,57.956% 0.544%,66.983% 0.605%,74.76% 0.633%,80.663% 0.6%,84.066% 0.483%,84.066% 0.483%,85.426% 0.378%,86.776% 0.297%,88.116% 0.241%,89.452% 0.209%,90.785% 0.2%,92.117% 0.214%,93.453% 0.249%,94.794% 0.307%,96.144% 0.385%,97.505% 0.483%,97.505% 0.483%,98.177% 0.556%,98.715% 0.69%,99.132% 0.929%,99.443% 1.32%,99.66% 1.909%,99.796% 2.741%,99.866% 3.862%,99.883% 5.317%,99.859% 7.152%,99.808% 9.413%,99.808% 9.413%,99.636% 17.003%,99.487% 24.46%,99.369% 31.818%,99.285% 39.109%,99.241% 46.366%,99.243% 53.621%,99.295% 60.908%,99.403% 68.259%,99.573% 75.706%,99.808% 83.283%,99.808% 83.283%,99.844% 84.557%,99.86% 85.737%,99.861% 86.851%,99.851% 87.925%,99.835% 88.987%,99.817% 90.063%,99.8% 91.18%,99.791% 92.365%,99.792% 93.645%,99.808% 95.047%,99.808% 95.047%,99.702% 96.326%,99.496% 97.328%,99.205% 98.084%,98.843% 98.626%,98.425% 98.986%,97.967% 99.194%,97.483% 99.284%,96.989% 99.285%,96.498% 99.231%,96.026% 99.152%,96.026% 99.152%,93.897% 98.957%,90.981% 98.926%,87.474% 99.017%,83.574% 99.19%,79.477% 99.405%,75.379% 99.621%,71.479% 99.797%,67.973% 99.892%,65.057% 99.866%,62.929% 99.678%,62.929% 99.678%,60.026% 99.403%,55.514% 99.229%,49.795% 99.13%,43.272% 99.081%,36.347% 99.06%,29.422% 99.04%,22.899% 98.998%,17.18% 98.909%,12.668% 98.749%,9.765% 98.492%,9.765% 98.492%,9.194% 98.43%,8.622% 98.423%,8.049% 98.461%,7.476% 98.534%,6.903% 98.632%,6.329% 98.747%,5.755% 98.868%,5.181% 98.986%,4.608% 99.091%,4.035% 99.174%,4.035% 99.174%,3.81% 99.203%,3.586% 99.236%,3.361% 99.269%,3.136% 99.299%,2.911% 99.322%,2.687% 99.336%,2.463% 99.336%,2.239% 99.319%,2.017% 99.282%,1.795% 99.22%,1.795% 99.22%,1.34% 99.032%,0.967% 98.785%,0.67% 98.456%,0.44% 98.023%,0.27% 97.462%,0.152% 96.752%,0.078% 95.868%,0.042% 94.789%,0.036% 93.491%,0.052% 91.951%,0.052% 91.951%,0.098% 87.949%,0.128% 83.72%,0.146% 79.321%,0.156% 74.809%,0.162% 70.241%,0.168% 65.672%,0.178% 61.16%,0.198% 56.762%,0.229% 52.533%,0.278% 48.53%,0.278% 48.53%,0.305% 45.741%,0.308% 43.022%,0.29% 40.348%,0.258% 37.695%,0.217% 35.038%,0.171% 32.353%,0.126% 29.615%,0.088% 26.799%,0.061% 23.882%,0.051% 20.838%,0.051% 20.838%,0.051% 19.1%,0.051% 17.307%,0.051% 15.464%,0.051% 13.574%,0.051% 11.643%,0.051% 9.675%,0.051% 7.674%,0.051% 5.644%,0.051% 3.59%,0.051% 1.516% );




        //background-color: blue;
    
        &::before {
            left: 20px;
            width: 4px;
            background: colors.$pink-60;
        }
    }
}

@media (max-width: breakpoints.$desktop) {
    .bz-bloco-de-notas {
        &::before {
            display: none;
        }
    }
}