.size-mockups__stage{position:relative;display:inline-flex;max-width:100%;max-height:100%;--sm-overlay-left: 0%;--sm-overlay-top: 0%;--sm-overlay-width: 100%;--sm-overlay-height: 100%}.size-mockups__stage .size-mockups__img{display:block;max-width:100%;max-height:100%;height:auto}.size-mockups__arrow{position:absolute;color:#fff;pointer-events:none}.size-mockups__arrow-line{background:currentColor;opacity:1;flex:1 1 auto;box-shadow:1px 0 #00000014,-1px 0 #00000014,0 1px #00000014,0 -1px #00000014}.size-mockups__arrow-cap{flex:0 0 auto;position:relative;background:none;opacity:1;filter:drop-shadow(1px 0 0 rgba(0,0,0,.08)) drop-shadow(-1px 0 0 rgba(0,0,0,.08)) drop-shadow(0 1px 0 rgba(0,0,0,.08)) drop-shadow(0 -1px 0 rgba(0,0,0,.08))}.size-mockups__arrow-cap:after{content:"";position:absolute}.size-mockups__arrow-label{z-index:1;padding:.1rem .4rem;border-radius:3px;color:#5a5a5a;background:#fff;font-size:12px;font-weight:500;line-height:1.25;letter-spacing:.01em;white-space:nowrap;box-shadow:0 1px 2px #0000001f}.size-mockups__arrow--left{top:var(--sm-overlay-top);height:var(--sm-overlay-height);left:calc(var(--sm-overlay-left) - 2.85rem);width:2.7rem;display:flex;flex-direction:column;align-items:flex-end}.size-mockups__arrow--left .size-mockups__arrow-line{width:1.4px;margin-right:5px}.size-mockups__arrow--left .size-mockups__arrow-cap--start,.size-mockups__arrow--left .size-mockups__arrow-cap--end{width:1.4px;height:5px;margin-right:5px;border:0}.size-mockups__arrow--left .size-mockups__arrow-cap--start:after,.size-mockups__arrow--left .size-mockups__arrow-cap--end:after{left:50%;transform:translate(-50%);border-left:3.5px solid transparent;border-right:3.5px solid transparent}.size-mockups__arrow--left .size-mockups__arrow-cap--start:after{top:0;border-bottom:5px solid #fff}.size-mockups__arrow--left .size-mockups__arrow-cap--end:after{bottom:0;border-top:5px solid #fff}.size-mockups__arrow--left .size-mockups__arrow-label{position:absolute;right:8.4px;top:50%;padding:.4rem .1rem;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);transform-origin:center center}.size-mockups__arrow--bottom,.size-mockups__arrow--top{left:var(--sm-overlay-left);width:var(--sm-overlay-width);height:2.6rem;display:flex;flex-direction:row}.size-mockups__arrow--bottom{top:calc(var(--sm-overlay-top) + var(--sm-overlay-height));align-items:flex-start}.size-mockups__arrow--top{top:calc(var(--sm-overlay-top) - 2.6rem);align-items:flex-end}.size-mockups__arrow--bottom .size-mockups__arrow-line,.size-mockups__arrow--top .size-mockups__arrow-line{height:1.4px}.size-mockups__arrow--bottom .size-mockups__arrow-line{margin-top:5px}.size-mockups__arrow--top .size-mockups__arrow-line{margin-bottom:5px}.size-mockups__arrow--bottom .size-mockups__arrow-cap--start,.size-mockups__arrow--bottom .size-mockups__arrow-cap--end,.size-mockups__arrow--top .size-mockups__arrow-cap--start,.size-mockups__arrow--top .size-mockups__arrow-cap--end{width:5px;height:1.4px;border:0}.size-mockups__arrow--bottom .size-mockups__arrow-cap--start,.size-mockups__arrow--bottom .size-mockups__arrow-cap--end{margin-top:5px}.size-mockups__arrow--top .size-mockups__arrow-cap--start,.size-mockups__arrow--top .size-mockups__arrow-cap--end{margin-bottom:5px}.size-mockups__arrow--bottom .size-mockups__arrow-cap--start:after,.size-mockups__arrow--bottom .size-mockups__arrow-cap--end:after,.size-mockups__arrow--top .size-mockups__arrow-cap--start:after,.size-mockups__arrow--top .size-mockups__arrow-cap--end:after{top:50%;transform:translateY(-50%);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}.size-mockups__arrow--bottom .size-mockups__arrow-cap--start:after,.size-mockups__arrow--top .size-mockups__arrow-cap--start:after{left:0;border-right:5px solid #fff}.size-mockups__arrow--bottom .size-mockups__arrow-cap--end:after,.size-mockups__arrow--top .size-mockups__arrow-cap--end:after{right:0;border-left:5px solid #fff}.size-mockups__arrow--bottom .size-mockups__arrow-label,.size-mockups__arrow--top .size-mockups__arrow-label{position:absolute;left:50%;transform:translate(-50%);margin:0}.size-mockups__arrow--bottom .size-mockups__arrow-label{top:8.4px}.size-mockups__arrow--top .size-mockups__arrow-label{bottom:8.4px}.size-mockups__arrow--left .size-mockups__arrow-cap--end,.size-mockups__arrow--left.size-mockups__arrow--tip-end .size-mockups__arrow-cap--start{display:none}.size-mockups__arrow--left.size-mockups__arrow--tip-end .size-mockups__arrow-cap--end{display:block}.size-mockups__arrow--bottom .size-mockups__arrow-cap--start,.size-mockups__arrow--top .size-mockups__arrow-cap--start,.size-mockups__arrow.is-empty{display:none}
/*# sourceMappingURL=/cdn/shop/t/129/assets/component-size-mockups.css.map */