:root {
    --gap: 4px;
    --atom-height--small: 32px;
    --atom-height: 42px;
    --font--main: 'Roboto', sans-serif;
    --font--special: 'Roboto', sans-serif;
    --p--1: 16px;
    --p--2: 14px;
    --color--action: #007DE1;
    --color--hover: #3276B3;
    --color--disabled: #6A6A6A;
    --color--positive: #1DBD96;
    --color--negative: #E63F5C;
    --color--sale: #E40010;
    --color--theme: #3a5ee1;
    --color--theme-1: #24f6d6;
    --color--theme-2: #20dfc3;
    --color--neutrals-0: #fff;
    --color--neutrals-1: #F0F0F0;
    --color--neutrals-2: #E5E4E4;
    --color--neutrals-3: #D1D1D1;
    --color--neutrals-4: #9D9D9D;
    --color--neutrals-5: #7F7F7F;
    --color--neutrals-6: #595959;
    --color--neutrals-7: #414342;
    --color--neutrals-8: #262626;
    --color--neutrals-9: #161616;
    --color--neutrals-10: #000;
    --color--google: #EA4335;
    --color--youtube: red;
    --color--linkedin: #3B5998;
    --color--facebook: #0077B5;
    --color--twitter: #00ACEE;
    --color--instagram: #df2f77;
    --color--front: #262626;
    --color--back: #fff;
    --color--border: rgba(0,0,0,0.15)
}

@media(min-width: 750px) {
    .product-category-filter__inner.svelte-fqixkb {
        display: flex;
        margin: calc(var(--gap) * -4)
    }
}

@media(min-width: 750px) {
    .product-category-filter__aside.svelte-fqixkb {
        flex: 0 0 auto;
        width: calc(100% / 3);
        padding: calc(var(--gap) * 4)
    }
}

@media(min-width: 1000px) {
    .product-category-filter__aside.svelte-fqixkb {
        width: calc(100% / 4)
    }
}

.no-filter .product-category-filter__aside {
    display: none
}

@media(min-width: 750px) {
    .product-category-filter__action.svelte-fqixkb {
        height: var(--atom-height);
        margin-bottom: calc(var(--gap) * 8)
    }
}

@media(min-width: 750px) {
    .no-filter .product-category-filter__action {
        width: calc(100% / 3);
        padding-right: calc(var(--gap) * 6)
    }
}

@media(min-width: 1000px) {
    .no-filter .product-category-filter__action {
        width: calc(100% / 4)
    }
}

.product-category-filter__action__inner.svelte-fqixkb {
    margin-bottom: calc(var(--gap) * 4)
}

@media(min-width: 750px) {
    .product-category-filter__main.svelte-fqixkb {
        flex: 0 0 auto;
        width: calc(100% / 3 * 2);
        padding: calc(var(--gap) * 4)
    }
}

@media(min-width: 1000px) {
    .product-category-filter__main.svelte-fqixkb {
        width: calc(100% / 4 * 3)
    }
}

.no-filter .product-category-filter__main {
    width: 100% !important
}

.product-category-filter__footer.svelte-fqixkb {
    margin-top: calc(var(--gap) * 12);
    font-size: var(--p--2)
}

.product-category-filter__footer a {
    color: var(--color--action);
    text-decoration: none
}

.info.svelte-zg0kfj {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(var(--gap) * 4)
}

@media(min-width: 750px) {
    .info.svelte-zg0kfj {
        flex-direction: row-reverse;
        align-items: center;
        height: var(--atom-height);
        margin-bottom: calc(var(--gap) * 8)
    }
}

.no-filter .info {
    display: none
}

.info__item.svelte-zg0kfj {
    flex: 0 0 calc(50% - (var(--gap) * 1))
}

@media(min-width: 750px) {
    .info__item.svelte-zg0kfj {
        flex: 0 0 auto
    }
}

@media(min-width: 750px) {
    .info__item.svelte-zg0kfj:first-child {
        display: none
    }
}

