.kevel-debug-mode{outline-offset:2px;background-color:#ffebee;outline:2px dashed #faadbb;position:relative}.kevel-debug-mode:after{color:#72182d;content:"Kevel Ad";background-color:#ffebee;padding:8px 12px;font-size:.75rem;display:inline-block;position:absolute;top:0;right:0}.kevel-debug-corner-flag{z-index:3;color:#fff;background-color:#72182d;padding:8px 12px;font-size:.75rem;position:absolute;top:0;right:0;box-shadow:0 1px 10px #1f243380}.page-animal{background-color:#f6f7f8;padding-top:48px}.page-animal .bottle-selector{--canvas-height:450px;--helper-height:2px;--carousel-item-width:calc(var(--canvas-height) * var(--bottle-pitch))}@media (min-width:768px){.page-animal .bottle-selector{--canvas-height:clamp(500px, 60vh, 1000px)}}.page-animal .bottle-selector.show-alignment-markers{--helper-height:30px}.page-animal .bottle-selector h1{justify-content:center;align-items:center;gap:24px;width:100%;margin-bottom:24px;display:flex}.page-animal .bottle-selector h1>span{display:none}.page-animal .bottle-selector h1 svg{width:auto;max-width:600px;height:64px}.page-animal .bottle-selector .subheading{font-synthesis:none;font-family:TT Hoves Pro,arial,sans-serif;font-size:.875rem}@media (min-width:768px){.page-animal .bottle-selector .subheading{font-size:1.25rem}}.page-animal .bottle-selector .subheading{text-align:center;max-width:600px;margin-inline:auto;font-style:normal;font-weight:600;line-height:calc(1em + 4px)}.page-animal .bottle-selector .bottle-frame{width:100%;max-width:100%;min-height:calc(var(--canvas-height) + var(--helper-height));position:relative}.page-animal .bottle-selector .bottle-frame .loading p,.page-animal .bottle-selector .bottle-frame .preparing p,.page-animal .bottle-selector .bottle-frame .bottle-error p{font-synthesis:none;font-family:TT Hoves Pro,arial,sans-serif;font-size:1.5rem}@media (min-width:768px){.page-animal .bottle-selector .bottle-frame .loading p,.page-animal .bottle-selector .bottle-frame .preparing p,.page-animal .bottle-selector .bottle-frame .bottle-error p{font-size:2.25rem}}.page-animal .bottle-selector .bottle-frame .loading p,.page-animal .bottle-selector .bottle-frame .preparing p,.page-animal .bottle-selector .bottle-frame .bottle-error p{font-style:normal;font-weight:600;line-height:calc(1em + 4px)}.page-animal .bottle-selector .bottle-frame .loading,.page-animal .bottle-selector .bottle-frame .preparing,.page-animal .bottle-selector .bottle-frame .bottle-error{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.page-animal .bottle-selector .bottle-frame .bottle-shelf-container.hovered{cursor:pointer}.page-animal .bottle-selector .bottle-frame .bottle-shelf-container{height:var(--canvas-height);pointer-events:none;opacity:0}.page-animal .bottle-selector .bottle-frame.bottles-visible .bottle-shelf-container{pointer-events:auto;opacity:1}.page-animal .bottle-selector .bottle-frame .bottle-carousel{grid-template-rows:auto var(--helper-height);grid-template-columns:auto repeat(var(--number-of-bottles), auto) auto;width:100%;max-width:100%;height:calc(var(--canvas-height) + var(--helper-height));scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:auto;display:grid;overflow:auto}.page-animal .bottle-selector .bottle-frame .bottle-carousel .spacer{width:calc(50vw - var(--carousel-item-width)/2);scroll-snap-align:none;grid-row:1/3}.page-animal .bottle-selector .bottle-frame .bottle-carousel .spacer.spacer-left{grid-column:1/2}.page-animal .bottle-selector .bottle-frame .bottle-carousel .spacer.spacer-right{grid-column:-2/-1}.page-animal .bottle-selector .bottle-frame .bottle-carousel .bottle-shelf-container{width:calc(var(--number-of-bottles)*var(--carousel-item-width));grid-area:1/2/auto/-2}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons{display:none}@media (min-width:768px){.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons{top:calc(var(--canvas-height)/2);width:100%;height:0;display:block;position:absolute}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons>div{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons>div .bottle-carousel-button{background-color:#fff;border:1px solid #dcdfe5;border-radius:4px;padding:10px;line-height:1em;transition:background-color .2s,border-color .2s}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons>div .bottle-carousel-button:hover{background-color:#edeff2}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons>div .bottle-carousel-button:active{background-color:#dcdfe5}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons>div .bottle-carousel-button:disabled{color:#c3c9d5;cursor:not-allowed;border-color:#edeff2}.page-animal .bottle-selector .bottle-frame .bottle-carousel-buttons>div .bottle-carousel-button:disabled:hover{background-color:#fff;border-color:#edeff2}}.page-animal .bottle-selector .bottle-footer{font-synthesis:none;font-family:TT Hoves Pro,arial,sans-serif;font-size:.875rem}@media (min-width:768px){.page-animal .bottle-selector .bottle-footer{font-size:1.25rem}}.page-animal .bottle-selector .bottle-footer{background:#fff;border-top:1px solid #dcdfe5;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-inline:auto;padding-block:24px;font-style:normal;font-weight:600;line-height:calc(1em + 4px);display:flex;position:relative;box-shadow:0 -4px #2b3b5808}.page-animal .bottle-selector .bottle-footer .footer-arrow{--arrow-size:28px;top:-14px;top:calc(var(--arrow-size)/-2);width:28px;width:var(--arrow-size);height:28px;height:var(--arrow-size);transform:translate(calc(14px - 50%))rotate(45deg);transform:translateX(calc(-50% + var(--arrow-size) / 2)) rotate(45deg);background-color:#fff;border:0 solid #dcdfe5;border-width:1px 0 0 1px;position:absolute;box-shadow:-4px -4px #2b3b5808}.page-animal .bottle-selector .bottle-footer p{margin-block:0}.page-animal .bottle-selector .bottle-footer .feed-button{max-width:300px}
.kevel-debug-mode{outline-offset:2px;background-color:#ffebee;outline:2px dashed #faadbb;position:relative}.kevel-debug-mode:after{color:#72182d;content:"Kevel Ad";background-color:#ffebee;padding:8px 12px;font-size:.75rem;display:inline-block;position:absolute;top:0;right:0}.kevel-debug-corner-flag{z-index:3;color:#fff;background-color:#72182d;padding:8px 12px;font-size:.75rem;position:absolute;top:0;right:0;box-shadow:0 1px 10px #1f243380}
/*# sourceMappingURL=03~m7dqriye5~.css.map*/