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