.no-filter .info__item:first-child {
    display: none
}

.info__result.svelte-zg0kfj {
    margin-top: calc(var(--gap) * 5);
    color: var(--color--neutrals-5);
    font-weight: 700;
    line-height: 1
}

@media(min-width: 750px) {
    .info__result.svelte-zg0kfj {
        margin-top: 0
    }
}

.no-filter .info__result {
    margin-top: 0
}

.action.svelte-1c9e3b5.svelte-1c9e3b5 {
    transition: color 250ms, border-color 250ms;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: var(--atom-height);
    padding: 0 calc(var(--gap) * 8);
    overflow: hidden;
    color: white;
    text-decoration: none;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer
}

@media(min-width: 750px) {
    .action.svelte-1c9e3b5.svelte-1c9e3b5 {
        min-width: 160px
    }
}

.action.svelte-1c9e3b5 > .svelte-1c9e3b5:not(.action__bg) {
    flex: 0 0 auto;
    margin-left: calc(var(--gap) * 2)
}

    .action.svelte-1c9e3b5 > .svelte-1c9e3b5:not(.action__bg):first-child {
        margin-left: 0
    }

.action.svelte-1c9e3b5.svelte-1c9e3b5:hover, .action.svelte-1c9e3b5.svelte-1c9e3b5:focus {
    text-decoration: none
}

.action.svelte-1c9e3b5.svelte-1c9e3b5:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color--neutrals-0), 0 0 0 4px var(--color--action)
}

.action.action--icon.svelte-1c9e3b5.svelte-1c9e3b5 {
    width: var(--atom-height);
    min-width: 0;
    padding: 0
}

.action__bg.svelte-1c9e3b5.svelte-1c9e3b5 {
    transition: background-color 250ms;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    margin: 0;
    border: 1px solid transparent
}

.action__icon.svelte-1c9e3b5.svelte-1c9e3b5 {
    position: relative;
    z-index: 2;
    display: block
}

.action__label.svelte-1c9e3b5.svelte-1c9e3b5 {
    position: relative;
    z-index: 2;
    color: inherit;
    font-family: var(--font--special);
    font-size: inherit
}

.action--disabled.svelte-1c9e3b5 .action__label.svelte-1c9e3b5 {
    opacity: .2
}

.action--normal.action--on-light.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-0)
}

.action--normal.action--on-light.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--action);
    background-color: var(--color--action)
}

.action--normal.action--on-light.svelte-1c9e3b5:hover .action__bg.svelte-1c9e3b5, .action--normal.action--on-light.svelte-1c9e3b5:focus .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--hover);
    background-color: var(--color--hover)
}

.action--normal.action--on-light.action--disabled.svelte-1c9e3b5.svelte-1c9e3b5 {
    pointer-events: none
}

.action--normal.action--on-light.action--disabled.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--disabled);
    background-color: var(--color--disabled);
    opacity: .66
}

.action--normal.action--on-dark.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-10)
}

.action--normal.action--on-dark.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--neutrals-0);
    background-color: var(--color--neutrals-0)
}

.action--normal.action--on-dark.svelte-1c9e3b5.svelte-1c9e3b5:hover, .action--normal.action--on-dark.svelte-1c9e3b5.svelte-1c9e3b5:focus {
    color: var(--color--neutrals-10)
}

.action--normal.action--on-dark.svelte-1c9e3b5:hover .action__bg.svelte-1c9e3b5, .action--normal.action--on-dark.svelte-1c9e3b5:focus .action__bg.svelte-1c9e3b5 {
    border-color: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 0.9)
}

.action--normal.action--on-dark.action--disabled.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-0);
    pointer-events: none
}

.action--normal.action--on-dark.action--disabled.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--disabled);
    background-color: var(--color--disabled);
    opacity: .66
}

.action--ghost.action--on-light.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-10)
}

.action--ghost.action--on-light.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--neutrals-10);
    background-color: transparent
}

