/*** The new CSS reset - version 1.11.1 (last updated 24.10.2023) ***/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg*, symbol*)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

a, button {
  cursor: revert;
}

ol, ul, menu, summary {
  list-style: none;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 15px;
}

.container {
  border-width: 0;
  border-style: solid;
  border-color: #c0c0c0;
  border-radius: 0.4em;
  overflow: hidden;
  background-color: #333333;
}
.container .__inner {
  color: #fff;
  display: flex;
  text-decoration: none;
}
.container .__inner *:not(.__thumbnail):not(picture):not(img) {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.container .__inner:hover *:not(.__thumbnail):not(picture):not(img) {
  opacity: 0.7;
}
.container .__inner * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container .__thumbnail {
  width: min(25vw, 120px);
  max-height: 120px;
  aspect-ratio: 1/1;
  order: 2;
}
.container .__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container .__contents {
  flex: 1;
  padding: 1.125em 1.5em;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  order: 1;
}
.container .__upper {
  flex: 1;
}
.container .__title {
  font-size: 1.1em;
  font-weight: 700;
}
.container .__description {
  font-size: 0.95em;
}
.container .__site {
  font-size: 0.8em;
}
.container .__url {
  font-size: 0.7em;
}

/*# sourceMappingURL=style.css.map */