body header{--header-primary: #000;--header-secondary: #FCFAF2}body #gorgias-chat-container{display:none!important}.button{background:#000;color:#fff;text-transform:uppercase;cursor:pointer;border:1px solid #000000;padding:10px 24px;font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:600;letter-spacing:1px;line-height:1;display:inline-block;-webkit-appearance:none;-webkit-text-fill-color:inherit!important}.button.hollow{background:none;border:1px solid #000000;color:#000;box-shadow:5px 5px 20px #0000;transform:scale(1);transition:outline-offset .25s ease,box-shadow .25s ease,transform .25s ease!important}.button.hollow:hover{box-shadow:5px 5px 20px #00000080;transform:scale(1.05);transition:box-shadow .25s ease,transform .25s ease}.button.hollow.white,.button.white{border:1px solid #ffffff;color:#fff}.button.rounded{border-radius:100000px}.button.is-active{outline:1px solid black;outline-offset:5px;transition:outline-offset .2s ease}.hidden{display:none!important}.invisible{opacity:0!important}@keyframes pressPulse{0%{box-shadow:0 0 0 5px #00000050}10%{box-shadow:0 0 0 10px #00000025}to{box-shadow:0 0 0 5px #00000050}}.new-to-onyx .h1{display:block;font-size:var(--size-h1);margin-top:calc(var(--size-h1) / -4);margin-bottom:15px;text-align:center}.new-to-onyx .h2,.new-to-onyx .h3{display:block;font-size:35px;margin-bottom:10px;text-align:center}.new-to-onyx .lead{margin-top:10px;color:#7e7e7e;text-align:center}.new-to-onyx .lead p{font-size:14px;line-height:1.5}.new-to-onyx .detail-text{font-size:18px;display:block;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-family:var(--detail-family)}.new-to-onyx .notes{font-size:14px;display:block;text-align:center;text-transform:uppercase;letter-spacing:1.5px;font-family:var(--detail-family)}.new-to-onyx .swiper{height:calc(100dvh - 97.88px)}.new-to-onyx .swiper .swiper-wrapper{height:75%}.new-to-onyx .swiper .welcome-ornament{width:100%;max-width:1080px;transform:translateY(0)}.new-to-onyx .nto-swiper{width:100%}.new-to-onyx .nto-slide{display:flex}.new-to-onyx .nto-slide__inner{width:100%}.new-to-onyx .swiper-slide{height:100%;display:flex;justify-content:center}.new-to-onyx .swiper-slide .container{display:flex;width:100%;max-width:1100px;margin:auto;padding:25px 25px 0;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center;flex-direction:column;justify-items:center}.new-to-onyx .swiper-slide.swiper-slide-active .nto-checklist li{opacity:1;transform:translateY(0)}.new-to-onyx .slide-wrapper{height:100%;width:100%;display:-webkit-inline-box}.new-to-onyx .nto-progress{display:flex;justify-self:center;justify-content:center;justify-items:center;width:100%;padding:0}.new-to-onyx .nto-progress .nto-progress__bar{position:relative;width:85%;max-width:85%;height:10px;flex:1;background:transparent;border:1.5px solid #dedbd0;overflow:hidden;border-radius:999px;box-shadow:5px 5px 15px #e7e3d4,-8px -8px 10px #fffcf3}.new-to-onyx .nto-progress .nto-progress__fill{display:block;height:100%;background:#ff9800;width:0%;border-radius:inherit;transition:width .2s ease}.new-to-onyx .nto-progress .nto-progress__label{font-family:Andale,monospace;font-size:12px;color:#7e7e7e;text-align:right}.new-to-onyx .nto-nav{display:flex;position:relative;height:25%;min-height:100px;width:100%;justify-content:center;align-items:center;gap:15px;z-index:2}.new-to-onyx .nto-prev-wrapper{position:absolute;left:10%;transform:translate(-10%)}.new-to-onyx .nto-next{-webkit-appearance:none;appearance:none;height:100px;width:100px;aspect-ratio:1 / 1;border-radius:10000px;border:0;background:#000;color:#fff;padding:5px;font-family:inherit;text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:1px;cursor:pointer;box-shadow:0 0 0 5px #00000050;transition:box-shadow .25s ease}.new-to-onyx .nto-next.pressed{animation:pressPulse .5s ease}.new-to-onyx .nto-prev{-webkit-appearance:none;appearance:none;position:relative;text-transform:uppercase;font-weight:500;letter-spacing:1.5px;height:100px;width:100px;aspect-ratio:1 / 1;border:0;color:#000;background:transparent}.new-to-onyx .nto-prev:after{content:"";position:absolute;border-left:2px solid black;border-top:2px solid black;border-right:0;border-bottom:0;background:transparent;transform:translateY(-50%) rotate(-45deg);left:0;top:50%;height:25%;width:25%}.new-to-onyx .nto-prev[disabled]{opacity:.4;cursor:default;display:none}.new-to-onyx .nto-pagination{margin-top:8px}.new-to-onyx .result-choices{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;gap:15px}.new-to-onyx .nto-choices.grid{grid-template-columns:repeat(2,1fr)}.new-to-onyx .nto-choices .button{width:100%;display:inline-flex;justify-content:center;align-items:center;min-height:44px}.new-to-onyx .nto-recos{display:grid;grid-template-columns:1fr;gap:16px}.new-to-onyx .nto-recos .card{border:1px solid #e6e6e6;padding:12px}.new-to-onyx .card{border:1px solid #e6e6e6}.new-to-onyx .nto-coffee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:500px}.new-to-onyx .nto-coffee-grid.has-coffee-carousel{--carousel-card-width: min(34vw, calc(var(--nto-selection-stage-height, 460px) * .78), 320px);--carousel-card-shift: min(18vw, calc(var(--nto-selection-stage-height, 460px) * .36), 150px);position:relative;display:block;width:100%;max-width:none;height:var(--nto-selection-stage-height, clamp(320px, 43vh, 460px));margin:var(--nto-selection-gap, 10px) auto;perspective:1000px;transform-style:preserve-3d;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel.is-dragging{cursor:grabbing}.new-to-onyx .nto-coffee-grid.has-coffee-carousel.is-dragging .nto-coffee.card{transition:opacity .16s ease,filter .16s ease}.new-to-onyx .nto-coffee-grid.has-coffee-carousel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:140;pointer-events:none;background:linear-gradient(90deg,var(--color-creme, #FCFAF2) 0%,rgba(252,250,242,0) 25%,rgba(252,250,242,0) 75%,var(--color-creme, #FCFAF2) 100%)}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card{position:absolute;top:50%;left:50%;width:var(--carousel-card-width);padding:0;opacity:var(--carousel-opacity, 0);z-index:var(--carousel-z, 1);pointer-events:auto;transform:translate(-50%,-50%) translate(calc(var(--carousel-offset, 0) * var(--carousel-card-shift))) translateZ(var(--carousel-depth, 0px)) rotateY(var(--carousel-rotate, 0deg)) scale(var(--carousel-scale, .76));transform-style:preserve-3d;transition:transform .3s ease,opacity .24s ease,filter .24s ease;will-change:transform,opacity;overflow:hidden}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card.is-hidden-card{pointer-events:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card.selected img{transform:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card.is-active .nto-radio{opacity:1}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card img{width:100%;max-height:var(--nto-selection-image-height, clamp(230px, 36vh, 380px));object-fit:contain;pointer-events:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee .nto-radio{display:block;position:relative;width:24px;height:24px;margin:-5px auto 0;opacity:0;transform:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee-carousel-nav{display:block;position:absolute;top:50%;z-index:160;width:56px;height:76px;padding:0;border:0;background:transparent;transform:translateY(-50%)}.new-to-onyx .nto-coffee-grid.has-single-coffee .nto-coffee-carousel-nav,.new-to-onyx .nto-coffee-carousel-nav{display:none}.new-to-onyx .nto-coffee-carousel-nav:before{content:"";position:absolute;top:50%;width:30px;height:30px;border-top:3px solid #000;border-left:3px solid #000}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--prev{left:3%}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--prev:before{left:14px;transform:translateY(-50%) rotate(-45deg)}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--next{right:3%}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--next:before{right:14px;transform:translateY(-50%) rotate(135deg)}.new-to-onyx .nto-coffee.card{position:relative;border-radius:12px;border:0;padding:10px 0;background:transparent;cursor:pointer;transition:border-color .25s ease}.new-to-onyx .nto-coffee.card img{transform:scale(1) translateY(0);transition:transform .25s ease}.new-to-onyx .nto-coffee.card.selected{border-color:#000}.new-to-onyx .nto-coffee.card.selected img{transform:scale(1.2) translateY(-5px);transition:transform .25s ease}.new-to-onyx .nto-coffee .nto-radio{display:block;width:22px;height:22px;border:2px solid black;border-radius:50%;margin:auto;position:relative;transition:background .25s ease,border-color .25s ease}.new-to-onyx .nto-coffee .nto-radio:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:50%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23FFF' d='M5.5 10.5l-3-3L4 6l1.5 1.5L10 3l1.5 1.5-6 6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23FFF' d='M5.5 10.5l-3-3L4 6l1.5 1.5L10 3l1.5 1.5-6 6z'/%3E%3C/svg%3E");-webkit-mask-size:60%;mask-size:60%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;transition:opacity .25s ease}.new-to-onyx .nto-coffee.selected .nto-radio{background:#000;border-color:#000}.new-to-onyx .nto-coffee.selected .nto-radio:after{opacity:1}.new-to-onyx .product-selection .container{--nto-selection-gap: clamp(4px, 1.2vh, 12px);--nto-selection-gap: clamp(4px, 1.2svh, 12px);--nto-selection-stage-height: clamp(250px, 38vh, 430px);--nto-selection-stage-height: clamp(250px, 38svh, 430px);--nto-selection-image-height: clamp(190px, 32vh, 360px);--nto-selection-image-height: clamp(190px, 32svh, 360px);gap:var(--nto-selection-gap);overflow-x:hidden;overflow-y:auto}.new-to-onyx .product-selection .h1{margin-bottom:0;flex-shrink:0}.new-to-onyx .product-selection .nto-coffee-grid,.new-to-onyx .product-selection .product-info{flex-shrink:0}.new-to-onyx .product-selection .product-description{gap:clamp(4px,1vh,10px);gap:clamp(4px,1svh,10px)}.new-to-onyx .product-selection .product-description .h3{font-size:clamp(30px,5.25vh,52px);font-size:clamp(30px,5.25svh,52px);line-height:.9;margin-bottom:0}.new-to-onyx .product-selection .notes{font-size:clamp(11px,1.55vh,12px);font-size:clamp(11px,1.55svh,12px)}.new-to-onyx .product-selection .separator{margin:clamp(5px,1vh,10px) 0;margin:clamp(5px,1svh,10px) 0}.new-to-onyx .product-description{display:flex;flex-direction:column;align-items:center;gap:10px}.new-to-onyx .product-description .trad-mod{max-width:85%}.new-to-onyx .product-description-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;opacity:1;transition:opacity .25s linear;-webkit-mask-image:-webkit-gradient(linear,left 0%,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}.new-to-onyx .product-info{width:100%;max-width:500px;text-align:center}.new-to-onyx .product-info .product-description .notes{margin-bottom:0}.new-to-onyx .product-info .notes{font-size:12px;line-height:1.25;letter-spacing:1px}.new-to-onyx .brew-method-radio-list{display:flex;flex-direction:column;margin-top:10px;width:100%;max-width:500px;padding:25px}.new-to-onyx .method-option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 0;background:none;border-radius:0;border:none;border-bottom:1px solid #ddd;text-align:left;cursor:pointer}.new-to-onyx .method-option:last-child{border-bottom:none}.new-to-onyx .method-option.selected .method-radio{background:#000;border-color:#000}.new-to-onyx .method-option.selected .method-radio:after{opacity:1}.new-to-onyx .method-label{font-size:1rem;font-weight:500;color:#000}.new-to-onyx .method-radio{width:22px;height:22px;border:2px solid black;border-radius:50%;position:relative;flex-shrink:0;transition:background .25s ease,border-color .25s ease}.new-to-onyx .method-radio:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:50%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23FFF' d='M5.5 10.5l-3-3L4 6l1.5 1.5L10 3l1.5 1.5-6 6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23FFF' d='M5.5 10.5l-3-3L4 6l1.5 1.5L10 3l1.5 1.5-6 6z'/%3E%3C/svg%3E");-webkit-mask-size:60%;mask-size:60%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;transition:opacity .25s ease}.new-to-onyx .separator{width:100%;height:1px;background:#000;display:block;margin:10px 0}.new-to-onyx .trad-mod{display:flex;justify-content:center;width:100%}.new-to-onyx .trad-mod .label{font-family:Kapra;text-transform:uppercase;letter-spacing:.2rem;font-size:1rem;margin-bottom:-.2rem}.new-to-onyx .trad-mod .bar{width:100%;display:flex;justify-content:space-around;align-items:center;margin:0 .75rem}.new-to-onyx .trad-mod .bar .segment{height:.1in;width:inherit;border-radius:0;background:#000;opacity:.4}.new-to-onyx .trad-mod .bar .segment:not(:first-child){border-left:1px solid var(--color-creme)}.new-to-onyx .trad-mod .bar .segment.filled{background:#000;opacity:1}.new-to-onyx .trad-mod .bar .segment.filled:not(:first-child){border-left:1px solid var(--color-creme)}.new-to-onyx .nto-guide-block{width:100%}.new-to-onyx .filter-guide{width:100%;max-width:500px}.new-to-onyx .guides .container{display:unset}.new-to-onyx .guides .brew-timer{width:100%}@media(max-width:800px){.new-to-onyx .guides .brew-timer .details .detail{font-size:1.1rem!important}}.new-to-onyx .guides .brew-timer .timer button{border:1px solid black!important;background:#000!important;color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-weight:600}.new-to-onyx .guides .brew-timer .timer button.pause{color:#fff!important;background:#000!important}.new-to-onyx .guides .brew-timer .timer .timeline .events .step.active{color:#000!important}.new-to-onyx .guides .brew-timer .timer .timeline .events .filling-line,.new-to-onyx .guides .brew-timer .timer .timeline .events .pre-line{background:#000!important}.new-to-onyx .guides .brew-timer .timer .timeline .events ul li.active:before{border-top-color:#000!important}.new-to-onyx .guides .brew-timer .timer .timeline .events ul li:before{top:calc(-2.9rem - var(--bt-line-width))!important}.new-to-onyx .guide-metrics,.new-to-onyx .pour-steps{width:100%}:is(.new-to-onyx .guide-metrics,.new-to-onyx .pour-steps) li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #cccccc}.new-to-onyx .brew-guide-content{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.new-to-onyx .brew-guide-content>*{width:100%;max-width:500px}.new-to-onyx .extraction-summary,.new-to-onyx .guide-notes{text-align:center}.new-to-onyx .nto-checklist{padding:0 25px}.new-to-onyx .nto-checklist li{margin:1rem 0;display:grid;grid-template-columns:50px 1fr;gap:.5rem;align-items:center;opacity:0;transform:translateY(25px);transition:opacity .4s ease,transform .4s ease;transition-delay:var(--delay, 0ms)}.new-to-onyx .nto-checklist li svg{width:100px;height:100px;max-width:30px;max-height:30px;overflow:visible}.new-to-onyx .nto-checklist li svg *{stroke:currentColor!important;stroke-width:1.5px!important;fill:none!important;vector-effect:non-scaling-stroke!important}.new-to-onyx .scroll-hint{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.new-to-onyx .scroll-hint:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:100px;pointer-events:none;background:linear-gradient(to bottom,#fcfaf200,#fcfaf2);opacity:0;transition:opacity .25s ease}.new-to-onyx .scroll-hint.has-scroll:not(.at-bottom):after{opacity:1}.new-to-onyx .scroll-hint.has-scroll::-webkit-scrollbar{display:none}.new-to-onyx .nto-outro .container{overflow:visible}.new-to-onyx .result-block{width:100%;max-width:500px}.new-to-onyx .result-good{text-align:center}.new-to-onyx .nto-result-product-image{width:300px;max-height:30svh;max-width:max-content}.new-to-onyx .nto-result-actions{display:flex;flex-direction:column;gap:10px}.new-to-onyx .value-statement{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5px}.new-to-onyx .value-statement .strikethrough{text-decoration:line-through}.new-to-onyx .value-statement .new-price{font-weight:600}.new-to-onyx .value-statement .text{font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;line-height:15px}.new-to-onyx .choice-text{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b0b0b0;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px}.new-to-onyx .nto-faq .nto-faq__group .nto-accordion__group-title{padding-top:30px;padding-bottom:10px;display:grid;grid-template-columns:50px 1fr;align-items:center}.new-to-onyx .nto-faq .nto-faq__group .nto-accordion__group-title svg{width:100px;height:100px;max-width:30px;max-height:30px;overflow:visible}.new-to-onyx .nto-faq .nto-faq__group .nto-accordion__group-title svg *{stroke:currentColor!important;stroke-width:1.5px!important;fill:none!important;vector-effect:non-scaling-stroke!important}.new-to-onyx .nto-faq .nto-faq__group .nto-accordion__group-name{text-transform:uppercase;letter-spacing:.12em;font-family:var(--detail-family);font-size:24px;opacity:1;text-align:left}.new-to-onyx .nto-accordion{width:100%;max-width:900px;margin:0 auto;border-top:1px solid rgba(0,0,0,.45)}.new-to-onyx .nto-accordion .nto-accordion__item{border-bottom:1px solid rgba(0,0,0,.45)}.new-to-onyx .nto-accordion .nto-accordion__item *{color:#000}.new-to-onyx .nto-accordion .nto-accordion__toggle{width:100%;background:transparent;border:0;display:grid;grid-template-columns:1fr 44px;align-items:center;gap:16px;cursor:pointer;text-align:left;padding:5px 0}.new-to-onyx .nto-accordion .nto-accordion__toggle[aria-expanded=true] .nto-accordion__icon:before{transform:translate(-50%,-50%) rotate(45deg)}.new-to-onyx .nto-accordion .nto-accordion__toggle[aria-expanded=true] .nto-accordion__icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.new-to-onyx .nto-accordion .nto-accordion__title{font-family:inherit;font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:14px}.new-to-onyx .nto-accordion .nto-accordion__icon{position:relative;width:44px;height:44px;justify-self:end}.new-to-onyx .nto-accordion .nto-accordion__icon:before,.new-to-onyx .nto-accordion .nto-accordion__icon:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .18s ease,opacity .18s ease}.new-to-onyx .nto-accordion .nto-accordion__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.new-to-onyx .nto-accordion .nto-accordion__panel{padding:0 0 18px}.new-to-onyx .nto-accordion .nto-accordion__panel-inner{max-width:780px;padding-right:44px;opacity:.9}.new-to-onyx .nto-accordion .nto-accordion__panel-inner p{margin-bottom:0}.new-to-onyx .nto-accordion .nto-accordion__panel-inner li+li{margin-top:6px}@media(max-height:760px){.new-to-onyx .product-selection .container{--nto-selection-gap: clamp(3px, .9vh, 9px);--nto-selection-gap: clamp(3px, .9svh, 9px);--nto-selection-stage-height: clamp(260px, 34vh, 320px);--nto-selection-stage-height: clamp(260px, 34svh, 320px);--nto-selection-image-height: clamp(205px, 28vh, 270px);--nto-selection-image-height: clamp(205px, 28svh, 270px);padding-top:clamp(12px,2vh,25px)}.new-to-onyx .product-selection .h1{font-size:clamp(42px,10vh,var(--size-h1));font-size:clamp(42px,10svh,var(--size-h1))}.new-to-onyx .product-selection .product-description .h3{font-size:clamp(28px,4.8vh,44px);font-size:clamp(28px,4.8svh,44px)}}@media(max-height:640px){.new-to-onyx .product-selection .container{--nto-selection-stage-height: 150px;--nto-selection-image-height: 205px}}@media(max-width:800px){.new-to-onyx .swiper{height:calc(100dvh - 97.88px)}.new-to-onyx .swiper .swiper-wrapper{height:calc(100% - 118px)}.new-to-onyx .swiper-slide .container{padding:16px 18px 0}.new-to-onyx .nto-nav{height:118px;min-height:118px;align-items:center}.new-to-onyx .nto-next,.new-to-onyx .nto-prev{width:75px;height:75px}.new-to-onyx .nto-prev-wrapper{left:7%}.new-to-onyx .product-selection .container{--nto-selection-gap: clamp(3px, .9vh, 8px);--nto-selection-gap: clamp(3px, .9svh, 8px);--nto-selection-stage-height: clamp(205px, 34vh, 300px);--nto-selection-stage-height: clamp(205px, 34svh, 300px);--nto-selection-image-height: clamp(160px, 28vh, 230px);--nto-selection-image-height: clamp(160px, 28svh, 230px);padding-left:0;padding-right:0;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.new-to-onyx .product-selection .h1,.new-to-onyx .product-selection .product-info{padding-left:18px;padding-right:18px}.new-to-onyx .product-selection .product-info{max-width:500px;margin-top:2px;min-height:132px}.new-to-onyx .product-selection .product-description .h3{font-size:clamp(34px,10vw,52px);line-height:.9;margin-bottom:4px}.new-to-onyx .product-selection .product-description .roast{margin:0;font-size:12px}.new-to-onyx .product-selection .separator{margin:7px 0}.new-to-onyx .nto-coffee-grid.has-coffee-carousel{--carousel-card-width: min(60vw, calc(var(--nto-selection-stage-height) * .84), 250px);--carousel-card-shift: min(27vw, calc(var(--nto-selection-stage-height) * .4), 118px);position:relative;display:block;width:100%;max-width:none;height:var(--nto-selection-stage-height);margin:0 auto;perspective:900px;transform-style:preserve-3d;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel.is-dragging{cursor:grabbing}.new-to-onyx .nto-coffee-grid.has-coffee-carousel.is-dragging .nto-coffee.card{transition:opacity .16s ease,filter .16s ease}.new-to-onyx .nto-coffee-grid.has-coffee-carousel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;pointer-events:none;background:linear-gradient(90deg,var(--color-creme, #FCFAF2) 0%,rgba(252,250,242,0) 25%,rgba(252,250,242,0) 75%,var(--color-creme, #FCFAF2) 100%)}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card{position:absolute;top:50%;left:50%;width:var(--carousel-card-width);padding:0;opacity:var(--carousel-opacity, 0);z-index:var(--carousel-z, 1);pointer-events:auto;transform:translate(-50%,-50%) translate(calc(var(--carousel-offset, 0) * var(--carousel-card-shift))) translateZ(var(--carousel-depth, 0px)) rotateY(var(--carousel-rotate, 0deg)) scale(var(--carousel-scale, .76));transform-style:preserve-3d;transition:transform .3s ease,opacity .24s ease,filter .24s ease;will-change:transform,opacity;overflow:hidden}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card.is-hidden-card{pointer-events:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card.selected img{transform:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card.is-active .nto-radio{opacity:1}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee.card img{width:100%;max-height:var(--nto-selection-image-height);object-fit:contain;pointer-events:none}.new-to-onyx .nto-coffee-grid.has-coffee-carousel .nto-coffee .nto-radio{display:block;position:relative;width:24px;height:24px;margin:-5px auto 0;opacity:0;transform:none}.new-to-onyx .nto-coffee-carousel-nav{display:block;position:absolute;top:50%;z-index:150;width:44px;height:64px;padding:0;border:0;background:transparent;transform:translateY(-50%)}.new-to-onyx .nto-coffee-carousel-nav:before{content:"";position:absolute;top:50%;width:26px;height:26px;border-top:3px solid #000;border-left:3px solid #000}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--prev{left:0}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--prev:before{left:13px;transform:translateY(-50%) rotate(-45deg)}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--next{right:0}.new-to-onyx .nto-coffee-carousel-nav.nto-coffee-carousel-nav--next:before{right:13px;transform:translateY(-50%) rotate(135deg)}.new-to-onyx .trad-mod .label{font-size:.78rem;letter-spacing:.11rem}.new-to-onyx .trad-mod .bar{margin:0 .45rem}}@media(max-height:760px){.new-to-onyx .product-selection .container{--nto-selection-stage-height: 200px;--nto-selection-image-height: 205px}}@media(max-height:500px){.new-to-onyx .product-selection .container{--nto-selection-stage-height: clamp(125px, 25svh, 150px);--nto-selection-image-height: clamp(125px, 25svh, 110px)}}@media(max-width:420px){.new-to-onyx .product-selection .container{--nto-selection-stage-height: clamp(125px, 25svh, 150px);--nto-selection-image-height: clamp(125px, 25svh, 110px)}.new-to-onyx .product-selection .product-info{min-height:118px}.new-to-onyx .nto-coffee-grid.has-coffee-carousel{--carousel-card-width: min(64vw, calc(var(--nto-selection-stage-height) * .88), 225px);--carousel-card-shift: min(28vw, calc(var(--nto-selection-stage-height) * .42), 104px);height:var(--nto-selection-stage-height)}.new-to-onyx .nto-coffee-carousel-nav{width:36px}.new-to-onyx .nto-coffee-carousel-nav:before{width:22px;height:22px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/page.new-to-onyx.css.map */