.action--ghost.action--on-light.svelte-1c9e3b5.svelte-1c9e3b5:hover, .action--ghost.action--on-light.svelte-1c9e3b5.svelte-1c9e3b5:focus {
    color: var(--color--neutrals-0)
}

.action--ghost.action--on-light.svelte-1c9e3b5:hover .action__bg.svelte-1c9e3b5, .action--ghost.action--on-light.svelte-1c9e3b5:focus .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--neutrals-10);
    background-color: var(--color--neutrals-10)
}

.action--ghost.action--on-light.action--disabled.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-10);
    pointer-events: none
}

.action--ghost.action--on-light.action--disabled.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--disabled);
    background-color: transparent;
    opacity: .66
}

.action--ghost.action--on-dark.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-0)
}

.action--ghost.action--on-dark.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--neutrals-0);
    background-color: transparent
}

.action--ghost.action--on-dark.svelte-1c9e3b5.svelte-1c9e3b5:hover, .action--ghost.action--on-dark.svelte-1c9e3b5.svelte-1c9e3b5:focus {
    color: var(--color--neutrals-10)
}

.action--ghost.action--on-dark.svelte-1c9e3b5:hover .action__bg.svelte-1c9e3b5, .action--ghost.action--on-dark.svelte-1c9e3b5:focus .action__bg.svelte-1c9e3b5 {
    border-color: var(--color--neutrals-0);
    background-color: var(--color--neutrals-0)
}

.action--ghost.action--on-dark.action--disabled.svelte-1c9e3b5.svelte-1c9e3b5 {
    color: var(--color--neutrals-0);
    pointer-events: none
}

.action--ghost.action--on-dark.action--disabled.svelte-1c9e3b5 .action__bg.svelte-1c9e3b5 {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent;
    opacity: .66
}

.filters__overlay.svelte-1uzk97u {
    transition: opacity 250ms 100ms;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90210;
    display: block;
    width: 100vw;
    height: var(--window-height);
    background-color: var(--color--neutrals-0);
    opacity: 0;
    pointer-events: none
}

.filter-is-visible .filters__overlay {
    transition: opacity 350ms;
    opacity: .5;
    pointer-events: all
}

@media(max-width: 749px) {
    .filters__in.svelte-1uzk97u {
        transition: right 350ms;
        position: fixed;
        top: 0;
        right: 100%;
        z-index: 90210;
        display: flex;
        flex-direction: column;
        height: var(--window-height);
        width: 100vw;
        padding: calc(var(--gap) * 4);
        background-color: var(--color--neutrals-0)
    }
}

.filter-is-visible .filters__in {
    right: 0
}

.filters__header.svelte-1uzk97u {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto
}

@media(min-width: 750px) {
    .filters__header.svelte-1uzk97u {
        display: none
    }
}

.filters__header.svelte-1uzk97u:before {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: calc(var(--gap) * 4);
    content: '';
    background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
    pointer-events: none
}

.filters__label.svelte-1uzk97u {
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: 500
}

.filters__icon.svelte-1uzk97u {
    transition: transform 350ms;
    transform: rotate(0deg);
    flex: 0 0 auto;
    width: 20px;
    margin-right: 2px;
    cursor: pointer
}

.filter-is-visible .filters__icon {
    transform: rotate(90deg)
}

@media(max-width: 749px) {
    .filters__inner.svelte-1uzk97u {
        flex: 1 1 auto;
        overflow: auto;
        padding: calc(var(--gap) * 8) 0
    }
}

.filters__selected.svelte-1uzk97u {
    padding-bottom: calc(var(--gap) * 8)
}

.filters__item.svelte-1uzk97u {
    margin-top: calc(var(--gap) * 4)
}

    .filters__item.svelte-1uzk97u:first-child {
        margin-top: 0
    }

.filters__action.svelte-1uzk97u {
    position: relative;
    display: block;
    flex: 0 0 auto
}

@media(min-width: 749px) {
    .filters__action.svelte-1uzk97u {
        display: none
    }
}

