/* TWINS v0.2.62 — いまから写真左上アイコン + 相性ラベル明確化 */

/* いまから縦一覧でも、通常の近くグリッドと同じく状態アイコンは写真左上。 */
.now-list-photo{position:relative}
.now-list-photo-intent{
  position:absolute;left:5px;top:5px;z-index:4;display:flex;align-items:center;justify-content:center;
}
.now-list-photo-intent .now-icon-only{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  padding:0!important;transform:none!important;box-shadow:0 3px 10px rgba(0,0,0,.24)!important;
}
.now-list-photo-intent .now-icon-only svg{width:11px!important;height:11px!important;flex-basis:11px!important}

/* 名前行は名前だけ。状態は写真上で判別する。 */
.now-list-name-line{align-items:flex-start;min-height:22px}
.now-list-name-line strong{max-width:100%}
.now-list-name-line>.now-icon-only{display:none!important}

@media(max-width:430px){
  .now-list-photo-intent .now-icon-only{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
  .now-list-photo-intent .now-icon-only svg{width:10px!important;height:10px!important;flex-basis:10px!important}
}