@layer components{.ps-card{height:100%;position:relative}.ps-frame{isolation:isolate;position:relative}.ps-frame:before{content:"";opacity:.55;pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#f1d79a8c,#f1d79a00);border-radius:50%;width:180px;height:180px;transition:opacity .5s,transform .5s;position:absolute;inset-block-start:-34px;inset-inline-start:-34px}.ps-photo{border-radius:var(--t-radius-lg);border:1px solid var(--al-edge-line,#e5d5b6);background:var(--al-lit,#faf4e9);transition:box-shadow .5s,border-color .5s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 4px #fffdf88c,0 1px 2px #402a0c0f,0 22px 44px -26px #402a0c57}.ps-photo img,.ps-photo video{transition:transform .9s cubic-bezier(.22,1,.36,1)}.ps-veil{z-index:1;border-radius:calc(var(--t-radius-lg) - 4px);border-top:1px solid var(--al-edge-line,#e5d5b6);background:linear-gradient(#fffcf6db,#fffcf6f0);padding:18px 20px 20px;position:absolute;inset-block-end:12px;inset-inline:12px;box-shadow:0 10px 24px -18px #402a0c66}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ps-card:hover .ps-frame:before{opacity:1;transform:scale(1.15)}.ps-card:hover .ps-photo{border-color:var(--al-champagne-line,#e7d8bc);box-shadow:inset 0 0 0 4px #fffdf88c,0 0 0 1px #d4a94e47,0 2px 4px #402a0c12,0 30px 56px -26px #7852146b}.ps-card:hover .ps-photo img,.ps-card:hover .ps-photo video{transform:scale(1.035)}}}