.filters__action.svelte-1uzk97u:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: calc(var(--gap) * 8);
    content: '';
    background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    pointer-events: none
}

.products.svelte-1w4mymc {
    overflow: hidden
}

.products__inner.svelte-1w4mymc {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--gap) * -1) calc(var(--gap) * -1) calc(var(--gap) * -8)
}

@media(min-width: 1100px) {
    .products__inner.svelte-1w4mymc {
        margin: calc(var(--gap) * -4) calc(var(--gap) * -4) calc(var(--gap) * -10)
    }
}

@media(min-width: 1000px) {
    .no-filter .products__inner {
        margin: calc(var(--gap) * -4) calc(var(--gap) * -4) calc(var(--gap) * -10)
    }
}

.products__item.svelte-1w4mymc {
    display: block;
    width: 50%;
    flex: 0 0 auto;
    padding: calc(var(--gap) * 1) calc(var(--gap) * 1) calc(var(--gap) * 8);
    box-sizing: border-box
}

@media(min-width: 1000px) {
    .products__item.svelte-1w4mymc {
        width: calc(100% / 3)
    }
}

@media(min-width: 1100px) {
    .products__item.svelte-1w4mymc {
        padding: calc(var(--gap) * 4) calc(var(--gap) * 4) calc(var(--gap) * 10)
    }
}

@media(min-width: 750px) {
    .no-filter .products__item {
        width: calc(100% / 3)
    }
}

@media(min-width: 1000px) {
    .no-filter .products__item {
        width: calc(100% / 4);
        padding: calc(var(--gap) * 4) calc(var(--gap) * 4) calc(var(--gap) * 10)
    }
}

.sort.svelte-1vvs73d {
    display: flex;
    align-items: center
}

.sort__label.svelte-1vvs73d {
    display: none
}

@media(min-width: 750px) {
    .sort__label.svelte-1vvs73d {
        display: block;
        flex: 0 0 auto;
        margin-right: calc(var(--gap) * 2);
        font-size: var(--p--2)
    }
}

.filter-category.svelte-5on0io.svelte-5on0io {
    margin-top: calc(var(--gap) * 4);
    padding-top: calc(var(--gap) * 4);
    border-top: 1px solid var(--color--neutrals-3)
}

    .filter-category.svelte-5on0io.svelte-5on0io:first-child {
        margin-top: 0
    }

.filter-category__header.svelte-5on0io.svelte-5on0io {
    display: flex;
    user-select: none
}

.filter-category__label.svelte-5on0io.svelte-5on0io {
    flex: 0 1 auto;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer
}

@media(min-width: 750px) {
    .filter-category__label.svelte-5on0io.svelte-5on0io {
        pointer-events: none
    }
}

.filter-category__description.svelte-5on0io.svelte-5on0io {
    flex: 0 0 auto;
    margin-left: calc(var(--gap) * 3)
}

.filter-category__trigger.svelte-5on0io.svelte-5on0io {
    transition: transform 250ms;
    margin-left: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    cursor: pointer
}

@media(min-width: 750px) {
    .filter-category__trigger.svelte-5on0io.svelte-5on0io {
        pointer-events: none
    }
}

.filter-category.is-open.svelte-5on0io .filter-category__trigger.svelte-5on0io {
    transform: rotateX(180deg)
}

.filter-category__icon.svelte-5on0io.svelte-5on0io {
    transform: rotate(90deg);
    width: 14px
}

@media(min-width: 750px) {
    .filter-category__icon.svelte-5on0io.svelte-5on0io {
        display: none
    }
}

.filter-category__content.svelte-5on0io.svelte-5on0io {
    transition: height 250ms, opacity 250ms;
    opacity: 1;
    overflow: hidden
}

.filter-category.svelte-5on0io:not(.is-open) .filter-category__content.svelte-5on0io {
    height: 0 !important;
    opacity: 0
}

