.single-banner-filter .single-banner{position:relative;z-index:5;overflow:visible}.single-banner-filter .single-banner__bg-rotator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}.single-banner-filter .single-banner__bg-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.1s ease-in-out;background-color:transparent}.single-banner-filter .single-banner__bg-slide.is-active{opacity:1}.single-banner-filter .filter{position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);z-index:2}.single-banner-filter .textbox{text-align:center}.single-banner-filter .section-content{z-index:11;position:relative}.single-banner-filter .text-3 li{line-height:31px}.single-banner-filter .text-3 a{color:inherit}.single-banner-filter .ymm-panel{display:flex;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;overflow:visible;background:transparent}.single-banner-filter .ymm-panel__title{position:relative;z-index:2;width:max-content;max-width:min(520px,92%);padding:16px 42px 14px;margin:0;border-radius:6px 6px 0 0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 8px 28px #00000047}.single-banner-filter .ymm-panel__title .text-1,.single-banner-filter .ymm-panel__title .text-2,.single-banner-filter .ymm-panel__title .text-3{margin-left:auto;margin-right:auto}.single-banner-filter.has-ymm-panel .ymm-panel__title [class^=text-]{margin-bottom:0!important}.single-banner-filter.has-ymm-panel .ymm-panel__title [class^=text-]+[class^=text-]{margin-top:6px!important}.single-banner-filter .ymm-panel__filters{position:relative;z-index:1;width:100%;padding:16px 22px 18px;border-radius:6px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 10px 36px #00000052;overflow:visible}.single-banner-filter.has-ymm-panel .tabs-content .tabs-content_item{background-color:transparent!important;padding:0;overflow:visible}.single-banner-filter.has-ymm-panel .filter-wrapper,.single-banner-filter.has-ymm-panel .tabs-content,.single-banner-filter.has-ymm-panel .tabs-content_wrapper,.single-banner-filter.has-ymm-panel .js-metafield-filter{overflow:visible}.single-banner-filter.has-ymm-panel .chosen-container{position:relative;z-index:5}.single-banner-filter.has-ymm-panel .chosen-container.active,.single-banner-filter.has-ymm-panel .chosen-container.open{z-index:5}.single-banner-filter.has-ymm-panel .chosen-container:has(.chosen-drop.active){z-index:40}.single-banner-filter.has-ymm-panel .chosen-drop.active{z-index:50}.single-banner-filter .single-banner__bg-nav{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(220px,60vw);pointer-events:auto}.single-banner-filter .single-banner__bg-progress{width:100%;height:3px;border-radius:999px;background:#ffffff38;overflow:hidden}.single-banner-filter .single-banner__bg-progress>span{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#62abf4,#9fd0ff,#fff);transform-origin:left center}.single-banner-filter .single-banner__bg-progress.is-animating>span{animation-name:jdj-banner-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes jdj-banner-progress{0%{width:0%}to{width:100%}}.single-banner-filter .single-banner__bg-dots{display:flex;align-items:center;justify-content:center;gap:8px}.single-banner-filter .single-banner__bg-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#fff6;box-shadow:0 0 0 1px #00000026;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.single-banner-filter .single-banner__bg-dot:hover{background:#ffffffb3}.single-banner-filter .single-banner__bg-dot.is-active{background:linear-gradient(135deg,#62abf4,#fff);transform:scale(1.2);box-shadow:0 0 10px #62abf4a6}@media(max-width:767px){.single-banner-filter .ymm-panel{max-width:100%;margin:0 10px}.single-banner-filter .ymm-panel__title{max-width:88%;padding:12px 22px 10px}.single-banner-filter .ymm-panel__filters{padding:12px 12px 14px}.single-banner-filter .single-banner__bg-nav{bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-single-banner-filter.css.map */