/* bundles/css/artists.css */
/* variables: --text-color defined in shared.CSS */
body.corp.corp-page[data-theme='light'] {
    --corp-page-text-color: var(--page-text-color);
    --corp-page-background-color: var(--parchment200);
    --page-footer-text-color: var(--parchment100);
    /* bandcamp-blue, slighty darker, to increase contrast */
    --darker-bandcamp-blue: #008bb0;

    background-color: var(--parchment200);
    color: var(--corp-page-text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-bar {
    --menubar-background-color: var(--corp-page-background-color);
}

.illustration picture,
.illustration picture > img {
    width: 100%;
    height: auto;
}

main > section .omit-not-narrow,
main > section span.narrow-text {
    display: none;
}

@media only screen and (max-width: 900px) {
#community .illustration picture > img {
        position: relative;
        top: -1px;
    }
}

@media only screen and (max-width: 740px) {
    main > section .omit-not-narrow,
    main > section span.narrow-text {
        display: unset;
    }

    main > section .omit-narrow,
    main > section span.wide-text {
        display: none;
    }
}

main > section.rel {
    position: relative;
}

main > section#intro {
    grid-template-rows: 100px auto;
    margin-top: calc(10px + var(--bc-menubar-height));
}

main > section#intro .corp-text {
    grid-column: 3 / 11;
    grid-row: 1 / 3;
    margin-left: 2.08vw;
    margin-top: 150px;
    margin-bottom: 50px;
}

main > section#intro .corp-text h1 {
    width: 5em;
}

main > section#intro .corp-text p {
    max-width: 400px;
}

main > section#intro .illustration {
    grid-column: 10 / 24;
    grid-row: 1 / 3;
    justify-self: stretch;
    align-self: center;
}

main > section#intro .corp-text a#learnmore {
    cursor: pointer;
    text-decoration: none;
}

main > section#intro .corp-text p.learnmore {
    white-space: nowrap;
    margin: 1.4em 0 1em 0;
    font-weight: bold;
}

main > section#intro .corp-text p.learnmore img {
    vertical-align: middle;
    width: auto;
    padding-left: 10px;
}

@media only screen and (max-width: 1350px) {
    main > section#intro .corp-text {
        grid-column: 2 / 11;
        margin-top: 90px;
        margin-bottom: 50px;
    }
    main > section#intro .corp-text p {
        max-width: 390px;
    }
}

@media only screen and (max-width: 900px) {
    main > section#intro .illustration {
        grid-column: 11 / 24;
    }
}

@media only screen and (max-width: 740px) {
    main > section#intro {
        grid-template-rows: auto auto;
    }

    main > section#intro .corp-text {
        grid-column: 2 / 24;
        grid-row: 1 / 2;
        margin: 13vw 0 5vw 0;
    }
    main > section#intro .illustration {
        grid-column: 1 / 25;
        grid-row: 2 / 3;
        margin: 0;
        align-self: stretch;
    }
    main > section#intro .corp-text h1 {
        width: 100%;
        margin-bottom: 1em;
    }
    main > section#intro .corp-text p {
        max-width: 80vw;
    }
}

@media only screen and (max-width: 510px) {
    main > section#intro .corp-text p {
        max-width: none;
    }
}

main > section#sales-feed #fans-bought {
    grid-column: 1 / 25;
    grid-row: 3 / 4;
}

main > section#sales-feed #fans-bought .container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    text-align: center;
}

main > section#sales-feed #fans-bought p {
    display: inline-block;
    width: 50%;
    max-width: 562px;
    text-align: center;
    margin-right: 0.5em;
    margin-left: 0.5em;
}

main > section#sales-feed #fans-bought img.whisker-left {     
    width: 48px;
    position: relative;
    bottom: 4px;
    left: 3px;
}
main > section#sales-feed #fans-bought img.whisker-right { 
    width: 52px;
    position: relative;
    bottom: 3px;
}

@media only screen and (max-width: 740px) {
    main > section#sales-feed #fans-bought {
        grid-column: 1 / 25;
        grid-row: 1 / 2;
    }
    main > section#sales-feed #fans-bought div.corp-text {
        display: block;
        margin: 0;
        text-align: left;
    }
    main > section#sales-feed #fans-bought img {
        display: none;
    }
    main > section#sales-feed #fans-bought p {
        display: block;
        width: 100%;
        margin: 0;
        text-align: left;
    }    
}

main > section#artist-carousel {
    grid-template-rows: auto;
    margin-top: 100px;
    --mobile-view: false;
}

main > section#artist-carousel > p.artist-list {
    grid-column: 14 / 23;
    grid-row: 1 / 2;
    margin: -6.5vw 0 0 0;
    padding: 0;
    justify-self: stretch;
    align-self: center;
}

main > section#artist-carousel > p.artist-list span.narrow-text {
    display: none;
}

main > section#artist-carousel > p.mobile-controls {
    display: none;
}

p.carousel-text {
    cursor: pointer;
}

.carousel-text em {
    font-style: normal;
    color: #736656;
}

.carousel-text a {
    color: #736656;
    background-color: inherit;
}

.carousel-text a:hover {
    color: #463e34;
}

.carousel-text a.current,
.current-artist p.artist-list .artists,
.current-label p.artist-list .labels
 {
    color: var(--corp-page-background-color);
    background-color: var(--corp-page-text-color);
    transition-property: color, background-color;
    transition-duration: 0.5s;
}

main > section#artist-carousel > p.artist-list span.wide-text {
    color: #736656;
}

main > section#artist-carousel > p.artist-list span.wide-text span {
    color: var(--corp-page-text-color);
}

main > section#artist-carousel > p.artist-list span.wide-text a:nth-of-type(1) {
    white-space: nowrap;
}

main > section#artist-carousel > ul.carousel-image-list {
    grid-column: 1 / 13;
    grid-row: 1 / 2;
    justify-self: stretch;
    align-self: center;
    position: relative;
    --carousel-image-width: calc(0.5 * var(--contents-width));
    width: var(--carousel-image-width);
    height: calc(1.111 * var(--carousel-image-width));
    background-color: var(--corp-page-background-color);
}

main > section#artist-carousel > ul.carousel-image-list > li {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    --crossover-duration: 0.5s;
}

main > section#artist-carousel > ul.carousel-image-list a:hover {
    text-decoration: underline;
}

main > section#artist-carousel > ul.carousel-image-list > li.previous {
    z-index: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: calc(2.0 * var(--crossover-duration));
}

main > section#artist-carousel > ul.carousel-image-list > li.current {
    z-index: 1;
    opacity: 1.0;
    transition-property: opacity;
    transition-duration: var(--crossover-duration);
    transition-timing-function: ease-in;
}

main > section#artist-carousel > ul.carousel-image-list li.carousel-artist a {
    display: inline-block;
    position: absolute;
    width: calc(0.25 * 0.5 * var(--contents-width));
    height: calc(1.225 * 0.25 * 0.5 * var(--contents-width));
    bottom: 30px;
    right: 30px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 5px 5px 12px 5px;
    color: var(--corp-page-background-color);
}

main > section#artist-carousel > ul.carousel-image-list li.carousel-artist a h5 {
    padding-top: 3px;
}

main > section#artist-carousel > ul.carousel-image-list li.carousel-artist a h5,
main > section#artist-carousel > ul.carousel-image-list li.carousel-artist a p {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow-x: hidden;
}

main > section#artist-carousel > ul.carousel-image-list > li.carousel-label {
    background-color: var(--corp-page-background-color);
}

main > section#artist-carousel > ul.carousel-image-list > li.carousel-label > ul.label-grid {
    --grid-item-width: calc(0.245 * var(--carousel-image-width));
    --grid-item-height: calc(1.3 * var(--grid-item-width));
    display: grid;
    grid-template-columns: repeat(3, var(--grid-item-width));
    grid-template-rows: repeat(3, var(--grid-item-height));
    grid-column-gap: calc(0.2 * var(--grid-item-width));
    grid-row-gap: calc(0.12 * var(--grid-item-width));
    flex-wrap: wrap;
    list-style-type: none;
    height: 100%;
    overflow: hidden;
    margin-left: calc(0.32 * var(--grid-item-width));
    margin-top: calc(0.22 * var(--grid-item-width));
}

li.carousel-label > ul.label-grid li {
    display: inline-block;
    width: var(--grid-item-width);
    height: var(--grid-item-height);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    box-sizing: border-box;
    margin: 2px 0 0 0;
}

li.carousel-label > ul.label-grid li:last-child {
    display: none;
}

li.carousel-label > ul.label-grid li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

li.carousel-label > ul.label-grid li.label-bio img {
    border-radius: 50%;
    overflow: hidden;
}

li.carousel-label > ul.label-grid img {
    width: var(--grid-item-width);
    height: var(--grid-item-width);
    
}

li.carousel-label > ul.label-grid li h5,
li.carousel-label > ul.label-grid li p {
    color: inherit;
    font-size: 12px;
}

li.carousel-label > ul.label-grid li.label-release h5,
li.carousel-label > ul.label-grid li.label-release p {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1300px) {
    main > section#artist-carousel > p.artist-list {
        grid-column: 14 / 24;
        margin-top: 0;
    }
}