.filter-category__filters.svelte-5on0io.svelte-5on0io {
    padding: calc(var(--gap) * 1) calc(var(--gap) * 4) 0
}

@media(min-width: 750px) {
    .filter-category__filters.svelte-5on0io.svelte-5on0io {
        padding-left: 0
    }
}

.filter-category__item.svelte-5on0io.svelte-5on0io {
    margin-top: calc(var(--gap) * 3)
}

.selected__header.svelte-1xwu995 {
    display: flex;
    align-items: center;
    user-select: none
}

.selected__label.svelte-1xwu995 {
    flex: 0 0 auto;
    font-size: var(--p--1);
    line-height: 1;
    font-weight: 700
}

.selected__link.svelte-1xwu995 {
    transition: color 250ms;
    flex: 0 0 auto;
    margin-left: auto;
    font-size: var(--p--2);
    line-height: 1;
    color: var(--color--action);
    cursor: pointer
}

    .selected__link.svelte-1xwu995:hover, .selected__link.svelte-1xwu995:active, .selected__link.svelte-1xwu995:focus {
        color: var(--color--hover)
    }

.selected__content.svelte-1xwu995 {
    margin-top: calc(var(--gap) * 5)
}

.selected__item.svelte-1xwu995 {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--gap) * 3);
    font-size: var(--p--2)
}

    .selected__item.svelte-1xwu995:first-child {
        margin-top: 0
    }

.selected__filter.svelte-1xwu995 {
    flex: 0 1 auto;
    line-height: 1.2
}

.selected__icon.svelte-1xwu995 {
    flex: 0 0 auto;
    width: 20px;
    padding: 3px 5px
}

.filter-product.svelte-168765i.svelte-168765i {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    user-select: none
}

.filter-product__header.svelte-168765i.svelte-168765i {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #F7F7F7
}

.filter-product__tag.svelte-168765i.svelte-168765i {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 26px;
    padding: 0 calc(var(--gap) * 5);
    color: var(--color--neutrals-0);
    background-color: var(--color--neutrals-7);
    font-size: var(--p--2);
    font-weight: 700
}

.filter-product__sale.svelte-168765i.svelte-168765i {
    background-color: var(--color--sale);
    position: absolute;
    top: calc(var(--gap) * 2);
    right: calc(var(--gap) * 2);
    color: #ffffff;
    padding: calc(var(--gap) * 1) calc(var(--gap) * 2);
    z-index: 2;
    font-weight: 500;
    font-size: var(--p--2)
}

.filter-product__visual.svelte-168765i.svelte-168765i {
    flex: 0 0 auto;
    padding: calc(var(--gap) * 7)
}

.filter-product__image.svelte-168765i.svelte-168765i {
    transition: transform 700ms;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    backface-visibility: hidden
}

@media(hover: hover) {
    .filter-product__visual.svelte-168765i:hover .filter-product__image.svelte-168765i {
        transform: scale(1.05)
    }
}

.filter-product__image.svelte-168765i img.svelte-168765i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain !important
}

.filter-product__arrow.svelte-168765i.svelte-168765i {
    transition: opacity 250ms;
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    opacity: 0.3
}

    .filter-product__arrow.svelte-168765i.svelte-168765i:hover {
        opacity: 1
    }

.filter-product__arrow.disabled.svelte-168765i.svelte-168765i {
    pointer-events: none;
    opacity: 0
}

.filter-product__arrow--prev.svelte-168765i.svelte-168765i {
    transform: translate(0, -50%) rotate(-180deg);
    left: calc((calc(var(--gap) * 8) - 18px) / 2);
    cursor: pointer
}

.filter-product__arrow--next.svelte-168765i.svelte-168765i {
    right: calc((calc(var(--gap) * 8) - 18px) / 2);
    cursor: pointer
}

.filter-product__colors.svelte-168765i.svelte-168765i {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: calc(var(--gap) * 3)
}

.filter-product__color.svelte-168765i.svelte-168765i {
    display: block;
    margin-left: calc(var(--gap) * 2)
}

    .filter-product__color.svelte-168765i.svelte-168765i:first-child {
        margin-left: 0
    }

