@layer theme,base;@layer components{.s1y{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:20px;max-width:1200px;margin:30px auto;padding:0;list-style-type:none;display:grid}.s1z{background-color:var(--s1q);height:fit-content;padding:var(--s1g);color:var(--s2u);box-shadow:var(--sl);border-radius:.8rem;flex-direction:column;transition:transform .22s,background-color .22s;display:flex;position:relative;overflow:hidden}.s20{flex:1;padding-right:40px}.s21{transform-origin:50%;background:var(--sd);box-shadow:var(--s1b);opacity:.8;z-index:2;border-radius:var(--s14);width:28px;height:28px;color:var(--s2l);padding:5px;transition:transform .24s,background-color .24s,color .24s;position:absolute;top:10px;right:10px}.s23{width:100%;height:100%;color:var(--s2u);align-items:center;text-decoration:none;display:flex;position:relative}.s1y>li{content-visibility:auto;contain-intrinsic-block-size:auto 180px;overflow-clip-margin:30px}.s1z:before{z-index:1;pointer-events:none;content:"";background:linear-gradient(120deg,#fff0,#ffffff0d,#fff0);transition:transform .36s;position:absolute;inset:0;transform:translate(-100%)}.s21 svg{width:100%;height:100%}@media (hover:hover) and (pointer:fine){.s22:hover .s1z{background-color:var(--s2g);box-shadow:var(--sm);transform:translateY(-2px)}.s22:hover .s1z:before{transform:translate(100%)}.s22:hover .s1z .s21{opacity:1;color:var(--s2s);background:var(--s1);box-shadow:0 3px 8px var(--s1);transform:rotate(-15deg)translateY(-2px)}}@supports not (content-visibility:auto){.s1y>li{contain-intrinsic-block-size:auto}}}@layer utilities;