@charset "windows-1252";



:root { --idf-accent: #b02486; --idf-accent-2: #d44aa7; --idf-text: #666; --idf-shadow: 0 18px 35px rgba(0,0,0,.18); --idf-radius: 26px; }



.idf-card { width: 320px; border-radius: var(--idf-radius); overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; border: 2px solid rgb(255, 255, 255); font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }



.idf-card__media { position: relative; height: 210px; overflow: hidden; }



.idf-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }



.idf-card__media::after { content: ""; position: absolute; inset: 10px 10px auto; height: calc(100% - 20px); border-radius: 22px; outline: rgba(255, 255, 255, 0) solid 3px; pointer-events: none; }



.idf-card__body { padding: 16px 18px 14px; }



.idf-row { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; color: var(--idf-text); font-size: 14.5px; line-height: 1.25; margin: 10px 0px; text-align: left; }



.idf-ico { width: 26px; height: 26px; display: grid; place-items: center; color: var(--idf-accent); }



.idf-ico svg { width: 20px; height: 20px; fill: currentcolor; }



.idf-link { color: var(--idf-text); text-decoration: none; }



.idf-link:hover { color: rgb(51, 51, 51); text-decoration: underline; }



.idf-card__footer { margin-top: 12px; display: grid; grid-template-columns: 46px 1fr 46px; align-items: center; gap: 12px; }



.idf-more { color: rgb(68, 68, 68); font-weight: 600; text-decoration: none; font-size: 14.5px; }



.idf-more:hover { text-decoration: underline; }



.idf-fab { width: 46px; height: 46px; border-radius: 999px; border: 2px solid rgba(176, 36, 134, 0.25); background: rgb(255, 255, 255); color: var(--idf-accent); display: grid; place-items: center; cursor: pointer; transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s; box-shadow: rgba(176, 36, 134, 0.1) 0px 10px 18px; }



.idf-fab svg { width: 22px; height: 22px; fill: currentcolor; }



.idf-fab:hover { transform: translateY(-1px); border-color: rgba(176, 36, 134, 0.45); box-shadow: rgba(176, 36, 134, 0.16) 0px 14px 24px; }



.idf-fab:active { transform: translateY(0px); box-shadow: rgba(176, 36, 134, 0.12) 0px 8px 14px; }