@media only screen and (max-width: 1100px) {
    main > section#artist-carousel > ul.carousel-image-list li.carousel-artist a {
        display: none;
    }

    li.carousel-label > ul.label-grid li h5,
    li.carousel-label > ul.label-grid li p {
        font-size: 11px;
    }

}

@media only screen and (max-width: 1000px) {
    li.carousel-label > ul.label-grid li p {
        display: none;
    }

    main > section#artist-carousel > ul.carousel-image-list > li.carousel-label > ul.label-grid {
        grid-column-gap: calc(0.3 * var(--grid-item-width));
    }
}

@media only screen and (max-width: 900px) {
    main > section#artist-carousel {
        --mobile-view: true;
        grid-template-rows: repeat(3, auto);
    }

    main > section#artist-carousel > p.artist-list {
        grid-column: 2 / 24;
        grid-row: 1 / 2;
        margin-bottom: 5px;
        font-size: 20px;
        font-weight: normal;
    }

    main > section#artist-carousel > p.artist-list span.wide-text {
        display: none;
    }

    main > section#artist-carousel > p.artist-list span.narrow-text {
        display: unset;
    }

    main > section#artist-carousel > .carousel-image {
        grid-column: 1 / 25;
        grid-row: 3 / 4;
    }

    main > section#artist-carousel > p.mobile-controls {
        grid-column: 2 / 24;
        grid-row: 2 / 3;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 1em 0 0.5em 0;
        cursor: auto;
    }

    main > section#artist-carousel > p.mobile-controls .current-name {
        display: inline-block;
        font-size: 27px;
        font-weight: var(--heading-weight);
    }

    main > section#artist-carousel > p.mobile-controls span.forward-backward {
        display: flex;
        padding-top: 8px;
    }

    main > section#artist-carousel > p.mobile-controls button {
        cursor: pointer;
        opacity: 1.0;
        transition-property: opacity;
        transition-duration: 0.3s;
    }

    main > section#artist-carousel > p.mobile-controls button:active {
        color: #aaa;
    }

    main > section#artist-carousel > p.mobile-controls button:focus {
        outline: none;
    }

    main > section#artist-carousel > p.mobile-controls button + button {
        margin-left: 6px;
    }

    main > section#artist-carousel > p.mobile-controls button svg {
        fill: currentColor;
        margin-left: 3px;
    }

    main > section#artist-carousel > p.mobile-controls.first button.backwards,
    main > section#artist-carousel > p.mobile-controls.last button.forwards {
        opacity: 0;
    }

    main > section#artist-carousel > ul.carousel-image-list {
        grid-column: 1 / 25;
        grid-row: 3 / 4;
        position: static;
        --carousel-image-width: 90vw;
        --carousel-image-gap: 2vw;
        width: 100%;
        height: calc(1.111 * var(--carousel-image-width));

        display: grid;
        grid-template-columns: repeat(50, var(--carousel-image-width));
        grid-template-rows: calc(1.111 * var(--carousel-image-width));
        grid-column-gap: var(--carousel-image-gap);
        grid-row-gap: 0;
        flex-wrap: nowrap;
        overflow: scroll;
        scroll-snap-type: x mandatory;
    }

    main > section#artist-carousel > ul.carousel-image-list::-webkit-scrollbar {
        display: none;
    }

    main > section#artist-carousel > ul.carousel-image-list > li {
        opacity: 1.0;
        display: inline-block;
        position: static;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        width: var(--carousel-image-width);
        height: calc(1.111 * var(--carousel-image-width));
        overflow: hidden;
    }

    main > section#artist-carousel > ul.carousel-image-list > li.previous {
        z-index: auto;
        opacity: 1.0;
    }

    main > section#artist-carousel > ul.carousel-image-list > li.current {
        z-index: auto;
        opacity: 1.0;
    }

    main > section#artist-carousel > ul.carousel-image-list > li.carousel-label > ul.label-grid {
        margin-left: calc(0.1 * var(--grid-item-width));
    }

    li.carousel-label > ul.label-grid li:last-child {
        display: unset;
    }

    li.carousel-label > ul.label-grid li p {
        display: block;
    }

    li.carousel-label > ul.label-grid li h5,
    li.carousel-label > ul.label-grid li p {
        font-size: 12px;
    }

    li.carousel-label > ul.label-grid li.label-bio {
        display: none;
    }

    li.carousel-label > ul.label-grid li.label-release h5 {
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

@media only screen and (max-width: 740px) {
    main > section#artist-carousel {
        margin-top: 10vw;
    }
    li.carousel-label > ul.label-grid li.label-release h5 {
        font-size: 10px;
    }

    li.carousel-label > ul.label-grid li p {
        display: none;
    }
}

/* twitter machine section */
main > section#testimonials {
    /* background color */
    --testimonials-background-color: var(--dark-background-color);
    
    /* testimonial text color */
    --testimonials-text-color: var(--corp-page-background-color);
    --testimonials-secondary-text-color: #a79c7f;
    --testimonials-highlight-text-color: var(--corp-page-background-color);
    
    /* filter colors */
    --testimonials-filter-background-color: var(--corp-page-background-color);
    --testimonials-filter-background-color-hover: #4a4740;
    --testimonials-filter-text-color-selected: var(--dark-background-color);
    
    /* filter colors, mobile */
    --testimonials-filter-background-color-mobile: #3c3932;
    
    grid-auto-rows: minmax(100px, auto);

    padding-bottom: 8%;
}

/* negative margin creates overlap with artist carousel above */
@media only screen and (min-width: 1300px) {
    main > section#testimonials {
        padding-top: 200px;
        margin-top: -60px;
    }
}

@media only screen and (min-width: 1400px) {
    main > section#testimonials {
        padding-top: 220px;
        margin-top: -100px;
    }
}

@media only screen and (max-width: 1300px) {
    main > section#testimonials {
        padding-top: 120px;
        margin-top: 0px;
    }    
}

@media only screen and (max-width: 920px) {
    main > section#testimonials {
        padding-top: 50px;
    }
}

main > section#community {
    --illustration-width: min(55vw, 900px); /* this is effectively max-width: 900px */
}

main > section#community .illustration {
    position: absolute;
    width: var(--illustration-width);
    top: -3.6vw;
    right: 0;
}

main > section#community .circle {
    position: absolute;
    width: 65px;
    top: -11vw;
    right: 9vw;
    z-index: 10;
}

main > section#community > div.grid {
    grid-auto-rows: minmax(100px, auto);
    height: auto;
    /* 0.9 is tied to the aspect ratio of the image and the volume of white space needed */
    min-height: calc(0.9 * var(--illustration-width));
}

main > section#community > div.grid #reach-a-community {
    grid-column: 3 / 12;
    grid-row: 1 / 2;
    margin-top: 10vw;
}

main > section#community > div.grid #reach-a-community h2 {
    max-width: 550px;
}

@media only screen and (min-width: 1800px) {
    main > section#community > div.grid #reach-a-community {
            grid-column: 4 / 13;
    }
}

@media only screen and (min-width: 1656px) {
    main > section#community .illustration {
        top: -59px;
    }
}

@media only screen and (max-width: 1450px) {
    main > section#community > div.grid {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 1350px) {
    main > section#community > div.grid > #reach-a-community {
        grid-column: 3 / 13;
        grid-row: 1 / 2;
    }
}

@media only screen and (max-width: 1000px) {
    main > section#community > div.grid > #reach-a-community {
        grid-column: 2 / 13;
    }
    main > section#community > div.grid > #reach-a-community h2 {
        /* max-width: 80%; */
    }
}

@media only screen and (max-width: 900px) {
    main > section#community {
        overflow: hidden;
    }
    main > section#community .illustration {
        position: static;
        width: 100vw;
    }
    
    main > section#community > div.grid {
        min-height: 0;
    }

    main > section#community .circle {
        display: none;
    }

    main > section#community > div.grid > #reach-a-community {
        grid-column: 2 / 24;
        grid-row: 1 / 2;
        margin-top: 2vw;
    }
}

main > section#merch-collection {
    --illustration-width: min(41.6vw, 750px); /* this is effectively max-width: 750px */
}

main > section#merch-collection .illustration {
    position: absolute;
    width: var(--illustration-width);
    top: 0;
    left: 0;
}

main > section#merch-collection > div.grid {
    height: calc(1.4 * var(--illustration-width));
}

main > section#merch-collection > div.grid #sales-stats {
    grid-column: 12 / 22;
    grid-row: 1 / 2;
    margin-left: 3vw;
    justify-self: stretch;
    align-self: center;
}

main > section#merch-collection > div.grid #sales-stats h2 {
    max-width: 550px;
}

main > section#merch-collection > div.grid #sales-stats p {
    margin-top: 1.2em;
}

main > section#merch-collection > div.grid #sales-stats span:nth-child(1) { color: #cc4d00; }
main > section#merch-collection > div.grid #sales-stats span:nth-child(2) { color: #b17505; }
main > section#merch-collection > div.grid #sales-stats span:nth-child(3) { color: #008000; }
main > section#merch-collection > div.grid #sales-stats span:nth-child(4) { color: var(--darker-bandcamp-blue); }
main > section#merch-collection > div.grid #sales-stats span:nth-child(5) { color: #544bcb; }
main > section#merch-collection > div.grid #sales-stats span:nth-child(6) { color: #94469F; }

