@layer atoms{.tooltip{cursor:help;flex-shrink:0;justify-content:center;align-items:center;block-size:1rem;inline-size:1rem;display:inline-flex;position:relative}.tooltip svg{block-size:100%;inline-size:100%}.tooltip:after{z-index:2;visibility:hidden;color:#fff;pointer-events:none;content:attr(data-tooltip);background:var(--color-primary-foreground);opacity:0;border-radius:.125rem;inline-size:max-content;max-inline-size:15rem;padding:.75rem;font-size:.8125rem;line-height:1.35;transition:opacity .2s,visibility .2s;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}@media (width>=48rem){.tooltip:after{inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}}.tooltip:before{z-index:3;visibility:hidden;content:"";border-color:transparent transparent var(--color-primary-foreground) transparent;opacity:0;border-style:solid;border-width:.375rem;transition:opacity .2s,visibility .2s;position:absolute;inset-block-start:calc(100% - .1875rem);inset-inline-start:50%;transform:translate(-50%)}@media (width>=48rem){.tooltip:before{border-color:transparent var(--color-primary-foreground) transparent transparent;inset-block-start:50%;inset-inline-start:calc(100% - .1875rem);transform:translateY(-50%)}}.tooltip:hover:after,.tooltip:hover:before{visibility:visible;opacity:1}}@layer organisms{body.guide-active .header,body.guide-active .footer{display:none}.caviar-guide{z-index:101;background:var(--color-secondary-background);grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}@media (width<64rem){.caviar-guide{grid-template-columns:1fr}}.caviar-guide.is-hidden{visibility:hidden;pointer-events:none;display:none;position:static}.caviar-guide-close{justify-content:flex-end;block-size:2.5rem;inline-size:2.5rem;margin-inline-start:auto;display:flex}.caviar-guide-image{background:var(--color-secondary-background);place-items:center;display:grid;position:relative;overflow:hidden}@media (width<64rem){.caviar-guide-image{display:none}}.caviar-guide-image>img:not(.caviar-guide-logo){object-fit:cover;block-size:100%;inline-size:100%}.caviar-guide-logo{z-index:2;inline-size:5rem;position:absolute;inset-block-start:1.5rem;inset-inline-start:1.5rem}.caviar-guide-header{justify-content:space-between;align-items:center;block-size:3rem;display:flex}.caviar-guide-form{padding:var(--page-gutter);flex-direction:column;display:flex;position:relative;overflow-y:auto}@media (width>=64rem){.caviar-guide-form{gap:.625rem}}.caviar-guide-progress{flex:1;align-items:center;gap:1rem;display:flex}.caviar-guide-progress-counter{letter-spacing:1.2px;flex-shrink:0;font-size:.75rem}.caviar-guide-progress-track{background:var(--color-border-darker);border-radius:.125rem;flex:1;block-size:.0625rem;position:relative;overflow:hidden}.caviar-guide-progress-bar{background:#000;border-radius:.1875rem;block-size:100%;inline-size:0;transition:inline-size .3s cubic-bezier(.4,0,.2,1);position:absolute;inset-block-start:0;inset-inline-start:0}.caviar-guide-back{text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;align-items:center;gap:.5rem;font-size:.75rem;display:none}.caviar-guide-back.is-visible{display:flex}.caviar-guide-back svg{block-size:1rem;inline-size:1rem;transform:rotate(-180deg)}.caviar-guide-questions{flex-direction:column;flex:1;display:flex}.caviar-guide-step{flex-direction:column;min-block-size:100%;animation:.5s fadeSlideIn;display:none}.caviar-guide-step[data-active=true]{display:flex}@keyframes fade-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.caviar-guide-step-content{flex-direction:column;flex:1;gap:.625rem;max-inline-size:70vh;display:flex}.caviar-guide-description{color:var(--color-secondary-foreground);font-size:1rem;line-height:1.6}.caviar-guide-field{padding-block:var(--fluid-24-32);flex-direction:column;gap:1.5rem;display:flex}.caviar-guide-field .quantity-selector{border:1px solid var(--color-border-darker)}@media (width>=64rem){.caviar-guide-field .quantity-selector{padding-block:1rem}}.caviar-guide-field .quantity-selector input{inline-size:auto;font-family:var(--font-title);font-size:var(--fluid-32-48);font-weight:700;line-height:1}.caviar-guide-field .quantity-selector button{block-size:4.375rem;inline-size:4.375rem}.caviar-guide-field .quantity-selector svg{inline-size:2rem}.caviar-guide-field-label{max-inline-size:30ch;font-family:var(--font-title);color:var(--color-primary-foreground);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.2}.caviar-guide-dual-range{block-size:2rem;inline-size:18.125rem;position:relative}.caviar-guide-dual-range input:not([type=checkbox]){border:0}.caviar-guide-slider-track{background:var(--color-border-darker);border-radius:.125rem;block-size:.0625rem;position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.caviar-guide-slider-range{background:#000;border-radius:.125rem;block-size:.0625rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.caviar-guide-range-input{z-index:2;appearance:none;pointer-events:none;cursor:pointer;border-radius:0;outline:none;block-size:.125rem;inline-size:100%;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.caviar-guide-range-input::-webkit-slider-thumb{z-index:3;appearance:none;pointer-events:auto;cursor:grab;background:#eff3fa;border:1.5px solid #000;border-radius:50%;block-size:1rem;inline-size:1rem;position:relative}.caviar-guide-range-input::-webkit-slider-thumb:active{cursor:grabbing}.caviar-guide-range-input::-moz-range-thumb{z-index:3;appearance:none;pointer-events:auto;cursor:grab;background:#eff3fa;border:1.5px solid #000;border-radius:50%;block-size:1rem;inline-size:1rem;position:relative}.caviar-guide-range-input::-moz-range-thumb:active{cursor:grabbing}.caviar-guide-range-input::-webkit-slider-runnable-track{appearance:none;background:0 0;border:none}.caviar-guide-range-input::-moz-range-track{appearance:none;background:0 0;border:none}.caviar-guide-range-labels{justify-content:space-between;inline-size:18.125rem;font-size:.625rem;line-height:135%;display:flex}.caviar-guide-range-labels p:last-child{text-align:end}.caviar-guide-range-labels span{font-family:var(--font-title);font-size:var(--fluid-22-26);font-weight:700}@media (width>=64rem){.caviar-guide-range-labels span{font-size:var(--fluid-large-26-32)}}.caviar-guide-options{gap:1.5rem;display:flex}.caviar-guide-options[data-variant=text]{flex-direction:column;align-items:flex-start}.caviar-guide-options[data-variant=aromas]{grid-template-columns:repeat(4,minmax(0,max-content));gap:1.5rem;display:grid}@media (width<64rem){.caviar-guide-options[data-variant=aromas]{grid-template-columns:repeat(3,minmax(0,max-content))}}.caviar-guide-option[data-variant=text]{align-items:center;gap:.5rem;display:flex;position:relative}.caviar-guide-option[data-variant=text] input[type=checkbox],.caviar-guide-option[data-variant=text] input[type=radio]{appearance:none;cursor:pointer;border:1px solid var(--color-border-darker);background:0 0;flex-shrink:0;block-size:1.25rem;inline-size:1.25rem;transition:background .2s;position:relative}.caviar-guide-option[data-variant=text] input[type=checkbox]:checked,.caviar-guide-option[data-variant=text] input[type=radio]:checked{background:#000}.caviar-guide-option[data-variant=text]>svg{pointer-events:none;opacity:0;block-size:1.25rem;inline-size:1.25rem;padding:.25rem;transition:opacity .2s;position:absolute;inset-block-start:0;inset-inline-start:0}.caviar-guide-option[data-variant=text]>svg path{stroke:#fff}.caviar-guide-option[data-variant=text] input[type=checkbox]:checked+svg,.caviar-guide-option[data-variant=text] input[type=radio]:checked+svg{opacity:1}.caviar-guide-option[data-variant=text] .caviar-guide-option-content{flex:1;align-items:center;gap:.5rem;display:flex}.caviar-guide-option[data-variant=image]{cursor:pointer;flex-direction:column;align-items:center;gap:.75rem;display:flex}.caviar-guide-option[data-variant=image] span.product-grain-icon{border:1px solid #a8b3c9;border-radius:50%;place-items:center;block-size:5rem;inline-size:5rem;transition:border-color .2s;display:grid}.caviar-guide-option[data-variant=image] span.product-grain-icon img{object-fit:contain;block-size:80%;inline-size:80%}.caviar-guide-option[data-variant=image] input{display:none}.caviar-guide-option[data-variant=image] input:checked+span{background-color:#bfc9dd;border-color:#000}.caviar-guide-actions{align-items:center;gap:1rem;padding-block-start:2rem;display:flex}.caviar-guide-actions .button{flex-shrink:0;inline-size:fit-content}.caviar-guide-results{display:none}.caviar-guide-results.is-active{display:block}.guide-results-best{padding-block:var(--section-wrapper);padding-inline:var(--page-gutter);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.guide-results-best .heading{max-inline-size:none;padding-block:1rem var(--fluid-24-32)}@media (width>=64rem){.guide-results-best .heading{text-align:center}}.guide-results-quantity{padding-block-end:var(--fluid-24-40)}@media (width>=64rem){.guide-results-quantity{text-align:center}}.guide-results-other,.guide-results-challenge{padding-inline:var(--page-gutter);background-color:var(--color-secondary-background)}:is(.guide-results-other,.guide-results-challenge) .heading{max-inline-size:none;padding-block:1rem var(--fluid-24-40)}@media (width>=64rem){:is(.guide-results-other,.guide-results-challenge) .heading{text-align:center}}.guide-results-other{padding-block:var(--section-wrapper);overflow:clip}.guide-results-other swiper-container{z-index:0;position:relative;overflow:visible}.guide-results-other swiper-container::part(container){overflow:visible}@media (width>=64rem){.guide-results-other swiper-container::part(wrapper){justify-content:center}}.guide-results-challenge{grid-template-columns:1fr;padding-block-end:var(--section-wrapper);display:grid}@media (width>=48rem){.guide-results-challenge{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.guide-results-challenge{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-results-challenge h2{grid-area:1/span 3}.guide-results-challenge .guide-results-quantity{grid-area:2/span 3}.guide-results-challenge>div{grid-row:3}@media (width>=64rem){.guide-results-challenge>div{grid-column:2}}.guide-product-carousel{padding-block:var(--section-wrapper);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-block:0!important}}