collage-canvas-component{--cc-height: 100svh;display:block;position:relative;width:100%;max-width:100vw;min-height:var(--cc-height);overflow:clip;contain:layout size style}collage-canvas-component.cc--hide-desktop{display:block}collage-canvas-component.cc--hide-mobile{display:block}@media screen and (min-width:750px){collage-canvas-component.cc--hide-desktop{display:none}}@media screen and (max-width:749px){collage-canvas-component.cc--hide-mobile{display:none}}.cc__bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:0;overflow:hidden;will-change:transform}.cc__bg-img,.cc__bg-placeholder,.cc__bg-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cc__bg-placeholder{background:#1a1a1a}.cc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--cc-overlay-opacity, 0));pointer-events:none;z-index:1}.cc__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;cursor:grab}.cc__canvas:active{cursor:grabbing}.cc__canvas-inner{position:absolute;top:0;left:0;min-width:100%;min-height:100%;transform-origin:0 0}collage-canvas-component[data-mobile-nav=pan] .cc__canvas{touch-action:none}@media screen and (max-width:749px){collage-canvas-component[data-mobile-nav=scroll] .cc__canvas{overflow:auto;cursor:default;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}collage-canvas-component[data-mobile-nav=scroll] .cc__canvas:active{cursor:default}}.cc-item{position:absolute;border-radius:0;box-sizing:border-box;overflow:hidden}collage-canvas-component[data-hover-shrink] .cc-item{transition:scale .3s cubic-bezier(.22,1,.36,1)}collage-canvas-component[data-hover-shrink] .cc-item:hover{scale:.985}.cc-item--desktop-only{display:block}.cc-item--mobile-only{display:none}@media screen and (max-width:749px){.cc-item--desktop-only{display:none}.cc-item--mobile-only{display:block}}.cc-item__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cc-item__image-link{display:block;width:100%;height:100%}.cc-item__placeholder{width:100%;height:100%;background:#e5e5e5}.cc-item__placeholder svg{width:100%;height:100%}.cc-item__video{display:block;width:100%;height:100%;object-fit:cover}.cc-item__youtube{display:block;width:100%;height:100%;border:none;pointer-events:auto}.cc-item__video-mute{position:absolute;bottom:.5rem;left:.5rem;z-index:3;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.cc-item__video-mute:hover{background:#000000b3}.cc-item__video-mute-off{display:none}.cc-item__video-mute-on,.cc-item__video-mute[data-muted=false] .cc-item__video-mute-off{display:block}.cc-item__video-mute[data-muted=false] .cc-item__video-mute-on{display:none}.cc-item__audio{display:flex;align-items:center;gap:.5em;width:100%;height:100%;padding:.5em .65em;background:var(--wa-bg, #075e54);box-sizing:border-box;border-radius:inherit}.cc-audio__play{flex-shrink:0;width:1.75em;height:1.75em;border-radius:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.cc-audio__play:hover{opacity:.7}.cc-audio__play:active{transform:scale(.9)}.cc-audio__play-icon{display:block;width:0;height:0;margin-left:2px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--wa-play-icon, #5b5b5b)}.cc-audio__play[aria-pressed=true] .cc-audio__play-icon{width:10px;height:13px;margin-left:0;border:none;border-left:3px solid var(--wa-play-icon, #5b5b5b);border-right:3px solid var(--wa-play-icon, #5b5b5b)}.cc-audio__track{flex:1;display:flex;align-items:center;gap:1.5px;height:1.6em;min-width:0;cursor:pointer}.cc-waveform__bar{flex:0 0 2.5px;width:2.5px;height:var(--h, 50%);max-height:100%;min-height:2.5px;background:var(--wa-bar, #a0d9b4);border-radius:99px;transition:background .12s ease}.cc-waveform__bar--played{background:var(--wa-bar-played, #fff)}.cc-audio__time{flex-shrink:0;font-size:.625rem;color:var(--wa-time, #a0d9b4);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:2.5em;text-align:right}.cc__controls{position:absolute;bottom:1.25rem;right:1.25rem;z-index:10;display:flex;align-items:center;gap:.2rem;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .12);border-radius:10px;padding:.2rem;pointer-events:auto}.cc__controls-label{min-width:2.5rem;padding:0 .4rem;font-size:.6875rem;text-align:center;color:#ffffffb3;font-variant-numeric:tabular-nums}.cc__ctrl-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:8px;color:#ffffffd9;font:inherit;font-size:.6875rem;font-weight:500;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.cc__ctrl-btn:hover,.cc__ctrl-btn:focus-visible{background:#ffffff26}.cc__ctrl-btn--text{padding:0 .5rem;width:auto}.cc__vol-icon--off,.cc__ctrl-btn--mute[data-muted=true] .cc__vol-icon--on{display:none}.cc__ctrl-btn--mute[data-muted=true] .cc__vol-icon--off{display:block}@media screen and (max-width:749px){.cc__controls{right:auto;left:50%;transform:translate(-50%)}.cc__controls--scroll-hide{display:none}}.cc-item__link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.cc-item__link-text{display:block;padding:.5em .75em;background:var(--cc-link-overlay, rgb(0 0 0 / .6));color:var(--cc-text, #fff);font-size:.875rem;transition:filter .2s ease}.cc-item__link:hover .cc-item__link-text,.cc-item__link:focus-visible .cc-item__link-text{filter:brightness(.8)}.cc-item__product{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%;height:100%}.cc-item__product-info{display:flex;flex-direction:column;gap:.15em;padding:.5em .6em;background:var(--cc-product-bg, rgb(255 255 255 / .92));color:var(--cc-product-text, #111);font-size:.8125rem}.cc-item__product-title{font-weight:600;line-height:1.3}.cc-item__product-price{opacity:.7}.cc-item__product--empty{pointer-events:none}.cc-item__text{padding:.75em 1em;color:var(--cc-text, #fff);font-size:1rem;line-height:1.5}.cc-item__text>*:first-child{margin-top:0}.cc-item__text>*:last-child{margin-bottom:0}.cc-item__form{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.cc-item[data-item-type=form]{pointer-events:auto}.cc-form__inner{display:flex;flex-direction:column;justify-content:center;gap:.75em;width:100%;height:100%;padding:1.25em;box-sizing:border-box;background:var(--cc-form-bg, transparent);color:var(--cc-form-text, #fff);border-radius:inherit}.cc-form__heading{margin:0;font-size:1rem;font-weight:600;color:var(--cc-form-text, #fff);line-height:1.3}.cc-form__row{display:flex;gap:0;border-radius:6px;overflow:hidden}.cc-form__input{flex:1;min-width:0;padding:.6em .75em;border:1px solid var(--cc-form-input-border, rgb(255 255 255 / .2));border-right:none;border-radius:6px 0 0 6px;background-color:var(--cc-form-input-bg, rgb(255 255 255 / .1));color:var(--cc-form-text, #fff);font:inherit;font-size:.8125rem;outline:none;-webkit-appearance:none;appearance:none}.cc-form__input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--cc-form-input-bg, #1a1a1a) inset;-webkit-text-fill-color:var(--cc-form-text, #fff)}.cc-form__input::placeholder{color:var(--cc-form-text, #fff);opacity:.45}.cc-form__input:focus{border-color:var(--cc-form-btn-bg, #fff)}.cc-form__btn{flex-shrink:0;padding:.6em 1em;border:none;border-radius:0 6px 6px 0;background:var(--cc-form-btn-bg, #fff);color:var(--cc-form-btn-text, #000);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.cc-form__btn:hover{opacity:.85}.cc-form__success{margin:0;font-size:.75rem;color:#4ade80}.cc-form__error{margin:0;font-size:.75rem;color:#f87171}.cc-item__form-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;padding:1em;background:#ffffff14;color:var(--cc-text, #fff);font-size:.8125rem;text-align:center;opacity:.6}.cc-item__badge{position:absolute;top:.4rem;right:.4rem;z-index:3;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;color:#fff;pointer-events:none;transition:transform .2s ease}.cc-item__badge svg{width:.9rem;height:.9rem}.cc-item:hover .cc-item__badge{transform:scale(1.1)}.cc-item__caption{display:block;padding:.3em .5em;background:var(--cc-caption-bg, rgb(0 0 0 / .55));color:var(--cc-caption-text, #fff);font-size:.75rem;line-height:1.35;text-align:center}@media(prefers-reduced-motion:reduce){.cc__bg-video{display:none}.cc__canvas,.cc__canvas:active{cursor:default}}collage-canvas-component[data-panning] .cc__canvas{cursor:grabbing;user-select:none;-webkit-user-select:none}collage-canvas-component[data-panning] .cc__canvas *{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collage-canvas.css.map */