/* Start:/local/js/local/components/base-select/dist/component.bundle.css?1700457969136*/
.base-select--input_error {
    border-color: #cc2e12 !important;
}

.base-select--input:hover {
    border-color: #d9d9d9 !important;
}
/* End */


/* Start:/local/js/local/components/tile-select/dist/component.bundle.css?16738577331992*/
.tile-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 30px;
}
.tile-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    cursor: pointer;
}
.tile-img {
    padding: 30px 10px 10px;
    border-radius: 15px;
    width: 239px;
    height: 138px;
    text-align: center;
    overflow-y: hidden;
}
.tile-img img {
    width: 180px;
}
.tile-label {
    font-size: 17px;
}
.tile-label.active {
    color: #337ab7;
}

@media only screen and (max-width: 991px) {
    .tile-select {
        width: calc(100% + 25px);
        margin: 0 -15px;
        padding-left: 20px;
        padding-right: 40px;
        padding-bottom: 15px;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        white-space: nowrap;
        overflow: auto;
    }
    .tile-select::after {
        content: ' ';
        display: block;
        width: 60px;
        height: inherit;
        top: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background: -o-linear-gradient(left, rgba(132, 132, 132, 0) 0%, #ffffff 70%);
        background: -webkit-gradient(linear, left top, right top, from(rgba(132, 132, 132, 0)), color-stop(70%, #ffffff));
        background: linear-gradient(left, rgba(132, 132, 132, 0) 0%, #ffffff 70%);
    }
    .tile-img{
        width: 160px;
        height: 98px;
        padding-top: 20px;
    }
    .tile-label{
        font-size: 14px;
    }
}
/* End */


/* Start:/local/js/local/components/base-search-select/dist/component.bundle.css?17888631434048*/
.bss-dropdown-toggle {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: text;
    white-space: normal;
    height: 55px;
    border-radius: 15px;
    padding: 0 1em 0 .75em;
    outline: none;
    color: #252525;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M22.3705 0.627083C22.1731 0.422681 21.9385 0.260493 21.6802 0.149832C21.4219 0.0391709 21.1449 -0.0178011 20.8652 -0.0178011C20.5855 -0.0178011 20.3086 0.0391709 20.0503 0.149832C19.792 0.260493 19.5574 0.422681 19.36 0.627083L11.4836 8.80444L3.60797 0.627083C3.41053 0.422571 3.17588 0.260291 2.9175 0.149564C2.65913 0.0388384 2.38208 -0.018158 2.1023 -0.018158C1.82252 -0.018158 1.54552 0.0388384 1.28714 0.149564C1.02877 0.260291 0.794117 0.422571 0.596674 0.627083C0.198978 1.0438 -0.0239258 1.60516 -0.0239258 2.18998C-0.0239258 2.7748 0.198978 3.33615 0.596674 3.75288L9.86145 13.3722C10.3078 13.7836 10.8854 14.0111 11.4839 14.0111C12.0825 14.0111 12.6601 13.7836 13.1065 13.3722L22.3705 3.75288C22.7686 3.33634 22.9917 2.77491 22.9917 2.18998C22.9917 1.60504 22.7686 1.04362 22.3705 0.627083Z' fill='%236C6F71'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}

.bss-select-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 24px;
    padding: 0 2px;
    position: relative
}
.bss-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px 6px 0 3px
}
.bss-selected{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 19px;
    line-height: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 0;
    color: #252525;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 56px;
    background: transparent
}
.base-search-select.bss-open .bss-selected {
    opacity: 1;
    position: absolute;
}
.base-search-select.bss-searching .bss-selected {
    display: none;
}
.bss-search, .bss-search:focus  {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    line-height: 1.4;
    border-left: none;
    outline: none;
    background: none;
    width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    z-index: 1;
    color: #252525;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 38px;
    background: transparent
}
.bss-dropdown-menu {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 10200;
    margin: 0;
    width: 100%;
    min-width: 160px;
    overflow-y: auto;
    border: 1px solid rgba(60,60,60,.26);
    border-top-style: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: #fff;
    max-height: 200px!important;
    border-color: #e0e0e0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 10px 0
}
.bss-dropdown-menu .bss-dropdown-option {
    color: #666;
    font-size: 15px;
    line-height: 2.3em;
    cursor: pointer;
    padding: 0 12px 0 16px
}

.bss-dropdown-menu .bss-dropdown-option:hover {
    background-color: #337ab7;
    color: #fff;
}
.bss-no-options {
    text-align: center;
    font-size: 15px;
    line-height: 1;
    color: #666;
    padding: 6px 0;
}
/* End */


/* Start:/local/js/local/product/accessories-finder/dist/application.bundle.css?16823281169358*/
.af-content{
    position: relative;
}
.af-content--find {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px
}

.search-block {
}
.af-not-found {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 26px;
    margin-top: 30px;
}

.af-type-selector {
    margin-bottom: 30px;
    position: relative;
}
.af-h3 {
    margin-bottom: 23px;
}

.af-select-block {
    width: 50%;
    background-color: #ECF1F7;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 215px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.af-select-block > p {
    font-size: 30px;
    line-height: 44px;
}
.af-select-block > div {
    width: 80%;
}

.find-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    gap: 12px;
    width: 50%;
    position: relative;
    background-color: #ECF1F7;
    border-radius: 15px;
    padding: 15px;
}
.result-text {
    text-align: center;
    width: 67%;
}
.af-product-detail {
    background-color: #FFBB00;
    border-radius: 5px;
    color: #fff;
    font-size: 19px;
    padding: 10px 25px;
    text-transform: lowercase;
}
.af-content ul {
    list-style: none;
    margin-top: -10px;
    padding-top: 20px;
}
.find-result h4 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 29px;
}

.af-first-image {
    margin-bottom: 30px;
    text-align: center;
}

.af-search-input {
    position: relative;
    z-index: 4;
}
.af-search-input .base-input--input
{
    width: 100%;
    height: 70px;
    padding: 0 1em 0 3.5em;
    border: 0;
    background: #ECF1F7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTMyMDBFODJGMUU5MTFFNzgyRjdEQzEwQjQ2MDdEMUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTMyMDBFODNGMUU5MTFFNzgyRjdEQzEwQjQ2MDdEMUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzIwMEU4MEYxRTkxMUU3ODJGN0RDMTBCNDYwN0QxQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMzIwMEU4MUYxRTkxMUU3ODJGN0RDMTBCNDYwN0QxQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmbui8UAAAEnSURBVHjarJWBDYMgEEWhEzCCG5QRHMERGMERuoHdwBFsJ7Ab1A3qBrYT0CP511xObNRIcgkg9+4Dd2hijEYbtUDWkUVlL7KWzOf8fv4KVsIxDZ5kF7IK8zWAE76noO4vFOpYTbmogkAIxoFdFgo1i4sW4B6qZz4cedoCVMeVOo2G1vhQbgEKQAt/J6F9UrkHKI4hdQLPnbCFu9nZCDKgW/DcyRzTHmTno6FJ5Siho4yytVlrHaAfOT+7vY0Xxdnj5e37XK6tBHKO97mKanRarIT2WqWEOlRUGtQrYIVYPxOjt9KJRyVkatpjV5N4raIWk1NRKRVRPIdsLdQGPZ8Ylm8rkyoFqq1QST6Qz1usCwjC7Wr21nzmT8Fq+0WlO4rA4+huXwEGAJbvcK/ZO2zFAAAAAElFTkSuQmCC) 1.2em no-repeat;
    font-size: 24px;
    color: #666;
    border-radius: 100px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none
}
.af-search-input.is-loading .base-input--input {
    background-color: #dce0e5;
}

.af-search-result {
    position: absolute;
    width: calc(100% - 1px);
    text-align: left;
    max-height: 0;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-box-shadow: 2px 0 5px rgba(0,0,0,.3);
            box-shadow: 2px 0 5px rgba(0,0,0,.3);
    z-index: 3;
    margin: -35px auto 0 auto;
    padding: 35px 0 0 0;
    visibility: hidden
}
.alternate-result {
    padding: 15px 27px 5px;
    color: #f52c2c;
}
.af-search-result.loading {
    opacity: 0.4;
}
.af-search-result.loading ul:before{
    content: '***';
    position: absolute;
}
.af-search-result.active
{
    max-height: 800px;
    visibility: visible
}
.af-search-result ul {
    border: 0;
    padding: 0.6em 0 0;
}
.af-search-result li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    font-size: 1em;
    line-height: 1.4em;
    color: #666;
    padding: .6em 1.6em;
    background: transparent
}
.af-search-result li a span {
    font-size: 13px;
    color: #ccc;
    line-height: 5px;
}
.result-image {
    position: relative;
    width: 182px;
    text-align: center;
}
.result-image img {
    border-radius: 12px;
}
.af-desp {
    width: 82%;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.5em;
    color: #666;
    margin: 0;
}
.af-select-empty{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
}

