@property --card-frame-sweep{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.card-frame-soft :is(.product--card-inner,.collections-tab--card-style-normal),.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal){position:relative;border-radius:var(--product_card_radius, 14px);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease;will-change:transform}.card-frame-soft .collections-tab--card-style-normal,.card-frame-animated .collections-tab--card-style-normal{padding:10px;background:var(--body_background);box-shadow:0 0 0 1px var(--border_color)}.card-frame-soft :is(.product--card-inner,.collections-tab--card-style-normal):hover,.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):hover{transform:translateY(-6px);box-shadow:0 18px 38px #0000001f}.card-frame-soft .swiper:has(.product--card-inner,.collections-tab--card-style-normal),.card-frame-animated .swiper:has(.product--card-inner,.collections-tab--card-style-normal),.card-frame-soft .product-list--carousel:has(.product--card-inner),.card-frame-animated .product-list--carousel:has(.product--card-inner){padding-block-start:12px;margin-block-start:-12px}.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1.5px;background:conic-gradient(from 0deg,var(--text_color) 0deg var(--card-frame-sweep),transparent var(--card-frame-sweep) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):hover:before,.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):focus-within:before{opacity:1;animation:card-frame-draw .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes card-frame-draw{0%{--card-frame-sweep: 0deg}to{--card-frame-sweep: 360deg}}.card-frame-soft .collections-tab--card-style-normal .collections-tab--menu-content-image,.card-frame-animated .collections-tab--card-style-normal .collections-tab--menu-content-image{border-radius:calc(var(--product_card_radius, 14px) - 4px);overflow:hidden}@media(hover:none){.card-frame-soft :is(.product--card-inner,.collections-tab--card-style-normal):hover,.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):hover{transform:none}}@media(prefers-reduced-motion:reduce){.card-frame-soft :is(.product--card-inner,.collections-tab--card-style-normal),.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal){transition:none}.card-frame-soft :is(.product--card-inner,.collections-tab--card-style-normal):hover,.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):hover{transform:none}.card-frame-animated :is(.product--card-inner,.collections-tab--card-style-normal):hover:before{animation:none;--card-frame-sweep: 360deg}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/card-frame.css.map */