@media only screen and (min-width: 1850px) {
    main > section#merch-collection > div.grid #sales-stats {
        grid-column: 12 / 21;
    }
}

@media only screen and (max-width: 1350px) {
    main > section#merch-collection > div.grid #sales-stats {
        grid-column: 12 / 23;
        grid-row: 1 / 2;
        justify-self: stretch;
        align-self: center;
    }
}

@media only screen and (max-width: 900px) {
    main > section#merch-collection .illustration {
        position: static;
        width: 550px;
        margin: 3vw 0 5vw 0;
    }

    main > section#merch-collection > div.grid {
        height: auto;
    }

    main > section#merch-collection > div.grid #sales-stats {
        grid-column: 2 / 24;
        margin: 0;
        justify-self: normal;
        align-self: normal;
    }
}

@media only screen and (max-width: 600px) {
    main > section#merch-collection {
        overflow: hidden;
    }
    main > section#merch-collection .illustration {
        width: 100vw;
    }
}

main > section#artists-first {
    padding-top: 200px;
    margin-top: -330px;
}

main > section#artists-first > .illustration {
    grid-column: 1 / 25;
    grid-row: 1 / 2;
    justify-self: stretch;
    align-self: center;
}

main > section#artists-first > .corp-text {
    grid-column: 9 / 17;
    grid-row: 1 / 2;
    justify-self: stretch;
    align-self: center;
    padding-bottom: 300px;
}

main > section#artists-first .corp-text {
    text-align: center;
}

main > section#artists-first .corp-text h2 {
    margin-bottom: 0.2em;
}

main > section#artists-first .corp-text h3 {
    margin: 0px 0px 1em 0px;
}

main > section#artists-first .corp-text a {
    text-decoration: underline;
}

@media only screen and (max-width: 1350px) {
    main > section#artists-first > .corp-text {
            grid-column: 8 / 18;
    }
}

@media only screen and (max-width: 1300px) {
    main > section#artists-first {
        margin-top: -230px;
    }
    main > section#artists-first > .corp-text {
        padding-bottom: 350px;
    }
}

@media only screen and (max-width: 1100px) {
    main > section#artists-first > .corp-text {
        padding-bottom: 400px;
    }
}

@media only screen and (max-width: 1000px) {
    main > section#artists-first {
        margin-bottom: 100px;
    }

    main > section#artists-first > .illustration {
        grid-column: 2 / 23;
        margin-top: 40px;
    }

    main > section#artists-first > .corp-text {
        grid-column: 2 / 24;
        grid-row: 2 / 3;
        text-align: left;
        padding-bottom: 0;
    }

    main > section#artists-first > .corp-text h2 {
        text-transform: capitalize;
    }

    main > section#artists-first > .corp-text h2,
    main > section#artists-first > .corp-text h3 {
        width: 80%;
    }
    main > section#artists-first > .corp-text p {
        margin-top: 0.5em;
    }
}

@media only screen and (max-width: 900px) {
    main > section#artists-first > .illustration {
        margin-top: 110px;
    }
}

@media only screen and (max-width: 820px) {
    main > section#artists-first {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    main > section#artists-first > .illustration {
        grid-column: 1 / 25;
    }
}

main > section#features {
    margin: -400px auto 0 auto;
    z-index: 2;
}

main > section#features > ul {
    margin: 0px auto;
}

main > section#features > ul.left {
    grid-column: 3 / 12;
    grid-row: 1 / 2;
}

main > section#features > ul.right {
    grid-column: 14 / 23;
    grid-row: 1 / 2;
}

main > section#features > ul h3 {
    width: 90%;
}

main > section#features > ul li {
    break-inside: avoid;
    margin: 0;
}

main > section#features > ul img {
    width: inherit;
}

main > section#features > ul li + li {
    margin-top: 5em;
}

main > section#features > ul h3 {
    margin-top: 0.8em;
    margin-bottom: 0;
}

main > section#features > ul h3 + p {
    margin-top: 1em;
}

main > section#features > ul li a {
    text-decoration: underline;
}

@media only screen and (max-width: 1300px) {
    main > section#features {
        margin: -300px auto 0 auto;
    }
}

@media only screen and (max-width: 1000px) {
    main > section#features {
        margin-top: 80px;
    }
    main > section#features > ul.left {
        grid-column: 2 / 12;
    }

    main > section#features > ul.right {
        grid-column: 14 / 24;
    }
}

@media only screen and (max-width: 820px) {
    main > section#features {
        margin-top: 50px;
        padding-top: 50px;
    }

    main > section#features > ul.left {
        grid-column: 2 / 24;
        grid-row: 1 / 2;
    }

    main > section#features > ul.right {
        grid-column: 2 / 24;
        grid-row: 2 / 3;
    }

    main > section#features > ul + ul {
        margin-top: 5em;
    }
}

@media only screen and (max-width: 740px) {
    main > section#features > ul img {
        max-width: 130px;
        max-height: 125px;
    }
}

main > section#pricing {
    margin-top: 200px;
}

main > section#pricing > #fees-diagram {
    grid-column: 3 / 9;
    grid-row: 1 / 2;
    position: relative;
}

main > section#pricing > #fees-diagram span {
    position: absolute;
    display: inline-block;
    padding: 0.1em 0.3em 0.2em;
    color: var(--corp-page-background-color);
    background-color: #262725;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
}

main > section#pricing > #fees-diagram span:nth-child(2) {
    top: 4%;
    right: 58%; 
}
main > section#pricing > #fees-diagram span:nth-child(3) {
    top: 22%;
    right: 65%; 
}
main > section#pricing > #fees-diagram span:nth-child(4) {
    top: 70%;
    right: 50%;
    transform: translateX(50%);
}

main > section#pricing > #fees-text {
    grid-column: 10 / 23;
    grid-row: 1 / 3;
}

main > section#pricing > #fees-text a {
    text-decoration: underline;
}

main > section#pricing > #fees-text p {

}

main > section#pricing > #fees-text p em {
    color: var(--darker-bandcamp-blue);
    font-style: normal;
}

main > section#pricing > #fees-text p.note {
    color: inherit;
}

@media only screen and (max-width: 1050px) {
    main > section#pricing {
        margin-top: 160px;
    }
    main > section#pricing > #fees-diagram {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 1000px) {
    main > section#pricing > #fees-diagram {
        grid-column: 3 / 11;
    }

    main > section#pricing > #fees-text {
        grid-column: 12 / 24;
    }
}

@media only screen and (max-width: 850px) {
    main > section#pricing {
        margin-top: 90px;
    }
    main > section#pricing > #fees-diagram {
        grid-column: 4 / 22;
        grid-row: 1 / 2;
        margin-top: 0;
        justify-self: center;
        max-width: 400px;
    }

    main > section#pricing > #fees-text {
        grid-column: 2 / 24;
        grid-row: 2 / 3;
    }

    main > section#pricing > #fees-diagram span {
        font-size: 14px;
    }

    main > section#pricing > #fees-text p em {
        font-weight: 500;
    }
    main > section#pricing > #fees-text h2 {
        margin-bottom: 1em;
    }

    main > section#pricing > #fees-text p {
        font-size: 20px;
        font-weight: normal;
    }
}

main > section#more-features {
    margin: 160px auto 120px auto;
}

main > section#more-features > ul {
    margin-top 20px;
}

main > section#more-features > h2 {
    grid-column: 4 / 18;
    grid-row: 1 / 2;
    max-width: 400px;
    margin-bottom: 50px;
}

html:lang(ja) main > section#more-features > h2 {
    max-width: none;
}

html:lang(fr) main > section#more-features > h2 {
    max-width: 700px;
}

main > section#more-features > ul.left {
    grid-column: 4 / 12;
    grid-row: 2 / 3;
}

main > section#more-features > ul.right {
    grid-column: 14 / 22;
    grid-row: 2 / 3;
}

main > section#more-features > ul li {
    padding: 1.25vw 0;
    margin: 0;
}

main > section#more-features > ul li h3 + p {
    margin-top: 10px;
}

main > section#more-features > ul li h3 {
    margin-top: 0;
    margin-bottom: 0;
}

main > section#more-features > ul li h3 svg {
    stroke: black;
}

main > section#more-features > ul li h3 svg.plus,
main > section#more-features > ul li h3 svg.minus {
    display: none;
}

main > section#more-features .pro-mark {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #f7f2e2;
    padding: 2px 4px;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 0.2vw
}

main > section#more-features > #more-questions {
    grid-column: 6 / 19;
    grid-row: 3 / 4;
    margin-top: 7vw;
}

main > section#more-features > #more-questions h3 {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
}

main > section#more-features > #more-questions h3 a {
    text-decoration: underline;
}

@media only screen and (max-width: 1440px) {
    main > section#more-features > h2 {
        grid-column: 3 / 23;
    }

    main > section#more-features > ul.left {
        grid-column: 3 / 12;
    }

    main > section#more-features > ul.right {
        grid-column: 14 / 23;
    }
}

