.ctt-topics{--ctt-card-width:310px;--ctt-card-height:152px;--ctt-gap:8px;position:relative;width:100%;padding:28px 0;color:#292633;direction:rtl}.ctt-topics,.ctt-topics *{box-sizing:border-box}.ctt-topics__header{display:flex;justify-content:flex-start;width:100%;margin-bottom:28px;padding-inline:3.5%}.ctt-topics__heading{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.ctt-topics__heading:hover,.ctt-topics__heading:focus{color:inherit;text-decoration:none}.ctt-topics__heading-text{font-family:Tahoma,Arial,sans-serif;font-size:24px;font-weight:800;line-height:1.45}.ctt-topics__icon{display:inline-grid;width:27px;flex:0 0 auto;place-items:center;color:#7546ff;font-size:27px;line-height:1}.ctt-topics__icon i,.ctt-topics__icon svg{display:block;width:1em;height:1em}.ctt-topics__viewport{direction:ltr;width:100%;overflow:hidden;contain:layout paint}.ctt-topics__motion{display:flex;width:max-content;gap:var(--ctt-gap);will-change:transform;animation-name:ctt-topics-scroll;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:-.01s}.ctt-topics--pause .ctt-topics__motion:hover,.ctt-topics--pause .ctt-topics__motion:focus-within{animation-play-state:paused}.ctt-topics__group{display:grid;flex:none;grid-auto-flow:column;grid-auto-columns:var(--ctt-card-width);grid-template-rows:repeat(2,var(--ctt-card-height));gap:var(--ctt-gap);width:max-content}.ctt-topics--rows-1 .ctt-topics__group{grid-template-rows:var(--ctt-card-height)}.ctt-topics--rows-3 .ctt-topics__group{grid-template-rows:repeat(3,var(--ctt-card-height))}.ctt-card{position:relative;width:var(--ctt-card-width);height:var(--ctt-card-height);margin:0;border-radius:8px;background:#e8e5ee;overflow:hidden;isolation:isolate;transform:translateZ(0)}.ctt-card__link{position:absolute;inset:0;display:block;color:inherit;text-decoration:none;outline:0}.ctt-card__link:hover,.ctt-card__link:focus{color:inherit;text-decoration:none}.ctt-card__image{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);max-width:none!important;object-fit:cover;transform:scale(1);transition:filter .52s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1);will-change:filter,transform}.ctt-card__image--placeholder{background:linear-gradient(135deg,#6650a3,#d6a9ba 55%,#f1ddd2)}.ctt-card__caption{position:absolute;right:0;bottom:0;left:0;z-index:2;display:block;padding:7px 12px;background:rgba(25,22,34,.46);color:#fff;font-family:Tahoma,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.55;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:opacity .25s ease,transform .35s ease}.ctt-card__hover{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px 24px;background:rgba(249,247,251,.77);text-align:center;opacity:0;transform:scale(.985);transition:opacity .42s cubic-bezier(.2,.75,.25,1),transform .5s cubic-bezier(.2,.75,.25,1);backdrop-filter:saturate(.85)}.ctt-card__hover-title{display:-webkit-box;max-width:100%;color:#3d3a47;font-family:Tahoma,Arial,sans-serif;font-size:16px;font-weight:800;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ctt-card__button{display:inline-flex;align-items:center;gap:8px;border-radius:7px;color:#7546ff;font-family:Tahoma,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1;padding:5px 8px;transition:color .25s ease,background-color .25s ease,transform .25s ease}.ctt-card__button svg{width:18px;height:18px;transform:rotate(0);transition:transform .28s ease}.ctt-card:hover .ctt-card__caption,.ctt-card:focus-within .ctt-card__caption{opacity:0;transform:translateY(100%)}.ctt-card:hover .ctt-card__hover,.ctt-card:focus-within .ctt-card__hover{opacity:1;transform:scale(1)}.ctt-card:hover .ctt-card__button svg,.ctt-card:focus-within .ctt-card__button svg{transform:translateX(-3px)}.ctt-card__link:focus-visible{box-shadow:inset 0 0 0 3px #7546ff}.ctt-topics__empty{padding:24px;border:1px dashed #cfc9dd;border-radius:12px;background:#faf9fc;color:#686374;font-family:Tahoma,Arial,sans-serif;text-align:center}@keyframes ctt-topics-scroll{from{transform:translate3d(var(--ctt-from,0),0,0)}to{transform:translate3d(var(--ctt-to,-50%),0,0)}}@media(max-width:767px){.ctt-topics{--ctt-card-width:235px;--ctt-card-height:138px}.ctt-topics__heading-text{font-size:20px}.ctt-card__hover{gap:10px;padding:15px}.ctt-card__hover-title{font-size:14px}}@media(prefers-reduced-motion:reduce){.ctt-topics__viewport{overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.ctt-topics__motion{animation:none!important;transform:none!important;will-change:auto}.ctt-card{scroll-snap-align:start}.ctt-card__image,.ctt-card__caption,.ctt-card__hover,.ctt-card__button svg{transition-duration:.01ms!important}}

