:root{--screen-size-xxsmall:360px;--screen-size-xsmall:450px;--screen-size-small:576px;--screen-size-medium:768px;--screen-size-large:992px;--screen-size-xlarge:1200px;--screen-size-xxlarge:1400px}.rectangle-list.svelte-1tenayl.svelte-1tenayl{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width:768px){.rectangle-list.svelte-1tenayl.svelte-1tenayl{justify-content:flex-start}}.element.svelte-1tenayl.svelte-1tenayl{border:1px solid var(--color-gray-25);border-radius:var(--border-radius-large);flex:auto;max-width:calc(400px + .25rem);overflow:hidden;padding:1.25rem;position:relative}.element.svelte-1tenayl:hover .image.svelte-1tenayl:after,.element.svelte-1tenayl:hover .image.svelte-1tenayl:before{opacity:0}.element.svelte-1tenayl:hover .container .image .count.svelte-1tenayl{opacity:0;transform:translateY(-50%) translate(100%) scale(2)}.element.svelte-1tenayl:hover .container .name .icon.svelte-1tenayl{opacity:1;transform:scaleY(1);width:30px}.element.svelte-1tenayl .container.svelte-1tenayl{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}.element.svelte-1tenayl .container .image.svelte-1tenayl{background-color:#000;border-radius:calc(var(--border-radius-medium) - .15rem);height:125px;overflow:hidden;position:relative;width:100%}.element.svelte-1tenayl .container .image img.svelte-1tenayl{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s;width:100%}.element.svelte-1tenayl .container .image .count.svelte-1tenayl{color:var(--primary-color-shamrock-400);font-size:var(--typo-size-h0);font-weight:700;position:absolute;right:2rem;top:50%;transform:translateY(-50%) translate(0) scale(1);transition:transform .2s,opacity .2s;z-index:2}.element.svelte-1tenayl .container .image.svelte-1tenayl:after{background:#fff;background:linear-gradient(60deg,#fff0,#000)}.element.svelte-1tenayl .container .image.svelte-1tenayl:after,.element.svelte-1tenayl .container .image.svelte-1tenayl:before{border-radius:calc(var(--border-radius-medium) - .15rem);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:1}.element.svelte-1tenayl .container .image.svelte-1tenayl:before{background:#000;mix-blend-mode:hue}.element.svelte-1tenayl .container .name.svelte-1tenayl{all:unset;align-items:center;display:flex;font-size:var(--typo-size-h4);font-weight:500;justify-content:space-between;padding-left:.5rem;width:100%}.element.svelte-1tenayl .container .name .icon.svelte-1tenayl{display:inline-flex;opacity:0;padding:.5rem;transform:scaleY(0);transition:opacity .2s,width .2s,transform .2s;width:30px}