.af-accessories-content{
    margin-top: 25px;
}

.af-accessories-content.is-loading {
    -webkit-filter: blur(4px);
            filter: blur(4px);
}

.af-content--find .base-select {
    height: inherit;
}

.af-content--find .base-search-select {
    width: 100%;
    position: relative;
}
.af-content--find .bss-dropdown-toggle {
}
.af-content--find .bss-selected {
}

.af-content--find .bss-search, .af-content--find .bss-search:focus {
    height: 56px;
}

.base-select--input {
    display: block;
    width: 100%!important;
    padding: 0 1.1em;
    color: #FFFFFF;
    font-size: 24px;
    border-color: transparent;
    height: 70px;
    border-radius: 25px;
    background-color: #0189DD;
    background-image: url("data:image/svg+xml;utf8,<svg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M22.3705 0.627083C22.1731 0.422681 21.9385 0.260493 21.6802 0.149832C21.4219 0.0391709 21.1449 -0.0178011 20.8652 -0.0178011C20.5855 -0.0178011 20.3086 0.0391709 20.0503 0.149832C19.792 0.260493 19.5574 0.422681 19.36 0.627083L11.4836 8.80444L3.60797 0.627083C3.41053 0.422571 3.17588 0.260291 2.9175 0.149564C2.65913 0.0388384 2.38208 -0.018158 2.1023 -0.018158C1.82252 -0.018158 1.54552 0.0388384 1.28714 0.149564C1.02877 0.260291 0.794117 0.422571 0.596674 0.627083C0.198978 1.0438 -0.0239258 1.60516 -0.0239258 2.18998C-0.0239258 2.7748 0.198978 3.33615 0.596674 3.75288L9.86145 13.3722C10.3078 13.7836 10.8854 14.0111 11.4839 14.0111C12.0825 14.0111 12.6601 13.7836 13.1065 13.3722L22.3705 3.75288C22.7686 3.33634 22.9917 2.77491 22.9917 2.18998C22.9917 1.60504 22.7686 1.04362 22.3705 0.627083Z' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.af-product-shorts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 3px 3px;
    border-bottom: 1px solid #f0f0f0;
}
.af-product-shorts span {
    padding-right: 10px;
}

@media only screen and (max-width: 640px) {
    .find-filter {
        width: 100%;
        margin-right: 0;
    }
    .result-text h4 {
        /*font-size: 20px;*/
        margin-top: 10px;
        font-size: 15px;
        font-weight: 600;
    }
    .find-result {
        min-height: auto;
        width: auto;
    }
    .af-select-block > div {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .af-product-shorts {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .af-content--find{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 12px;
    }
    .af-select-block {
        width: 100%;
    }
    .find-result {
        width: 100%;
    }
    .af-type-selector {
        margin: 0 -16px 15px -16px;
    }
    .af-search-input .base-input--input {
        height: 50px;
        font-size: 17px;
        border-radius: 50px;
    }
    .af-h1.h1 {
        font-size: 26px;
    }
}
/* End */
/* /local/js/local/components/base-select/dist/component.bundle.css?1700457969136 */
/* /local/js/local/components/tile-select/dist/component.bundle.css?16738577331992 */
/* /local/js/local/components/base-search-select/dist/component.bundle.css?17888631434048 */
/* /local/js/local/product/accessories-finder/dist/application.bundle.css?16823281169358 */