.has-carousel.svelte-168765i .filter-product__color.svelte-168765i {
    cursor: pointer
}

.filter-product__content.svelte-168765i.svelte-168765i {
    flex: 1 1 auto;
    margin-top: calc(var(--gap) * 4)
}

.filter-product__heading.svelte-168765i.svelte-168765i {
    position: relative;
    margin-bottom: calc(var(--gap) * 2) !important;
    width: auto;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

.filter-product__label.svelte-168765i.svelte-168765i {
    display: none
}

.filter-product__label.is-active.svelte-168765i.svelte-168765i {
    display: block
}

.filter-product__price.svelte-168765i.svelte-168765i {
    display: none;
    margin-bottom: calc(var(--gap) * 4);
    color: var(--color--neutrals-6);
    font-size: .85714286em;
    line-height: 1.42857143
}

.filter-product__price.is-active.svelte-168765i.svelte-168765i {
    display: block
}

.filter-product__description.svelte-168765i.svelte-168765i {
    width: 85%;
    font-size: .85714286em;
    line-height: 1.42857143
}

.icon-cross.svelte-7i2tei {
    position: relative;
    display: block;
    flex: 1 1 auto;
    cursor: pointer;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden
}

.icon-cross__inner.svelte-7i2tei {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

    .icon-cross__inner.svelte-7i2tei:before, .icon-cross__inner.svelte-7i2tei:after {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 140%;
        height: 2px;
        border-radius: 2px;
        margin-top: -1px;
        margin-left: -20%;
        background-color: currentcolor;
        content: ''
    }

    .icon-cross__inner.svelte-7i2tei:before {
        transform: rotate(-45deg)
    }

    .icon-cross__inner.svelte-7i2tei:after {
        transform: rotate(45deg)
    }

.tooltip.svelte-qwnzuj.svelte-qwnzuj {
    transition: color 300ms;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: var(--color--neutrals-3)
}

.tooltip.is-visible.svelte-qwnzuj.svelte-qwnzuj {
    color: var(--color--action);
    z-index: 3
}

.tooltip__trigger.svelte-qwnzuj.svelte-qwnzuj {
    display: block;
    width: 18px;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1
}

.tooltip__target.svelte-qwnzuj.svelte-qwnzuj {
    transition: opacity 300ms;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    width: 90vw;
    max-width: 250px
}

.is-visible.svelte-qwnzuj .tooltip__target.svelte-qwnzuj {
    opacity: 1;
    pointer-events: all
}

.tooltip__content.svelte-qwnzuj.svelte-qwnzuj {
    padding: calc(var(--gap) * 2);
    color: var(--color--neutrals-0);
    background-color: var(--color--action);
    font-size: var(--p--2);
    line-height: 1.5;
    border-radius: 4px
}

[data-popper-placement='top'] .tooltip__arrow {
    bottom: -4px
}

[data-popper-placement='bottom'] .tooltip__arrow {
    top: -4px
}

.tooltip__arrow.svelte-qwnzuj.svelte-qwnzuj:after {
    transform: rotate(45deg);
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--color--action);
    content: ''
}

.dropdown.svelte-1yt6l50 {
    position: relative;
    flex: 1 1 auto
}

.dropdown__input.svelte-1yt6l50 {
    display: block;
    width: 100%;
    height: var(--atom-height);
    padding: 0 calc(var(--gap) * 6) 0 calc(var(--gap) * 2);
    border: 1px solid var(--color--neutrals-10);
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    cursor: pointer;
    font-size: var(--p--1)
}

@media(min-width: 750px) {
    .dropdown__input.svelte-1yt6l50 {
        height: var(--atom-height--small);
        padding: 0 calc(var(--gap) * 15) 0 calc(var(--gap) * 2);
        font-size: var(--p--2)
    }
}

.dropdown__input.svelte-1yt6l50:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color--neutrals-0), 0 0 0 4px var(--color--action)
}

