zigario.less

// out: zigario.css, compress: true
/* ZIGARO */
@skin: #ecc5b5;
@backgroundred: #ca2902;
@teal: #329482;
@red: #a41d1d;
@pink: #e18093;
@yellow: #cc9a00;
@bikinicolor: @yellow;
@bikinistitchcolor: darken(@bikinicolor, 40%);
@bikinistitch: 1px dashed fade(@bikinistitchcolor, 30%);

.vendor(@property, @value) {
    @{property}: @value;
}

.pseudoclear {
    content: "";
    display: block;
    position: absolute;
    -webkit-print-color-adjust: exact;
    -webkit-filter:opacity(1);
}

.linksection {
    font-size: 12px;
    text-align: center;
    position: static;
    padding: 0 0 30px;
    font-family: 'Century Gothic', Arial, sans-serif;
    color: #a04f12;

    .separator {
        padding: 0 5px;
    }

    a {
        color: #bb6f09;
    }
}

div,
h1,
h2,
h3,
h4,
h5,
h6 {
    position: absolute;
    -webkit-print-color-adjust: exact;
    -webkit-filter:opacity(1);
}

body {
    font-size: 1px;
    background-color: #3a0303;
    padding: 20px 0 30px;

    .paper {
        position: relative;
        margin: auto;
        background-color: #bb1b1b;
        background-image: linear-gradient(195deg, #bb1b1b 25%, #6b0202 81%);
        outline: 10px solid #ccc197;
        overflow: hidden;
        width: 598px;

        .container {
            position: relative;
            margin: auto;
            width: 598px;
            height: 850px;
            perspective: 400px;

            h1 {
                top: 0;
                left: 0;
                right: 0;
                font-size: 163.5px;
                color: #dfbb2f;
                margin: 0 auto;
                line-height: 1;
                text-align: center;
                width: 95%;
                vertical-align: middle;

                &.shadow {
                    color: transparent;
                    filter: blur(5px);
                    left: 20px;
                    top: 17px;
                    transform: scale(0.9);
                }

                ._90 {
                    top: 41.25px;
                    transform: skewY(-18deg);
                    transform-origin: 100% 0;
                }

                ._73 {
                    top: 27.25px;

                    &.first {
                        transform-origin: 100% 0;
                        transform: skewY(-11deg);
                    }

                    &.second {
                        transform-origin: 0 0;
                        transform: skewY(11deg);
                    }
                }

                ._71 {
                    transform: skewY(-9deg);
                    transform-origin: 100% 0;
                }

                ._82 {
                    transform: skewY(9deg);
                    transform-origin: 0 0;
                }

                ._79 {
                    top: 41.25px;
                    transform: skewY(18deg);
                    transform-origin: 0 0;
                }
            }

            .square {
                top: 8%;
                left: 0;
                right: 0;
                margin: auto;
                width: 100%;
                height: 72%;

                &:before {
                    top: 5%;
                    left: 5%;
                    right: 5%;
                    background: #73a078;
                    border: 9px solid #ffd709;
                    outline: 2px solid #800000;
                    height: 100%;
                }

                .side {
                    bottom: 0;
                    overflow: hidden;
                    width: 94%;
                    height: 150%;

                    &.left {
                        right: 50%;
                    }

                    &.right {
                        left: 50%;
                    }
                }

                .bangs,
                .curl,
                .hair,
                .transparence,
                .wing {
                    overflow: hidden;

                    &:after {
                        .pseudoclear;
                        right: 0;
                        top: 0;
                        border-radius: inherit;
                        width: 100%;
                        height: 100%;
                    }

                    .inner {
                        top: 9%;
                        right: 15%;
                        width: 18%;
                        height: 59%;
                        box-shadow: inset 3px 0 5px -2px #94703e, inset 20px -8px 31px -7px rgba(33, 20, 0, 0.92), -3px 0 8px 1px #63461c, inset -2px 0 6px 2px #b58056, 2px 0 6px 2px #ab7b53;
                        border-radius: ~'100%';
                    }

                    .strand {
                        background: #b74a03;
                        background: radial-gradient(farthest-corner at top right, #c84411 18%, #ff9337 31%, #f9c77c 35%, #fd9152 42%, #ca481e 53%);
                        height: 114%;
                        width: 70%;
                        top: -1%;
                        margin: auto;
                        box-shadow: 0 3px 2px 1px rgba(120, 40, 2, 0.8), inset 0 2px 2px 0 rgba(122, 41, 3, 0.83);
                        border-radius: inherit;
                        opacity: 0.5;

                        &.strand1 {
                            right: 0;
                            height: 103%;
                            width: 103%;
                        }

                        &.strand2 {
                            right: 2%;
                            height: 103%;
                            width: 153%;
                        }

                        &.strand3 {
                            right: 4%;
                            height: 104%;
                            width: 103%;
                        }

                        &.strand4 {
                            right: 6%;
                            height: 106%;
                            width: 116%;
                        }

                        &.strand5 {
                            right: 8%;
                            height: 108%;
                            width: 108%;
                        }

                        &.strand6 {
                            right: 10%;
                            height: 110%;
                            width: 153%;
                        }

                        &.strand7 {
                            right: 12%;
                            height: 112%;
                            width: 106%;
                        }

                        &.strand8 {
                            right: 14%;
                            height: 114%;
                            width: 114%;
                        }

                        &.strand9 {
                            right: 16%;
                            height: 116%;
                            width: 106%;
                        }

                        &.strand10 {
                            right: 18%;
                            height: 118%;
                            width: 158%;
                        }

                        &.strand11 {
                            right: 20%;
                            height: 120%;
                            width: 103%;
                        }

                        &.strand12 {
                            right: 22%;
                            height: 122%;
                            width: 113%;
                        }

                        &.strand13 {
                            right: 24%;
                            height: 124%;
                            width: 104%;
                        }

                        &.strand14 {
                            right: 26%;
                            height: 126%;
                            width: 156%;
                        }

                        &.strand15 {
                            right: 28%;
                            height: 128%;
                            width: 108%;
                        }

                        &.strand16 {
                            right: 30%;
                            height: 130%;
                            width: 120%;
                        }

                        &.strand17 {
                            right: 32%;
                            height: 132%;
                            width: 102%;
                        }

                        &.strand18 {
                            right: 34%;
                            height: 134%;
                            width: 154%;
                        }

                        &.strand19 {
                            right: 36%;
                            height: 136%;
                            width: 106%;
                        }

                        &.strand20 {
                            right: 38%;
                            height: 138%;
                            width: 118%;
                        }

                        &.strand21 {
                            right: 40%;
                            height: 140%;
                            width: 108%;
                        }

                        &.strand22 {
                            right: 42%;
                            height: 142%;
                            width: 142%;
                        }

                        &.strand23 {
                            right: 44%;
                            height: 144%;
                            width: 104%;
                        }

                        &.strand24 {
                            right: 46%;
                            height: 146%;
                            width: 146%;
                        }

                        &.strand25 {
                            right: 48%;
                            height: 148%;
                            width: 108%;
                        }

                        &.strand26 {
                            right: 50%;
                            height: 146%;
                            width: 146%;
                        }

                        &.strand27 {
                            right: 52%;
                            height: 144%;
                            width: 104%;
                        }

                        &.strand28 {
                            right: 54%;
                            height: 142%;
                            width: 142%;
                        }

                        &.strand29 {
                            right: 56%;
                            height: 140%;
                            width: 111%;
                        }

                        &.strand30 {
                            right: 58%;
                            height: 138%;
                            width: 138%;
                        }

                        &.strand31 {
                            right: 60%;
                            height: 136%;
                            width: 106%;
                        }

                        &.strand32 {
                            right: 62%;
                            height: 134%;
                            width: 134%;
                        }

                        &.strand33 {
                            right: 64%;
                            height: 132%;
                            width: 102%;
                        }

                        &.strand34 {
                            right: 66%;
                            height: 130%;
                            width: 130%;
                        }

                        &.strand35 {
                            right: 68%;
                            height: 128%;
                            width: 108%;
                        }

                        &.strand36 {
                            right: 70%;
                            height: 126%;
                            width: 126%;
                        }

                        &.strand37 {
                            right: 72%;
                            height: 124%;
                            width: 104%;
                        }

                        &.strand38 {
                            right: 74%;
                            height: 120%;
                            width: 120%;
                        }

                        &.strand39 {
                            right: 76%;
                            height: 118%;
                            width: 108%;
                        }

                        &.strand40 {
                            right: 78%;
                            height: 116%;
                            width: 116%;
                        }

                        &.strand41 {
                            right: 80%;
                            height: 114%;
                            width: 104%;
                        }

                        &.strand42 {
                            right: 82%;
                            height: 112%;
                            width: 112%;
                        }

                        &.strand43 {
                            right: 84%;
                            height: 110%;
                            width: 104%;
                        }

                        &.strand44 {
                            right: 86%;
                            height: 108%;
                            width: 128%;
                        }

                        &.strand45 {
                            right: 88%;
                            height: 106%;
                            width: 106%;
                        }

                        &.strand46 {
                            right: 90%;
                            height: 104%;
                            width: 134%;
                        }

                        &.strand47 {
                            right: 92%;
                            height: 102%;
                            width: 102%;
                        }

                        &.strand48 {
                            right: 94%;
                            height: 100%;
                            width: 140%;
                        }

                        &.strand49 {
                            right: 96%;
                            height: 98%;
                            width: 98%;
                        }

                        &.strand50 {
                            right: 98%;
                            height: 96%;
                            width: 96%;
                        }
                    }
                }

                .bangs {
                    &.right {
                        width: 87%;
                        height: 23%;
                        border-radius: ~'8% 8% 51% 12% / 5% 17% 60% 28%';
                        margin: auto;
                        background: #cc5a02;
                        top: 38%;
                        right: 21%;
                        transform: rotateZ(-91deg);

                        &:after {
                            box-shadow: inset -4px -17px 9px -15px #fff;
                        }

                        .strand {
                            height: 105% !important;
                            background: radial-gradient(farthest-corner at top right, #c63d09 24%, #fba54c 38%, #fe9a33 46%, #ef5c04 59%);
                        }
                    }
                }

                .curlshadow {
                    border-radius: 50%;
                    top: 0;
                    left: -6%;
                    height: 21%;
                    width: 32%;
                    box-shadow: -9px 16px 8px -9px rgba(125, 38, 7, 0.28), inset 31px 7px 4px -6px rgba(125, 38, 7, 0.3);
                }

                .tophollow {
                    border-radius: 50% 25% 50% 50%;
                    top: -8%;
                    left: -3%;
                    height: 30%;
                    width: 35%;
                    background-image: radial-gradient(ellipse closest-side at 50% 20%, #621b04 8%, rgba(225,103,13,0.15) 102%, transparent 130%);

                    .curlin {
                        width: 118%;
                        height: 96%;
                        border-radius: 50%;
                        margin: auto;
                        top: 2%;
                        transform: rotate(-126deg);
                        left: 6%;

                        .strand {
                            background: none;
                            box-shadow: inset -3px 1px 1px -1px rgba(120,40,2,0.2), 14px -2px 2px -12px #e88123, 2px -5px 1px -3px #c55300;
                        }
                    }

                    .curlup {
                        width: 118%;
                        height: 94%;
                        border-radius: 50%;
                        margin: auto;
                        top: -17%;
                        transform: rotate(-84deg);
                        left: 8%;

                        .strand {
                            background: none;
                            box-shadow: inset -5px 3px 1px -3px rgba(173, 61, 7, 0.55), 19px -12px 5px -21px #fcc27b, 2px -5px 1px -3px #d86008;
                        }
                    }
                }

                .wing {
                    &.left {
                        width: 81%;
                        height: 26%;
                        border-radius: 50%;
                        margin: auto;
                        top: 62%;
                        transform: rotate(62deg);
                        left: 2%;

                        .strand {
                            background: none;
                            box-shadow: 0 -3px 2px 0 rgb(193, 84, 22), inset -15px 18px 2px -13px #bb4703, inset -4px 6px 1px -2px #fdbd5f;
                        }
                    }

                    &.rightbehind {
                        width: 89%;
                        height: 27%;
                        border-radius: 50%;
                        margin: auto;
                        top: 62%;
                        transform: rotate(151deg);
                        left: 5%;

                        .strand {
                            background: none;
                            box-shadow: inset -13px 9px 2px -15px #fcdfc6;
                        }
                    }

                    &.top {
                        width: 88%;
                        height: 33%;
                        border-radius: 50%;
                        margin: auto;
                        top: 51%;
                        transform: rotate(180deg);
                        left: 48%;

                        .strand {
                            background: none;
                            box-shadow: 4px 0 2px -1px rgba(120,40,2,0.6), inset -18px 3px 2px -12px #f97e19, inset -18px 7px 1px -14px white;
                        }
                    }

                    &.facefront {
                        width: 94%;
                        height: 20%;
                        border-radius: 50%;
                        margin: auto;
                        top: -9%;
                        transform: rotate(81deg) scaleY(-1);
                        left: 51%;

                        .strand {
                            background: none;
                            box-shadow: inset -16px 3px 2px -13px #f77505, inset -18px 7px 1px -14px #7b2a03;
                        }
                    }
                }

                .hair {
                    &.left {
                        border-radius: 34% 52% 10% 15%;
                        transform: rotateZ(-71deg);
                        left: -24%;
                        top: 1%;
                        height: 48%;
                        width: 89%;

                        .strand {
                            background-image: radial-gradient(farthest-corner at top right, #ffb443 17%, #ca4418 20%, #ae3903 29%);
                        }
                    }
                }

                .transparence {
                    .strand {
                        background: none;
                        box-shadow: 1px 0 4px 0 #fff0d4, 2px 0 4px 0 #734d10;
                    }

                    &.left {
                        width: 113%;
                        top: 30%;
                        height: 27%;
                        left: 21%;
                        border-radius: ~'25% 28% 25% 39% / 50% 50% 50% 50%';
                        transform: scaleX(-1) rotateZ(46deg);
                    }

                    &.right {
                        width: 119%;
                        top: 68%;
                        height: 19%;
                        right: -20%;
                        border-radius: ~'25% 28% 25% 39% / 50% 50% 50% 50%';
                        transform: scaleX(-1) rotateZ(44deg);
                    }

                    &.bottom {
                        width: 131%;
                        bottom: 18%;
                        height: 23%;
                        left: -37%;
                        border-radius: ~'25% 28% 48% 58% / 50% 50% 36% 50%';
                        transform: rotateZ(44deg);
                    }

                    &.lefts {
                        width: 141%;
                        height: 47%;
                        bottom: 12%;
                        left: 25%;
                        border-radius: ~'50%';
                        transform: scaleX(-1);
                    }

                    &.curlback {
                        width: 89%;
                        height: 11%;
                        bottom: 16%;
                        right: 28%;
                        border-radius: ~'20% 20% 20% 20% / 50% 50% 50% 50%';
                    }

                    &.curlbacks {
                        width: 68%;
                        height: 8%;
                        bottom: 9%;
                        right: 23%;
                        border-radius: ~'20% 20% 20% 20% / 50% 50% 50% 50%';
                        transform: rotate(-7deg);
                    }

                    &.curlbehind {
                        height: 14%;
                        width: 68%;
                        bottom: 11%;
                        left: 32%;
                        border-radius: ~'20% 20% 20% 20% / 50% 50% 50% 50%';
                        transform: scaleX(-1) rotate(-19deg);
                    }

                    &.rights {
                        width: 85%;
                        height: 28%;
                        top: 64%;
                        right: -7%;
                        transform: rotate(183deg);
                        border-radius: ~'50%';
                    }
                }

                .curl {
                    &.left {
                        width: 84%;
                        height: 25%;
                        border-radius: 50%;
                        margin: auto;
                        top: 63%;
                        transform: scaleX(-1) rotate(58deg);
                        left: 23%;

                        .strand {
                            background: radial-gradient(farthest-corner at top right, #d95e03 20%, #f29341 25%, #da5c13 32%, #460e01 57%);
                        }
                    }

                    &.topcurl {
                        top: -10%;
                        right: 21%;
                        width: 58%;
                        height: 26%;
                        transform: rotate(-13deg);
                        border-radius: ~'49% 46% 1% 80% / 22% 55% 24% 75%';

                        .strand {
                            background: radial-gradient(farthest-corner at 72% -2%, #ffc175 18%, #e8681e 32%, #883b02 64%);
                        }
                    }

                    &.right {
                        top: 70%;
                        right: 25%;
                        width: 89%;
                        height: 20%;
                        transform: rotate(-17deg);
                        border-radius: ~'30% 10% 45% 53% / 72% 23% 74% 22%';

                        &:after {
                            box-shadow: inset -22px -11px 5px -19px rgba(255, 255, 255, 0.57);
                        }

                        .strand {
                            background: radial-gradient(farthest-corner at top right, #a53701 11%, #f37101 38%, #4e2100 57%);
                        }
                    }

                    &.leftop {
                        top: 51%;
                        left: 24%;
                        width: 71%;
                        height: 30%;
                        transform: scaleX(-1) rotate(-14deg);
                        border-radius: 50%;

                        .strand {
                            background: radial-gradient(farthest-corner at top right, #de5005 18%, #ffb24b 24%, #b14403 41%);
                        }
                    }

                    &.rightop {
                        top: 53%;
                        right: 27%;
                        width: 72%;
                        height: 25%;
                        transform: rotate(-22deg);
                        border-radius: ~'30% 17% 64% 30% / 50% 50% 50% 50%';

                        &:after {
                            box-shadow: inset -22px -11px 5px -19px rgba(255, 255, 255, 0.57);
                        }

                        .strand {
                            background: radial-gradient(farthest-corner at top right, #c44102 31%, #ff8c3b 37%, #c14902 43%);
                        }
                    }

                    &.rightabove {
                        top: 32%;
                        right: 23%;
                        width: 92%;
                        height: 32%;
                        transform: rotate(30deg);
                        border-radius: ~'43% 50% 38% 30% / 50% 50% 50% 50%';

                        &:after {
                            box-shadow: inset -9px 8px 9px -7px #fff;
                        }

                        .strand {
                            background: radial-gradient(farthest-corner at top right, #6f4600, #ffeec7 20%, #7e5406 45%, #2b1c01);
                            box-shadow: 0 3px 4px 1px #463000, inset 0 0 2px 1px #664d02;
                        }
                    }
                }

                .hairdo {
                    top: 8.5%;
                    left: 36.5%;
                    width: 28%;
                    height: 40%;
                    transform: rotate(-3deg);
                }

                .ear {
                    top: 41%;
                    background-color: #61261d;
                    width: 12%;
                    height: 25%;
                    border-radius: ~'150% 0 0 150%';
                    box-shadow: inset -3px -6px 1px 6px #b57b65, inset 0 -16px 3px 7px #993e32, 4px 9px 9px 6px rgba(97, 16, 1, 0.82);

                    &:after {
                        display: block;
                        content: "";
                        width: 30%;
                        height: 15%;
                        background: #eee;
                        position: absolute;
                        bottom: -3%;
                        left: 35%;
                        border-radius: ~'50%';
                        box-shadow: inset 2px -5px 5px -1px #333, 2px 3px 3px -1px rgba(0, 0, 0, 0.45);
                    }

                    &.left {
                        left: 1%;
                    }

                    &.right {
                        right: -1%;
                        transform: scaleX(-1);
                    }
                }
            }

            div.body {
                top: 36%;
                left: 11%;
                margin: auto;
                width: 70%;
                height: 90%;
                perspective: 18px;
                transform: rotate(9deg);

                .leftarm {
                    overflow: hidden;
                    width: 17%;
                    height: 55%;
                    transform: rotate(-15deg);
                    margin: auto;
                    background-color: #e4ac99;
                    right: -5%;
                    top: 17.5%;
                    border-radius: ~'0 94% 27% 41% / 0 30% 60% 25%';
                    box-shadow: inset -5px 3px 15px -2px #fff, inset 20px 0 47px 1px #c1695d, inset -15px -3px 33px 0 #c26355;

                    .delt {
                        box-shadow: 0 0 24px 14px #ecc2b3, 6px 34px 21px 12px #dc9c8a, 27px 57px 21px 3px rgba(155,69,56,0.19);
                        top: 10%;
                        left: 39%;
                        height: 11%;
                        width: 14%;
                        background: #ecc2b3;
                        border-radius: 50%;
                        transform: rotate(-14deg);
                    }

                    .bicep {
                        top: 39%;
                        transform: rotate(-8deg);
                        height: 30%;
                        left: 52%;
                        box-shadow: 0 0 23px 5px #eec8bb;
                    }
                }

                .armfore {
                    width: 25.5%;
                    height: 156%;
                    left: -43.5%;
                    overflow: hidden;
                    background: #e8af9b;
                    top: 51%;
                    box-shadow: inset 13px 17px 47px 17px #6f2313, inset 17px -4px 31px 33px #dc9081;
                    border-radius: ~'20% 51% 49% 20% / 13% 39% 50% 61%';
                    transform-origin: 0 0;
                    transform: perspective(33px) rotateX(-1.4deg) rotate(-27deg);

                    .armshadow {
                        top: -7%;
                        height: 98%;
                        width: 61%;
                        border-radius: 50%;
                        // background: #6e2a1e;
                        // box-shadow: 0 0 8px 6px #6e2a1e;
                        transform: rotate(-1deg);
                        right: -60%;
                    }
                }

                .rightarm {
                    top: 15.5%;
                    left: -8%;
                    background-color: #e4ac99;
                    margin: auto;
                    overflow: hidden;
                    width: 18%;
                    height: 63%;
                    transform: perspective(605px) rotateX(-1.5deg) rotate(42deg);
                    border-radius: ~'75% 0 89% 12% / 34% 0 15% 62%';
                    box-shadow: inset -47px 2px 33px -32px #762116, inset 39px -5px 41px -32px #a75950;

                    .delt {
                        box-shadow: 0 0 24px 11px #f2d5c7, 6px 34px 21px 12px #e9b8a6, 27px 57px 21px 3px rgba(155, 69, 56, 0.19);
                        top: 10%;
                        left: 39%;
                        height: 11%;
                        width: 14%;
                        background: #f2d3c5;
                        border-radius: 50%;
                        transform: rotate(14deg);
                    }

                    .bicep {
                        top: 39%;
                        transform: rotate(8deg);
                        height: 30%;
                        left: 52%;
                        box-shadow: 0 0 23px 5px #eec8bb;
                    }

                    .underarmshadow {
                        top: 30%;
                        height: 69%;
                        width: 4%;
                        border-radius: 50%;
                        // background: #5b1a0f;
                        // box-shadow: 0 0 8px 6px #5b1a0f;
                        transform: rotate(-3deg);
                        right: -8%;
                    }
                }

                .innerelbow {
                    width: 1%;
                    top: 66%;
                    left: -8%;
                    transform: rotate(-13deg);
                    box-shadow: 0 -21px 19px 14px rgba(162,88,75,0.3), -17px 0 22px 15px #d0927e, 8px 0 19px 11px #a45c4f;
                }

                .waist {
                    top: 35%;
                    left: 15.5%;
                    height: 40%;
                    width: 67%;
                    overflow: hidden;
                    transform: rotateZ(-9deg);
                    transform-origin: 100% 0;
                    border-radius: ~'2% 2% 50% 50% / 10% 10% 56% 32%';

                    .shirt {
                        width: 95%;
                        height: 115%;
                        overflow: hidden;
                        background-color: #f5c2b0;
                        border-radius: ~'12% 12% 50% 27% / 2% 2% 98% 98%';
                        box-shadow: inset 0 26px 105px 50px #5d130b;

                        .bottomshadow {
                            width: 86%;
                            left: 7%;
                            height: 53%;
                            bottom: 13%;
                            border-radius: ~'0 0 50% 50% / 0 0% 33% 20%';
                            transform: rotate(1deg);
                            box-shadow: inset -13px -12px 23px -3px rgba(135, 58, 45, 0.45);
                        }

                        .underboobs {
                            width: 95%;
                            height: 38%;
                            top: 22%;
                            transform: rotateZ(11deg);
                            border-radius: ~'0 0 50% 50% / 0 0 21% 6%';
                            background-color: @bikinicolor;
                            background-image: linear-gradient(72deg, darken(@bikinicolor, 27%) 12%, transparent 43%), linear-gradient(-72deg, darken(@bikinicolor, 27%) 12%, transparent 43%);
                            box-shadow: inset 0 -3px 2px -1px fade(darken(@bikinicolor, 40%), 30%), inset 0 -6px 2px -1px rgba(234, 226, 226, 0.17), 0 3px 3px 0 rgba(121, 47, 34, 0.2);

                            .underboob {
                                box-shadow: -40px 14px 11px 32px fade(darken(@bikinicolor, 40%), 30%);
                                height: 53%;
                                width: 50%;
                                border-radius: ~'0 0 61% 39% / 0 0 99% 26%';

                                &.right {
                                    right: 0;
                                    transform: scaleX(-1);
                                }
                            }
                        }
                    }
                }

                .navel {
                    width: 4%;
                    height: 3%;
                    border-radius: 90%;
                    background: #f5cec1;
                    left: 53%;
                    top: 85%;
                    box-shadow: 0 -4px 5px 0 #ae4d4d, 0 -26px 50px 54px #f6cfc2, 0 -22px 50px 90px #e9b5a2, 0 50px 90px 50px #b65c52, inset 0 10px 9px -6px #741a09;
                }

                .upperbody {
                    top: 18%;
                    left: 0;
                    right: 0;
                    margin: auto;
                    width: 73%;
                    height: 30%;
                    background: #480f07;
                    border-radius: ~'43% 43% 4% 4% / 8% 8% 70% 70%';

                    .collarcenter {
                        opacity: 0.3;
                        bottom: 69%;
                        left: 44%;
                        background: #fff;
                        width: 10%;
                        height: 24%;
                        border-radius: 50%;
                        box-shadow: 0 14px 10px 8px #f5dfd0, inset -8px -17px 14px -9px #f4dece, inset 8px -17px 14px -9px #f4decf, inset 0 -18px 14px -3px #841706, inset 0 5px 8px -1px #d79e8c, inset 0 21px 9px -4px #f4ddcd;
                        z-index: 10;
                    }

                    .trap {
                        top: -5%;
                        width: 37%;
                        background: #d79e8c;
                        height: 50%;

                        &.trapleft {
                            right: 58%;
                            transform: rotateZ(-15deg);
                            box-shadow: inset 2px -37px 20px -25px #d79e8c, inset -16px 14px 20px -9px #b3675c;
                        }

                        &.trapright {
                            left: 58%;
                            transform: rotateZ(15deg);
                            box-shadow: inset 0 15px 6px -9px rgba(255, 255, 255, 0.84), inset 24px -40px 20px -19px #d79e8c;
                        }
                    }

                    .trapcurve {
                        top: -30%;
                        width: 15%;
                        height: 20%;
                        border-radius: 90%;
                        border-bottom-width: 16px;
                        border-bottom-style: solid;

                        &.left {
                            right: 66.5%;
                            border-color: #b5685d;
                            transform: rotateZ(-44deg);
                        }

                        &.right {
                            left: 63.3%;
                            border-color: #f5e6e1;
                            transform: rotateZ(40deg);
                        }
                    }

                    .shoulders {
                        top: 0.5%;
                        left: 0;
                        right: 0;
                        background-color: #e3ab96;
                        margin: auto;
                        overflow: hidden;
                        width: 99.2%;
                        height: 99.5%;
                        z-index: 2;
                        border-radius: ~'inherit';
                        box-shadow: inset -19px 8px 6px -13px rgba(255, 255, 255, 0.82), inset 0 10px 21px 2px #ad4033, inset -15px 0 55px -22px #94271a, inset 15px 0 55px -22px #982319;

                        &:after,
                        &:before {
                            .pseudoclear;
                            top: 20%;
                            height: 100%;
                            z-index: 999;
                        }

                        .centershine {
                            .pseudoclear;
                            height: 46%;
                            left: 0;
                            right: 0;
                            background: #f6d2c5;
                            bottom: 0;
                            margin: auto;
                            width: 44%;
                            border-radius: 20% 20% 0 0;
                            box-shadow: inset 0 -33px 10px 2px #fdece9, 0 0 33px 21px #f6d2c5;
                        }

                        .shouldershine {
                            top: 28%;
                            box-shadow: 0 0 53px 19px #fff7ef;
                            z-index: 8888888888;

                            &.left {
                                left: 13%;
                            }

                            &.right {
                                right: 13%;
                            }
                        }

                        .collarbone {
                            box-shadow: 2px 7px 28px 3px #e8ada0, inset -7px 2px 6px 2px rgba(210, 127, 107, 0.57), -14px -16px 13px 3px rgba(221, 159, 138, 0.97);
                            border-radius: ~'10% 10% 10% 10% / 50% 50% 50% 50%';
                            top: 8%;
                            background-color: #eebdb4;
                            margin: auto;
                            width: 42%;
                            height: 8%;

                            &:after {
                                box-shadow: 0 0 9px 4px #e7b5ac;
                                content: "";
                                display: block;
                                position: absolute;
                                width: 100%;
                                bottom: 0;
                            }

                            &.right {
                                transform: rotate(-11deg);
                                left: 52%;
                            }

                            &.left {
                                transform: rotate(11deg) scaleX(-1);
                                right: 52%;
                            }
                        }

                        .boob {
                            background-color: #ffd4d4;
                            width: 45%;
                            height: 108%;
                            top: 49%;
                            border-radius: ~'59% 41% 0 0 / 42% 42% 0 0';
                            box-shadow: -14px -4px 1px -13px maroon, inset -29px -20px 32px -24px #cc806d, 10px 10px 12px -2px #d68476, inset 44px -68px 35px -25px #b13e2e, -20px 25px 27px 7px #8a0d0d, -67px -16px 29px 7px #eabbae, inset 0 2px 34px 26px #e8b39f, -2px -11px 16px 6px #e8b3a0;

                            &:after {
                                .pseudoclear;
                                background: #a02d1c;
                                top: 20%;
                                left: 4%;
                                width: 1px;
                                height: 22%;
                                transform-origin: 0 0;
                                transform: rotate(20deg);
                                border-radius: 100%;
                                box-shadow: -1px -6px 8px 1px #b54544, -5px 0 24px 16px rgba(173, 73, 51, 0.19);
                            }

                            &.left {
                                right: 51%;
                            }

                            &.right {
                                left: 51%;
                                transform: scaleX(-1);
                            }
                        }

                        .vein {
                            &.vein0 {
                                width: 29%;
                                height: 72%;
                                left: 9%;
                                top: 22%;
                                border-radius: 50%;
                                box-shadow: -2px -2px 3px 0 rgba(79, 138, 245, 0.05), inset 2px 2px 3px 0 rgba(79, 138, 245, 0.05);
                            }

                            &.vein1 {
                                width: 19%;
                                height: 72%;
                                left: 23%;
                                top: 53%;
                                border-radius: 80% 0 0 0;
                                box-shadow: -2px -2px 3px 0 rgba(79, 138, 245, 0.05), inset 2px 2px 3px 0 rgba(79, 138, 245, 0.05);
                            }

                            &.vein2 {
                                width: 18%;
                                height: 41%;
                                left: 36%;
                                top: 73%;
                                transform: rotate(53deg);
                                border-radius: 0 0 0 79%;
                                box-shadow: -2px 2px 3px 0 rgba(79, 138, 245, 0.05), inset 2px -2px 3px 0 rgba(79, 138, 245, 0.05);
                            }

                            &.vein3 {
                                width: 22%;
                                height: 47%;
                                left: 54%;
                                top: 78%;
                                transform: rotate(70deg);
                                border-radius: 0 80% 0 75%;
                                box-shadow: -2px 2px 3px 0 rgba(79, 138, 245, 0.05), inset 2px -2px 3px 0 rgba(79, 138, 245, 0.05);
                            }

                            &.vein4 {
                                left: 26%;
                                width: 37%;
                                height: 86%;
                                top: -43%;
                                transform: rotate(44deg);
                                border-radius: 38%;
                                box-shadow: 0 0 3px 2px rgba(79, 138, 245, 0.05), inset 0 0 3px 2px rgba(79, 138, 245, 0.05);
                            }
                        }

                        .mole {
                            left: 61%;
                            top: 82%;
                            box-shadow: 0 0 2px 1px #a5542a;
                        }
                    }
                }

                .strapshadow {
                    top: 22%;
                    height: 23%;
                    box-shadow: 0 0 4px 6px rgba(85, 21, 11, 0.35);

                    &.left {
                        left: 17%;
                        transform: rotate(-7deg);
                    }

                    &.right {
                        right: 14%;
                        transform: rotate(-4deg);
                    }
                }

                .bikini {
                    background: @bikinicolor;

                    &.top {
                        overflow: hidden;
                        width: 35%;
                        height: 21%;
                        top: 43%;
                        border-radius: ~'5% 95% 67% 27% / 5% 26% 68% 95%';
                        box-shadow: inset 22px -29px 18px -8px fade(darken(@bikinicolor, 55%), 30%), inset -3px -16px 7px -14px fade(darken(@bikinicolor, 30%), 30%), inset 0 27px 5px -25px lighten(@bikinicolor, 10%);
                        background-image: radial-gradient(ellipse farthest-corner at 32% 92%, darken(@bikinicolor, 22%), transparent 63%), radial-gradient(ellipse farthest-side at center 22%, lighten(@bikinicolor, 20%), darken(@bikinicolor, 8%));

                        &.left {
                            left: 15%;
                        }

                        &.right {
                            right: 15%;
                            transform: scaleX(-1);
                        }

                        .stitch {
                            width: 100%;
                            height: 100%;
                            border-radius: inherit;
                            border-top: @bikinistitch;

                            &.top {
                                top: 5%;
                                box-shadow: 0 -4px 5px -2px fade(darken(@bikinicolor, 50%), 15%), inset 0 3px 5px -2px fade(lighten(@bikinicolor, 12%), 50%);
                            }

                            &.midshadow {
                                top: 40%;
                                box-shadow: 0 -4px 5px -2px fade(darken(@bikinicolor, 50%), 15%), inset 0 3px 5px -2px fade(lighten(@bikinicolor, 12%), 50%);
                            }

                            &.mid {
                                top: 45%;
                                box-shadow: 0 -4px 5px -2px fade(darken(@bikinicolor, 50%), 15%), inset 0 3px 5px -2px fade(lighten(@bikinicolor, 12%), 50%);
                            }

                            &.bottom {
                                bottom: 2%;
                                right: 2%;
                                border: @bikinistitch;
                                box-shadow: inset -5px -5px 3px -5px fade(darken(@bikinicolor, 70%), 10%), 5px 5px 3px -5px fade(lighten(@bikinicolor, 20%), 30%);
                            }
                        }
                    }

                    &.strap {
                        width: 5%;
                        height: 26%;
                        top: 19%;
                        overflow: hidden;
                        background-color: darken(@bikinicolor, 3%);
                        background-image: linear-gradient(to bottom, darken(@bikinicolor, 3%), lighten(@bikinicolor, 11%), darken(@bikinicolor, 3%) 55%);
                        box-shadow: inset 0 -10px 3px 4px darken(@bikinicolor, 5%), 2px 3px 5px -2px rgba(0,0,0,0.5);

                        &:before {
                            .pseudoclear;
                            height: 115%;
                            top: -22%;
                            width: 48%;
                            left: 20%;
                            box-shadow: 0 0 4px 1px fade(lighten(@bikinicolor, 36%), 40%), inset 0 0 3px 1px fade(darken(@bikinicolor, 30%), 30%);
                            border-radius: inherit;
                            border: @bikinistitch;
                        }

                        &.left {
                            left: 12%;
                            border-radius: ~'70% 30% 5% 95% / 7% 3% 72% 83%';
                        }

                        &.right {
                            right: 13%;
                            top: 18.7%;
                            border-radius: ~'30% 70% 95% 5% / 3% 5% 83% 72%';
                        }
                    }
                }

                .waistband {
                    top: 73%;
                    left: 29%;
                    height: 12%;
                    width: 47%;
                    background-color: @bikinicolor;
                    background-image: linear-gradient(72deg, darken(@bikinicolor, 25%) 2%, transparent 20%), linear-gradient(-72deg, darken(@bikinicolor, 25%) 7%, transparent 32%), radial-gradient(ellipse at center bottom, lighten(@bikinicolor, 7%), darken(@bikinicolor, 5%) 55%);
                    box-shadow: 0 4px 7px -1px fade(darken(@bikinicolor, 30%), 17%);
                    border-radius: ~'0 0 50% 50% / 0 0 50% 50%';
                    transform: rotate(-7deg);
                    overflow: hidden;

                    .topshadow {
                        width: 88%;
                        left: 4%;
                        height: 83%;
                        top: -38%;
                        border-radius: 50%;
                        transform: rotate(3deg);
                        box-shadow: 0 6px 4px 1px fade(lighten(@bikinicolor, 15%), 30%);
                    }

                    .topseam {
                        border-bottom: @bikinistitch;
                        width: 111%;
                        left: -6%;
                        height: 140%;
                        bottom: 8%;
                        border-radius: 50%;
                        box-shadow: 0 20px 7px -19px tint(@bikinicolor, 9%), inset 0 -4px 7px -2px fade(darken(@bikinicolor, 20%), 25%);
                    }
                }

                .banner {
                    box-shadow: inset 0 -17px 17px 36px fade(darken(@bikinicolor, 80%), 15%), inset -13px 32px 122px -15px darken(@bikinicolor, 30%);
                    top: 73%;
                    left: 17%;
                    height: 31%;
                    width: 77%;
                    overflow: hidden;
                    background-image: radial-gradient(ellipse at center 38%, lighten(@bikinicolor, 15%), darken(@bikinicolor, 3%) 35%);
                    transform: rotate(-6deg);
                    border-radius: ~'33% 39% 2% 2% / 70% 70% 30% 30%';

                    .elbowshadow {
                        right: 21%;
                        height: 25%;
                        transform: rotate(-36deg);
                        // box-shadow: 0 0 23px 18px rgba(1, 30, 24, 0.27);
                    }
                }

                .abovearmshadow {
                    right: 25%;
                    height: 21%;
                    top: 32%;
                    transform: rotate(-28deg);
                    box-shadow: 0 0 15px 15px rgba(63, 5, 5, 0.45);
                }

                .neck {
                    top: 0;
                    left: 36.5%;
                    background-color: #d79e8c;
                    margin: auto;
                    overflow: hidden;
                    width: 24.5%;
                    height: 22%;
                    z-index: 9;
                    transform: rotate(-5deg);
                    border-radius: ~'0 0 50% 50% / 0 0 30% 32%';
                    box-shadow: 0 9px 8px -6px #d79e8b, inset 0 -26px 24px -9px #d79e8c, inset -19px -4px 6px -13px rgba(255, 255, 255, 0.86), inset 18px 59px 23px 0 #a75147, inset -14px 59px 24px -1px #a34135, inset 0 105px 42px -35px #DA6D6D;

                    &:before {
                        .pseudoclear;
                        width: 80%;
                        background: #541003;
                        margin: auto;
                        top: -26%;
                        left: 0;
                        right: 0;
                        opacity: .55;
                        height: 87%;
                        border-radius: 50%;
                        box-shadow: 0 0 11px 7px #541003;
                    }
                }

                .cord,
                .cordshadow {
                    &.left {
                        transform: rotateZ(-9deg);
                    }

                    &.right {
                        transform: rotateZ(3deg);
                    }
                }

                .cord {
                    height: 7%;
                    top: 17%;
                    box-shadow: 0 0 14px 4px #e8b5a4;
                    z-index: 14;

                    &.left {
                        left: 46%;
                    }

                    &.right {
                        left: 53%;
                    }
                }

                .cordshadow {
                    height: 7%;
                    top: 15%;
                    box-shadow: 0 0 19px 5px #cc806c;
                    z-index: 11;

                    &.left {
                        left: 43%;
                    }

                    &.right {
                        left: 56%;
                    }
                }
            }

            .head {
                top: 12.5%;
                left: 38.5%;
                background-color: #177301;
                width: 25%;
                height: 35%;
                transform: rotate(-3deg);
                box-shadow: 0 -18px 4px -15px #d29f87, 0 -14px 4px -15px #904a31, 29px 0 14px -17px rgba(101, 31, 3, 0.1), -29px 0 9px -17px rgba(99, 29, 1, 0.1);
                border-radius: ~'17% 17% 50% 50% / 39% 39% 61% 61%';

                .scalp {
                    height: 11%;
                    right: 17%;
                    top: -10%;
                    width: 2%;
                    background: #c38269;
                    box-shadow: 0 -2px 5px 1px #bc7760, 4px -4px 8px 1px #8b2c08;
                    border-radius: 90% 50% 0 0;
                    transform: rotate(-14deg);
                }

                .face {
                    position: relative;
                    background-color: #deb5a1;
                    top: 0;
                    margin: auto;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    box-shadow: inset 0 72px 26px -26px rgba(210, 147, 124, 0.57), inset -19px -9px 6px -19px rgba(255, 255, 255, 0.85), inset 0 -16px 6px -12px rgba(111, 7, 5, 0.33), inset -22px -8px 6px -10px rgba(141, 51, 28, 0.29), inset 20px 1px 6px -10px rgba(141, 51, 28, 0.33), inset 0 -1px 10px -1px #943b1e, inset 0 -112px 16px -68px #c77563, inset 0 -76px 16px -28px #902020, inset 0 -7px 51px 7px #a13f23;
                    border-radius: inherit;

                    &:after,
                    &:before {
                        .pseudoclear;
                        display: block;
                        position: absolute;
                        top: 16%;
                        height: 16%;
                        box-shadow: 0 0 20px 10px rgba(125, 30, 6, 0.53);
                    }

                    &:before {
                        left: 0;
                    }

                    &:after {
                        right: 0;
                    }

                    .blush {
                        top: 60%;
                        width: 3%;
                        box-shadow: 0 1px 8px 3px rgba(255, 255, 255, 0.25), 0 0 40px 12px rgba(255,67,102,0.85);

                        &.left {
                            left: 16%;
                            transform: rotate(25deg);
                        }

                        &.right {
                            right: 16%;
                            transform: rotate(-25deg);
                        }
                    }

                    .forehead {
                        left: 0;
                        right: 0;
                        margin: auto;
                        top: 18%;
                        width: 15%;
                        box-shadow: 0 0 46px 21px #fbf3e5, 0 -38px 46px 11px #fbf3e5, 0 41px 21px 19px #dfa59f;
                    }

                    .eyebrow {
                        top: 27.5%;
                        filter: blur(0.8px);
                        border-top: 7px solid #7c2509;
                        opacity: 0.7;
                        overflow: hidden;
                        width: 30%;
                        height: 23%;
                        border-radius: ~'23% 36% 0% 0 / 10% 45% 34% 0';

                        &:before {
                            .pseudoclear;
                            box-shadow: 0 0 7px 4px #ffdbcd;
                            top: 7%;
                            right: 25%;
                            width: 20%;
                            transform: rotate(35deg);
                        }

                        &:after {
                            .pseudoclear;
                            box-shadow: 0 0 7px 2px #8e2f1e;
                            top: 1%;
                            left: 5%;
                            width: 30%;
                            z-index: -9;
                        }

                        &.left {
                            left: 5%;
                            transform: scaleX(-1) rotate(-20deg);
                        }

                        &.right {
                            right: 5%;
                            transform: rotate(-20deg);
                        }
                    }

                    .eye {
                        top: 43%;
                        background: #251802;
                        width: 24%;
                        height: 5%;
                        z-index: 3;
                        border-radius: ~'100% 0% 100% 0% / 100% 0% 100% 0%';
                        box-shadow: 1px 6px 8px -1px #9d4040, 5px -9px 7px 3px #741e0d;

                        .lash {
                            border-color: #2f1505;
                            border-right-style: solid;
                            width: 17%;
                            transform: rotate(78deg);
                            border-radius: 0 100%;

                            &.top {
                                bottom: 57%;
                                border-width: 2px;
                                height: 86%;
                                transform: rotate(62deg);
                                border-radius: 0 100%;

                                &.lash1 {
                                    bottom: 100%;
                                    right: -4%;
                                }

                                &.lash2 {
                                    bottom: 119%;
                                    right: 2%;
                                }

                                &.lash3 {
                                    bottom: 110%;
                                    right: 13%;
                                }

                                &.lash4 {
                                    bottom: 115%;
                                    right: 22%;
                                }

                                &.lash5 {
                                    bottom: 116%;
                                    right: 35%;
                                }

                                &.lash6 {
                                    bottom: 84%;
                                    right: 55%;
                                }
                            }

                            &.bottom {
                                border-width: 1px;
                                border-color: #5d2005;
                                height: 60%;
                                transform: rotate(-81deg);
                                border-radius: 100% 0;

                                &.lash1 {
                                    top: 6%;
                                    right: -20%;
                                }

                                &.lash2 {
                                    top: 31%;
                                    right: -11%;
                                }

                                &.lash3 {
                                    top: 66%;
                                    right: 0;
                                }

                                &.lash4 {
                                    top: 105%;
                                    right: 19%;
                                }

                                &.lash5 {
                                    top: 103%;
                                    right: 35%;
                                }

                                &.lash6 {
                                    top: 89%;
                                    right: 54%;
                                }
                            }
                        }

                        .eyelid {
                            width: 125%;
                            height: 146%;
                            transform: rotate(-21deg);
                            bottom: 59%;
                            right: -1%;
                            box-shadow: inset -2px 7px 4px -5px #4c0303, 1px -2px 7px -1px #7e2626, 3px -7px 7px 4px rgba(155,49,49,0.42);
                            background-color: #a33d3d;
                            background-image: radial-gradient(ellipse closest-side at center 29%, #f9d1c8 29%, #c28c8c 42%, #b36666);
                            border-radius: ~'60% 40% 0 0/ 100% 75% 0 0';
                        }

                        .eyeliner {
                            border-radius: 100% 0;

                            &.inner {
                                bottom: 8%;
                                left: -5%;
                                width: 90%;
                                height: 56%;
                                border-top: 10px solid #2a0303;
                                transform: rotate(-6deg);
                            }

                            &.outer {
                                border-bottom: 10px solid #2f1505;
                                bottom: 51%;
                                right: -9%;
                                width: 47%;
                                height: 159%;
                                transform: rotate(21deg);
                            }
                        }

                        .eyeball {
                            top: -29%;
                            overflow: hidden;
                            width: 100%;
                            height: 125%;
                            background-color: #8c3d3d;
                            background-image: radial-gradient(ellipse farthest-side at 275% 83%, transparent 99%, rgba(54,4,4,0.56) 104%),radial-gradient(circle at 41% 30%, #efd4ca 33%, #8d3434 76%);
                            box-shadow: -5px 6px 0 -4px #dba08f, 3px 2px 0 -1px #bc6474, -8px 5px 3px -3px rgba(225, 202, 181, 0.56), inset -4px 2px 4px -2px #751111;
                            border-radius: inherit;

                            .iris {
                                background-color: #fff;
                                width: 45%;
                                height: 118%;
                                border-radius: ~'100%';
                                left: 37%;
                                top: -25%;
                                box-shadow: inset 0 9px 3px -2px rgba(32,32,32,0.86), inset 0 0 1px 1px #505a57, inset 0 0 0 3px #8ba897, inset 0 0 3px 5px #c36b05, inset 0 0 0 7px #300202;

                                &.leftiris {
                                    left: 14%;
                                    top: -14%;
                                }

                                &:before {
                                    .pseudoclear;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    margin: auto;
                                    width: 46%;
                                    height: 46%;
                                    border: 2px dotted rgba(243, 231, 199, 0.4);
                                    border-radius: 50%;
                                }

                                &:after {
                                    .pseudoclear;
                                    height: 100%;
                                    width: 100%;
                                    border-radius: inherit;
                                    box-shadow: inset 2px 9px 1px -4px rgba(0, 0, 0, 0.75);
                                }
                            }
                        }

                        &.eleft {
                            transform: scaleX(-1) rotate(12deg);
                            left: 14.5%;
                        }

                        &.right {
                            transform: rotate(12deg);
                            right: 14.5%;
                        }
                    }

                    .cheekbone {
                        top: 54%;
                        box-shadow: 0 0 15px 12px rgba(255, 255, 255, 0.83);
                        width: 15%;
                        opacity: 0.4;
                        z-index: 2;
                        transform: rotateZ(33deg);

                        &.left {
                            left: 14%;
                        }

                        &.right {
                            right: 14%;
                            transform: scaleX(-1) rotateZ(33deg);
                        }
                    }

                    .nose {
                        margin: auto;
                        left: 0;
                        right: 0;
                        height: 30%;
                        width: 24%;
                        top: 39%;
                        text-align: center;

                        &:after,
                        &:before {
                            .pseudoclear;
                            display: block;
                            z-index: 9999;
                            position: absolute;
                            top: -2%;
                            width: 33%;
                            bottom: 5%;
                            border-radius: ~'2% 98% 0 0 / 25% 51% 0 0';
                            box-shadow: 3px -1px 4px 0 rgba(140, 33, 33, 0.12), inset -6px 3px 4px 0 rgba(150, 41, 41, 0.17);
                        }

                        &:after {
                            right: -4%;
                            transform: rotate(-4deg) scaleX(-1);
                        }

                        &:before {
                            left: -4%;
                            transform: rotate(4deg);
                        }

                        .bridge {
                            background-color: #d69b92;
                            background-image: radial-gradient(ellipse closest-side at center 75%, #faeadd, transparent 73%), radial-gradient(ellipse at center bottom, #e8c8b6, #e6afa4 62%);
                            margin: auto;
                            width: 62%;
                            height: 90%;
                            border-radius: ~'50% 50% 50% 50% / 12% 12% 12% 12%';
                            left: 0;
                            right: 0;
                            bottom: 3%;
                            box-shadow: 0 -6px 7px -1px #eaa893, inset 0 -9px 3px -5px rgba(163, 67, 57, 0.78), inset 0 16px 5px -10px #e6a79f;
                        }

                        .philtrum {
                            border-radius: ~'30%';
                            height: 20%;
                            width: 20%;
                            background: #ad543c;
                            box-shadow: inset 0 -13px 5px -9px #dcaa9b, inset 0 0 3px 0 #a74839, 0 0 3px 3px #d29389, 0 12px 6px 7px #f1ccc3;
                            left: 0;
                            right: 0;
                            margin: auto;
                            bottom: -13%;
                        }

                        .tip {
                            width: 45%;
                            height: 33%;
                            border-radius: ~'50% 50% 35% 35% / 39% 60% 30% 56%';
                            box-shadow: inset 0 -7px 5px -3px #ae554b, inset 0 -8px 6px -6px #9d5757, 0 3px 3px -1px #a05949;
                            background-color: #d58f80;
                            bottom: 0;
                            margin: auto;

                            &.left {
                                right: 50%;
                                transform: rotate(20deg);
                            }

                            &.right {
                                left: 50%;
                                transform: scaleX(-1) rotate(20deg);
                            }

                            .nostril {
                                width: 53%;
                                height: 7%;
                                left: 37%;
                                margin: auto;
                                border-radius: 100%;
                                bottom: 17%;
                                background-color: #530505;
                                box-shadow: 0 1px 3px 1px #650e0b, 2px 4px 3px 0 rgba(244, 231, 215, 0.24);
                            }
                        }

                        .divot {
                            top: -1%;
                            left: 0;
                            right: 0;
                            margin: auto;
                            width: 72%;
                            box-shadow: 0 0 11px 5px rgba(239, 140, 129, 0.24);
                        }
                    }

                    .reflect {
                        border-radius: 50%;
                        width: 26%;
                        height: 10%;
                        bottom: 15%;
                        left: 0;
                        right: 0;
                        margin: auto;
                        box-shadow: 0 -9px 8px 0 #e1b69e, 0 -9px 22px 15px rgba(222,163,133,0.79);
                    }

                    .mouth {
                        top: 72.5%;
                        left: 0;
                        right: 0;
                        margin: auto;
                        width: 31%;
                        height: 16%;

                        .hole {
                            background: #490202;
                            box-shadow: 0 0 2px 1px #4d0202;
                            width: 13%;
                            height: 4%;
                            border-radius: 50%;
                            margin: auto;
                            left: 0;
                            right: 0;
                            top: 45%;
                        }

                        .toplips {
                            width: 100%;
                            height: 54%;
                            border-radius: 0 0 50% 50%;
                            bottom: 56%;

                            &:after {
                                .pseudoclear;
                                background: #b50202;
                                width: 37%;
                                height: 41%;
                                top: 60%;
                                left: 0;
                                right: 0;
                                margin: auto;
                                border-radius: 60%;
                                filter: blur(1px);
                            }

                            .toplip {
                                border-radius: ~'7% 45% 10% 90% / 5% 80% 10% 96%';
                                background-color: #ab0000;
                                box-shadow: inset 6px -7px 6px -6px #840606, 0 -12px 6px -6px #e6b8a3, -1px 3px 3px -2px #8a0606;
                                top: 43%;
                                width: 41%;
                                margin: auto;
                                height: 63%;

                                &.left {
                                    left: 13%;
                                    transform: rotate(-37deg);
                                }

                                &.right {
                                    right: 13%;
                                    transform: scaleX(-1) rotate(-37deg);
                                }
                            }
                        }

                        .bottomlip {
                            border-radius: ~'0 0 100% 100% / 2% 2% 191% 191%';
                            background-color: #c00000;
                            height: 48%;
                            width: 74%;
                            top: 43%;
                            left: 0;
                            right: 0;
                            margin: auto;
                            box-shadow: inset 0 4px 3px -2px #460202, 0 22px 6px -5px rgba(249, 238, 223, 0.38), 0 8px 5px -4px #b14534, inset 0 -3px 7px 1px #840303, 0 18px 13px 5px #e0a490;

                            &:after {
                                .pseudoclear;
                                border-bottom: 3px dashed #fff;
                                height: 42%;
                                top: 0;
                                width: 55%;
                                left: 0;
                                right: 0;
                                margin: auto;
                                border-radius: 60%;
                                filter: blur(0.7px);
                                opacity: 0.5;
                            }
                        }

                        &:after,
                        &:before {
                            .pseudoclear;
                            z-index: 21;
                            top: 36%;
                            box-shadow: 0 0 4px 1px rgba(103, 15, 6, 0.89);
                            border-top: 3px solid #5d0000;
                            width: 11%;
                        }

                        &:after {
                            border-radius: 100% 0;
                            right: 6%;
                        }

                        &:before {
                            border-radius: 0 100%;
                            left: 6%;
                        }
                    }

                    .freckle {
                        box-shadow: 0 0 1px 0.5px rgba(149, 47, 3, 0.56);

                        &.freckle1 {
                            left: 26%;
                            top: 55%;
                        }

                        &.freckle2 {
                            left: 27%;
                            top: 54%;
                        }

                        &.freckle3 {
                            left: 28%;
                            top: 56%;
                        }

                        &.freckle4 {
                            left: 29%;
                            top: 58%;
                        }

                        &.freckle5 {
                            left: 30%;
                            top: 54%;
                        }

                        &.freckle6 {
                            left: 31%;
                            top: 55%;
                        }

                        &.freckle7 {
                            left: 32%;
                            top: 54%;
                        }

                        &.freckle8 {
                            left: 33%;
                            top: 54%;
                        }

                        &.freckle9 {
                            left: 34%;
                            top: 55%;
                        }

                        &.freckle10 {
                            left: 35%;
                            top: 52%;
                        }

                        &.freckle11 {
                            left: 36%;
                            top: 52%;
                        }

                        &.freckle12 {
                            left: 37%;
                            top: 50%;
                        }

                        &.freckle13 {
                            left: 38%;
                            top: 54%;
                        }

                        &.freckle14 {
                            left: 39%;
                            top: 57%;
                        }

                        &.freckle15 {
                            left: 40%;
                            top: 52%;
                        }

                        &.freckle16 {
                            left: 41%;
                            top: 54%;
                        }

                        &.freckle17 {
                            left: 42%;
                            top: 53%;
                        }

                        &.freckle18 {
                            left: 43%;
                            top: 50%;
                        }

                        &.freckle19 {
                            left: 44%;
                            top: 52%;
                        }

                        &.freckle20 {
                            left: 45%;
                            top: 50%;
                        }

                        &.freckle21 {
                            left: 46%;
                            top: 48%;
                        }

                        &.freckle22 {
                            left: 47%;
                            top: 51%;
                        }

                        &.freckle23 {
                            left: 48%;
                            top: 53%;
                        }

                        &.freckle24 {
                            left: 49%;
                            top: 56%;
                        }

                        &.freckle25 {
                            left: 50%;
                            top: 50%;
                        }

                        &.freckle26 {
                            left: 51%;
                            top: 52%;
                        }

                        &.freckle27 {
                            left: 52%;
                            top: 47%;
                        }

                        &.freckle28 {
                            left: 53%;
                            top: 49%;
                        }

                        &.freckle29 {
                            left: 54%;
                            top: 51%;
                        }

                        &.freckle30 {
                            left: 55%;
                            top: 54%;
                        }

                        &.freckle31 {
                            left: 56%;
                            top: 49%;
                        }

                        &.freckle32 {
                            left: 57%;
                            top: 55%;
                        }

                        &.freckle33 {
                            left: 58%;
                            top: 53%;
                        }

                        &.freckle34 {
                            left: 59%;
                            top: 51%;
                        }

                        &.freckle35 {
                            left: 60%;
                            top: 49%;
                        }

                        &.freckle36 {
                            left: 61%;
                            top: 51%;
                        }

                        &.freckle37 {
                            left: 62%;
                            top: 55%;
                        }

                        &.freckle38 {
                            left: 63%;
                            top: 53%;
                        }

                        &.freckle39 {
                            left: 64%;
                            top: 49%;
                        }

                        &.freckle40 {
                            left: 65%;
                            top: 56%;
                        }

                        &.freckle41 {
                            left: 66%;
                            top: 50%;
                        }

                        &.freckle42 {
                            left: 67%;
                            top: 54%;
                        }

                        &.freckle43 {
                            left: 68%;
                            top: 55%;
                        }

                        &.freckle44 {
                            left: 69%;
                            top: 52%;
                        }

                        &.freckle45 {
                            left: 70%;
                            top: 56%;
                        }

                        &.freckle46 {
                            left: 71%;
                            top: 52%;
                        }

                        &.freckle47 {
                            left: 72%;
                            top: 56%;
                        }

                        &.freckle48 {
                            left: 73%;
                            top: 49%;
                        }

                        &.freckle49 {
                            left: 74%;
                            top: 53%;
                        }

                        &.freckle50 {
                            left: 75%;
                            top: 58%;
                        }
                    }
                }
            }
        }

        .cigbox {
            bottom: 4%;
            right: 7%;
            width: 14%;
            height: 14%;
            transform: rotate(20deg);
            box-shadow: 20px 22px 47px -3px #251802;

            .front {
                top: 0;
                left: 0;
                background-color: #fce7e7;
                width: 98%;
                overflow: hidden;
                height: 100%;
                box-shadow: inset 7px 0 10px -2px #FA96A8, inset -3px -5px 6px -1px #fbf3e5, 7px 4px 4px -1px #fbf3e5;
            }

            h3,
            h4 {
                position: relative;
                padding: 0.5px;
                margin: 0 auto;
                text-align: center;
                z-index: 88;
            }

            .designelement {
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                outline-offset: 5px;
                outline: 7px double #ff3468;
                background-color: #ff3468;
                margin: auto;
                opacity: 0.5;
                width: 30%;
                height: 100%;
                z-index: 8;
            }

            h3 {
                font-size: 11px;
                background-color: #f93c74;
                color: #fbf3e5;
                padding: 10% 0;
                margin: 73% auto 0;

                &:after {
                    .pseudoclear;
                    clear: both;
                }
            }

            h4 {
                font-size: 8.7px;
                background-color: #fbf3e5;
                padding: 5px 0;
                clear: both;

                &:after {
                    :after {
                        .pseudoclear;
                        clear: both;
                    }
                }
            }

            .cig {
                bottom: 14%;
                background-color: #eee;
                margin: 0 2%;
                width: 15%;
                height: 100%;
                box-shadow: inset -3px -9px 10px -1px #666;
                border-radius: ~'80% 80% 0 0 / 5% 5% 0 0';

                &.cig1 {
                    left: 5%;
                }

                &.cig2 {
                    left: 25%;
                }

                &.cig3 {
                    left: 39%;
                }

                &.cig4 {
                    bottom: 30%;
                    left: 15%;
                }

                &.cig5 {
                    bottom: 20%;
                    left: 55%;
                }
            }

            .innerbox {
                bottom: -11.5%;
                right: -13%;
                background-color: #ccc;
                width: 14%;
                height: 118%;
                transform: skew(32deg) rotate(32deg);
            }

            .bottombox {
                overflow: hidden;
                bottom: -5%;
                left: 7%;
                background-color: #868686;
                width: 100%;
                height: 5%;
                transform: skew(65deg);
            }
        }

        .lettering {
            bottom: 12%;
            left: 4%;
            right: 0;
            color: #f7ecd9;

            h6 {
                font-size: 34.5px;
                margin: 0;
                width: 100%;

                .alpha,
                .alpha:after,
                .alpha:before {
                    border-width: 0.05px !important;
                }
            }

            h5 {
                font-size: 52px;
                margin: 7% 0;
            }
        }
    }
}
//}

.clear {
    clear: both;
    height: 0.6px;
}

.cigarette {
    background-color: #fbf3e5;
    border-right: 4px solid #555;
    width: 230%;
    height: 9%;
    transform: rotate(-1deg);
    top: -37%;
    left: -71%;
    box-shadow: inset 0 -8px 8px -5px #686868;
}

.smoke {
    height: 12%;
    width: 2%;
    color: rgba(188, 187, 187, 0.55);
    border-right: 7px solid;
    border-top: 12px solid;
    top: 40%;
    border-radius: ~'7% 91% 91% 0 / 0% 25% 72% 0';
    right: 24%;
    filter: blur(4px);
}

.armshadowcontainer {
    top: 20.1%;
    right: -18%;
    width: 72%;
    height: 49%;
    overflow: hidden;
    transform: rotate(16deg);
    border-radius: ~'0 60% 0 0 / 0 77% 0 0';
}

.abovearm {
    width: 16%;
    height: 57%;
    z-index: 999999;
    top: 24%;
    right: 8%;
    transform: rotate(-40deg);

    &.shadow {
        width: 19%;
        height: 96%;
        top: 15%;
        right: 29%;
        transform: rotate(-54deg);
        opacity: 0.5;
        filter: blur(2px);

        .cigarette,
        .flex,
        .forearm,
        .forearmedge,
        .forearmin,
        .palm,
        .segment {
            background: #510606 !important;
            box-shadow: none !important;
        }

        .segment3:after {
            background: #510606 !important;
            box-shadow: none !important;
        }
    }

    .emptysleeve {
        top: 0;
        width: 150%;
        height: 101%;
        overflow: hidden;
        perspective: 20px;
        border-radius: ~'0 0 50% 50% / 0 0 38% 24%';
        left: -21%;
    }

    .forearmin {
        top: 12%;
        left: 28%;
        width: 63%;
        height: 85%;
        background-color: #f5c1ad;
        transform: rotateZ(15deg);
        border-radius: ~'3% 99% 14% 77% / 42% 85% 5% 31%';
        box-shadow: inset 2px -20px 17px -12px #a34646, inset 18px -11px 18px -10px #be6c55, inset -29px -9px 15px -15px #e9baa9;
    }

    .forearm {
        top: 11%;
        width: 42%;
        right: 7%;
        height: 87%;
        background-color: #f5c1ad;
        border-radius: ~'93% 5% 85% 6% / 90% 1% 38% 3%';
        box-shadow: inset 2px -20px 17px -12px #801919, inset -37px -13px 25px -28px #c06f58;
    }

    .forearmedge {
        left: 71%;
        top: 15%;
        bottom: 15%;
        box-shadow: 4px 15px 16px 8px #fdd7c8, 0 0 12px 8px #e5ac98;
        transform: rotate(8deg);
    }

    .hand {
        top: -9%;
        right: -55%;
        width: 63%;
        height: 26%;
        transform: rotate(43deg);

        .wrist {
            border-radius: ~'10% 0 0 61% / 10% 0 0 91%';
            width: 77%;
            height: 40%;
            border-left: 3px solid #be7f6c;
            transform: rotateZ(-3deg);
            right: -85%;
            bottom: -5%;
        }

        .palm {
            right: 0;
            width: 84%;
            height: 100%;
            transform: rotateZ(-3deg);
            transform-origin: 100% 0;
            border-radius: ~'50% 50% 50% 50% / 80% 80% 20% 20%';
            background: #ffcdbd;
            box-shadow: inset 29px -13px 20px -22px #be605a, inset 1px -18px 26px -6px #d08872, inset -9px 0 5px -7px #fff5f4, inset -17px -11px 13px -7px #d88c7e;
        }

        .segment {
            box-shadow: inset -9px 0 5px -7px #fff5f4, inset -11px 0 5px -5px #cd8072, inset 9px 0 5px -5px #be605a;
            background: #f6b6a3;

            &.segment1 {
                bottom: 0;
                right: 1%;
                width: 39%;
                height: 56%;
                border-radius: ~'40% 15% 39% 40% / 40% 15% 12% 29%';
            }

            &.segment2 {
                bottom: 45%;
                right: 1%;
                margin: auto;
                width: 30%;
                height: 45%;
                overflow: hidden;
                z-index: 99999999999999999;
                border-radius: ~'40% 15% 15% 40% / 40% 15% 14% 32%';
            }

            &.segment3 {
                bottom: 87%;
                right: 7%;
                width: 27%;
                height: 30%;
                z-index: 99999999999999999;
                border-radius: ~'80% 20% 15% 40% / 37% 10% 15% 20%';

                &:after {
                    .pseudoclear;
                    top: -17%;
                    right: 0;
                    background-color: #d00000;
                    width: 50%;
                    height: 70%;
                    box-shadow: inset -5px 0 2px -3px #ff96af, inset 0 -7px 5px -3px #870000, -2px 3px 3px 0 #c25858, -4px 4px 2px -1px #fdd3d3;
                    border-radius: ~'90% 6% 16% 89% / 40% 10% 16% 64%';
                }
            }
        }

        .thumb {
            bottom: 6%;
            left: -2%;
            width: 98%;
            height: 73%;
            border-radius: ~'24% 49% 80% 22% / 85% 30% 60% 22%';
            transform: rotate(-24deg);
            z-index: -8888888;

            .flex {
                background-color: #c36952;
                width: 102%;
                height: 100%;
                border-radius: inherit;
                box-shadow: inset 3px -8px 15px 7px #bd6952, inset 8px -17px 13px 4px #f3e3d4, 0 22px 8px -8px #cf8672;
            }

            .segment {
                box-shadow: inset -9px 0 5px -7px #fff5f4, inset -18px 0 8px -9px #c96855, inset 12px 0 8px -10px #b4594e;
                background: #d1907c;

                &.segment1 {
                    top: -65%;
                    left: 28%;
                    width: 38%;
                    height: 46%;
                    transform: rotate(9deg);
                    border-radius: ~'50% 50% 0 0';
                }

                &.segment2 {
                    top: -76%;
                    left: -7%;
                    width: 52%;
                    height: 33%;
                    transform: rotateZ(7deg);
                    border-radius: ~'27%';
                }
            }
        }

        .finger {
            width: 100%;
            height: 72%;
            transform: rotate(-27deg);
            bottom: 73%;
            right: 21%;

            &.finger1 {
                transform: rotate(-52deg);
                height: 66%;
                right: 49%;
                bottom: 58%;

                .segment1 {
                    box-shadow: inset -9px 0 5px -7px #fff5f4, inset -11px 6px 5px -6px #cd8072, inset 9px 7px 5px -7px #be605a;
                }
            }

            &.finger2 {
                right: 48%;
                height: 90%;
            }

            &.finger3 {
                right: 45%;
                height: 106%;
                transform: rotate(-15deg);
            }

            &.finger4 {
                right: 62%;
                height: 97%;
                transform: rotate(-35deg);
                bottom: 65%;

                .segment2 {
                    &:after {
                        .pseudoclear;
                        top: 70%;
                        left: -20%;
                        width: 120%;
                        opacity: 0.5;
                        transform: rotate(45deg);
                        box-shadow: 0 0 2px 3px #821818;
                    }
                }
            }

            .segment1 {
                transform: rotate(7deg);
            }

            .segment2 {
                transform: rotate(-10deg);
            }

            .segment3 {
                transform: rotate(-17deg);
                transform-origin: 100% 100%;
            }
        }
    }
}
/* RETRO CIGARETTE AD*/