.sm-cut{--sm-cut-x1: .125;--sm-cut-y1: .34;--sm-cut-x2: .865;--sm-cut-y2: .71;--sm-cut-shadow: 0 1px 2px rgba(52, 36, 24, .22), 0 9px 14px -3px rgba(52, 36, 24, .24);--sm-cut-drop: drop-shadow(0 1px 1.5px rgba(52, 36, 24, .24)) drop-shadow(0 7px 8px rgba(52, 36, 24, .2));position:relative;display:block;overflow:hidden;aspect-ratio:2 / 1;border-radius:0;background-color:transparent;box-shadow:var(--sm-cut-shadow)}.sm-cut>.sm-cut__img{position:absolute;display:block;max-width:none;width:calc(100% / (var(--sm-cut-x2) - var(--sm-cut-x1)));height:calc(100% / (var(--sm-cut-y2) - var(--sm-cut-y1)));left:calc(-100% * var(--sm-cut-x1) / (var(--sm-cut-x2) - var(--sm-cut-x1)));top:calc(-100% * var(--sm-cut-y1) / (var(--sm-cut-y2) - var(--sm-cut-y1)));object-fit:fill}.sm-cut.is-real{overflow:visible;box-shadow:none}.sm-cut.is-real>.sm-cut__img{filter:var(--sm-cut-drop)}.sm-card__media .sm-cut>.sm-cut__src,.sm-cut>.sm-cut__src{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0!important;transform:none!important;pointer-events:none}.sm-cut.is-plain{background-color:transparent;box-shadow:none}.sm-cut.is-plain>.sm-cut__img{left:0;top:0;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.sm-cut.is-fresh>.sm-cut__img{transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}}.sm-card__media.sm-card__media--cut{aspect-ratio:2 / 1;background-color:transparent;overflow:visible}.sm-card__media--cut .sm-cut{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}.sm-card__media--cut .sm-cut.is-plain{top:0;right:0;bottom:0;left:0;width:auto;aspect-ratio:auto;transform:none}.sm-card:hover .sm-card__media--cut .sm-cut__img{transform:none}.sm-card--soldout .sm-card__media--cut .sm-cut__img{opacity:.6}@media(hover:hover)and (prefers-reduced-motion:no-preference){.sm-card__media--cut .sm-cut{transition:transform .3s ease,box-shadow .3s ease}.sm-card:hover .sm-card__media--cut .sm-cut:not(.is-plain){transform:translate(-50%,calc(-50% - 3px))}}.sm-cut--thumb{--sm-cut-shadow: 0 1px 2px rgba(52, 36, 24, .3);--sm-cut-drop: drop-shadow(0 1px 1.5px rgba(52, 36, 24, .3))}
/*# sourceMappingURL=/cdn/shop/t/26/assets/sm-cutout.css.map */