.pebble-flex-carousel{container:pebble-flex-carousel / inline-size;background:var(--pfc-background)}.pebble-flex-carousel__inner{max-width:1440px;margin-inline:auto;padding:var(--pfc-top) 50px var(--pfc-bottom)}.pebble-flex-carousel--full .pebble-flex-carousel__inner{max-width:none;padding-inline:0}.pebble-flex-carousel__edges{position:relative}.pebble-flex-carousel__edges:before,.pebble-flex-carousel__edges:after{content:"";position:absolute;z-index:1;inset-block:0;width:10%;pointer-events:none;opacity:0}.pebble-flex-carousel__edges:before{left:0;background:linear-gradient(to right,var(--pfc-background) 16px,transparent)}.pebble-flex-carousel__edges:after{right:0;background:linear-gradient(to left,var(--pfc-background) 16px,transparent)}.pebble-flex-carousel__edges[data-start=false]:before,.pebble-flex-carousel__edges[data-end=false]:after{opacity:1}.pebble-flex-carousel__edges:has(:focus-visible):before,.pebble-flex-carousel__edges:has(:focus-visible):after{opacity:0}.pebble-flex-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--pfc-width);gap:var(--pfc-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0}.pebble-flex-carousel__track::-webkit-scrollbar{display:none}.pebble-flex-carousel__track[data-pebble-settling]{scroll-snap-type:none}.pebble-flex-carousel__track[data-pebble-dragging]{-webkit-user-select:none;user-select:none}.pebble-flex-carousel .pebble-flex-carousel__track .pebble-flex-carousel__card{display:flex;align-items:center;gap:8px;padding:8px;min-width:0;border-radius:10px;box-shadow:inset 0 0 0 1px #0000001a;color:inherit;text-decoration:none;scroll-snap-align:start;font-size:15px;font-weight:500;line-height:24px}.pebble-flex-carousel__image{width:50px;height:50px;flex:0 0 50px;overflow:hidden;border-radius:10px;background:#edeef0}.pebble-flex-carousel__image img,.pebble-flex-carousel__image svg{display:block;width:100%;height:100%;object-fit:cover}.pebble-flex-carousel__name{min-width:0;overflow-wrap:anywhere}.pebble-flex-carousel .pebble-flex-carousel__track .pebble-flex-carousel__card:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.pebble-flex-carousel .pebble-flex-carousel__edges .pebble-flex-carousel__arrow{display:none;position:absolute;z-index:2;top:50%;translate:0 -50%;background:#fff;color:#000;box-shadow:0 4px 12px #0000001f;opacity:0;pointer-events:none}.pebble-flex-carousel__arrow--previous{left:8px}.pebble-flex-carousel__arrow--next{right:8px}@media(hover:hover)and (pointer:fine){.pebble-flex-carousel__track[data-pebble-draggable]{cursor:grab}.pebble-flex-carousel__track[data-pebble-dragging],.pebble-flex-carousel__track[data-pebble-dragging] a{cursor:grabbing}@container pebble-flex-carousel (min-width: 701px){.pebble-flex-carousel[data-overflow] .pebble-flex-carousel__edges .pebble-flex-carousel__arrow{display:grid}.pebble-flex-carousel .pebble-flex-carousel__edges:is(:hover,:has(:focus-visible)) .pebble-flex-carousel__arrow{opacity:1;pointer-events:auto}.pebble-flex-carousel .pebble-flex-carousel__edges:is(:hover,:has(:focus-visible)) .pebble-flex-carousel__arrow:disabled{opacity:.3;pointer-events:auto;cursor:default}}}@media(prefers-reduced-motion:reduce){.pebble-flex-carousel .pebble-flex-carousel__edges .pebble-flex-carousel__arrow{transition:none}}@container pebble-flex-carousel (max-width: 1100px){.pebble-flex-carousel__inner{padding-inline:16px}}@container pebble-flex-carousel (max-width: 700px){.pebble-flex-carousel__track{grid-auto-columns:var(--pfc-width-mobile);gap:var(--pfc-gap-mobile)}.pebble-flex-carousel__image{width:40px;height:40px;flex-basis:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pebble-flex-carousel.css.map */