.brand-slider__container{display:block;overflow:hidden;position:relative}.brand-slider__track{display:flex;gap:var(--brand-slider-gap, 16px);transition:transform .4s ease;will-change:transform}.brand-slider__slide{flex:0 0 calc((100% - (var(--brand-slider-columns, 6) - 1) * var(--brand-slider-gap, 16px)) / var(--brand-slider-columns, 6));min-width:0}.brand-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text);border-radius:var(--brand-slide-border-radius, 8px);border:var(--brand-slide-border, 1px solid var(--color-border, #e5e5e5));background:var(--brand-slide-bg, transparent);padding:var(--brand-slide-padding, 12px);transition:box-shadow .25s,border-color .25s;overflow:hidden}.brand-slide:hover{box-shadow:0 4px 16px #00000014;border-color:var(--color-primary, #333)}.brand-slide:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.brand-slide__image-wrapper{width:100%;height:var(--brand-slide-logo-height, 80px);display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-slide__image-wrapper--framed{border:1px solid var(--color-border, #e5e5e5);border-radius:4px;padding:4px}.brand-slide__image-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.brand-slide__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.3rem;font-weight:600;text-align:center;color:var(--color-text-light, #666);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;padding:.4rem}.brand-slide__name{margin-top:.8rem;font-size:1.2rem;font-weight:500;text-align:center;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.brand-slider__slide--skeleton .brand-slide--skeleton{pointer-events:none}.brand-slide--skeleton .brand-slide__image-wrapper{background:var(--color-border, #e5e5e5);border-radius:4px;animation:brand-slide-shimmer 1.5s infinite linear;background-image:linear-gradient(90deg,var(--color-border, #e5e5e5) 0%,#f5f5f5 50%,var(--color-border, #e5e5e5) 100%);background-size:200% 100%}@keyframes brand-slide-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.brand-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:none;border-radius:50%;background:#ffffffd9;color:var(--color-text);cursor:pointer;opacity:0;transition:opacity .25s,background-color .25s,box-shadow .25s;box-shadow:0 2px 8px #0000001a}.brand-slider__container:hover .brand-slider__arrow:not(:disabled){opacity:1}.brand-slider__arrow:hover:not(:disabled){background:#fffffffa;box-shadow:0 2px 12px #0000002e}.brand-slider__arrow:disabled{opacity:0;cursor:default;pointer-events:none}.brand-slider__arrow--prev{left:.4rem}.brand-slider__arrow--next{right:.4rem}.brand-picker-btn{display:block;margin:1.6rem auto 0;padding:1rem 2.4rem;background:var(--color-primary, #e67e22);color:#fff;border:none;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:opacity .2s}.brand-picker-btn:hover{opacity:.85}.bp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99999;display:flex;align-items:center;justify-content:center}.bp-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.bp-header{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;border-bottom:1px solid #e5e5e5}.bp-title{margin:0;font-size:1.8rem;font-weight:700}.bp-close{background:none;border:none;font-size:2.4rem;cursor:pointer;color:#666;line-height:1;padding:.4rem}.bp-close:hover{color:#333}.bp-body{display:flex;flex:1;min-height:0;overflow:hidden}.bp-col{flex:1;display:flex;flex-direction:column;padding:1.2rem;min-height:0}.bp-col--left{border-right:1px solid #e5e5e5}.bp-col-title{font-size:1.4rem;font-weight:600;margin-bottom:.8rem;color:#333}.bp-search{width:100%;padding:.8rem 1.2rem;border:1px solid #ddd;border-radius:6px;font-size:1.3rem;margin-bottom:.8rem;outline:none}.bp-search:focus{border-color:var(--color-primary, #e67e22)}.bp-list{flex:1;overflow-y:auto;min-height:0}.bp-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;cursor:pointer;border-radius:4px;transition:background .15s;font-size:1.3rem}.bp-item:hover{background:#f5f5f5}.bp-checkbox{width:1.6rem;height:1.6rem;flex-shrink:0;accent-color:var(--color-primary, #e67e22)}.bp-item-name{color:#333}.bp-info{font-size:1.2rem;color:#999;margin-bottom:.8rem;font-style:italic}.bp-right-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:.4rem;cursor:grab;font-size:1.3rem;transition:background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.bp-right-item:hover{background:#eef;box-shadow:0 1px 4px #00000014}.bp-right-item.bp-dragging{opacity:.5;background:#e8f0fe}.bp-right-item.bp-drag-over{border-color:var(--color-primary, #e67e22)}.bp-grip{color:#bbb;font-size:1.4rem;cursor:grab;flex-shrink:0}.bp-right-name{flex:1;color:#333}.bp-remove{background:none;border:none;font-size:1.8rem;color:#ccc;cursor:pointer;line-height:1;padding:0 .4rem;flex-shrink:0}.bp-remove:hover{color:#e74c3c}.bp-footer{padding:1.2rem 2rem;border-top:1px solid #e5e5e5;text-align:center}.bp-save{padding:1rem 3rem;background:var(--color-primary, #e67e22);color:#fff;border:none;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background .2s}.bp-save:hover{opacity:.9}.bp-slug-output{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:1.1rem;font-family:monospace;color:#333;background:#f8f9fa;resize:none;margin-bottom:.8rem;cursor:text;-webkit-user-select:all;user-select:all}.bp-slug-output:focus{border-color:var(--color-primary, #e67e22);outline:none}.bp-copy-info{font-size:1.1rem;color:#666;margin-top:.6rem}@media screen and (max-width:989px){.brand-slider__slide{flex:0 0 calc((100% - 3 * var(--brand-slider-gap, 16px)) / 4)}}@media screen and (max-width:749px){.brand-slider__container{overflow:hidden}.brand-slider__track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:.4rem;transition:none;transform:none!important;will-change:auto;scrollbar-width:none;gap:5px}.brand-slider__track::-webkit-scrollbar{display:none}.brand-slider__slide{flex:0 0 auto;scroll-snap-align:start}.brand-slide{padding:4px}.brand-slide__image-wrapper{width:auto;height:48px}.brand-slide__image-wrapper img{height:100%;width:auto;max-width:none}.brand-slider__arrow{display:none}.bp-modal{width:95%;max-height:90vh}.bp-body{flex-direction:column}.bp-col--left{border-right:none;border-bottom:1px solid #e5e5e5;max-height:40vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-brand-slider.css.map */