.sfui-icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--sf-r-pill, 999px);border:1px solid rgba(var(--sf-white-rgb, 255, 255, 255),.4);background:transparent;color:var(--sf-white, #FFFFFF);font-size:20px;line-height:1;transition:background .15s}.sfui-icon-btn:hover{background:rgba(var(--sf-white-rgb, 255, 255, 255),.15)}.sfui-icon-btn--close{border-color:rgba(var(--sf-white-rgb, 255, 255, 255),.5);font-size:18px}:where(.sfui-card-sport) :where(h3,p){margin:0}:where(.sfui-card-sport) :where(img){display:block;max-width:100%}:where(.sfui-card-sport) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}.sfui-card-sport{position:relative;flex:0 0 auto;width:300px;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--sf-r-card, 20px);scroll-snap-align:start;font-family:var(--sf-btn-font, Inter, ui-sans-serif, system-ui, sans-serif);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.sfui-card-sport,.sfui-card-sport *,.sfui-card-sport *:before,.sfui-card-sport *:after{box-sizing:border-box}@media(min-width:640px){.sfui-card-sport{width:360px}}.sfui-card-sport__face,.sfui-card-sport__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sf-r-panel, 10px);overflow:hidden;transition:opacity .35s ease}.sfui-card-sport__face:not(:has(img)){background-color:var(--sf-dark-card, #17171A)}.sfui-card-sport__face img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sfui-card-sport__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0000001a,#0000004d)}.sfui-card-sport__num{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--sf-r-pill, 999px);border:1px solid rgba(var(--sf-white-rgb, 255, 255, 255),.5);color:var(--sf-white, #FFFFFF);font-size:13px;font-variant-numeric:tabular-nums;z-index:2}.sfui-card-sport__title{position:absolute;left:20px;right:20px;bottom:64px;text-align:center;color:var(--sf-white, #FFFFFF);font-size:20px;font-weight:800;line-height:1.25;z-index:2}.sfui-card-sport__face .sfui-icon-btn{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:2}.sfui-card-sport__back{display:flex;flex-direction:column;text-align:center;padding:56px 20px 20px;background:var(--sf-brand, #FF6B00);color:#171717;opacity:0;pointer-events:none}.sfui-card-sport__back-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.sfui-card-sport__back-body[data-overflow=bottom]{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}.sfui-card-sport__back-body[data-overflow=top]{-webkit-mask-image:linear-gradient(to top,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to top,#000 calc(100% - 32px),transparent)}.sfui-card-sport__back-body[data-overflow="top bottom"]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.sfui-card-sport__back-body>:first-child{margin-top:auto}.sfui-card-sport__back-body>:last-child{margin-bottom:auto}.sfui-card-sport__back h3{font-size:20px;font-weight:800;line-height:1.25;margin-bottom:8px;color:inherit}.sfui-card-sport__back p{font-size:14px;line-height:1.55;color:inherit}.sfui-card-sport__back .sfui-card-sport__num,.sfui-card-sport__back .sfui-icon-btn{color:inherit;border-color:#17171766}.sfui-card-sport__back .sfui-icon-btn:hover{background:#17171714}.sfui-card-sport__back .sfui-icon-btn{position:absolute;top:10px;right:10px;margin:0;z-index:2}.sfui-card-sport.is-open .sfui-card-sport__back{opacity:1;pointer-events:auto}.sfui-card-sport.is-open .sfui-card-sport__face{opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){html:not(.sf-card-sport-js) .sfui-card-sport:hover .sfui-card-sport__back{opacity:1;pointer-events:auto}html:not(.sf-card-sport-js) .sfui-card-sport:hover .sfui-card-sport__face{opacity:0;pointer-events:none}}.sfui-card-sport .sfui-icon-btn:focus-visible{outline:var(--sf-btn-focus-width, 3px) solid var(--sf-btn-focus-ring, #E05500);outline-offset:var(--sf-btn-focus-offset, 3px);border-radius:var(--sf-r-pill, 999px)}.sfui-card-sport__back .sfui-icon-btn:focus-visible{outline-color:var(--sf-ink, #0C0C0E)}.sfui-card-sport__back-body:focus{outline:none}.sfui-card-sport__back:has(>.sfui-card-sport__back-body:focus-visible){outline:var(--sf-btn-focus-width, 3px) solid var(--sf-ink, #0C0C0E);outline-offset:-9px}.sfui-rail{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:none;padding-bottom:8px}.sfui-rail::-webkit-scrollbar{display:none}.sfui-rail__spacer{flex:0 0 auto;width:var(--sf-gutter, 16px);scroll-snap-align:none}@media(min-width:640px){.sfui-rail__spacer{width:var(--sf-bleed, 16px)}}.sfui-rail__spacer--end{width:8px}.sfui-rail--snap{scroll-snap-type:x mandatory}.sfui-rail--bleed{--sf-rail-inset: max(0px, calc((100% - var(--sf-rail-container, 1280px)) / 2 + var(--sf-rail-edge, 16px) - 16px));scroll-padding-inline:calc(var(--sf-rail-inset) + 16px)}.sfui-rail--bleed>.sfui-rail__spacer{display:block;width:var(--sf-rail-inset)}@media(prefers-reduced-motion:reduce){.sfui-card-sport__face,.sfui-card-sport__back,.sfui-icon-btn{transition:none}.sfui-rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sf-card-sport.css.map */