.serrano-variant-tile__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:#fbf8f2;border-radius:var(--media-border-radius)}.serrano-variant-tile__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.serrano-variant-tile__track::-webkit-scrollbar{display:none}.serrano-variant-tile__track:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.serrano-variant-tile__slide{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.serrano-variant-tile__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;transform:none!important;scale:1!important}.serrano-variant-tile__arrow{position:absolute;top:50%;z-index:3;display:grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;color:#ff4712;background:#fffaf4f0;border:1px solid rgba(46,20,11,.18);border-radius:999px;box-shadow:0 2px 8px #2e140b1a;transform:translateY(-50%)!important;transition:opacity .16s ease;cursor:pointer}.serrano-variant-tile__arrow svg{width:1.35rem;height:1.35rem}.serrano-variant-tile__arrow--prev{left:.55rem}.serrano-variant-tile__arrow--next{right:.55rem}.serrano-variant-tile__arrow:disabled{opacity:.24;cursor:default}.serrano-variant-tile__counter{position:absolute;right:.6rem;bottom:.6rem;z-index:3;padding:.25rem .5rem;color:#2e140b;background:#fffaf4e6;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1;pointer-events:none}@media(hover:hover)and (pointer:fine){.serrano-variant-tile__arrow{opacity:0;pointer-events:none}.serrano-variant-tile:hover .serrano-variant-tile__arrow,.serrano-variant-tile:focus-within .serrano-variant-tile__arrow{opacity:1;pointer-events:auto}.serrano-variant-tile__arrow:disabled{opacity:.18;pointer-events:none}}@media(max-width:749px){.serrano-variant-tile__arrow{width:2rem;height:2rem}.serrano-variant-tile__arrow--prev{left:.35rem}.serrano-variant-tile__arrow--next{right:.35rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/serrano-variant-tile-global.css.map */