.content-fragment.svelte-12rak9u{padding:1rem;border-radius:8px;aspect-ratio:1.6;background-color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}.thumb.svelte-12rak9u{background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0}.blur-background.svelte-12rak9u{position:absolute;width:120%;height:120%;top:-10%;left:-10%;filter:blur(20px);transition:opacity .3s ease-out;z-index:1}.blur-background.hidden.svelte-12rak9u{opacity:0}.thumb.svelte-12rak9u img:where(.svelte-12rak9u){width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:relative;z-index:2;opacity:0;transition:opacity .3s ease-in-out}.thumb.svelte-12rak9u img.loaded:where(.svelte-12rak9u){opacity:1}.contentInformation.svelte-12rak9u{z-index:2;display:flex;flex-direction:column;height:100%;justify-content:space-between}.contentHeader.svelte-12rak9u{z-index:2;display:flex;flex-direction:row;align-items:center}.contentHeader.svelte-12rak9u .icon:where(.svelte-12rak9u){width:30px;height:30px}.contentHeader.svelte-12rak9u .duration:where(.svelte-12rak9u){margin-inline-start:10px;color:#fff;font-size:15px}.contentHeader.svelte-12rak9u .quality:where(.svelte-12rak9u){margin-inline-start:10px;color:#fff;font-size:13px}.contentFooter.svelte-12rak9u{height:40px;width:100%;display:flex;flex-direction:row;gap:10px;transform:translateY(100%);opacity:0;transition:transform .2s ease-out,opacity .3s ease-out}.contentFooter.svelte-12rak9u button:where(.svelte-12rak9u){aspect-ratio:1;border:0;padding:10px;border-radius:100px;background-color:#fff;transition:transform .2s ease-out;cursor:pointer}.contentFooter.svelte-12rak9u button:where(.svelte-12rak9u):hover{transform:scale(1.1)}.contentFooter.svelte-12rak9u button:where(.svelte-12rak9u):active{transform:scale(.95)}.contentFooter.svelte-12rak9u .spacer:where(.svelte-12rak9u){flex:1}.performingAction.svelte-12rak9u{opacity:.5;pointer-events:none}.videoOverlay.svelte-12rak9u{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0000004d;z-index:2;opacity:0;transition:opacity .1s ease-in-out}.videoOverlay.svelte-12rak9u video:where(.svelte-12rak9u){width:100%;height:100%;object-fit:cover;object-position:center;z-index:10}.content-fragment.svelte-12rak9u:hover .videoOverlay:where(.svelte-12rak9u){opacity:1}.content-fragment.svelte-12rak9u:hover .contentFooter:where(.svelte-12rak9u){transform:translateY(0);opacity:1}.buttonAlreadyInTheCart.svelte-12rak9u{background-color:#f40029!important}