/* (i) icon positions. Moved out of Fluent Snippets.
   Left position is added per class after each screenshot is confirmed. */
.sg-icon-pos-1.wapf-field-container,
.sg-icon-pos-12.wapf-field-container,
.sg-icon-pos-r3-1.wapf-field-container,
.sg-icon-pos-1-1.wapf-field-container,
.sg-icon-pos-1-2.wapf-field-container,
.sg-icon-pos-2.wapf-field-container,
.sg-icon-pos-23.wapf-field-container,
.sg-icon-pos-r3-2.wapf-field-container,
.sg-icon-pos-3.wapf-field-container,
.sg-icon-pos-r3-3.wapf-field-container,
.sg-icon-pos-4.wapf-field-container,
.sg-icon-pos-5.wapf-field-container {
    position: relative;
    display: flex !important;
    width: 35px !important;
    margin-bottom: -30px !important;
    height: 25px;
    top: 22px;
    z-index: 1;
}

.sg-icon-pos-1 label span,
.sg-icon-pos-12 label span,
.sg-icon-pos-r3-1 label span,
.sg-icon-pos-1-1 label span,
.sg-icon-pos-1-2 label span,
.sg-icon-pos-2 label span,
.sg-icon-pos-23 label span,
.sg-icon-pos-r3-2 label span,
.sg-icon-pos-3 label span,
.sg-icon-pos-r3-3 label span,
.sg-icon-pos-4 label span,
.sg-icon-pos-5 label span {
    display: none !important;
}

/* sg-icon-pos-1: Choose Category (i). One range per width, no overlap. */
.sg-icon-pos-1.wapf-field-container {
    top: 22px;
    left: 8em;
}

@media (701px <= width <= 1024px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 7em;
    }
}

@media (481px <= width <= 700px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 10.4em;
    }
}

@media (441px <= width <= 480px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 9.2em;
    }
}

@media (426px <= width <= 440px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 9.8em;
    }
}

@media (394px <= width <= 425px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 9.2em;
    }
}

@media (376px <= width <= 393px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 8.5em;
    }
}

@media (321px <= width <= 375px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 7.6em;
    }
}

@media (width <= 320px) {
    .sg-icon-pos-1.wapf-field-container {
        left: 6.5em;
    }
}

/* .sg-icon-pos-r3-1: Choose Category (i). One range per width, no overlap. */
.sg-icon-pos-r3-1.wapf-field-container {
    top: 22px;
    left: 11em;
}

@media (701px <= width <= 1024px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 9.2em;
    }
}

@media (481px <= width <= 700px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 6.5em;
    }
}

@media (441px <= width <= 480px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 9em;
    }
}

@media (426px <= width <= 440px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 9.2em;
    }
}

@media (394px <= width <= 425px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 9.2em;
    }
}

@media (376px <= width <= 393px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 8.5em;
    }
}

@media (321px <= width <= 375px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 7.6em;
    }
}

@media (width <= 320px) {
    .sg-icon-pos-r3-1.wapf-field-container {
        left: 6.5em;
    }
}


/* sg-icon-pos-1-1: Choose Category (i). One range per width, no overlap. */
.sg-icon-pos-1-1.wapf-field-container {
    top: 22px;
    left: 8em;
}

@media (701px <= width <= 1024px) {
    .sg-icon-pos-1-1.wapf-field-container {
        left: 6.5em;
    }
}

@media (481px <= width <= 940px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 6.5em;
    }
}

@media (441px <= width <= 480px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 10em;
    }
}

@media (426px <= width <= 440px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 9.8em;
    }
}

@media (394px <= width <= 425px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 9.2em;
    }
}

@media (376px <= width <= 393px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 8.5em;
    }
}

@media (321px <= width <= 375px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 7.6em;
    }
}

@media (width <= 320px) {
    .sg-icon-pos-1-1.wapf-field-container {
        top: 42px;
        left: 6.5em;
    }
}

/* sg-icon-pos-1-2: Choose Category (i). One range per width, no overlap. */
.sg-icon-pos-1-2.wapf-field-container {
    top: 42px;
    left: 8em;
}

@media (701px <= width <= 1024px) {
    .sg-icon-pos-1-2.wapf-field-container {
        left: 6.5em;
    }
}

@media (481px <= width <= 940px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 6.5em;
    }
}

@media (441px <= width <= 480px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 10em;
    }
}

@media (426px <= width <= 440px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 9.8em;
    }
}

@media (394px <= width <= 425px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 9.2em;
    }
}

