:root{--fum-flavornotes-carousel-scale: .85}#fum-flavornotes-carousel-root{touch-action:"pan-y";position:relative}#fum-flavornotes-carousel-root>.root{display:flex;justify-content:center;align-items:center;width:100%;height:450px;margin:0 auto;box-sizing:border-box;overflow:hidden;overflow-y:hidden;transform:scale(var(--fum-flavornotes-carousel-scale))}#fum-flavornotes-carousel-root>.root .container{border-radius:16px;height:100%;width:100%;position:relative;overflow:hidden;cursor:grab;box-sizing:border-box;left:0}#fum-flavornotes-carousel-root>.root .container:active{cursor:grabbing}#fum-flavornotes-carousel-root>.root .fum-flavornotes-carousel{display:flex;justify-content:center}#fum-flavornotes-carousel-root>.root .fum-flavornotes-carousel-item{position:absolute;height:100%;-webkit-user-select:none;user-select:none}#fum-flavornotes-carousel-root>.root .fum-flavornotes-carousel-item .left-side{transform-origin:right!important}#fum-flavornotes-carousel-root>.root .fum-flavornotes-carousel-item .right-side{transform-origin:left!important}#fum-flavornotes-carousel-root>.root .fum-flavornotes-carousel-item img{position:relative;pointer-events:none;width:500px;height:500px;top:50%;overflow:hidden;border-radius:20px;object-fit:contain;border:5px solid transparent;transition:border .3s ease-out}@media (max-width: 769px){#fum-flavornotes-carousel-root>.root .fum-flavornotes-carousel-item img{border-width:10px}}#fum-flavornotes-carousel-root>.overlay{border-radius:16px;height:450px;width:100%;position:absolute;overflow:hidden;cursor:grab;box-sizing:border-box;left:0;display:flex;pointer-events:none}#fum-flavornotes-carousel-root>.overlay .left{background:linear-gradient(to left,#f5f0e100,#fdfcf5 80%);left:5%;width:25vw;height:100%;position:absolute;z-index:1;transform:translate(35%)}#fum-flavornotes-carousel-root>.overlay .right{background:linear-gradient(to right,#f5f0e100,#fdfcf5 80%);right:5%;width:25vw;height:100%;position:absolute;transform:translate(-35%);z-index:1}#fum-flavornotes-carousel-root>.overlay .bottom{background:linear-gradient(to bottom,#f5f0e100,#fdfcf5 80%);bottom:5%;width:100%;height:20%;position:absolute;z-index:1}#fum-flavornotes-carousel-indicator-root{width:100%;z-index:2;position:relative;margin-top:-12em;padding-bottom:68px;text-align:center}#fum-flavornotes-carousel-indicator-root .indicators{display:flex;gap:6px;flex-direction:column;justify-content:center;text-align:center}#fum-flavornotes-control-root{width:calc(100vw - calc(100vw * (1 - var(--fum-flavornotes-carousel-scale))));height:100%;max-width:300px;max-height:450px;position:absolute;display:flex;justify-content:space-between;left:0;right:0;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;transform:translateY(22%);z-index:2;pointer-events:none}#fum-flavornotes-control-root .fum-flavornotes-control-prev,#fum-flavornotes-control-root .fum-flavornotes-control-next{cursor:pointer;pointer-events:all}#fum-flavornotes-overlay-root{width:calc(100vw - calc(100vw * (1 - var(--fum-flavornotes-carousel-scale))));height:100%;max-width:300px;max-height:450px;position:absolute;display:flex;justify-content:space-between;left:0;right:0;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;z-index:2;pointer-events:none}.fum-flavorsnotes-overlay-left{background:linear-gradient(to left,#f5f0e100,#fdfcf5 80%);left:10%;width:25vw;height:100%;position:absolute;z-index:100;transform:translate(35%)}.fum-flavornotes-button-container{padding:0px var(--fum-g-padding-desktop)}.fum-remarks-strong{font-weight:600!important;padding-bottom:1px}@media (max-width: 1800px){#fum-flavornotes-carousel-root .root{transform:scale(1)}#fum-flavornotes-carousel-root .overlay>.container>.left{background:linear-gradient(to left,#f5f0e100,#fdfcf5 80%);left:5%;width:25vw;height:100%;position:absolute;z-index:1;transform:translate(35%)}#fum-flavornotes-carousel-root .overlay>.container>.right{transform:translate(0);background:linear-gradient(to right,#f5f0e100,#fdfcf5 110%);right:0;width:20%;opacity:.8;pointer-events:none}#fum-flavornotes-carousel-root .overlay>.container>.bottom{background:linear-gradient(to bottom,#f5f0e100,#fdfcf5 110%);bottom:0;width:100%;height:20%;opacity:.8;position:absolute;z-index:1}}@media (max-width: 1300px){:root{--fum-flavornotes-carousel-scale: 1}#fum-flavornotes-carousel-root .root{transform:scale(var(--fum-flavornotes-carousel-scale))}#fum-flavornotes-carousel-root .overlay>.left{background:linear-gradient(to left,#f5f0e100,#fdfcf5 110%);transform:translate(0);left:0;width:20%;opacity:.8;pointer-events:none}#fum-flavornotes-carousel-root .overlay>.right{transform:translate(0);background:linear-gradient(to right,#f5f0e100,#fdfcf5 110%);right:0;width:20%;opacity:.8;pointer-events:none}#fum-flavornotes-carousel-root .overlay>.bottom{background:linear-gradient(to bottom,#f5f0e100,#fdfcf5 110%);bottom:0;width:100%;height:20%;opacity:.8;position:absolute;z-index:1}#fum-flavornotes-control-root{padding-left:0;padding-right:0;transform:translateY(27%) translate(0);max-width:330px}}@media (max-width: 768px){.fum-remarks-strong{padding-bottom:0;padding-top:1px}.fum-flavor-notes-full-column-heading{padding-bottom:6px}:root{--fum-flavornotes-carousel-scale: 1}#fum-flavornotes-carousel-root .overlay>.left{background:linear-gradient(to left,#f5f0e100,#fdfcf5 110%);transform:translate(0);left:0;width:20%;opacity:.8;pointer-events:none}#fum-flavornotes-carousel-root .root{transform:scale(var(--fum-flavornotes-carousel-scale))}#fum-flavornotes-carousel-root .overlay>.right{transform:translate(0);background:linear-gradient(to right,#f5f0e100,#fdfcf5 110%);right:0;width:20%;opacity:.8;pointer-events:none}#fum-flavornotes-carousel-root .overlay>.bottom{background:linear-gradient(to bottom,#f5f0e100,#fdfcf5 110%);bottom:0;width:100%;height:20%;opacity:.8;position:absolute;z-index:1}#fum-flavornotes-control-root{padding-left:2em;padding-right:2em;max-width:100%}.fum-flavornotes-button-container{padding:0px var(--fum-g-padding-mobile)}}.fum-flavornotes-notes-container{display:flex;flex-direction:row;width:100%;justify-content:center}.fum-flavornotes-notes-container p:nth-child(1){padding-right:.5em;color:#3f603f80}.fum-flavornotes-notes-container p:nth-child(2){color:#3f603f;font-weight:600}.fum-flavornotes-notes-container #fum-flavornotes-control-root{padding-left:2em;padding-right:2em;width:calc(100vw - calc(100vw * (1 - var(--fum-flavornotes-carousel-scale))));height:100%;max-width:300px}div#fum-flavornotes-carousel-root{width:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/flavornotes-revamp.css.map */