.XjOnHW_card{border-radius:var(--rounded-xl);background-color:var(--color-bg-secondary);block-size:100%;inline-size:100%;transition:background-color .3s;position:relative}@media (any-hover:hover){.XjOnHW_card:hover{background-color:var(--color-brand-primary-10)}}@media (max-width:768px){.XjOnHW_card.XjOnHW_isRow{border-radius:var(--rounded-m)}.XjOnHW_card.XjOnHW_isPopular{border-radius:var(--rounded-l)}}.XjOnHW_card.XjOnHW_isPopular{flex-direction:column;flex:auto;block-size:100%;min-block-size:0;display:flex}.XjOnHW_link{gap:var(--spacing-4);block-size:100%;padding:var(--spacing-4);flex-direction:column;display:flex}@media (any-hover:hover){.XjOnHW_link:hover .XjOnHW_title{color:var(--color-brand-secondary);text-decoration:underline}.XjOnHW_link:hover .XjOnHW_thumbnail img{transform:scale(1.04)}}.XjOnHW_isPopular .XjOnHW_link{padding:var(--spacing-6);flex:auto}@media (max-width:768px){.XjOnHW_isPopular .XjOnHW_link{padding:var(--spacing-4)}}@media (max-width:768px){.XjOnHW_isRow .XjOnHW_link{gap:var(--spacing-4);flex-direction:row}}.XjOnHW_thumbnail{aspect-ratio:382/255;border-radius:var(--rounded-l);background-color:var(--color-monotone-10);inline-size:100%;position:relative;overflow:hidden}@media (max-width:768px){.XjOnHW_thumbnail{border-radius:var(--rounded-m)}}@media (max-width:768px){.XjOnHW_isRow .XjOnHW_thumbnail{aspect-ratio:auto;flex-shrink:0;block-size:76px;inline-size:115px}}.XjOnHW_thumbnail img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .3s}.XjOnHW_body{gap:var(--spacing-2);flex-direction:column;flex:auto;min-inline-size:0;display:flex}@media (max-width:768px){.XjOnHW_body{gap:var(--spacing-1)}}.XjOnHW_meta{gap:var(--spacing-4);border-block-end:1px solid #a1a1a1;flex-wrap:wrap;align-items:center;padding-block-end:var(--spacing-4);display:flex}@media (max-width:768px){.XjOnHW_meta{gap:var(--spacing-1);flex-direction:column;align-items:flex-start;padding-block-end:var(--spacing-2)}}.XjOnHW_labels{gap:var(--spacing-1);flex-wrap:wrap;flex:auto;min-inline-size:0;display:flex}.XjOnHW_label{padding-block:var(--spacing-1);padding-inline:var(--spacing-2);border-radius:var(--rounded-s);background-color:var(--color-monotone-10);color:var(--color-monotone-100);font-size:calc(12 * var(--to-rem));font-weight:var(--font-bold);line-height:var(--leading-100);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (max-width:768px){.XjOnHW_label{border-radius:var(--rounded-xs)}.XjOnHW_isRow .XjOnHW_label{padding-block:var(--spacing-half);padding-inline:var(--spacing-1);font-size:calc(10 * var(--to-rem))}}.XjOnHW_date{color:var(--color-monotone-100);font-size:var(--font-size-s);font-weight:var(--font-medium);line-height:var(--leading-100);white-space:nowrap;flex-shrink:0}@media (max-width:768px){.XjOnHW_date{font-size:calc(12 * var(--to-rem))}.XjOnHW_isPopular .XjOnHW_date{font-size:calc(14 * var(--to-rem))}}.XjOnHW_title{color:var(--color-monotone-100);font-size:var(--font-size-m);font-weight:var(--font-bold);line-height:var(--leading-175);text-underline-offset:4px;text-decoration-skip-ink:auto;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .3s,text-decoration-color .3s}@media (max-width:768px){.XjOnHW_title{font-size:calc(14 * var(--to-rem))}.XjOnHW_isPopular .XjOnHW_title{font-size:calc(16 * var(--to-rem))}}.XjOnHW_bubble{z-index:1;block-size:86px;inline-size:86px;color:var(--color-brand-accent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:-40px;inset-inline-end:0}@media (max-width:768px){.XjOnHW_bubble{block-size:72px;inline-size:72px;inset-block-start:-31px}}.XjOnHW_bubbleShape{position:absolute;inset:0}.XjOnHW_bubbleShape svg{block-size:100%;inline-size:100%}.XjOnHW_bubbleText{z-index:1;color:var(--color-brand-primary-100);font-size:calc(14 * var(--to-rem));font-weight:var(--font-bold);line-height:var(--leading-150);text-align:center;text-transform:uppercase;white-space:nowrap;position:relative}@media (max-width:768px){.XjOnHW_bubbleText{font-size:calc(12 * var(--to-rem))}}
