.slime-lab{padding:2rem 0 4rem;-webkit-user-select:none;user-select:none;overflow:hidden}.slime-lab__intro,.slime-lab__idle-panel,.slime-lab__video-panel,.slime-lab__reveal-panel{display:none}.slime-lab[data-state=idle] .slime-lab__intro,.slime-lab[data-state=video] .slime-lab__intro{display:flex}.slime-lab[data-state=idle] .slime-lab__idle-panel,.slime-lab[data-state=video] .slime-lab__video-panel,.slime-lab[data-state=revealed] .slime-lab__reveal-panel{display:block}.slime-lab__btn-img{display:block;width:100%;height:auto;transition:opacity .2s ease}.slime-lab__btn-img--hover,button:hover .slime-lab__btn-img--default,a:hover .slime-lab__btn-img--default{display:none}button:hover .slime-lab__btn-img--hover,a:hover .slime-lab__btn-img--hover{display:block}.slime-lab__idle-panel{display:none}.slime-lab[data-state=idle] .slime-lab__idle-panel{display:block}.slime-lab__intro{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.slime-lab__badge{display:block;height:auto;max-width:9rem;margin-bottom:.75rem}.slime-lab__heading{font-family:var(--font-display, cursive);font-size:clamp(1.6rem,4vw,2.8rem);color:#7cd5f3;margin:0 0 .5rem}.slime-lab__subtext{font-size:1rem;color:#8a5d3b;max-width:36rem;margin:0 auto;line-height:1.6}.slime-lab__banner-wrap{position:relative;width:100%;max-width:1217px;aspect-ratio:1217 / 584;margin:0 auto}.slime-lab__shadow-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.5rem}.slime-lab__shadow-img--mobile{display:none}.slime-lab__enter-btn{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:clamp(160px,28%,306px);background:none;border:0;padding:0;cursor:pointer;transition:transform .2s ease;z-index:4}.slime-lab__enter-btn:hover{transform:translate(-50%) scale(1.06)}.slime-lab__enter-btn:active{transform:translate(-50%) scale(.96)}.slime-lab__video-panel{position:relative;width:100%;max-width:1217px;aspect-ratio:1217 / 584;margin:0 auto;background:transparent;border-radius:1.5rem;overflow:hidden}.slime-lab__intro-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slime-lab__reveal-panel{position:relative;width:100%;max-width:1217px;aspect-ratio:1217 / 584;margin:0 auto;overflow:hidden;border-radius:1.5rem}.slime-lab__reveal-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.5rem}.slime-lab__exit-btn{position:absolute;top:4%;right:2%;width:clamp(100px,16%,210px);background:none;border:0;padding:0;cursor:pointer;transition:transform .2s ease;z-index:10}.slime-lab__exit-btn:hover{transform:scale(1.05)}.slime-lab__exit-btn:active{transform:scale(.96)}.slime-lab__subscribe-btn{position:absolute;bottom:7%;left:17%;width:clamp(90px,18%,220px);display:block;transition:transform .2s ease;z-index:10;text-decoration:none}.slime-lab__subscribe-btn:hover{transform:scale(1.05)}.slime-lab__subscribe-btn:active{transform:scale(.96)}.slime-lab__carousel{position:absolute;top:10%;left:12%;right:12%;bottom:14%;display:flex;align-items:center;justify-content:center;gap:.75rem;z-index:5}.slime-lab__arrow{flex-shrink:0;width:clamp(28px,5%,52px);background:none;border:0;padding:0;cursor:pointer;transition:transform .2s ease}.slime-lab__arrow:hover{transform:scale(1.1)}.slime-lab__arrow:active{transform:scale(.92)}.slime-lab__arrow:disabled{opacity:.3;pointer-events:none}.slime-lab__arrow--prev{transform:scaleX(-1)}.slime-lab__arrow--prev:hover{transform:scaleX(-1) scale(1.1)}.slime-lab__viewport{flex:0 1 45.5rem;overflow:hidden;min-width:0;height:100%}.slime-lab__track{display:flex;gap:.75rem;max-width:45.5rem;text-align:center;justify-content:center;height:100%;max-height:25.8rem;margin:35px auto;transition:transform .45s cubic-bezier(.34,1.1,.64,1);will-change:transform}.slime-lab__video-card{--panel-h: 5.625rem;--mute-sz: 2.625rem;--ksc-sz: 1.625rem;flex:0 0 calc((100% - 1.5rem) / 3);min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000001f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.slime-lab__video-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000002e}.slime-lab__video-card--dummy{pointer-events:none;opacity:.6}.slime-lab__video-thumb{flex:1;background-color:#b8d9f0;background-size:cover;background-position:center;position:relative;overflow:hidden}.slime-lab__video-thumb--dummy{background-image:linear-gradient(145deg,#cce8f6,#a8d4ee)}.slime-lab__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000026;color:#fffffff2;font-size:1.5rem;transition:background .2s ease}.slime-lab__video-card:hover .slime-lab__play-btn{background:#00000047}.slime-lab__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slime-lab__video-card:hover .slime-lab__card-overlay,.slime-lab__video-card:focus-within .slime-lab__card-overlay{pointer-events:auto}.slime-lab__mute-btn{position:absolute;bottom:calc(var(--panel-h) - var(--mute-sz) / 2);right:.5rem;background:none;border:none;padding:0;cursor:pointer;width:var(--mute-sz);height:var(--mute-sz);display:grid;opacity:0;transition:opacity .22s ease;pointer-events:none;z-index:3}.slime-lab__mute-icon{grid-column:1;grid-row:1;width:100%;height:100%;display:block;object-fit:contain;transition:opacity .15s ease}.slime-lab__mute-icon--muted{opacity:1}.slime-lab__mute-icon--unmuted,.slime-lab__mute-btn.is-unmuted .slime-lab__mute-icon--muted{opacity:0}.slime-lab__mute-btn.is-unmuted .slime-lab__mute-icon--unmuted{opacity:1}.slime-lab__video-card:hover .slime-lab__mute-btn,.slime-lab__video-card:focus-within .slime-lab__mute-btn{opacity:1;pointer-events:auto}.slime-lab__card-bottom{position:absolute;bottom:0;left:0;right:0;height:var(--panel-h);background:#ffffffe6;border-radius:0 0 .75rem .75rem;padding:.45rem .6rem .4rem;display:flex;flex-direction:column;justify-content:center;transform:translateY(100%);transition:transform .3s ease;pointer-events:none;z-index:1}.slime-lab__video-card:hover .slime-lab__card-bottom,.slime-lab__video-card:focus-within .slime-lab__card-bottom{transform:translateY(0);pointer-events:auto}.slime-lab__card-channel{display:flex;align-items:center;gap:.35rem;color:#7cd5f3;text-decoration:none;font-size:.8125rem;font-weight:700;margin-bottom:.25rem;line-height:1}.slime-lab__card-channel img{width:var(--ksc-sz);height:var(--ksc-sz);flex-shrink:0}.slime-lab__card-channel:hover{text-decoration:underline}.slime-lab__card-caption{color:#754c28;font-size:.875rem;font-weight:700;margin:0;line-height:1.25;font-family:var(--font-display, "Quicksand", sans-serif);white-space:normal}.slime-lab__iframe-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.slime-lab__iframe-wrap iframe,.slime-lab__iframe-wrap video{width:100%;height:100%;border:0;display:block}.slime-lab__video-thumb.is-playing .slime-lab__play-btn{display:none}.slime-lab__video-label{font-size:.78rem;font-weight:600;color:#5a3e2b;padding:.4rem .6rem;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slime-lab__bottom-left{position:absolute;bottom:0;left:0;width:clamp(80px,16%,200px);height:auto;pointer-events:none;z-index:8}@media(max-width:550px){.slime-lab__enter-btn{bottom:7px}.slime-lab__banner-wrap{aspect-ratio:unset;height:880px;max-width:100%}.slime-lab__shadow-img--desktop{display:none}.slime-lab__shadow-img--mobile{display:block;object-fit:contain;object-position:center bottom;border-radius:0}.slime-lab__video-panel{aspect-ratio:unset;height:880px;width:100%;max-width:100%;border-radius:0}.slime-lab__intro-video{object-fit:contain}.slime-lab__reveal-panel{aspect-ratio:371 / 569;min-height:800px;background:linear-gradient(to bottom,#c9ebf9,#f2fbfe)}.slime-lab__reveal-bg{display:none}.slime-lab__exit-btn{top:4%;right:auto;left:50%;transform:translate(-50%);width:clamp(90px,38%,180px)}.slime-lab__exit-btn:hover{transform:translate(-50%) scale(1.05)}.slime-lab__exit-btn:active{transform:translate(-50%) scale(.96)}.slime-lab__subscribe-btn{bottom:4%;left:50%;transform:translate(-50%);width:clamp(90px,50%,220px)}.slime-lab__subscribe-btn:hover{transform:translate(-50%) scale(1.05)}.slime-lab__subscribe-btn:active{transform:translate(-50%) scale(.96)}.slime-lab__carousel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;top:14%;left:0;right:0;bottom:14%;gap:0;align-items:start}.slime-lab__viewport{grid-column:1 / -1;grid-row:1;flex:unset;overflow:hidden;width:100%;height:100%}.slime-lab__track{justify-content:flex-start;gap:0;max-width:none;width:100%;max-height:none;margin:0;height:100%;align-items:stretch}.slime-lab__video-card{flex:0 0 76%;position:relative;opacity:1;transform:scaleY(.85);transform-origin:center center;transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease}.slime-lab__video-card:hover{transform:scaleY(.72)}.slime-lab__video-card.is-active{opacity:1;transform:scaleY(.99);z-index:3;box-shadow:0 0 0 3px #fffc,0 8px 28px #0000004d,0 24px 64px #0006}.slime-lab__video-card.is-active:hover{transform:scaleY(1)}.slime-lab__arrow{grid-row:2;width:2.75rem;height:2.75rem;margin-top:.75rem;display:block}.slime-lab__arrow--prev{grid-column:1;justify-self:end;margin-right:1rem;transform:scaleX(-1)}.slime-lab__arrow--prev:hover{transform:scaleX(-1) scale(1.1)}.slime-lab__arrow--prev:active{transform:scaleX(-1) scale(.92)}.slime-lab__arrow--next{grid-column:2;justify-self:start;margin-left:1rem}}@media(max-width:479px){.slime-lab__carousel{top:14%;left:0;right:0;bottom:14%}.slime-lab__bottom-left{width:clamp(60px,30%,100px)}}@media(prefers-reduced-motion:reduce){.slime-lab__enter-btn,.slime-lab__exit-btn,.slime-lab__arrow,.slime-lab__subscribe-btn,.slime-lab__video-card,.slime-lab__track{transition:none}}@media(max-width:549px){.slime-lab__enter-btn{bottom:9%}.slime-lab__enter-btn{width:clamp(303px,28%,306px)}}@media(max-width:369px){.slime-lab__enter-btn{width:clamp(281px,28%,306px)}.slime-lab__enter-btn{bottom:8%}}
/*# sourceMappingURL=/cdn/shop/t/291/assets/section-slime-lab.css.map */