@media only screen and (max-width: 1200px) {
    main > section#more-features > h2 {
        grid-column: 2 / 24;
    }

    main > section#more-features > ul.left {
        grid-column: 2 / 12;
    }

    main > section#more-features > ul.right {
        grid-column: 14 / 24;
    }
    
    main > section#more-features > #more-questions {
        grid-column: 5 / 21;
        margin-top: 10vw;
    }
}

@media only screen and (max-width: 900px) {
    main > section#more-features {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 820px) {
    main > section#more-features {
        margin: 80px auto 60px auto;
    }
    
    main > section#more-features > h2 {
        grid-column: 2 / 24;
        max-width: 80vw;
        margin-bottom: 0.5em;
    }

    main > section#more-features > ul.left {
        grid-column: 2 / 24;
        grid-row: 2 / 3;
    }

    main > section#more-features > ul.right {
        grid-column: 2 / 24;
        grid-row: 3 / 4;
    }

    main > section#more-features > #more-questions {
        grid-column: 2 / 24;
        grid-row: 4 / 5;
    }

    main > section#more-features > ul li {
        position: relative;
        vertical-align: middle;
        padding: 15px 0;
        border-bottom: solid 1px rgba(0,0,0,0.1);
        cursor: pointer;
    }

    main > section#more-features > ul li .pro-mark {
        position: absolute;
        right: 15px;
        top: 18px; /* ick... */
    }

    html:lang(fr) main > section#more-features > ul li .pro-mark,
    html:lang(ja) main > section#more-features > ul li .pro-mark {
        right: 0px;
    }

    main > section#more-features > ul li h3 {
        font-weight: normal;
        font-size: 20px;
    }

    html:lang(fr) main > section#more-features > ul li h3 {
        font-size: 16px;
    }

    html:lang(ja) main > section#more-features > ul li h3 {
        font-size: 14px;
    }

    main > section#more-features > ul li h3 svg {
        vertical-align: -1px;
        margin-right: 9px;
    }

    main > section#more-features > ul li h3 svg.plus {
        display: inline-block;
    }

    main > section#more-features > ul li p {
        display: none;
        font-size: 16px;
        margin-left: 32px;
        margin-right: 0.6em;
    }

    html:lang(ja) main > section#more-features > ul li p {
        font-size: 14px;
    }

    main > section#more-features > ul li.expanded h3 svg.plus {
        display: none;
    }

    main > section#more-features > ul li.expanded h3 svg.minus {
        display: inline-block;
    }

    main > section#more-features > ul li.expanded p {
        display: block;
    }

    main > section#more-features > #more-questions h3 {
        text-align: left;
        margin: 1.5em 0;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
    }

}

main > section#artist-footer {
    grid-auto-rows: auto;
    background-color: var(--dark-background-color);
    --video-frame-width: 100vw;
    --video-frame-height: calc(0.5625 * 100vw);
    overflow: hidden;
}

main > section#artist-footer #video {
    position: absolute;
    width: var(--video-frame-width);
    height: var(--video-frame-height);
    overflow: hidden;
}

main > section#artist-footer #video img.still {
    display: none;
}

main > section#artist-footer #video video {
    width: var(--video-frame-width);
    height: var(--video-frame-height);
}

main > section#artist-footer #video svg {
    color: #a0a00033; /* opacity 0.2 */
    fill: currentColor;
}

main > section#artist-footer #video div.overlay {
    position: absolute;
    width: calc(1.2 * var(--video-frame-width));
    height: calc(1.2 * var(--video-frame-width));
    top: calc(-0.30 * var(--video-frame-width));
    left: calc(-0.1 * var(--video-frame-width));
    background-color: rgba(0,0,0,0.4);
}

main > section#artist-footer div.grid {
    height: var(--video-frame-height);
}

main > section#artist-footer div.grid > div.corp-text {
    grid-column: 3 / 20;
    grid-row: 1 / 2;
    z-index: 10;
    max-width: 650px;
    margin-top: 10vw;
}

main > section#artist-footer div.grid > div.corp-text q {
    display: block;
    color: var(--parchment100);
    text-indent: -0.45em;
}

main > section#artist-footer div.grid > div.corp-text svg {
    display: none;
}

main > section#artist-footer div.grid > div.corp-text h2 {
    margin-bottom: 20px;
}

main > section#artist-footer div.grid > div.corp-text p.caption {
    font-size: 14px;
    color: white;
    line-height: 1.43;
    max-width: 220px;
    margin-top: 0;
    margin-bottom: 2.4em;
}

main > section#artist-footer div.grid > div.corp-text p.cta-caption {
    font-size: 14px;
    color: white;
    line-height: 1.43;
    margin-top: .5em;
    margin-bottom: .5em;
    max-width: 430px;
}

main > section#artist-footer div.grid > div.corp-text a {
    font-size: 20px;
    font-weight: 500;
    min-width: 220px;
    max-width: 500px;
    color: #fff;
    background-color: #1da0c3;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    padding: 16px 30px 19px 30px;
    border-radius: 4px;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1.1;
}

main > section#artist-footer div.grid > div.corp-text a.fan-signup {
    font-size: 17px;
    font-weight: var(--heading-weight);
}

main > section#artist-footer div.grid > div.corp-text a.plain-link {
    all: unset;
    cursor: pointer;
}
main > section#artist-footer div.grid > div.corp-text .caption a.plain-link {
    text-decoration: none;
}
main > section#artist-footer div.grid > div.corp-text .caption a.plain-link:hover,
main > section#artist-footer div.grid > div.corp-text .caption a.plain-link:focus {
    text-decoration: underline;
}

main > section#artist-footer div.grid > div.corp-text a.underline-link {
    all: unset;
    cursor: pointer;
    text-decoration: underline; 
}

main > section#artist-footer div.grid > div.corp-text a[aria-disabled=true] {
    background-color: #157089;
    color: #BABABA;
    -webkit-tap-highlight-color: transparent;
}

main > section#artist-footer div.grid > p.caption {
    font-size: 16px;
    color: white;
    text-align: right;
    line-height: 1.44;
}

main > section#artist-footer div.grid > div.corp-text span.narrow-text {
    display: none;
}

@media only screen and (max-width: 740px) {
    main > section#artist-footer {
        height: auto;
    }

    main > section#artist-footer #video {
        height: auto;
    }

    main > section#artist-footer #video img.still {
        display: unset;
    }

    main > section#artist-footer #video video {
        display: none;
    }

    main > section#artist-footer #video div.overlay {
        width: calc(3 * var(--video-frame-width));
        height: calc(3 * var(--video-frame-width));
        top: calc(-0.4 * var(--video-frame-width));
        left: calc(-0.6 * var(--video-frame-width));
        background-color: transparent;
    }

    main > section#artist-footer div.grid {
        height: calc(1.78 * var(--video-frame-width)); /* aspect ratio of still image */
    }

    main > section#artist-footer div.grid > div.corp-text {
        grid-column: 2 / 24;
        grid-row: 1 / 2;
        align-self: end;
        margin-top: 0;
        margin-bottom: 50px;
    }

    main > section#artist-footer div.grid > div.corp-text svg {
        display: block;
        fill: var(--parchment100);
        margin-bottom: 0.2em;
    }

    main > section#artist-footer div.grid > div.corp-text h2 {
        max-width: 80%;
        line-height: 1.4;
        margin-top: 0.3em;
        margin-bottom: 0;
    }

    main > section#artist-footer div.grid > div.corp-text q {
        text-indent: 0;
    }

    main > section#artist-footer div.grid > div.corp-text q::before {
        content: no-open-quote;
    }

    main > section#artist-footer div.grid > div.corp-text q::after {
        content: no-close-quote;
    }

    main > section#artist-footer div.grid > div.corp-text a {
        display: block;
        max-width: 100%;
        padding: 13px 20px 16px 20px;
        border-radius: 2px;
    }

    main > section#artist-footer div.grid > div.corp-text p.caption {
        width: 100%;
        margin-top: 0.5em;
        margin-bottom: 5em;
    }
}

