.product-tile{--product-tile-ratio: 2 / 3;--product-tile-gutter: 12px;position:relative;display:flex;height:100%;min-width:0;flex-direction:column;border:1px solid rgba(var(--colors-line-and-border),.55);background:rgb(var(--colors-background))}.product-tile *,.product-tile *:before,.product-tile *:after{box-sizing:border-box}.product-tile[data-product-tile-ratio=square]{--product-tile-ratio: 1 / 1}.product-tile[data-product-tile-ratio=portrait]{--product-tile-ratio: 2 / 3}.product-tile[data-product-tile-ratio="3/4"]{--product-tile-ratio: 3 / 4}.product-tile[data-product-tile-ratio=landscape]{--product-tile-ratio: 4 / 3}.product-tile[data-product-tile-ratio=wide]{--product-tile-ratio: 16 / 9}.product-tile__media{position:relative;aspect-ratio:var(--product-tile-ratio);overflow:hidden;background:rgb(var(--colors-background-secondary))}.product-tile__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.product-tile__track::-webkit-scrollbar{display:none}.product-tile__slide{display:block;width:100%;height:100%;flex:0 0 100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.product-tile__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-tile:hover .product-tile__image{transform:scale(1.025)}.product-tile__image--placeholder{padding:18%;fill:rgba(var(--colors-line-and-border),.8);object-fit:contain}.product-tile .product-tile__arrow{position:absolute;z-index:3;top:50%;display:none;width:32px;height:32px;place-items:center;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:#000c;box-shadow:none;color:rgb(var(--colors-background));cursor:pointer;line-height:0;opacity:0;transition:opacity .18s ease-out}.product-tile .product-tile__arrow svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor}.product-tile__arrow--prev{left:10px}.product-tile__arrow--next{right:10px}.product-tile .product-tile__arrow[hidden],.product-tile .product-tile__dots[hidden]{display:none}.product-tile .product-tile__media .product-tile__arrow[disabled]{opacity:0;pointer-events:none}.product-tile__dots{position:absolute;z-index:3;right:50%;bottom:10px;display:flex;gap:5px;transform:translate(50%)}.product-tile__dots span{display:block;width:5px;height:5px;border-radius:50%;background:rgba(var(--colors-background),.55);box-shadow:0 1px 5px rgba(var(--colors-text),.3);transition:width .2s ease,background-color .2s ease}.product-tile__dots span.is-current{width:16px;border-radius:99px;background:rgb(var(--colors-background))}.product-tile__badge{position:absolute;z-index:4;right:0;bottom:0;padding:8px 12px;background:rgb(var(--colors-text));color:rgb(var(--colors-background));font-family:var(--font-heading-family);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.product-tile__info{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--product-tile-gutter)}.product-tile__title{margin:0 0 4px;line-height:1.15}.product-tile .x-card-title,.product-tile .x-card-price{font-family:var(--font-heading-family)}.product-tile .x-card-title{font-weight:400;letter-spacing:.02em}.product-tile .x-card-price{font-weight:700}.product-tile__title-link{color:rgb(var(--colors-heading));text-decoration:none;transition:color .18s ease-out}.product-tile__title-link:hover{color:var(--colors-button-hover)}.product-tile__price .price{color:rgb(var(--colors-price))}.product-tile__price .price-compare{font-weight:400}.product-tile .x-card-swatches{--xsw-size: 22px;--xsw-gap: 8px;margin:8px 0 0}.product-tile .x-card-swatch{border-color:rgba(var(--colors-line-and-border),.9);border-radius:50%;background:rgb(var(--colors-background))}.product-tile .x-card-swatch-plus{padding:0 0 0 2px;border:0;border-radius:0;background:none;color:rgb(var(--colors-text));font-family:var(--font-heading-family);font-size:12px;font-weight:700}.product-tile .x-card-swatch img,.product-tile .x-card-swatch-fill{border-radius:50%}.product-tile .x-card-swatch.is-active{box-shadow:0 0 0 1px rgb(var(--colors-background)),0 0 0 2px rgb(var(--colors-text))}.product-tile__actions{display:grid;margin-top:auto;padding-top:18px}.product-tile__cta{display:flex;width:100%;min-height:40px;align-items:center;justify-content:center;padding:10px 12px;border:0;border-radius:0;background:rgb(var(--colors-button));color:rgb(var(--colors-button-text));cursor:pointer;font-family:var(--font-button);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease-out}.product-tile__cta:hover{background:var(--colors-button-hover)}.product-tile__cta[disabled]{cursor:not-allowed;opacity:.55}.product-tile__cta:focus-visible,.product-tile__title-link:focus-visible,.product-tile__arrow:focus-visible,.product-tile__slide:focus-visible{outline:2px solid var(--colors-button-hover);outline-offset:2px}@media(min-width:768px){.product-tile .product-tile__arrow{display:grid}.product-tile__media:hover .product-tile__arrow,.product-tile__arrow:focus-visible{opacity:1}}@media(max-width:767px){.product-tile{--product-tile-gutter: 10px}.product-tile .x-card-swatches{--xsw-size: 20px;--xsw-gap: 6px}.product-tile__cta{min-height:38px}}@media(prefers-reduced-motion:reduce){.product-tile__track{scroll-behavior:auto}.product-tile__arrow,.product-tile__dots span,.product-tile__cta,.product-tile__title-link,.product-tile__image{transition:none}.product-tile:hover .product-tile__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/250/assets/product-tile.css.map */