:root{--filter_bar_bg: linear-gradient(to right, #eeffef 0%, #f3edfa 50%, #f5fcff 100%);--filter_bar_border: transparent;--filter_bar_padding: 20px;--filter_bar_position: relative;--filter_bar_spacing: 20px;--filter_bar_text: #000000;--filter_bar_button_bg: #ffffff85;--filter_bar_button_border: #e8e8e8;--filter_bar_button_text: #000000;--filter_bar_button_hover_bg: #f5f5f5;--filter_bar_button_active_bg: #000000;--filter_bar_button_active_text: #ffffff;--filter_bar_font_size: 14px;--filter_bar_font_weight: 600;--filter_bar_mobile_padding: 15px;--filter_bar_mobile_font_size: 15px;--filter-button-radius: 13px;--filter-button-shadow: 0 4px 8px rgba(0, 0, 0, .231);--filter-font-weight-active: 300;--Poppup-triger-button-bg: #323232;--Poppup-triger-button-border: solid 0px rgb(255, 255, 255);--Poppup-triger-button-text-color:#ffffff;--Poppup-triger-box-shadow: 0 0 0 0 #000000;--Poppup-triger-info-text-color:rgb(0, 0, 0);--Poppup-triger-info-text-size:16px;--Poppup-triger-info-text-bg:linear-gradient(to right, #ffffff, #ffffff)}.collection-content .grid__item--sidebar{display:none}.collection-content .grid__item--content{width:100%;padding-left:0;padding-right:0}.collection-content .grid{margin-left:0;margin-right:0}.collection-content .grid__item{padding-left:0;padding-right:0}@media screen and (min-width:769px){.collection-content .grid__item{padding-left:15px;padding-right:15px}}.custom-collection-filter{background:var(--filter_bar_bg);border-bottom:1px solid var(--filter_bar_border);padding:var(--filter_bar_padding) 0;position:var(--filter_bar_position);z-index:10}.custom-filter-bar{display:flex;align-items:center;gap:var(--filter_bar_spacing);flex-wrap:wrap;justify-content:space-between}.label,label:not(.variant__button-label):not(.text-label){font-size:.8em;letter-spacing:normal;text-transform:none}.case-type-buttons{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center}.case-type-button{display:flex;align-items:center;justify-content:center;padding:2px 3px;flex:1;min-width:275px;background:var(--filter_bar_button_bg);border:2px solid var(--filter_bar_button_border);border-radius:var(--filter-button-radius);transition:all .3s ease;cursor:pointer}.case-type-button:hover{transform:translateY(-2px) scale(1.03)}.case-type-button--active{background:var(--filter_bar_button_bg);box-shadow:0 0 5px #00000054;border:solid 7px #baabc8!important}.case-type-button__input{position:absolute;opacity:0;cursor:pointer}.case-type-button__content{display:flex;align-items:center;width:100%;border-radius:8px;flex-direction:row;GAP:8PX;align-content:center;justify-content:space-around}@media screen and (max-width:769px){.case-type-button__content{display:flex;align-items:center;width:100%;flex-direction:row-reverse;justify-content:space-around;border-radius:8px}}.case-type-button__image{width:auto;height:53px;flex-shrink:0;border-radius:6px;overflow:hidden}.case-type-button__image img{width:100%;height:100%;object-fit:cover}.case-type-button__text{flex-grow:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.case-type-button__title{font-weight:var(--filter-font-weight-active);font-size:var(--filter_bar_font_size);color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-type-button__description{font-size:14px;color:#7d7d7d;line-height:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;text-align:-webkit-auto}.breadcrumb-menu{position:relative}.selected-model-text,.selected-case-type-text{font-size:var(--filter_bar_mobile_font_size);color:var(--Poppup-triger-info-text-color);padding:4px 0;font-weight:var(--filter-font-weight-active);background:var(--Poppup-triger-info-text-bg);font-size:var(--Poppup-triger-info-text-size);margin-bottom:3px;border-radius:5px}.hide-selection-texts .selected-model-text,.hide-selection-texts .selected-case-type-text{display:none}@media screen and (max-width:769px){.breadcrumb-menu{position:relative;display:flex;flex-direction:column;align-content:center;align-items:center}}.breadcrumb-menu__button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;cursor:pointer;color:#000;font-size:.9em;transition:all .3s ease;width:100%;justify-content:space-between}.breadcrumb-menu__content{padding:3px;transition:max-height .3s ease}.breadcrumb-menu__content .brand_filters{max-height:600px;overflow-y:hidden}.breadcrumb-menu__content .accordion,.breadcrumb-menu__content .grandchild3647{list-style:none;padding:0;margin:0}.breadcrumb-menu__content .accordion li,.breadcrumb-menu__content .grandchild3647 li{margin:0;padding:0}.breadcrumb-menu__content .model_link,.breadcrumb-menu__content .grandchild3647 li a{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:var(--colorTextBody);text-decoration:none;transition:background-color .3s ease}.breadcrumb-menu__content .model_link:hover,.breadcrumb-menu__content .model_link.active,.breadcrumb-menu__content .grandchild3647 li a:hover,.breadcrumb-menu__content .grandchild3647 li a.active{background-color:var(--colorTextBody);color:var(--colorBody)}.breadcrumb-menu__content .model_submenu{display:none;padding-left:0;overflow-y:scroll;max-height:395px}.breadcrumb-menu__content .model_submenu.active{display:block}@media screen and (max-width:768px){.breadcrumb-menu__content{position:static;margin-top:0;border-top:none;border-radius:0 0 6px 6px;box-shadow:none;max-height:0;overflow:hidden;padding:0}.breadcrumb-menu__button[aria-expanded=true]{border-radius:6px 6px 0 0;box-shadow:0 2px 4px #00000030;opacity:0;transform:scale(.5);margin-top:-71px}.breadcrumb-menu__button[aria-expanded=true]+.breadcrumb-menu__content{max-height:1000px;padding:10px}}@media screen and (min-width:769px){.breadcrumb-menu__button{display:flex;align-items:center;background:#ceded7;gap:8px;padding:15px;cursor:pointer;color:#000;font-size:.9em;transition:all .3s ease;width:230px;border:none;border-radius:10px}.breadcrumb-menu__button{display:flex;align-items:center;background:#e2f2ec;gap:8px;padding:15px;cursor:pointer;color:#000;font-size:.9em;transition:all .3s ease;width:230px;border:none;border-radius:10px}}.model-filter{position:relative}.model-filter__button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--colorBody);border:1px solid var(--colorBorder);border-radius:6px;cursor:pointer;color:var(--colorTextBody);font-size:.9em;transition:all .3s ease}.model-filter__button:hover{background:var(--colorTextBody);color:var(--colorBody);transform:translateY(-1px)}.model-filter__dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--colorBody);border:1px solid var(--colorBorder);border-radius:6px;box-shadow:0 4px 6px #0000001a;min-width:200px;margin-top:8px;padding:10px}.model-filter__list{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}.model-filter__item{margin:0;padding:0}.model-filter__link{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:var(--colorTextBody);text-decoration:none;transition:background-color .3s ease}.model-filter__link:hover,.model-filter__link--active{background-color:var(--colorTextBody);color:var(--colorBody)}.model-filter__count{font-size:.9em;opacity:.7}.case-type-dropdown{display:none;width:100%;position:relative}.case-type-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none}.case-type-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000005e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.case-type-popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.case-type-popup__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px;line-height:1}.case-type-popup__close:hover{color:#000}.case-type-popup .case-type-buttons{display:flex!important;flex-direction:column;gap:10px;padding:10px 0}.case-type-popup .case-type-button{width:100%;margin:0;display:flex!important}.case-type-dropdown .case-type-buttons{display:none!important}.case-type-buttons.desktop-only{display:flex!important}@media screen and (max-width:768px){.case-type-buttons.desktop-only{display:none!important}}.selected-case-type-text{font-size:var(--filter_bar_mobile_font_size);color:var(--Poppup-triger-info-text-color);padding:4px 0;font-weight:var(--filter-font-weight-active);background:var(--Poppup-triger-info-text-bg);font-size:var(--Poppup-triger-info-text-size);margin-bottom:3px;border-radius:5px}.case-type-dropdown__button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 10px 5px 14px;font-size:var(--filter_bar_mobile_font_size);cursor:pointer;transition:all .3s ease;border-radius:8px;background:#ffffff8f;z-index:2}.case-type-dropdown__button:hover{background:var(--filter_bar_button_bg_hover)}.case-type-dropdown__label{font-weight:var(--filter-font-weight-active);text-align:left;width:95%}.case-type-dropdown__icon{display:flex;align-items:center;transition:transform .3s ease}.case-type-dropdown__button[aria-expanded=true] .case-type-dropdown__icon{transform:rotate(180deg)}@media screen and (max-width:768px){.filter-form{border-radius:8px;display:flex;flex-direction:column;align-content:center;align-items:center}.case-type-dropdown{width:100%}.custom-collection-filter{padding:var(--filter_bar_mobile_padding) 0;background:linear-gradient(45deg,#b7ecff,#d7b4ff,#a7e66f);margin-top:-22px;margin-bottom:15px}.custom-filter-bar{gap:15px;flex-direction:column;align-items:stretch;padding:0 10px}.breadcrumb-menu__button,.model-filter__button{font-size:22px;padding:14px 15px;border-radius:8px;color:#fff;background:#00000054;border:var(--Poppup-triger-button-border);box-shadow:var(--Poppup-triger-box-shadow)}.case-type-dropdown{display:flex;flex-direction:column;align-items:center;align-content:center}.custom-filter-bar .case-type-buttons{position:relative;flex-direction:column;width:100%;margin:0;opacity:1;visibility:visible;z-index:1;gap:18px}.custom-filter-bar .case-type-button{margin:0 auto}.case-type-buttons{gap:10px}.custom-filter-bar .case-type-buttons[style*="display: flex"]{display:flex!important}.custom-filter-bar .case-type-button{width:95%;padding:12px;border:none}.custom-filter-bar .case-type-button:last-child{margin-bottom:0}.custom-filter-bar .case-type-button__image{width:auto;height:65px}.custom-filter-bar .case-type-button__image{width:auto;height:55px}.custom-filter-bar .case-type-button__title{font-size:22px}.drawer__scrollable .case-type-buttons{display:none!important}}@media screen and (min-width:769px){.case-type-dropdown{display:none}.drawer__scrollable .case-type-buttons{display:none!important}}@media screen and (min-width:769px){.custom-filter-bar .case-type-buttons,.custom-filter-bar .case-type-button{display:flex!important;opacity:1!important;visibility:visible!important}}@media screen and (max-width:769px){.filter-drawer-button{display:flex;width:100%;margin-top:10px;align-items:stretch;justify-content:space-around}}.breadcrumb-menu__label{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width:768px){.breadcrumb-menu__label{padding-bottom:3px}}.breadcrumb-menu__title{display:none;font-size:13px;color:#9090b8}@media screen and (max-width:768px){.breadcrumb-menu__title{display:block}.breadcrumb-menu__current{font-weight:var(--filter-font-weight-active)}}.breadcrumb-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none}.breadcrumb-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000005e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.breadcrumb-popup__content{position:absolute;background:#ffffffd4;top:50%;left:50%;transform:translate(-50%,-50%);padding:54px 30px 32px;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:hidden}.breadcrumb-popup__close{position:absolute;top:13px;right:27px;font-size:20px;cursor:pointer;color:#525252;line-height:1;border:solid 2px #525252;border-radius:5px}.breadcrumb-popup__close:hover{color:#000}.breadcrumb-popup__parent-menu{padding:10px 0}.parent-list{list-style:none;padding:0;margin:0}.parent-item{display:block;width:100%;padding:12px 20px;margin-bottom:8px;background:#00000012;color:#000;border:none;border-radius:8px;font-size:24px;text-align:left;cursor:pointer;transition:background-color .3s ease}.breadcrumb-popup__back-button{position:absolute;top:5px;border:none;cursor:pointer;color:#000}.breadcrumb-popup__back-button .icon{width:45px;height:45px;fill:#000}.child-list{list-style:none;padding:0 10px;margin:0;max-height:638px;overflow-y:auto}.child-list li a{display:block;padding:8px 26px;margin-bottom:8px;background:#00000017;color:#000;text-decoration:none;border-radius:8px;font-size:20px;transition:background-color .3s ease}.child-list li a:hover{transform:scale(1.03)}.breadcrumb-popup .model_link,.breadcrumb-popup .model_submenu,.breadcrumb-popup .grandchild3647{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-50%,-48%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.case-type-popup__overlay,.breadcrumb-popup__overlay{animation:fadeIn .3s ease-out forwards}.case-type-popup__content,.breadcrumb-popup__content{animation:scaleIn .3s ease-out forwards}.case-type-popup__close,.breadcrumb-popup__close{transition:transform .2s ease,color .2s ease}.case-type-popup__close:hover,.breadcrumb-popup__close:hover{transform:rotate(9deg)}.case-type-popup.closing .case-type-popup__overlay,.breadcrumb-popup.closing .breadcrumb-popup__overlay{animation:fadeIn .3s ease-out reverse}.case-type-popup.closing .case-type-popup__content,.breadcrumb-popup.closing .breadcrumb-popup__content{animation:scaleIn .3s ease-out reverse}.case-type-popup .case-type-button__image{width:auto;height:80px}.case-type-popup .case-type-button--active{position:relative;background:#fff!important;color:#000;z-index:1;border-radius:12px;border:none!important}.case-type-popup .case-type-button--active:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px solid white;border-radius:18px;z-index:-1}.case-type-popup .case-type-button{background:#ffffff94}.case-type-popup .case-type-button__description{color:#616161}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.case-type-dropdown__button{animation:shake 1s ease-in-out 1s;animation-iteration-count:1}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.case-type-dropdown__button{animation:shake .8s ease-in-out 2s;animation-iteration-count:1}.popup-custom-filters.active{opacity:1;pointer-events:auto;transform:translateY(0)}.popup-custom-filters.is-animating{transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.popup-custom-filters.is-open{display:block}.popup-custom-filters__action-btn{border-radius:1.5rem;font-family:inherit;transition:background .2s,color .2s}.popup-custom-filters__actions{align-content:center;align-items:center;background:none;bottom:25px;display:flex;flex-direction:column-reverse;flex-wrap:nowrap;gap:1rem;justify-content:space-between;position:fixed;right:50%;transform:translate(50%);width:90%}.popup-custom-filters__apply{background:linear-gradient(148deg,#a92aff,#ff9f00);border:none;border-radius:1.5rem;box-shadow:0 2px 5px #00000036;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.75rem 2rem;transition:background .2s;width:100%}.popup-custom-filters__button{background:#ffffff9c;border:none;border-radius:7px;box-shadow:0 2px 8px #00000012;color:#313131;cursor:pointer;font-size:17px;font-weight:600;padding:13px 23px;transition:background .2s,color .2s}.popup-custom-filters__button-input{display:none}.popup-custom-filters__button-input:checked+.popup-custom-filters__button{background:#4d6480;color:#fff}.popup-custom-filters__button-label{align-items:center;display:flex}.popup-custom-filters__buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.popup-custom-filters__clear{background:none;border:solid 1px #ffffff;border-radius:14px;box-shadow:0 1px 5px #0000002b;color:#6b6b6b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 10px}.popup-custom-filters__close{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;height:30px;padding:0;position:absolute;right:17px;top:15px;width:30px;z-index:2}.popup-custom-filters__content{background:#ffffffcf;border-radius:25px;box-shadow:0 8px 32px #00000061;height:50%;left:50%;max-width:90%;padding:50px 35px;position:absolute;top:50%;transform:translate(-50%,-50%);width:45%}@media screen and (max-width:768px){.popup-custom-filters__content{background:#ffffffcf;border-radius:25px;box-shadow:0 8px 32px #00000061;height:85%;left:50%;max-width:90%;padding:25px 15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}}.popup-custom-filters__overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000005e;height:100%;left:0;position:absolute;top:0;width:100%}.popup-custom-filters__section{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:35px}@media screen and (max-width:768px){.popup-custom-filters__section{align-items:center;display:flex;flex-direction:column;margin-bottom:5px}}.popup-custom-filters__section-title{color:#222;font-size:1rem;font-weight:700;margin-bottom:20px}.popup-custom-filters__swatch-icon{border-radius:50%;height:50px;width:50px}.popup-custom-filters__swatch-input{display:none}.popup-custom-filters__swatch-label{align-items:center;background:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;gap:5px;padding:0 9px;transition:background .2s}.popup-custom-filters__swatch-label input:checked+.popup-custom-filters__swatch-icon{border:2px solid #ffffff;box-shadow:0 0 0 3px #000000f0;transform:scale(1.1)}.popup-custom-filters__swatch-label.is-disabled .popup-custom-filters__swatch-icon,.popup-custom-filters__swatch-label.is-disabled .popup-custom-filters__swatch-text,.popup-custom-filters__button-label.is-disabled .popup-custom-filters__button{filter:grayscale(90%);opacity:.2;pointer-events:none}.popup-custom-filters__swatch-label.is-disabled .popup-custom-filters__swatch-text,.popup-custom-filters__button-label.is-disabled .popup-custom-filters__button{text-decoration:line-through;text-decoration-thickness:1.5px}.popup-custom-filters__swatch-label.is-disabled,.popup-custom-filters__button-label.is-disabled{cursor:not-allowed}.popup-custom-filters__swatch-label:hover{transform:scale(1.2) ease-in-out 1s}.popup-custom-filters__swatch-text{color:#444;font-size:13px}.popup-custom-filters__swatches{display:flex;justify-content:flex-start;flex-wrap:wrap}@media(max-width:768px){display: flex;flex-wrap: wrap;justify-content: space-evenly}.popup-custom-filters__text{font-size:18px;margin-top:20px;text-align:center}.popup-custom-filters{display:none;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1001}@media(max-width:768px){.breadcrumb-menu__label{padding-bottom:3px}}.breadcrumb-menu__label{align-items:flex-start;display:flex;flex-direction:column}.filter-drawer-button .js-clear-popup-filters{background:#fff3;border:solid 1px #000000;color:#000;font-weight:300;font-size:13px;min-width:30%;border:none}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(max-width:768px){.filter-drawer-button.is-sticky{position:fixed;top:0;left:0;width:100%;z-index:99;padding:10px 15px;margin-top:0;background:linear-gradient(45deg,#b7ecff,#d7b4ff,#a7e66f);box-shadow:0 2px 10px #0000001a;animation:slideInDown .3s ease-out;border-radius:0;box-sizing:border-box}}@media(max-width:768px){.btn--tertiary-active{background:#d4e1e9;color:#000!important;width:200px;border:none;border-radius:10px;padding:15px}}@media(min-width:768px){.btn--tertiary-active{background:#e4ecf6;color:#000!important;width:200px;border:none;border-radius:10px;padding:15px}}.desktop-only{display:none}@media(min-width:769px){.filter-drawer-button .js-clear-popup-filters{display:none}}.active-popup-filters-container{display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;overflow:hidden;opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;border-width:0;transition:all .4s ease}.active-popup-filters-container.is-visible{opacity:1;max-height:200px;margin-top:15px;padding-top:10px;padding-bottom:10px;border-width:1px}.active-filter-tags{display:flex;flex-wrap:wrap;gap:10px}.filter-color-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.2);margin-right:8px}.active-filter-tag{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:500;color:#333}.active-filter-tag span{margin-right:8px}.active-filter-tag .remove-filter-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#d1d1d1;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:background-color .2s}.active-filter-tag .remove-filter-btn:hover{background-color:#b33030}.clear-all-filters-btn{background:transparent;color:#000;cursor:pointer;font-size:17px;font-weight:300;padding:6px 20px;border:solid 1px #bebebe;border-radius:10px}.clear-all-filters-btn:hover{color:#fff;background:#000}
/*# sourceMappingURL=/cdn/shop/t/77/assets/custom-collection-filter.css.map */