@media (376px <= width <= 393px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 8.5em;
    }
}

@media (321px <= width <= 375px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 7.6em;
    }
}

@media (width <= 320px) {
    .sg-icon-pos-1-2.wapf-field-container {
        top: 58px;
        left: 6.5em;
    }
}



/* sg-icon-pos-2 */
.sg-icon-pos-2.wapf-field-container {
    left: 17.6em;
}

@media (481px <= width <= 1024px) {
    .sg-icon-pos-2.wapf-field-container {
        left: 15em;
    }
}

@media (420px <= width <= 480px) {
    .sg-icon-pos-2.wapf-field-container {
        left: 21em;
    }
}

@media (403px <= width <= 419px) {
    .sg-icon-pos-2.wapf-field-container {
        left: 20em;
    }
}

@media (385px <= width <= 402px) {
    .sg-icon-pos-2.wapf-field-container {
        left: 18.8em;
    }
}

@media (368px <= width <= 384px) {
    .sg-icon-pos-2.wapf-field-container {
        left: 17.8em;
    }
}

@media (width <= 367px) {
    .sg-icon-pos-2.wapf-field-container {
        left: 16.8em;
    }
}

/* .sg-icon-pos-r3-1 */
.sg-icon-pos-r3-2.wapf-field-container {
    left: 24em;
}

@media (900px <= width <= 1024px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 21em;
    }
}

@media (481px <= width <= 900px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 15em;
    }
}

@media (420px <= width <= 480px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 21em;
    }
}

@media (403px <= width <= 419px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 20em;
    }
}

@media (385px <= width <= 402px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 18.8em;
    }
}

@media (368px <= width <= 384px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 17.8em;
    }
}

@media (width <= 367px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 17em;
    }
}
@media (width <= 322px) {
    .sg-icon-pos-r3-2.wapf-field-container {
        left: 14em;
    }
}


/* sg-icon-pos-1: Choose Category (i). One range per width, no overlap. */
.sg-icon-pos-23.wapf-field-container {
    top: 22px;
    left: 25em;
}

@media (901px <= width <= 1024px) {
    .sg-icon-pos-23.wapf-field-container {
        left: 22em;
    }
}

@media (701px <= width <= 900px) {
    .sg-icon-pos-23.wapf-field-container {
        left: 21em;
    }
}

@media (481px <= width <= 700px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 168px;
        left: 9.4em;
    }
}

@media (441px <= width <= 480px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 168px;
        left: 8em;
    }
}

@media (426px <= width <= 440px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 168px;
        left: 7.5em;
    }
}

@media (394px <= width <= 425px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 166px;
        left: 7em;
    }
}

@media (376px <= width <= 393px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 164px;
        left: 6.4em;
    }
}

@media (321px <= width <= 375px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 162px;
        left: 5.6em;
    }
}

@media (width <= 320px) {
    .sg-icon-pos-23.wapf-field-container {
		top: 166px;
        left: 5.5em;
    }
}


/* .sg-icon-pos-r3-3: Choose Category (i). One range per width, no overlap. */
.sg-icon-pos-r3-3.wapf-field-container {
    top: 22px;
    left: 37.2em;
}

@media (901px <= width <= 1024px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 32.5em;
    }
}

@media (701px <= width <= 900px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 30.5em;
    }
}


@media (481px <= width <= 700px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 6.5em;
    }
}

@media (441px <= width <= 480px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 9em;
    }
}

@media (426px <= width <= 440px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 9.2em;
    }
}

@media (394px <= width <= 425px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 9.2em;
    }
}

@media (376px <= width <= 393px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 8.5em;
    }
}

@media (321px <= width <= 375px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 7.6em;
    }
}

@media (width <= 320px) {
    .sg-icon-pos-r3-3.wapf-field-container {
        left: 6.5em;
    }
}


/* sg-icon-pos-12: category tab 1 */
.sg-icon-pos-12.wapf-field-container {
    left: 15.6em;
}

@media (901px <= width <= 1024px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 13.5em;
    }
}

@media (701px <= width <= 900px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 12.6em;
    }
}

@media (420px <= width <= 480px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 19em;
    }
}

@media (403px <= width <= 419px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 18em;
    }
}

@media (385px <= width <= 402px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 16.8em;
    }
}

@media (368px <= width <= 384px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 15.8em;
    }
}

@media (width <= 367px) {
    .sg-icon-pos-12.wapf-field-container {
        left: 14.8em;
    }
}