.vq-ar{display:block;--vq-ar-gap: 1.2rem;--vq-ar-card: 15.5rem;--vq-ar-bleed: 1.5rem}.vq-ar--flush .vq-ar__head{padding-inline:var(--vq-ar-bleed)}.vq-ar--flush .vq-ar__rail{margin-inline:0}.vq-ar__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:1.6rem}.vq-ar__title,.pseudo-heading.vq-ar__title{margin:0;min-width:0;color:var(--vq-ar-text, rgb(var(--color-foreground)));font-size:1.8rem;font-weight:700;line-height:1.25;letter-spacing:normal;word-break:normal}.vq-ar__viewall{flex:0 0 auto;color:var(--vq-ar-accent, #45b1e0);font-size:1.5rem;font-weight:600;line-height:1.2;text-decoration:none}.vq-ar__viewall:hover{text-decoration:underline}.vq-ar__rail{display:flex;gap:var(--vq-ar-gap);margin-inline:calc(-1 * var(--vq-ar-bleed));padding-inline:var(--vq-ar-bleed);padding-block:.4rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--vq-ar-bleed);-webkit-overflow-scrolling:touch;scrollbar-width:none}.vq-ar__rail::-webkit-scrollbar{display:none}.vq-ar__item{flex:0 0 var(--vq-ar-card);scroll-snap-align:start}.vq-ar__card{display:flex;flex-direction:column;height:100%;padding:1rem;border:.1rem solid var(--vq-ar-border, rgba(var(--color-foreground), .12));border-radius:1.2rem;background:var(--vq-ar-card-bg, rgb(var(--color-background)))}.vq-ar__media{position:relative;display:block;aspect-ratio:4 / 3;margin-bottom:1.2rem;border-radius:.8rem;background:var(--vq-ar-media-bg, rgba(var(--color-foreground), .04));overflow:hidden}.vq-ar__media img{width:100%;height:100%;padding:.8rem;object-fit:contain}.vq-ar__badge{position:absolute;top:.8rem;left:.8rem;z-index:1;max-width:calc(100% - 1.6rem);padding:.5rem .8rem;border-radius:.6rem;background:var(--vq-ar-badge-bg, #15202b);color:var(--vq-ar-badge-text, #fff);font-size:1rem;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vq-ar__name{display:block;margin:0 0 1.2rem;color:var(--vq-ar-text, rgb(var(--color-foreground)));font-size:1.4rem;font-weight:500;line-height:1.3;text-decoration:none}.vq-ar__name:hover{text-decoration:underline}.vq-ar__variants{max-width:100%;margin:0 0 1.2rem;padding:.5rem 2.4rem .5rem .8rem;border:.1rem solid var(--vq-ar-border, rgba(var(--color-foreground), .12));border-radius:8px;background:rgb(var(--color-background)) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%238a949a' d='M0 0h10L5 6z'/%3E%3C/svg%3E") no-repeat right .8rem center/8px 5px;color:var(--vq-ar-text, rgb(var(--color-foreground)));font-family:inherit;font-size:1.2rem;line-height:1.4;-webkit-appearance:none;appearance:none;cursor:pointer}.vq-ar__variants:focus-visible{outline:.2rem solid var(--vq-ar-accent, #45b1e0);outline-offset:.2rem}.vq-ar__foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:auto}.vq-ar__price{margin:0;min-width:0;color:var(--vq-ar-text, rgb(var(--color-foreground)));font-size:1.6rem;font-weight:700;line-height:1.2}.vq-ar__price s[hidden]{display:none}.vq-ar__price s{display:block;color:var(--vq-ar-muted, rgba(var(--color-foreground), .6));font-size:1.2rem;font-weight:400}.vq-ar__price--soldout{color:var(--vq-ar-muted, rgba(var(--color-foreground), .6));font-size:1.3rem;font-weight:600}.vq-ar__add{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border:.1rem solid var(--vq-ar-add-border, rgba(var(--color-foreground), .35));border-radius:50%;background:transparent;color:var(--vq-ar-text, rgb(var(--color-foreground)));cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.vq-ar__add:hover{border-color:var(--vq-ar-accent, #45b1e0);background:rgba(var(--color-foreground),.04)}.vq-ar__add:focus-visible{outline:.2rem solid var(--vq-ar-accent, #45b1e0);outline-offset:.3rem}.vq-ar__add[disabled],.vq-ar__add[aria-disabled=true]{opacity:.4;cursor:not-allowed}.vq-ar__add .icon{width:1.6rem;height:1.6rem}.vq-ar__add.is-loading .icon{visibility:hidden}.vq-ar__add.is-loading:after{content:"";position:absolute;width:1.6rem;height:1.6rem;border:.2rem solid currentColor;border-top-color:transparent;border-radius:50%;animation:vq-ar-spin .6s linear infinite}@keyframes vq-ar-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vq-ar__add.is-loading:after{animation-duration:2s}}.vq-ar__error{margin:1.2rem 0 0;color:rgb(var(--color-error, 235 87 87));font-size:1.3rem;line-height:1.4}.vq-ar__error[hidden]{display:none}.vq-ar--empty{padding:2rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.05);text-align:center}.vq-ar--empty p{margin:0;font-size:1.4rem}@media screen and (min-width:750px){.vq-ar{--vq-ar-gap: 2rem;--vq-ar-card: 22rem;--vq-ar-bleed: 5rem}.vq-ar__head{margin-bottom:2rem}.vq-ar__title,.pseudo-heading.vq-ar__title{font-size:2.4rem}.vq-ar__name{font-size:1.5rem}.vq-ar__price{font-size:1.8rem}}@media screen and (min-width:990px){.vq-ar__rail{scroll-snap-type:none}.vq-ar.vq-pdp-align .vq-ar__rail{margin-inline:0;padding-inline:0;scroll-padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-vq-accessory-rail.css.map */