2 lines
4.2 KiB
CSS
2 lines
4.2 KiB
CSS
.ht-contract-scroll-area[data-v-01c49185] [data-slot=scroll-area-viewport]{overscroll-behavior:contain;scroll-snap-type:y mandatory;padding-top:6px}.ht-contract-scroll-area.is-dragging[data-v-01c49185] [data-slot=scroll-area-viewport]{scroll-snap-type:none}.ht-contract-scroll-area[data-v-01c49185] .ht-sortable-ghost{opacity:.35}.ht-contract-scroll-area[data-v-01c49185] .ht-sortable-chosen,.ht-contract-scroll-area[data-v-01c49185] .ht-sortable-drag{will-change:transform, opacity;backface-visibility:hidden;transform:translateZ(0)}.ht-contract-card[data-v-01c49185]{will-change:transform, opacity;backface-visibility:hidden;isolation:isolate;z-index:0;box-shadow:0 1px 2px hsl(var(--foreground) / .04), 0 6px 16px hsl(var(--foreground) / .06);transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s cubic-bezier(.22,.61,.36,1),border-color .18s;overflow:visible;transform:translate(0,0)}.ht-contract-card[data-v-01c49185]:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(130deg, hsl(var(--primary) / .42) 0%, hsl(var(--primary) / .22) 36%, hsl(var(--foreground) / .09) 70%, transparent 100%);opacity:0;transition:opacity .22s cubic-bezier(.22,.61,.36,1);position:absolute;inset:-4px}.ht-contract-card[data-v-01c49185]:after{content:"";pointer-events:none;background:radial-gradient(ellipse at center, hsl(var(--primary) / .42) 0%, hsl(var(--primary) / .24) 34%, hsl(var(--foreground) / .2) 58%, transparent 86%);filter:blur(18px);opacity:0;border-radius:999px;height:52px;transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:-30px;left:6px;right:6px;transform:translateY(4px)}.ht-contract-card[data-v-01c49185]:hover{z-index:14;box-shadow:0 0 0 1.5px hsl(var(--primary) / .62), 0 0 28px hsl(var(--primary) / .34), 0 0 56px hsl(var(--primary) / .22), 0 16px 34px hsl(var(--foreground) / .22), 0 32px 60px hsl(var(--foreground) / .18);border-color:hsl(var(--primary) / .72);transform:translateY(-5px)}.ht-contract-card[data-v-01c49185]:hover:before{opacity:1}.ht-contract-card[data-v-01c49185]:hover:after{opacity:.95;transform:translateY(0)}.ht-contract-card[data-v-01c49185]:active{box-shadow:0 5px 12px hsl(var(--foreground) / .1), 0 10px 20px hsl(var(--foreground) / .1);transform:translateY(-2px)}.ht-contract-card--ready[data-v-01c49185]{opacity:1;transform:translate(0,0)}.ht-contract-card--enter[data-v-01c49185]{animation:.56s cubic-bezier(.22,.61,.36,1) both ht-card-slide-in-01c49185;animation-delay:var(--ht-card-enter-delay,0s)}.ht-contract-card--selecting[data-v-01c49185]{transform-origin:50% 100%;animation:2.2s linear infinite both ht-card-select-wave-01c49185;animation-delay:var(--ht-card-select-delay,0s)}.ht-contract-card--selecting[data-v-01c49185]:hover{animation-play-state:paused}.ht-contract-card--selecting.ht-contract-card--selected[data-v-01c49185]{animation:none;transform:translate(0,0)rotate(0)}.ht-contract-card--selected[data-v-01c49185]{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary) / .34), 0 12px 24px hsl(var(--primary) / .18), 0 22px 36px hsl(var(--foreground) / .1);transform:translateY(-4px)}.ht-contract-card--selected[data-v-01c49185]:before{opacity:1}.ht-contract-card--selected[data-v-01c49185]:after{opacity:1;transform:translateY(0)}@keyframes ht-card-slide-in-01c49185{0%{opacity:0;transform:translate(44px)}to{opacity:1;transform:translate(0,0)}}@keyframes ht-card-select-wave-01c49185{0%,to{transform:translate(0,0)rotate(0)}11%{transform:translate(-.4px)rotate(-.7deg)}22%{transform:translate(-.9px)rotate(-1.6deg)}34%{transform:translate(-1.2px)rotate(-2.3deg)}48%{transform:translate(-.2px)rotate(-.4deg)}62%{transform:translate(.8px)rotate(1.5deg)}76%{transform:translate(1.25px)rotate(2.35deg)}88%{transform:translate(.35px)rotate(.65deg)}}@media (prefers-reduced-motion:reduce){.ht-contract-card--enter[data-v-01c49185],.ht-contract-card--selecting[data-v-01c49185]{opacity:1;animation:none;transform:none}.ht-contract-card[data-v-01c49185],.ht-contract-card[data-v-01c49185]:hover,.ht-contract-card[data-v-01c49185]:active,.ht-contract-card--selected[data-v-01c49185]{transition:none;transform:none}.ht-contract-card[data-v-01c49185]:before,.ht-contract-card[data-v-01c49185]:after{transition:none}}
|