:root{--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-6f57ur.svelte-6f57ur{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width:768px){.rectangle-list.svelte-6f57ur.svelte-6f57ur{justify-content:flex-start}}.element.svelte-6f57ur.svelte-6f57ur{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-6f57ur:hover .image.svelte-6f57ur:after,.element.svelte-6f57ur:hover .image.svelte-6f57ur:before{opacity:0}.element.svelte-6f57ur:hover .container .image .count.svelte-6f57ur{opacity:0;transform:translateY(-50%) translate(100%) scale(2)}.element.svelte-6f57ur:hover .container .name .icon.svelte-6f57ur{opacity:1;transform:scaleY(1);width:30px}.element.svelte-6f57ur .container.svelte-6f57ur{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}.element.svelte-6f57ur .container .image.svelte-6f57ur{background-color:#000;border-radius:calc(var(--border-radius-medium) - .15rem);height:125px;overflow:hidden;position:relative;width:100%}.element.svelte-6f57ur .container .image img.svelte-6f57ur{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s;width:100%}.element.svelte-6f57ur .container .image .count.svelte-6f57ur{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-6f57ur .container .image.svelte-6f57ur:after{background:#fff;background:linear-gradient(60deg,#fff0,#000)}.element.svelte-6f57ur .container .image.svelte-6f57ur:after,.element.svelte-6f57ur .container .image.svelte-6f57ur: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-6f57ur .container .image.svelte-6f57ur:before{background:#000;mix-blend-mode:hue}.element.svelte-6f57ur .container .name.svelte-6f57ur{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-6f57ur .container .name .icon.svelte-6f57ur{display:inline-flex;opacity:0;padding:.5rem;transform:scaleY(0);transition:opacity .2s,width .2s,transform .2s;width:30px}