.toffee-video-reel{display:block;min-width:0;padding:16px;background:var(--reel-background, #f3ebe8);color:var(--reel-color, #272727);border-radius:0!important}.toffee-video-reel--minimal{padding:0;background:transparent}.toffee-video-reel [hidden]{display:none!important}.toffee-video-reel__proof{display:block;margin:0 0 14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.toffee-video-reel__proof>*{min-width:0}.toffee-video-reel__proof strong{font-weight:650}.toffee-video-reel__creator{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-inline-end:7px;vertical-align:middle}.toffee-video-reel__creator strong{min-width:0}.toffee-video-reel__badge{display:block;flex:0 0 20px;width:20px;height:20px}.toffee-video-reel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px) / 3.25);align-items:start;gap:10px;list-style:none;margin:0;padding:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.toffee-video-reel__track::-webkit-scrollbar{display:none;width:0;height:0}.toffee-video-reel__item{min-width:0;scroll-snap-align:start}.toffee-video-reel__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:0!important;background:color-mix(in srgb,currentColor 8%,var(--reel-background, #f3ebe8))}.toffee-video-reel__video,.toffee-video-reel__poster{width:100%;height:100%;object-fit:cover;display:block}.toffee-video-reel__poster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.toffee-video-reel__item.is-started .toffee-video-reel__poster{display:none}.toffee-video-reel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%!important;background:#fffefc;color:#272727}.toffee-video-reel button{cursor:pointer}.toffee-video-reel button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.toffee-video-reel button:disabled{opacity:.35;cursor:default}.toffee-video-reel__viewer-status,.toffee-video-reel__editor-note{margin:10px 0 0;font-size:13px;line-height:1.5}@media(max-width:699px){.toffee-video-reel{padding:12px}.toffee-video-reel--minimal{padding:0}.toffee-video-reel__track{grid-auto-columns:calc((100% - 24px) / 3.5);gap:8px}}.toffee-video-reel__viewer{position:fixed;inset:auto 16px 16px auto;margin:0;z-index:30;padding:0;border:0;border-radius:0!important;background:transparent;color:#fffefc;width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.toffee-video-reel__viewer::backdrop{background:transparent}.toffee-video-reel__viewer-shell{position:relative}.toffee-video-reel__viewer-video{display:block;width:auto;height:auto;max-width:min(240px,calc(100vw - 32px));max-height:min(55dvh,calc(100dvh - 80px));object-fit:contain;background:transparent}.toffee-video-reel__viewer-close,.toffee-video-reel__fullscreen{position:absolute;right:8px;display:grid;place-items:center;width:44px;height:44px;border:0;padding:0;border-radius:50%;color:#fffefc;background:#0009}.toffee-video-reel__viewer-close{top:8px;border-radius:50%!important;aspect-ratio:1}.toffee-video-reel__fullscreen{bottom:64px}.toffee-video-reel__viewer-status{padding:8px 12px 12px}.toffee-video-reel__play svg{width:12px;height:12px}.toffee-video-reel__play:before{content:"";position:absolute;width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@media(min-width:1000px){.toffee-video-reel__viewer{top:0;right:0;bottom:0;left:0;margin:auto 24px auto auto}.toffee-video-reel__viewer-video{max-width:420px;max-height:calc(100dvh - 80px)}}.toffee-video-reel__viewer button{cursor:pointer}.toffee-video-reel__viewer button:focus-visible{outline:2px solid #fffefc;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/42/assets/toffee-video-reel.css.map */