/* bundles/css/country_flags.scss */
.flag-icon{background:transparent url(../png/_sprite-country-flags-20170630_2x.png) no-repeat 0 0;background-size:210px 187px;display:none;height:11px;width:14px}.flag-icon.flag-ad{background-position:-14px 0;display:inline-block}.flag-icon.flag-ae{background-position:-28px 0;display:inline-block}.flag-icon.flag-af{background-position:-42px 0;display:inline-block}.flag-icon.flag-ag{background-position:-56px 0;display:inline-block}.flag-icon.flag-ai{background-position:-70px 0;display:inline-block}.flag-icon.flag-al{background-position:-84px 0;display:inline-block}.flag-icon.flag-am{background-position:-98px 0;display:inline-block}.flag-icon.flag-an{background-position:-112px 0;display:inline-block}.flag-icon.flag-ao{background-position:-126px 0;display:inline-block}.flag-icon.flag-aq{background-position:-140px 0;display:inline-block}.flag-icon.flag-ar{background-position:-154px 0;display:inline-block}.flag-icon.flag-as{background-position:-168px 0;display:inline-block}.flag-icon.flag-at{background-position:-182px 0;display:inline-block}.flag-icon.flag-au{background-position:-196px 0;display:inline-block}.flag-icon.flag-aw{background-position:0 -11px;display:inline-block}.flag-icon.flag-ax{background-position:-14px -11px;display:inline-block}.flag-icon.flag-az{background-position:-28px -11px;display:inline-block}.flag-icon.flag-ba{background-position:-42px -11px;display:inline-block}.flag-icon.flag-bb{background-position:-56px -11px;display:inline-block}.flag-icon.flag-bd{background-position:-70px -11px;display:inline-block}.flag-icon.flag-be{background-position:-84px -11px;display:inline-block}.flag-icon.flag-bf{background-position:-98px -11px;display:inline-block}.flag-icon.flag-bg{background-position:-112px -11px;display:inline-block}.flag-icon.flag-bh{background-position:-126px -11px;display:inline-block}.flag-icon.flag-bi{background-position:-140px -11px;display:inline-block}.flag-icon.flag-bj{background-position:-154px -11px;display:inline-block}.flag-icon.flag-bl{background-position:-168px -11px;display:inline-block}.flag-icon.flag-bm{background-position:-182px -11px;display:inline-block}.flag-icon.flag-bn{background-position:-196px -11px;display:inline-block}.flag-icon.flag-bo{background-position:0 -22px;display:inline-block}.flag-icon.flag-br{background-position:-14px -22px;display:inline-block}.flag-icon.flag-bs{background-position:-28px -22px;display:inline-block}.flag-icon.flag-bt{background-position:-42px -22px;display:inline-block}.flag-icon.flag-bw{background-position:-56px -22px;display:inline-block}.flag-icon.flag-by{background-position:-70px -22px;display:inline-block}.flag-icon.flag-bz{background-position:-84px -22px;display:inline-block}.flag-icon.flag-ca{background-position:-98px -22px;display:inline-block}.flag-icon.flag-cc{background-position:-112px -22px;display:inline-block}.flag-icon.flag-cd{background-position:-126px -22px;display:inline-block}.flag-icon.flag-cf{background-position:-140px -22px;display:inline-block}.flag-icon.flag-cg{background-position:-154px -22px;display:inline-block}.flag-icon.flag-ch{background-position:-168px -22px;display:inline-block;width:12px}.flag-icon.flag-ci{background-position:-182px -22px;display:inline-block}.flag-icon.flag-ck{background-position:-196px -22px;display:inline-block}.flag-icon.flag-cl{background-position:0 -33px;display:inline-block}.flag-icon.flag-cm{background-position:-14px -33px;display:inline-block}.flag-icon.flag-cn{background-position:-28px -33px;display:inline-block}.flag-icon.flag-co{background-position:-42px -33px;display:inline-block}.flag-icon.flag-cr{background-position:-56px -33px;display:inline-block}.flag-icon.flag-cu{background-position:-70px -33px;display:inline-block}.flag-icon.flag-cv{background-position:-84px -33px;display:inline-block}.flag-icon.flag-cw{background-position:-98px -33px;display:inline-block}.flag-icon.flag-cx{background-position:-112px -33px;display:inline-block}.flag-icon.flag-cy{background-position:-126px -33px;display:inline-block}.flag-icon.flag-cz{background-position:-140px -33px;display:inline-block}.flag-icon.flag-de{background-position:-154px -33px;display:inline-block}.flag-icon.flag-dj{background-position:-168px -33px;display:inline-block}.flag-icon.flag-dk{background-position:-182px -33px;display:inline-block}.flag-icon.flag-dm{background-position:-196px -33px;display:inline-block}.flag-icon.flag-do{background-position:0 -44px;display:inline-block}.flag-icon.flag-dz{background-position:-14px -44px;display:inline-block}.flag-icon.flag-ec{background-position:-28px -44px;display:inline-block}.flag-icon.flag-ee{background-position:-42px -44px;display:inline-block}.flag-icon.flag-eg{background-position:-56px -44px;display:inline-block}.flag-icon.flag-eh{background-position:-70px -44px;display:inline-block}.flag-icon.flag-er{background-position:-84px -44px;display:inline-block}.flag-icon.flag-es{background-position:-98px -44px;display:inline-block}.flag-icon.flag-et{background-position:-112px -44px;display:inline-block}.flag-icon.flag-eu{background-position:-126px -44px;display:inline-block}.flag-icon.flag-fi{background-position:-140px -44px;display:inline-block}.flag-icon.flag-fj{background-position:-154px -44px;display:inline-block}.flag-icon.flag-fk{background-position:-168px -44px;display:inline-block}.flag-icon.flag-fm{background-position:-182px -44px;display:inline-block}.flag-icon.flag-fo{background-position:-196px -44px;display:inline-block}.flag-icon.flag-fr{background-position:0 -55px;display:inline-block}.flag-icon.flag-ga{background-position:-14px -55px;display:inline-block}.flag-icon.flag-gb{background-position:-28px -55px;display:inline-block}.flag-icon.flag-gb-eng{background-position:-42px -55px;display:inline-block}.flag-icon.flag-gb-sct{background-position:-56px -55px;display:inline-block}.flag-icon.flag-gb-wls{background-position:-70px -55px;display:inline-block}.flag-icon.flag-gd{background-position:-84px -55px;display:inline-block}.flag-icon.flag-ge{background-position:-98px -55px;display:inline-block}.flag-icon.flag-gg{background-position:-112px -55px;display:inline-block}.flag-icon.flag-gh{background-position:-126px -55px;display:inline-block}.flag-icon.flag-gi{background-position:-140px -55px;display:inline-block}.flag-icon.flag-gl{background-position:-154px -55px;display:inline-block}.flag-icon.flag-gm{background-position:-168px -55px;display:inline-block}.flag-icon.flag-gn{background-position:-182px -55px;display:inline-block}.flag-icon.flag-gq{background-position:-196px -55px;display:inline-block}.flag-icon.flag-gr{background-position:0 -66px;display:inline-block}.flag-icon.flag-gs{background-position:-14px -66px;display:inline-block}.flag-icon.flag-gt{background-position:-28px -66px;display:inline-block}.flag-icon.flag-gu{background-position:-42px -66px;display:inline-block}.flag-icon.flag-gw{background-position:-56px -66px;display:inline-block}.flag-icon.flag-gy{background-position:-70px -66px;display:inline-block}.flag-icon.flag-hk{background-position:-84px -66px;display:inline-block}.flag-icon.flag-hn{background-position:-98px -66px;display:inline-block}.flag-icon.flag-hr{background-position:-112px -66px;display:inline-block}.flag-icon.flag-ht{background-position:-126px -66px;display:inline-block}.flag-icon.flag-hu{background-position:-140px -66px;display:inline-block}.flag-icon.flag-ic{background-position:-154px -66px;display:inline-block}.flag-icon.flag-id{background-position:-168px -66px;display:inline-block}.flag-icon.flag-ie{background-position:-182px -66px;display:inline-block}.flag-icon.flag-il{background-position:-196px -66px;display:inline-block}.flag-icon.flag-im{background-position:0 -77px;display:inline-block}.flag-icon.flag-in{background-position:-14px -77px;display:inline-block}.flag-icon.flag-iq{background-position:-28px -77px;display:inline-block}.flag-icon.flag-ir{background-position:-42px -77px;display:inline-block}.flag-icon.flag-is{background-position:-56px -77px;display:inline-block}.flag-icon.flag-it{background-position:-70px -77px;display:inline-block}.flag-icon.flag-je{background-position:-84px -77px;display:inline-block}.flag-icon.flag-jm{background-position:-98px -77px;display:inline-block}.flag-icon.flag-jo{background-position:-112px -77px;display:inline-block}.flag-icon.flag-jp{background-position:-126px -77px;display:inline-block}.flag-icon.flag-ke{background-position:-140px -77px;display:inline-block}.flag-icon.flag-kg{background-position:-154px -77px;display:inline-block}.flag-icon.flag-kh{background-position:-168px -77px;display:inline-block}.flag-icon.flag-ki{background-position:-182px -77px;display:inline-block}.flag-icon.flag-km{background-position:-196px -77px;display:inline-block}.flag-icon.flag-kn{background-position:0 -88px;display:inline-block}.flag-icon.flag-kp{background-position:-14px -88px;display:inline-block}.flag-icon.flag-kr{background-position:-28px -88px;display:inline-block}.flag-icon.flag-kw{background-position:-42px -88px;display:inline-block}.flag-icon.flag-ky{background-position:-56px -88px;display:inline-block}.flag-icon.flag-kz{background-position:-70px -88px;display:inline-block}.flag-icon.flag-la{background-position:-84px -88px;display:inline-block}.flag-icon.flag-lb{background-position:-98px -88px;display:inline-block}.flag-icon.flag-lc{background-position:-112px -88px;display:inline-block}.flag-icon.flag-li{background-position:-126px -88px;display:inline-block}.flag-icon.flag-lk{background-position:-140px -88px;display:inline-block}.flag-icon.flag-lr{background-position:-154px -88px;display:inline-block}.flag-icon.flag-ls{background-position:-168px -88px;display:inline-block}.flag-icon.flag-lt{background-position:-182px -88px;display:inline-block}.flag-icon.flag-lu{background-position:-196px -88px;display:inline-block}.flag-icon.flag-lv{background-position:0 -99px;display:inline-block}.flag-icon.flag-ly{background-position:-14px -99px;display:inline-block}.flag-icon.flag-ma{background-position:-28px -99px;display:inline-block}.flag-icon.flag-mc{background-position:-42px -99px;display:inline-block}.flag-icon.flag-md{background-position:-56px -99px;display:inline-block}.flag-icon.flag-me{background-position:-70px -99px;display:inline-block}.flag-icon.flag-mf{background-position:-84px -99px;display:inline-block}.flag-icon.flag-mg{background-position:-98px -99px;display:inline-block}.flag-icon.flag-mh{background-position:-112px -99px;display:inline-block}.flag-icon.flag-mk{background-position:-126px -99px;display:inline-block}.flag-icon.flag-ml{background-position:-140px -99px;display:inline-block}.flag-icon.flag-mm{background-position:-154px -99px;display:inline-block}.flag-icon.flag-mn{background-position:-168px -99px;display:inline-block}.flag-icon.flag-mo{background-position:-182px -99px;display:inline-block}.flag-icon.flag-mp{background-position:-196px -99px;display:inline-block}.flag-icon.flag-mq{background-position:0 -110px;display:inline-block}.flag-icon.flag-mr{background-position:-14px -110px;display:inline-block}.flag-icon.flag-ms{background-position:-28px -110px;display:inline-block}.flag-icon.flag-mt{background-position:-42px -110px;display:inline-block}.flag-icon.flag-mu{background-position:-56px -110px;display:inline-block}.flag-icon.flag-mv{background-position:-70px -110px;display:inline-block}.flag-icon.flag-mw{background-position:-84px -110px;display:inline-block}.flag-icon.flag-mx{background-position:-98px -110px;display:inline-block}.flag-icon.flag-my{background-position:-112px -110px;display:inline-block}.flag-icon.flag-mz{background-position:-126px -110px;display:inline-block}.flag-icon.flag-na{background-position:-140px -110px;display:inline-block}.flag-icon.flag-nc{background-position:-154px -110px;display:inline-block}.flag-icon.flag-ne{background-position:-168px -110px;display:inline-block}.flag-icon.flag-nf{background-position:-182px -110px;display:inline-block}.flag-icon.flag-ng{background-position:-196px -110px;display:inline-block}.flag-icon.flag-ni{background-position:0 -121px;display:inline-block}.flag-icon.flag-nl{background-position:-14px -121px;display:inline-block}.flag-icon.flag-no{background-position:-28px -121px;display:inline-block}.flag-icon.flag-np{background-position:-42px -121px;display:inline-block;width:9px}.flag-icon.flag-nr{background-position:-56px -121px;display:inline-block}.flag-icon.flag-nu{background-position:-70px -121px;display:inline-block}.flag-icon.flag-nz{background-position:-84px -121px;display:inline-block}.flag-icon.flag-om{background-position:-98px -121px;display:inline-block}.flag-icon.flag-pa{background-position:-112px -121px;display:inline-block}.flag-icon.flag-pe{background-position:-126px -121px;display:inline-block}.flag-icon.flag-pf{background-position:-140px -121px;display:inline-block}.flag-icon.flag-pg{background-position:-154px -121px;display:inline-block}.flag-icon.flag-ph{background-position:-168px -121px;display:inline-block}.flag-icon.flag-pk{background-position:-182px -121px;display:inline-block}.flag-icon.flag-pl{background-position:-196px -121px;display:inline-block}.flag-icon.flag-pn{background-position:0 -132px;display:inline-block}.flag-icon.flag-pr{background-position:-14px -132px;display:inline-block}.flag-icon.flag-ps{background-position:-28px -132px;display:inline-block}.flag-icon.flag-pt{background-position:-42px -132px;display:inline-block}.flag-icon.flag-pw{background-position:-56px -132px;display:inline-block}.flag-icon.flag-py{background-position:-70px -132px;display:inline-block}.flag-icon.flag-qa{background-position:-84px -132px;display:inline-block}.flag-icon.flag-ro{background-position:-98px -132px;display:inline-block}.flag-icon.flag-rs{background-position:-112px -132px;display:inline-block}.flag-icon.flag-ru{background-position:-126px -132px;display:inline-block}.flag-icon.flag-rw{background-position:-140px -132px;display:inline-block}.flag-icon.flag-sa{background-position:-154px -132px;display:inline-block}.flag-icon.flag-sb{background-position:-168px -132px;display:inline-block}.flag-icon.flag-sc{background-position:-182px -132px;display:inline-block}.flag-icon.flag-sd{background-position:-196px -132px;display:inline-block}.flag-icon.flag-se{background-position:0 -143px;display:inline-block}.flag-icon.flag-sg{background-position:-14px -143px;display:inline-block}.flag-icon.flag-sh{background-position:-28px -143px;display:inline-block}.flag-icon.flag-si{background-position:-42px -143px;display:inline-block}.flag-icon.flag-sk{background-position:-56px -143px;display:inline-block}.flag-icon.flag-sl{background-position:-70px -143px;display:inline-block}.flag-icon.flag-sm{background-position:-84px -143px;display:inline-block}.flag-icon.flag-sn{background-position:-98px -143px;display:inline-block}.flag-icon.flag-so{background-position:-112px -143px;display:inline-block}.flag-icon.flag-sr{background-position:-126px -143px;display:inline-block}.flag-icon.flag-ss{background-position:-140px -143px;display:inline-block}.flag-icon.flag-st{background-position:-154px -143px;display:inline-block}.flag-icon.flag-sv{background-position:-168px -143px;display:inline-block}.flag-icon.flag-sy{background-position:-182px -143px;display:inline-block}.flag-icon.flag-sz{background-position:-196px -143px;display:inline-block}.flag-icon.flag-tc{background-position:0 -154px;display:inline-block}.flag-icon.flag-td{background-position:-14px -154px;display:inline-block}.flag-icon.flag-tf{background-position:-28px -154px;display:inline-block}.flag-icon.flag-tg{background-position:-42px -154px;display:inline-block}.flag-icon.flag-th{background-position:-56px -154px;display:inline-block}.flag-icon.flag-tj{background-position:-70px -154px;display:inline-block}.flag-icon.flag-tk{background-position:-84px -154px;display:inline-block}.flag-icon.flag-tl{background-position:-98px -154px;display:inline-block}.flag-icon.flag-tm{background-position:-112px -154px;display:inline-block}.flag-icon.flag-tn{background-position:-126px -154px;display:inline-block}.flag-icon.flag-to{background-position:-140px -154px;display:inline-block}.flag-icon.flag-tr{background-position:-154px -154px;display:inline-block}.flag-icon.flag-tt{background-position:-168px -154px;display:inline-block}.flag-icon.flag-tv{background-position:-182px -154px;display:inline-block}.flag-icon.flag-tw{background-position:-196px -154px;display:inline-block}.flag-icon.flag-tz{background-position:0 -165px;display:inline-block}.flag-icon.flag-ua{background-position:-14px -165px;display:inline-block}.flag-icon.flag-ug{background-position:-28px -165px;display:inline-block}.flag-icon.flag-un{background-position:-42px -165px;display:inline-block}.flag-icon.flag-us{background-position:-56px -165px;display:inline-block}.flag-icon.flag-uy{background-position:-70px -165px;display:inline-block}.flag-icon.flag-uz{background-position:-84px -165px;display:inline-block}.flag-icon.flag-va{background-position:-98px -165px;display:inline-block;width:12px}.flag-icon.flag-vc{background-position:-112px -165px;display:inline-block}.flag-icon.flag-ve{background-position:-126px -165px;display:inline-block}.flag-icon.flag-vg{background-position:-140px -165px;display:inline-block}.flag-icon.flag-vi{background-position:-154px -165px;display:inline-block}.flag-icon.flag-vn{background-position:-168px -165px;display:inline-block}.flag-icon.flag-vu{background-position:-182px -165px;display:inline-block}.flag-icon.flag-wf{background-position:-196px -165px;display:inline-block}.flag-icon.flag-ws{background-position:0 -176px;display:inline-block}.flag-icon.flag-xk{background-position:-14px -176px;display:inline-block}.flag-icon.flag-ye{background-position:-28px -176px;display:inline-block}.flag-icon.flag-yt{background-position:-42px -176px;display:inline-block}.flag-icon.flag-za{background-position:-56px -176px;display:inline-block}.flag-icon.flag-zm{background-position:-70px -176px;display:inline-block}.flag-icon.flag-zw{background-position:-84px -176px;display:inline-block}@media(min-device-pixel-ratio: 2),(resolution >= 192dpi){.flag-icon{background:transparent url(https://s4.bcbits.com/bundle/bundle/1/static-ee088c6c0d515bd2feccaa43958f024d.static/static/_sprite-country-flags-20170630_2x.png) no-repeat 0 0;background-size:225px 170px;display:none;height:10px;width:15px}.flag-icon.flag-ad{background-position:-15px 0;display:inline-block}.flag-icon.flag-ae{background-position:-30px 0;display:inline-block}.flag-icon.flag-af{background-position:-45px 0;display:inline-block}.flag-icon.flag-ag{background-position:-60px 0;display:inline-block}.flag-icon.flag-ai{background-position:-75px 0;display:inline-block}.flag-icon.flag-al{background-position:-90px 0;display:inline-block}.flag-icon.flag-am{background-position:-105px 0;display:inline-block}.flag-icon.flag-an{background-position:-120px 0;display:inline-block}.flag-icon.flag-ao{background-position:-135px 0;display:inline-block}.flag-icon.flag-aq{background-position:-150px 0;display:inline-block}.flag-icon.flag-ar{background-position:-165px 0;display:inline-block}.flag-icon.flag-as{background-position:-180px 0;display:inline-block}.flag-icon.flag-at{background-position:-195px 0;display:inline-block}.flag-icon.flag-au{background-position:-210px 0;display:inline-block}.flag-icon.flag-aw{background-position:0 -10px;display:inline-block}.flag-icon.flag-ax{background-position:-15px -10px;display:inline-block}.flag-icon.flag-az{background-position:-30px -10px;display:inline-block}.flag-icon.flag-ba{background-position:-45px -10px;display:inline-block}.flag-icon.flag-bb{background-position:-60px -10px;display:inline-block}.flag-icon.flag-bd{background-position:-75px -10px;display:inline-block}.flag-icon.flag-be{background-position:-90px -10px;display:inline-block}.flag-icon.flag-bf{background-position:-105px -10px;display:inline-block}.flag-icon.flag-bg{background-position:-120px -10px;display:inline-block}.flag-icon.flag-bh{background-position:-135px -10px;display:inline-block}.flag-icon.flag-bi{background-position:-150px -10px;display:inline-block}.flag-icon.flag-bj{background-position:-165px -10px;display:inline-block}.flag-icon.flag-bl{background-position:-180px -10px;display:inline-block}.flag-icon.flag-bm{background-position:-195px -10px;display:inline-block}.flag-icon.flag-bn{background-position:-210px -10px;display:inline-block}.flag-icon.flag-bo{background-position:0 -20px;display:inline-block}.flag-icon.flag-br{background-position:-15px -20px;display:inline-block}.flag-icon.flag-bs{background-position:-30px -20px;display:inline-block}.flag-icon.flag-bt{background-position:-45px -20px;display:inline-block}.flag-icon.flag-bw{background-position:-60px -20px;display:inline-block}.flag-icon.flag-by{background-position:-75px -20px;display:inline-block}.flag-icon.flag-bz{background-position:-90px -20px;display:inline-block}.flag-icon.flag-ca{background-position:-105px -20px;display:inline-block}.flag-icon.flag-cc{background-position:-120px -20px;display:inline-block}.flag-icon.flag-cd{background-position:-135px -20px;display:inline-block}.flag-icon.flag-cf{background-position:-150px -20px;display:inline-block}.flag-icon.flag-cg{background-position:-165px -20px;display:inline-block}.flag-icon.flag-ch{background-position:-180px -20px;display:inline-block;width:10px}.flag-icon.flag-ci{background-position:-195px -20px;display:inline-block}.flag-icon.flag-ck{background-position:-210px -20px;display:inline-block}.flag-icon.flag-cl{background-position:0 -30px;display:inline-block}.flag-icon.flag-cm{background-position:-15px -30px;display:inline-block}.flag-icon.flag-cn{background-position:-30px -30px;display:inline-block}.flag-icon.flag-co{background-position:-45px -30px;display:inline-block}.flag-icon.flag-cr{background-position:-60px -30px;display:inline-block}.flag-icon.flag-cu{background-position:-75px -30px;display:inline-block}.flag-icon.flag-cv{background-position:-90px -30px;display:inline-block}.flag-icon.flag-cw{background-position:-105px -30px;display:inline-block}.flag-icon.flag-cx{background-position:-120px -30px;display:inline-block}.flag-icon.flag-cy{background-position:-135px -30px;display:inline-block}.flag-icon.flag-cz{background-position:-150px -30px;display:inline-block}.flag-icon.flag-de{background-position:-165px -30px;display:inline-block}.flag-icon.flag-dj{background-position:-180px -30px;display:inline-block}.flag-icon.flag-dk{background-position:-195px -30px;display:inline-block}.flag-icon.flag-dm{background-position:-210px -30px;display:inline-block}.flag-icon.flag-do{background-position:0 -40px;display:inline-block}.flag-icon.flag-dz{background-position:-15px -40px;display:inline-block}.flag-icon.flag-ec{background-position:-30px -40px;display:inline-block}.flag-icon.flag-ee{background-position:-45px -40px;display:inline-block}.flag-icon.flag-eg{background-position:-60px -40px;display:inline-block}.flag-icon.flag-eh{background-position:-75px -40px;display:inline-block}.flag-icon.flag-er{background-position:-90px -40px;display:inline-block}.flag-icon.flag-es{background-position:-105px -40px;display:inline-block}.flag-icon.flag-et{background-position:-120px -40px;display:inline-block}.flag-icon.flag-eu{background-position:-135px -40px;display:inline-block}.flag-icon.flag-fi{background-position:-150px -40px;display:inline-block}.flag-icon.flag-fj{background-position:-165px -40px;display:inline-block}.flag-icon.flag-fk{background-position:-180px -40px;display:inline-block}.flag-icon.flag-fm{background-position:-195px -40px;display:inline-block}.flag-icon.flag-fo{background-position:-210px -40px;display:inline-block}.flag-icon.flag-fr{background-position:0 -50px;display:inline-block}.flag-icon.flag-ga{background-position:-15px -50px;display:inline-block}.flag-icon.flag-gb{background-position:-30px -50px;display:inline-block}.flag-icon.flag-gb-eng{background-position:-45px -50px;display:inline-block}.flag-icon.flag-gb-sct{background-position:-60px -50px;display:inline-block}.flag-icon.flag-gb-wls{background-position:-75px -50px;display:inline-block}.flag-icon.flag-gd{background-position:-90px -50px;display:inline-block}.flag-icon.flag-ge{background-position:-105px -50px;display:inline-block}.flag-icon.flag-gg{background-position:-120px -50px;display:inline-block}.flag-icon.flag-gh{background-position:-135px -50px;display:inline-block}.flag-icon.flag-gi{background-position:-150px -50px;display:inline-block}.flag-icon.flag-gl{background-position:-165px -50px;display:inline-block}.flag-icon.flag-gm{background-position:-180px -50px;display:inline-block}.flag-icon.flag-gn{background-position:-195px -50px;display:inline-block}.flag-icon.flag-gq{background-position:-210px -50px;display:inline-block}.flag-icon.flag-gr{background-position:0 -60px;display:inline-block}.flag-icon.flag-gs{background-position:-15px -60px;display:inline-block}.flag-icon.flag-gt{background-position:-30px -60px;display:inline-block}.flag-icon.flag-gu{background-position:-45px -60px;display:inline-block}.flag-icon.flag-gw{background-position:-60px -60px;display:inline-block}.flag-icon.flag-gy{background-position:-75px -60px;display:inline-block}.flag-icon.flag-hk{background-position:-90px -60px;display:inline-block}.flag-icon.flag-hn{background-position:-105px -60px;display:inline-block}.flag-icon.flag-hr{background-position:-120px -60px;display:inline-block}.flag-icon.flag-ht{background-position:-135px -60px;display:inline-block}.flag-icon.flag-hu{background-position:-150px -60px;display:inline-block}.flag-icon.flag-ic{background-position:-165px -60px;display:inline-block}.flag-icon.flag-id{background-position:-180px -60px;display:inline-block}.flag-icon.flag-ie{background-position:-195px -60px;display:inline-block}.flag-icon.flag-il{background-position:-210px -60px;display:inline-block}.flag-icon.flag-im{background-position:0 -70px;display:inline-block}.flag-icon.flag-in{background-position:-15px -70px;display:inline-block}.flag-icon.flag-iq{background-position:-30px -70px;display:inline-block}.flag-icon.flag-ir{background-position:-45px -70px;display:inline-block}.flag-icon.flag-is{background-position:-60px -70px;display:inline-block}.flag-icon.flag-it{background-position:-75px -70px;display:inline-block}.flag-icon.flag-je{background-position:-90px -70px;display:inline-block}.flag-icon.flag-jm{background-position:-105px -70px;display:inline-block}.flag-icon.flag-jo{background-position:-120px -70px;display:inline-block}.flag-icon.flag-jp{background-position:-135px -70px;display:inline-block}.flag-icon.flag-ke{background-position:-150px -70px;display:inline-block}.flag-icon.flag-kg{background-position:-165px -70px;display:inline-block}.flag-icon.flag-kh{background-position:-180px -70px;display:inline-block}.flag-icon.flag-ki{background-position:-195px -70px;display:inline-block}.flag-icon.flag-km{background-position:-210px -70px;display:inline-block}.flag-icon.flag-kn{background-position:0 -80px;display:inline-block}.flag-icon.flag-kp{background-position:-15px -80px;display:inline-block}.flag-icon.flag-kr{background-position:-30px -80px;display:inline-block}.flag-icon.flag-kw{background-position:-45px -80px;display:inline-block}.flag-icon.flag-ky{background-position:-60px -80px;display:inline-block}.flag-icon.flag-kz{background-position:-75px -80px;display:inline-block}.flag-icon.flag-la{background-position:-90px -80px;display:inline-block}.flag-icon.flag-lb{background-position:-105px -80px;display:inline-block}.flag-icon.flag-lc{background-position:-120px -80px;display:inline-block}.flag-icon.flag-li{background-position:-135px -80px;display:inline-block}.flag-icon.flag-lk{background-position:-150px -80px;display:inline-block}.flag-icon.flag-lr{background-position:-165px -80px;display:inline-block}.flag-icon.flag-ls{background-position:-180px -80px;display:inline-block}.flag-icon.flag-lt{background-position:-195px -80px;display:inline-block}.flag-icon.flag-lu{background-position:-210px -80px;display:inline-block}.flag-icon.flag-lv{background-position:0 -90px;display:inline-block}.flag-icon.flag-ly{background-position:-15px -90px;display:inline-block}.flag-icon.flag-ma{background-position:-30px -90px;display:inline-block}.flag-icon.flag-mc{background-position:-45px -90px;display:inline-block}.flag-icon.flag-md{background-position:-60px -90px;display:inline-block}.flag-icon.flag-me{background-position:-75px -90px;display:inline-block}.flag-icon.flag-mf{background-position:-90px -90px;display:inline-block}.flag-icon.flag-mg{background-position:-105px -90px;display:inline-block}.flag-icon.flag-mh{background-position:-120px -90px;display:inline-block}.flag-icon.flag-mk{background-position:-135px -90px;display:inline-block}.flag-icon.flag-ml{background-position:-150px -90px;display:inline-block}.flag-icon.flag-mm{background-position:-165px -90px;display:inline-block}.flag-icon.flag-mn{background-position:-180px -90px;display:inline-block}.flag-icon.flag-mo{background-position:-195px -90px;display:inline-block}.flag-icon.flag-mp{background-position:-210px -90px;display:inline-block}.flag-icon.flag-mq{background-position:0 -100px;display:inline-block}.flag-icon.flag-mr{background-position:-15px -100px;display:inline-block}.flag-icon.flag-ms{background-position:-30px -100px;display:inline-block}.flag-icon.flag-mt{background-position:-45px -100px;display:inline-block}.flag-icon.flag-mu{background-position:-60px -100px;display:inline-block}.flag-icon.flag-mv{background-position:-75px -100px;display:inline-block}.flag-icon.flag-mw{background-position:-90px -100px;display:inline-block}.flag-icon.flag-mx{background-position:-105px -100px;display:inline-block}.flag-icon.flag-my{background-position:-120px -100px;display:inline-block}.flag-icon.flag-mz{background-position:-135px -100px;display:inline-block}.flag-icon.flag-na{background-position:-150px -100px;display:inline-block}.flag-icon.flag-nc{background-position:-165px -100px;display:inline-block}.flag-icon.flag-ne{background-position:-180px -100px;display:inline-block}.flag-icon.flag-nf{background-position:-195px -100px;display:inline-block}.flag-icon.flag-ng{background-position:-210px -100px;display:inline-block}.flag-icon.flag-ni{background-position:0 -110px;display:inline-block}.flag-icon.flag-nl{background-position:-15px -110px;display:inline-block}.flag-icon.flag-no{background-position:-30px -110px;display:inline-block}.flag-icon.flag-np{background-position:-45px -110px;display:inline-block;width:9px}.flag-icon.flag-nr{background-position:-60px -110px;display:inline-block}.flag-icon.flag-nu{background-position:-75px -110px;display:inline-block}.flag-icon.flag-nz{background-position:-90px -110px;display:inline-block}.flag-icon.flag-om{background-position:-105px -110px;display:inline-block}.flag-icon.flag-pa{background-position:-120px -110px;display:inline-block}.flag-icon.flag-pe{background-position:-135px -110px;display:inline-block}.flag-icon.flag-pf{background-position:-150px -110px;display:inline-block}.flag-icon.flag-pg{background-position:-165px -110px;display:inline-block}.flag-icon.flag-ph{background-position:-180px -110px;display:inline-block}.flag-icon.flag-pk{background-position:-195px -110px;display:inline-block}.flag-icon.flag-pl{background-position:-210px -110px;display:inline-block}.flag-icon.flag-pn{background-position:0 -120px;display:inline-block}.flag-icon.flag-pr{background-position:-15px -120px;display:inline-block}.flag-icon.flag-ps{background-position:-30px -120px;display:inline-block}.flag-icon.flag-pt{background-position:-45px -120px;display:inline-block}.flag-icon.flag-pw{background-position:-60px -120px;display:inline-block}.flag-icon.flag-py{background-position:-75px -120px;display:inline-block}.flag-icon.flag-qa{background-position:-90px -120px;display:inline-block}.flag-icon.flag-ro{background-position:-105px -120px;display:inline-block}.flag-icon.flag-rs{background-position:-120px -120px;display:inline-block}.flag-icon.flag-ru{background-position:-135px -120px;display:inline-block}.flag-icon.flag-rw{background-position:-150px -120px;display:inline-block}.flag-icon.flag-sa{background-position:-165px -120px;display:inline-block}.flag-icon.flag-sb{background-position:-180px -120px;display:inline-block}.flag-icon.flag-sc{background-position:-195px -120px;display:inline-block}.flag-icon.flag-sd{background-position:-210px -120px;display:inline-block}.flag-icon.flag-se{background-position:0 -130px;display:inline-block}.flag-icon.flag-sg{background-position:-15px -130px;display:inline-block}.flag-icon.flag-sh{background-position:-30px -130px;display:inline-block}.flag-icon.flag-si{background-position:-45px -130px;display:inline-block}.flag-icon.flag-sk{background-position:-60px -130px;display:inline-block}.flag-icon.flag-sl{background-position:-75px -130px;display:inline-block}.flag-icon.flag-sm{background-position:-90px -130px;display:inline-block}.flag-icon.flag-sn{background-position:-105px -130px;display:inline-block}.flag-icon.flag-so{background-position:-120px -130px;display:inline-block}.flag-icon.flag-sr{background-position:-135px -130px;display:inline-block}.flag-icon.flag-ss{background-position:-150px -130px;display:inline-block}.flag-icon.flag-st{background-position:-165px -130px;display:inline-block}.flag-icon.flag-sv{background-position:-180px -130px;display:inline-block}.flag-icon.flag-sy{background-position:-195px -130px;display:inline-block}.flag-icon.flag-sz{background-position:-210px -130px;display:inline-block}.flag-icon.flag-tc{background-position:0 -140px;display:inline-block}.flag-icon.flag-td{background-position:-15px -140px;display:inline-block}.flag-icon.flag-tf{background-position:-30px -140px;display:inline-block}.flag-icon.flag-tg{background-position:-45px -140px;display:inline-block}.flag-icon.flag-th{background-position:-60px -140px;display:inline-block}.flag-icon.flag-tj{background-position:-75px -140px;display:inline-block}.flag-icon.flag-tk{background-position:-90px -140px;display:inline-block}.flag-icon.flag-tl{background-position:-105px -140px;display:inline-block}.flag-icon.flag-tm{background-position:-120px -140px;display:inline-block}.flag-icon.flag-tn{background-position:-135px -140px;display:inline-block}.flag-icon.flag-to{background-position:-150px -140px;display:inline-block}.flag-icon.flag-tr{background-position:-165px -140px;display:inline-block}.flag-icon.flag-tt{background-position:-180px -140px;display:inline-block}.flag-icon.flag-tv{background-position:-195px -140px;display:inline-block}.flag-icon.flag-tw{background-position:-210px -140px;display:inline-block}.flag-icon.flag-tz{background-position:0 -150px;display:inline-block}.flag-icon.flag-ua{background-position:-15px -150px;display:inline-block}.flag-icon.flag-ug{background-position:-30px -150px;display:inline-block}.flag-icon.flag-un{background-position:-45px -150px;display:inline-block}.flag-icon.flag-us{background-position:-60px -150px;display:inline-block}.flag-icon.flag-uy{background-position:-75px -150px;display:inline-block}.flag-icon.flag-uz{background-position:-90px -150px;display:inline-block}.flag-icon.flag-va{background-position:-105px -150px;display:inline-block;width:10px}.flag-icon.flag-vc{background-position:-120px -150px;display:inline-block}.flag-icon.flag-ve{background-position:-135px -150px;display:inline-block}.flag-icon.flag-vg{background-position:-150px -150px;display:inline-block}.flag-icon.flag-vi{background-position:-165px -150px;display:inline-block}.flag-icon.flag-vn{background-position:-180px -150px;display:inline-block}.flag-icon.flag-vu{background-position:-195px -150px;display:inline-block}.flag-icon.flag-wf{background-position:-210px -150px;display:inline-block}.flag-icon.flag-ws{background-position:0 -160px;display:inline-block}.flag-icon.flag-xk{background-position:-15px -160px;display:inline-block}.flag-icon.flag-ye{background-position:-30px -160px;display:inline-block}.flag-icon.flag-yt{background-position:-45px -160px;display:inline-block}.flag-icon.flag-za{background-position:-60px -160px;display:inline-block}.flag-icon.flag-zm{background-position:-75px -160px;display:inline-block}.flag-icon.flag-zw{background-position:-90px -160px;display:inline-block}}