.c-cocktail-recipe-list{background:var(--color-bg);padding-left:40px;padding-right:40px;color:var(--color-accent);margin-top:-1px}.c-cocktail-recipe-list__inner>.c-section-title{margin:0 0 43px}.c-cocktail-recipe-list__inner .c-section-title__label{font-size:20px;padding-top:5px;line-height:1.6}.c-cocktail-recipe-list__inner .c-section-title__label span{top:4px}.c-cocktail-recipe-list__popup-related>.c-section-title{margin-bottom:12px}.c-cocktail-recipe-list__brands{display:flex;align-items:center;justify-content:center;gap:54.75px;margin-bottom:31.72px}.c-cocktail-recipe-list__brand{width:100%}.c-cocktail-recipe-list__brand img{display:block;width:100%;height:auto}.c-cocktail-recipe-list__brand-cross{flex-shrink:0}.c-cocktail-recipe-list__brand-cross svg{width:49.5px;height:49.5px;display:block}.c-cocktail-recipe-list__slider{position:relative}.c-cocktail-recipe-list__slider .c-cocktail-recipe-list__progress{transition:opacity .2s ease}.c-cocktail-recipe-list__slider:not(.is-ready) .c-cocktail-recipe-list__progress,.c-cocktail-recipe-list__slider:not(.is-ready) .c-cocktail-recipe-list__arrow{opacity:0;pointer-events:none}.c-cocktail-recipe-list__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;padding:0;border:1px solid #fff;border-radius:50%;box-shadow:0 4px 4px -2px #00000040;background:var(--color-blue);color:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}@media(hover:hover)and (pointer:fine){.c-cocktail-recipe-list__arrow:hover{background:#fff;color:var(--color-blue)}}.c-cocktail-recipe-list__arrow--prev{left:-23px;transform:translateY(-50%) rotate(180deg)}.c-cocktail-recipe-list__arrow--next{right:-23px}.c-cocktail-recipe-list__arrow svg{display:block}.c-cocktail-recipe-list__arrow[disabled]{opacity:0;pointer-events:none}.c-cocktail-recipe-list__list{display:flex;gap:10px;list-style:none;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.c-cocktail-recipe-list__list::-webkit-scrollbar{display:none}.c-cocktail-recipe-list__list.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.c-cocktail-recipe-list__list.is-dragging .c-cocktail-recipe-list__item-button{pointer-events:none}.c-cocktail-recipe-list__item{flex:0 0 auto;width:220px}.c-cocktail-recipe-list__item-button{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;background:none;border:none;cursor:pointer;padding:0;font:inherit;color:inherit}.c-cocktail-recipe-list__item-image{width:100%;max-width:136px;margin-left:auto;margin-right:auto}.c-cocktail-recipe-list__item-image img{width:100%;height:auto;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.c-cocktail-recipe-list__item-name{font-size:16px;letter-spacing:0;line-height:1.375;font-weight:700;text-align:center}.c-cocktail-recipe-list__progress{width:100%;max-width:100%;height:4px;background:var(--color-light-blue);border-radius:2px;margin:46px auto 0;overflow:hidden}.c-cocktail-recipe-list__progress[hidden]{display:none}.c-cocktail-recipe-list__progress-bar{height:100%;background:var(--color-blue);border-radius:2px;width:0;transition:width .15s ease}.c-cocktail-recipe-list__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}.c-cocktail-recipe-list__popup[hidden]{display:none}.c-cocktail-recipe-list__popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;cursor:pointer}.c-cocktail-recipe-list__popup-content{position:relative;background:#fff;border-radius:24px;max-width:946px;width:100%;max-height:90vh;overflow-y:auto;padding:32px 39px 32px 40px;border:1px solid var(--color-accent)}.c-cocktail-recipe-list__popup-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:#0003;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}@media(hover:hover)and (pointer:fine){.c-cocktail-recipe-list__popup-close:hover{background:#0006}}.c-cocktail-recipe-list__popup-info{margin-top:40px}.c-cocktail-recipe-list__popup-brand{margin-bottom:12.72px}.c-cocktail-recipe-list__popup-brand img{max-width:118px;height:auto}.c-cocktail-recipe-list__popup-layout{display:grid;grid-template-columns:1fr 434px;gap:106px}.c-cocktail-recipe-list__popup-main-image img{width:100%;height:auto;display:block;max-width:260px;margin-left:auto}.c-cocktail-recipe-list__popup-brand img{max-width:118px!important;height:auto;margin-left:0;margin-right:auto}.c-cocktail-recipe-list__popup-brand--large img{max-width:260px!important}.c-cocktail-recipe-list__popup-info{margin-top:45px}.c-cocktail-recipe-list__popup-name{font-size:24px;font-weight:700;margin:0 0 28px;letter-spacing:0;line-height:1.12}.c-cocktail-recipe-list__popup-section{margin-bottom:24px}.c-cocktail-recipe-list__popup-heading{font-size:14px;font-weight:700;letter-spacing:0;line-height:1;border-radius:6px;background:#fde5d7;color:var(--color-accent);margin:0 0 14px;padding:5px 13px;width:fit-content}.c-cocktail-recipe-list__popup-text{font-size:14px;margin:0;letter-spacing:0;line-height:1.57;font-weight:700}.c-cocktail-recipe-list__popup-text-ratio{font-size:12px;letter-spacing:0;font-weight:700;line-height:1.16;margin-top:10px!important}.c-cocktail-recipe-list__popup-related{margin-top:26px}.c-cocktail-recipe-list__popup-related .c-cocktail-recipe-list__popup-heading{font-size:16px;letter-spacing:0;line-height:1.75;font-weight:700;padding:0 0 12px;background:transparent;border-bottom:1px solid var(--color-accent);border-radius:0;width:100%;margin-bottom:0}.c-cocktail-recipe-list__popup-related .c-section-title__label{min-width:183px;font-size:18px;line-height:1.77}.c-cocktail-recipe-list__popup-related-list{display:flex;flex-wrap:nowrap;gap:0px;list-style:none;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.c-cocktail-recipe-list__popup-related-list::-webkit-scrollbar{display:none}.c-cocktail-recipe-list__popup-related-list.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.c-cocktail-recipe-list__popup-related-list.is-dragging .c-cocktail-recipe-list__popup-related-button{pointer-events:none}.c-cocktail-recipe-list__popup-related-item{flex:0 0 calc(100% / 3);min-width:0}.c-cocktail-recipe-list__popup-related-button,.c-cocktail-recipe-list__popup-related-static{display:flex;flex-direction:column;align-items:center;gap:16px;background:none;border:none;padding:0;width:100%;font:inherit;color:inherit}.c-cocktail-recipe-list__popup-related-button{cursor:pointer}.c-cocktail-recipe-list__popup-related-image img{width:100%;height:auto;display:block;max-width:82px;margin-left:auto;margin-right:auto}.c-cocktail-recipe-list__popup-related-text{font-size:14px;letter-spacing:0;line-height:1.28;font-weight:700;text-align:center;color:var(--color-accent)}.c-cocktail-recipe-list__loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#ffffffb3}.c-cocktail-recipe-list__loading[hidden]{display:none}.c-cocktail-recipe-list__loading-spinner{width:40px;height:40px;border:3px solid #ddd;border-top-color:var(--color-accent);border-radius:50%;animation:cocktail-spinner .8s linear infinite}@keyframes cocktail-spinner{to{transform:rotate(360deg)}}@media screen and (min-width:741px){.c-mobile-only{display:none}}@media screen and (max-width:900px){.c-cocktail-recipe-list__popup-layout{grid-template-columns:1fr 1fr}}@media screen and (max-width:740px){.c-cocktail-recipe-list{padding-left:16px;padding-right:16px}.c-cocktail-recipe-list .c-section-title__label{font-size:18px;padding-top:1px;line-height:1.5;min-width:calc(100% - 29px)}.c-cocktail-recipe-list__inner>.c-section-title{margin:0 0 24px}.c-cocktail-recipe-list__arrow{width:34px;height:34px}.c-cocktail-recipe-list__arrow svg{width:16.04px;height:12.03px}.c-cocktail-recipe-list__arrow--prev{left:-12px}.c-cocktail-recipe-list__arrow--next{right:-12px}.c-cocktail-recipe-list__list{gap:10px}.c-cocktail-recipe-list__item{width:120px}.c-cocktail-recipe-list__brands{gap:19.35px;margin-bottom:15px}.c-cocktail-recipe-list__item-name{font-size:14px;line-height:1.57}.c-cocktail-recipe-list__popup-content{padding:30px 20px;max-height:85vh;border:none}.c-cocktail-recipe-list__popup-brand img{margin-left:auto;margin-right:auto;max-width:118px!important}.c-cocktail-recipe-list__popup-brand--large img{max-width:238px!important}.c-cocktail-recipe-list__popup-brand{margin-bottom:9.72}.c-cocktail-recipe-list__popup-layout{grid-template-columns:1fr;gap:31px}.c-cocktail-recipe-list__popup-info{margin-top:0;width:100%;min-width:0;overflow:visible;text-align:center}.c-cocktail-recipe-list__popup-heading{margin-left:auto;margin-right:auto}.c-cocktail-recipe-list__popup-related .c-cocktail-recipe-list__popup-heading{text-align:left;margin-bottom:14px}.c-cocktail-recipe-list__popup-related-list{gap:8px;scroll-snap-type:x proximity;padding-bottom:0}.c-cocktail-recipe-list__popup-related-item{flex:0 0 120px;width:120px;scroll-snap-align:start}.c-cocktail-recipe-list__progress{margin:10px auto 0}.c-cocktail-recipe-list__popup-main-image img{max-width:173px;margin-left:auto;margin-right:auto}.c-mobile-cocktail-recipe-list__popup-related-close{display:flex;align-items:center;justify-content:center;gap:7.3px;font-size:12px;font-weight:700;letter-spacing:0;line-height:1.08;color:#231815;margin-left:auto;margin-right:auto;margin-top:28px}.c-cocktail-recipe-list__popup-related-close-text{display:block;margin-top:2px}.c-cocktail-recipe-list__brand-cross svg{width:31.75px;height:31.75px;display:block}.c-cocktail-recipe-list__brand{max-width:var(--brand-image-width-mobile)!important}.c-cocktail-recipe-list__popup-close{position:absolute;top:15px;right:15px;width:33px;height:33px;border-radius:50%;background:#0003;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.breadcrumb__list{padding-top:18px}}@media screen and (max-width:500px){.c-cocktail-recipe-list__item-image{max-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-cocktail-recipe-list.css.map */