select.svelte-1yt6l50::-ms-expand {
    display: none
}

.dropdown__trigger.svelte-1yt6l50 {
    transition: transform 250ms;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-right: calc(var(--gap) * 2);
    pointer-events: none
}

    .dropdown__trigger.svelte-1yt6l50:before {
        position: absolute;
        top: 2px;
        bottom: 2px;
        right: 100%;
        z-index: 1;
        display: block;
        width: calc(var(--gap) * 6);
        content: '';
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0))
    }

.dropdown__symbol.svelte-1yt6l50 {
    transform: rotate(90deg);
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px
}

.filter.svelte-1tj9hln.svelte-1tj9hln {
    position: relative;
    padding: 0
}

.filter__inner.svelte-1tj9hln.svelte-1tj9hln {
    display: flex;
    align-items: flex-start;
    padding-bottom: 1px
}

input[type='checkbox'].svelte-1tj9hln.svelte-1tj9hln {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none
}

.filter__spoof.svelte-1tj9hln.svelte-1tj9hln {
    transition: border-color 150ms, background-color 150ms;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    padding: 0;
    color: var(--color--neutrals-0);
    border: 1px solid var(--color--neutrals-10);
    border-radius: 0;
    background: var(--color--neutrals-0)
}

input[type='checkbox'].svelte-1tj9hln:checked + .filter__spoof.svelte-1tj9hln {
    color: var(--color--neutrals-0);
    background-color: var(--color--neutrals-10)
}

.filter__icon.svelte-1tj9hln.svelte-1tj9hln {
    display: block;
    width: 12px;
    color: inherit
}

input[type='checkbox']:checked + .filter__spoof.svelte-1tj9hln .filter__icon.svelte-1tj9hln {
    animation: 500ms 1 forwards svelte-1tj9hln-popout
}

.filter__icon.svelte-1tj9hln svg.svelte-1tj9hln {
    display: block;
    width: 100%;
    height: 100%
}

.filter__label.svelte-1tj9hln.svelte-1tj9hln {
    transform: translateY(1px);
    line-height: 1.3;
    user-select: none;
    font-size: 14px
}

@keyframes svelte-1tj9hln-popout {
    0% {
        transform: scale(0)
    }

    60% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

.radio-color.svelte-xhow7w {
    transition: box-shadow 250ms, border-width 250ms;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    border: 2px solid var(--color--neutrals-2);
    overflow: hidden;
    border-radius: 50%;
    background-color: currentColor
}

.radio-color.is-active.svelte-xhow7w {
    box-shadow: 0 0 0 1px var(--color--neutrals-4)
}

.link.svelte-1hq1xid.svelte-1hq1xid {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none
}

.link.svelte-1hq1xid > .svelte-1hq1xid {
    flex: 0 0 auto;
    margin-left: var(--gap--2)
}

    .link.svelte-1hq1xid > .svelte-1hq1xid:first-child {
        margin-left: 0
    }

.link.svelte-1hq1xid.svelte-1hq1xid:hover, .link.svelte-1hq1xid.svelte-1hq1xid:focus {
    color: inherit;
    text-decoration: none;
    outline: none
}

.link__label.svelte-1hq1xid.svelte-1hq1xid {
    transition: color 250ms;
    position: relative;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    line-height: 1.2
}

.link--default.svelte-1hq1xid .link__label.svelte-1hq1xid:after {
    transition: width 250ms, opacity 350ms;
    transform: translate(-50%, 0.75em);
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0%;
    height: 1px;
    background-color: currentColor;
    content: '';
    backface-visibility: hidden;
    opacity: 0
}

.link--default.svelte-1hq1xid:hover .link__label.svelte-1hq1xid:after {
    width: 100%;
    opacity: 1
}

.link--default.svelte-1hq1xid:active .link__label.svelte-1hq1xid:after {
    transition: width 150ms;
    width: calc(100% - var(--gap--4))
}
