.arn-flavour-slider{width:100%;display:flex;flex-direction:column}.arn-flavour-slider__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex:0 0 auto}.arn-flavour-slider__heading{font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.2}.arn-flavour-slider__stage{position:relative;flex:1 1 auto;min-height:0}.arn-flavour-slider__viewport{position:relative;scrollbar-width:none}.arn-flavour-slider__viewport::-webkit-scrollbar{display:none}.arn-flavour-slider__track{list-style:none;margin:0;padding:0}.arn-flavour-slider__item{list-style:none}.arn-flavour-slider__link{text-decoration:none;color:inherit}.arn-flavour-slider__circle{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.arn-flavour-slider__circle img{width:100%;height:100%;object-fit:cover;display:block}.arn-flavour-slider__label{text-transform:capitalize;line-height:1.2}.arn-flavour-slider__scrollbar{display:none}.arn-flavour-slider--horizontal{--arn-item-width: 108px;--arn-item-gap: 14px;--arn-visible: 5;--arn-stage-width: calc( var(--arn-visible) * var(--arn-item-width) + (var(--arn-visible) - 1) * var(--arn-item-gap) )}.arn-flavour-slider--horizontal .arn-flavour-slider__stage{width:100%;max-width:var(--arn-stage-width);margin:0 auto}.arn-flavour-slider--horizontal .arn-flavour-slider__viewport{overflow:hidden;position:relative}.arn-flavour-slider--horizontal .arn-flavour-slider__track{display:flex;flex-direction:row;gap:var(--arn-item-gap);will-change:transform}.arn-flavour-slider--horizontal .arn-flavour-slider__item{flex:0 0 var(--arn-item-width);height:130px;display:flex;align-items:stretch}.arn-flavour-slider--horizontal .arn-flavour-slider__link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;gap:6px;padding-top:4px}.arn-flavour-slider--horizontal .arn-flavour-slider__circle{width:88px;height:88px;border-radius:50%;border:2px solid #d8d6ce;overflow:hidden;background:#fff;transform:scale(.74);transform-origin:center;opacity:.62;filter:grayscale(.45);transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .3s ease,filter .3s ease,border-color .3s ease,box-shadow .3s ease}.arn-flavour-slider--horizontal .arn-flavour-slider__item.is-focused .arn-flavour-slider__circle{transform:scale(1);opacity:1;filter:none;border-color:var(--arn-flavour-color, #EF8A1E);border-width:3px;box-shadow:0 0 0 4px #ef8a1e24}.arn-flavour-slider--horizontal .arn-flavour-slider__label{font-size:11px;font-weight:500;color:#666;text-align:center;line-height:1.18;width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;opacity:.95;transition:color .3s ease,font-weight .3s ease,font-size .3s ease,opacity .3s ease}.arn-flavour-slider--horizontal .arn-flavour-slider__item.is-focused .arn-flavour-slider__label{color:#1a1a1a;font-weight:700;font-size:12px;opacity:1}.arn-flavour-slider--horizontal .arn-flavour-slider__scrollbar{display:block;width:100%;max-width:var(--arn-stage-width);margin:16px auto 4px;padding:4px 0;box-sizing:border-box}.arn-flavour-slider__scrollbar-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:transparent;outline:none;cursor:grab;margin:0;padding:0;display:block}.arn-flavour-slider__scrollbar-input:active{cursor:grabbing}.arn-flavour-slider__scrollbar-input::-webkit-slider-runnable-track{height:8px;background:#dce8e0;border:1px solid #bfd4c5;border-radius:999px}.arn-flavour-slider__scrollbar-input::-moz-range-track{height:8px;background:#dce8e0;border:1px solid #bfd4c5;border-radius:999px}.arn-flavour-slider__scrollbar-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:56px;height:20px;background:#9aa26b;border:2px solid #fff;border-radius:999px;box-shadow:0 1px 4px #0000002e;margin-top:-7px;cursor:grab}.arn-flavour-slider__scrollbar-input::-moz-range-thumb{width:56px;height:20px;background:#9aa26b;border:2px solid #fff;border-radius:999px;box-shadow:0 1px 4px #0000002e;cursor:grab}.arn-flavour-slider__scrollbar-input:hover::-webkit-slider-thumb{background:#8f9861}.arn-flavour-slider__scrollbar-input:hover::-moz-range-thumb{background:#8f9861}.arn-flavour-slider__scrollbar-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--arn-flavour-color, #EF8A1E);outline-offset:2px}.arn-flavour-slider__scrollbar-input:focus-visible::-moz-range-thumb{outline:2px solid var(--arn-flavour-color, #EF8A1E);outline-offset:2px}.arn-flavour-slider--vertical{display:flex;flex-direction:column;height:100%}.arn-flavour-slider--vertical .arn-flavour-slider__header{margin-bottom:6px;justify-content:flex-end;padding-right:4px}.arn-flavour-slider--vertical .arn-flavour-slider__heading{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#555;background:transparent;border:0;border-radius:0;padding:0;line-height:1.2;pointer-events:none}.arn-flavour-slider--vertical .arn-flavour-slider__stage{position:relative;flex:0 0 auto;padding:8px 0;box-sizing:border-box}.arn-flavour-slider--vertical .arn-flavour-slider__viewport{height:174px;max-height:174px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}.arn-flavour-slider--vertical .arn-flavour-slider__track{display:flex;flex-direction:column;gap:8px;scroll-snap-type:y mandatory;padding:30px 0}.arn-flavour-slider--vertical .arn-flavour-slider__item{scroll-snap-align:center;flex-shrink:0}.arn-flavour-slider--vertical .arn-flavour-slider__link{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;min-height:58px;padding:5px 10px;border-radius:16px;box-sizing:border-box;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.arn-flavour-slider--vertical .arn-flavour-slider__item.is-focused .arn-flavour-slider__link{background:linear-gradient(90deg,#f4f2eff5,#f4f2efe0 78%,#f4f2ef5c);box-shadow:inset 0 0 0 1px #1a1a1a0f,0 4px 12px #0000000a}.arn-flavour-slider--vertical .arn-flavour-slider__circle{width:36px;height:36px;border-radius:50%;border:1.5px solid #d8d6ce;overflow:hidden;flex-shrink:0;opacity:.76;filter:grayscale(.2);transition:width .25s ease,height .25s ease,opacity .25s ease,filter .25s ease,border-color .25s ease,border-width .25s ease,box-shadow .25s ease}.arn-flavour-slider--vertical .arn-flavour-slider__label{font-size:11.5px;font-weight:500;color:#666;opacity:.92;flex:1;min-width:0;white-space:normal;line-height:1.15;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease,font-weight .25s ease,font-size .25s ease,opacity .25s ease}.arn-flavour-slider--vertical .arn-flavour-slider__item.is-focused .arn-flavour-slider__circle{width:44px;height:44px;opacity:1;filter:none;border-color:var(--arn-flavour-color, #EF8A1E);border-width:2px;box-shadow:0 0 0 3px #ef8a1e24}.arn-flavour-slider--vertical .arn-flavour-slider__item.is-focused .arn-flavour-slider__label{color:#1a1a1a;font-weight:700;font-size:12px;opacity:1;padding-bottom:13px}.arn-flavour-slider--vertical .arn-flavour-slider__item.is-focused .arn-flavour-slider__link:after{content:"Tap to view \2192";position:absolute;left:64px;bottom:8px;font-size:9.5px;line-height:1;font-weight:700;letter-spacing:.02em;color:var(--arn-flavour-color, #EF8A1E);opacity:.95;pointer-events:none}.arn-flavour-slider--vertical .arn-flavour-slider__hint{display:none}.arn-flavour-slider--vertical .arn-flavour-slider__hint svg{width:18px;height:18px;color:#1a1a1a}.arn-flavour-slider--vertical .arn-flavour-slider__hint--up{top:0}.arn-flavour-slider--vertical .arn-flavour-slider__hint--down{bottom:0}
/*# sourceMappingURL=/cdn/shop/t/42/assets/arn-flavour-slider.css.map */