@property --slot-index{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --slot-count{syntax: "<integer>"; inherits: true; initial-value: 1;}scent-canvas[data-has-applicator=false] .canvas-layer--applicator{display:none}scent-canvas{position:relative;display:block;aspect-ratio:3 / 2;width:100%;overflow:hidden;--slot-width: auto;--slot-height: 23%;--slot-bottom: 50%;--slot-start: 45.5%;--slot-end: 75%;--slot-end-visible: 88.5%}scent-canvas[data-has-applicator=false]{--slot-height: 38%;--slot-start: 15%;--slot-end: 68%;--slot-end-visible: 90.3%}scent-canvas[hidden]{display:none}scent-canvas[data-slot-count="1"],scent-canvas[data-slot-count="2"]{--slot-height: 23%;--slot-bottom: 54%;--slot-start: 49.1%;--slot-end: 63%}scent-canvas[data-has-applicator=false][data-slot-count="1"],scent-canvas[data-has-applicator=false][data-slot-count="2"]{--slot-height: 33%;--slot-start: 33%;--slot-end: 55%}scent-canvas[data-slot-count="1"] img,scent-canvas[data-slot-count="2"] img{scale:1.4}.product__media--scent-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;flex:unset;min-width:0}.product__media--scent-canvas:has(scent-canvas[hidden]){position:static;flex:0 0 0;width:0}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;transition:opacity .2s ease}.canvas-layer[hidden]{display:block;opacity:0;pointer-events:none}.canvas-layer--bg{z-index:0}.canvas-layer--applicator{z-index:10;transition:none}.canvas-layer--scent{inset:auto;bottom:var(--slot-bottom);transform:translateY(50%);width:var(--slot-width);--slot-shrink: calc(4/max(var(--slot-count), 4)) ;height:calc(var(--slot-height) * var(--slot-shrink));--slot-end-effective: calc( var(--slot-end-visible) - (var(--slot-end-visible) - var(--slot-end)) * var(--slot-shrink) );left:calc(var(--slot-start) + (var(--slot-end-effective) - var(--slot-start)) * var(--slot-index) / max(var(--slot-count) - 1,1));z-index:calc(2 + var(--slot-index));object-fit:contain;object-position:left bottom;transition:opacity .25s ease,left .25s ease}
/*# sourceMappingURL=/cdn/shop/t/21/assets/scent-canvas.css.map */