.dress-root[data-card-dress=inset]{--dress-pad: 10px;--dress-r: var(--radius-card, 12px)}html[data-density=compact] .dress-root[data-card-dress=inset]{--dress-pad: 6px}.dress-root[data-card-dress=bleed]{--dress-pad: 0px;--dress-r: calc(var(--radius-card, 12px) + 10px)}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card{isolation:isolate}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__preview,.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot{--card-pad: var(--dress-pad);--radius-card: var(--dress-r)}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__preview{padding:var(--card-pad);clip-path:inset(var(--card-pad) round var(--radius-card))}.dress-card>.card__foot>.card__veil{display:none}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot{position:absolute;left:var(--card-pad);right:var(--card-pad);bottom:var(--card-pad);z-index:2;align-items:flex-end;gap:12px;padding:52px 12px 12px 14px;pointer-events:none;--foot-c: 0;--foot-a0: .72;--foot-a1: .5;--foot-a2: .22;--dress-scrim: linear-gradient( to top, rgb(var(--foot-c) var(--foot-c) var(--foot-c) / var(--foot-a0)) 0%, rgb(var(--foot-c) var(--foot-c) var(--foot-c) / var(--foot-a1)) 33%, rgb(var(--foot-c) var(--foot-c) var(--foot-c) / var(--foot-a2)) 66%, rgb(var(--foot-c) var(--foot-c) var(--foot-c) / 0) 100% );transition:--foot-c .7s ease,--foot-a0 .7s ease,--foot-a1 .7s ease,--foot-a2 .7s ease}@property --foot-c{syntax: "<number>"; inherits: true; initial-value: 0;}@property --foot-a0{syntax: "<number>"; inherits: true; initial-value: 0;}@property --foot-a1{syntax: "<number>"; inherits: true; initial-value: 0;}@property --foot-a2{syntax: "<number>"; inherits: true; initial-value: 0;}@property --veil-f0{syntax: "<percentage>"; inherits: true; initial-value: 22%;}@property --veil-f1{syntax: "<percentage>"; inherits: true; initial-value: 78%;}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot:before,.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot>.card__veil{content:"";display:block;position:absolute;inset:0 -2px -2px;z-index:-1;pointer-events:none;clip-path:inset(0 2px 2px round 0 0 var(--radius-card) var(--radius-card))}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot:before{background:var(--dress-scrim)}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot>.card__veil{--veil-r: var(--radius-card, 12px);--veil-f0: 22%;--veil-f1: 78%;--veil-fade: linear-gradient(to top, #000 var(--veil-f0), transparent var(--veil-f1));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:--veil-f0 .7s ease,--veil-f1 .7s ease,backdrop-filter .7s ease,-webkit-backdrop-filter .7s ease;--veil-mask: var(--veil-fade), radial-gradient(circle var(--veil-r) at calc(var(--veil-r) + 2px) 0, #000 calc(var(--veil-r) - .5px), transparent calc(var(--veil-r) + .5px)), radial-gradient(circle var(--veil-r) at 0 0, #000 calc(var(--veil-r) - .5px), transparent calc(var(--veil-r) + .5px)), linear-gradient(#000, #000), linear-gradient(#000, #000);-webkit-mask-image:var(--veil-mask);mask-image:var(--veil-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%,calc(var(--veil-r) + 2px) calc(var(--veil-r) + 2px),calc(var(--veil-r) + 2px) calc(var(--veil-r) + 2px),calc(100% - 2 * var(--veil-r) - 4px) 100%,100% calc(100% - var(--veil-r) - 2px);mask-size:100% 100%,calc(var(--veil-r) + 2px) calc(var(--veil-r) + 2px),calc(var(--veil-r) + 2px) calc(var(--veil-r) + 2px),calc(100% - 2 * var(--veil-r) - 4px) 100%,100% calc(100% - var(--veil-r) - 2px);-webkit-mask-position:0 0,0 100%,100% 100%,50% 0,0 0;mask-position:0 0,0 100%,100% 100%,50% 0,0 0;-webkit-mask-composite:source-in,source-over,source-over,source-over,source-over;mask-composite:intersect,add,add,add,add}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card .card__meta{gap:2px}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card .card__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:#fff}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card .card__cat{color:#ffffffb3}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card .card__desc{color:#ffffffc7}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__foot:after{border-color:transparent;background-color:#fff3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) a.card.dress-card:hover>.card__foot:after{border-color:#fff;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%23000000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%23000000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark]){--foot-ink: var(--text, #171717)}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark])>.card__foot{--foot-c: 255;--foot-a0: .8;--foot-a1: .54;--foot-a2: .16}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark])>.card__foot>.card__veil{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--veil-f0: 10%;--veil-f1: 60%}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card[data-foot-tone=busy]:has(>.card__preview>:is(img,video).card__cover)>.card__foot{--foot-a0: .92;--foot-a1: .84;--foot-a2: .42}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card[data-foot-tone=busy]:has(>.card__preview>:is(img,video).card__cover)>.card__foot>.card__veil{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);--veil-f0: 24%;--veil-f1: 76%}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark]) .card__name{color:var(--foot-ink)}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark]) .card__cat{color:var(--text-muted)}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark]) .card__desc{color:var(--text-secondary)}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark])>.card__foot:after{background-color:#16161c14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%2316161c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%2316161c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) a.card.dress-card:has(>.card__preview>:is(img,video).card__cover):not([data-foot-tone=dark]):hover>.card__foot:after{border-color:#16161c;background-color:#16161c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card :is(.card__name,.card__cat,.card__desc){transition:color .7s ease}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg]))>.card__foot{--dress-scrim: linear-gradient( to top, color-mix(in srgb, var(--bg) 86%, transparent) 0%, color-mix(in srgb, var(--bg) 58%, transparent) 38%, transparent 100% )}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg])) .card__name{color:var(--text)}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg])) .card__cat{color:var(--text-muted)}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg])) .card__desc{color:var(--text-secondary)}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg]))>.card__foot:after{border-color:transparent;background-color:color-mix(in srgb,var(--text) 10%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%238a8a8a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%238a8a8a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) a.card.dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg])):hover>.card__foot:after{border-color:var(--card-ink);background-color:var(--card-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%23000000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%23000000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-theme=light] .dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) a.card.dress-card:not(:has(.card__cover,vs-slider-fluent[demo-bg])):hover>.card__foot:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.4302 5.92969L20.5002 11.9997L14.4302 18.0697' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 12H20.33' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dress-root:is([data-card-dress=inset],[data-card-dress=bleed]) .dress-card>.card__preview:has(>.card__stage){padding-bottom:calc(var(--card-pad) + 44px)}.dress-root[data-card-dress=bleed] .dress-card{border:0}.dress-root[data-card-dress=bleed] .dress-card .card__flags{top:14px;left:14px}.dress-root[data-card-dress=bleed] .dress-card>.card__foot{padding-left:16px;padding-right:14px;padding-bottom:14px}.dress-root[data-card-dress=bleed] .card__stage:has(>.vp-host>vs-slider-fluent[demo-bg]){inset:0}