.block-category-yt {
  max-width: 640px;
  overflow: hidden;
}
[data-browse-mode="P"] .block-category-yt {
  margin: 0 auto 80px;
}
[data-browse-mode="S"] .block-category-yt {
  margin: 0 auto 40px;
}
.block-category-yt img {
  display: block;
}
.slider-category-yt {
  position: relative;
}
.slider-category-yt:not(.slick-initialized) {
  display: flex;
}
.slider-category-yt:not(.slick-initialized) .slider-category-yt-item {
  flex: 0 0 auto;
}
.slider-category-yt .slider-category-yt-item {
  position: relative;
}
.slider-category-yt .slider-category-yt-item:not(:first-child):not(.is-played)::before,
.slider-category-yt .slider-category-yt-item:not(:first-child):not(.is-played)::after,
.slider-category-yt .slider-category-yt-item.is-manual:first-child::before,
.slider-category-yt .slider-category-yt-item.is-manual:first-child::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.slider-category-yt .slider-category-yt-item:not(:first-child):not(.is-played)::before,
.slider-category-yt .slider-category-yt-item.is-manual:first-child::before {
  z-index: 1;
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .5);
}
.slider-category-yt .slider-category-yt-item:not(:first-child):not(.is-played)::after,
.slider-category-yt .slider-category-yt-item.is-manual:first-child::after {
  z-index: 2;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 34px;
  border-color: transparent transparent transparent #fff;
}
.slider-category-yt img {
  width: 100%;
  object-fit: cover;
}
[data-browse-mode="P"] .slider-category-yt img {
  height: 360px;
}
[data-browse-mode="S"] .slider-category-yt img {
  height: calc(216 / 414 * 100vw);
}
[data-browse-mode="P"] .thumb-category-yt {
  margin: 18px 0 0;
}
[data-browse-mode="S"] .thumb-category-yt {
  margin: 10px 0 0;
}
.thumb-category-yt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
[data-browse-mode="P"] .thumb-category-yt {
  gap: 20px;
}
[data-browse-mode="S"] .thumb-category-yt {
  gap: 10px;
}
.thumb-category-yt-item {
  position: relative;
}
[data-browse-mode="P"] .thumb-category-yt-item {
  width: 116px;
}
[data-browse-mode="S"] .thumb-category-yt-item {
  width: calc(90 / 414 * 100vw);
}
.thumb-category-yt.slick-initialized .thumb-category-yt-item {
  width: initial !important;
}
.thumb-category-yt-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  border: 3px solid transparent;
  background-color: transparent;
  transition: .3s ease;
}
[data-browse-mode="P"] .thumb-category-yt-item::after,
[data-browse-mode="P"] .thumb-category-yt-btn {
  width: 131px;
  height: 87px;
}
[data-browse-mode="S"] .thumb-category-yt-item::after,
[data-browse-mode="S"] .thumb-category-yt-btn {
  width: calc(102 / 414 * 100vw);
  height: calc(65 / 414 * 100vw);
}
.thumb-category-yt-btn {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
[data-browse-mode="S"] .thumb-category-yt-btn img {
  padding: 10px;
  width: 100%;
  height: auto;
}
.btn-category-yt {
  margin-top: 20px;
  text-align: center;
}
.btn-category-yt-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  letter-spacing: .05em;
  color: #fff;
  border: 1px solid #4d4d4d;
  border-radius: 100px;
  background-color: #4d4d4d;
  position: relative;
  transition: .3s ease;
}
[data-browse-mode="P"] .btn-category-yt-link {
  padding: 6px 45px 4px 30px;
  min-width: 300px;
  min-height: 46px;
  font-size: 18px;
}
[data-browse-mode="S"] .btn-category-yt-link {
  padding: 5px 40px 5px 30px;
  min-width: 200px;
  min-height: 36px;
  font-size: 14px;
}
[data-browse-mode="P"] .btn-category-yt-link:hover {
  color: #4d4d4d;
  background-color: #fff;
}
.btn-category-yt-link::after {
  position: absolute;
  content: "";
  top: 50%;
  z-index: 1;
  width: 15px;
  height: 15px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><g transform="translate(-1 -1)"><circle cx="7.5" cy="7.5" r="7.5" transform="translate(1 1)" fill="%23f2f2f2"/><path d="M0,4.387,2.742,2.194,0,0" transform="translate(7.403 6.306)" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></svg>') no-repeat center / contain;
  transform: translateY(-50%);
  transition: .3s ease;
}
[data-browse-mode="P"] .btn-category-yt-link::after {
  right: 20px;
}
[data-browse-mode="P"] .btn-category-yt-link:hover::after {
  right: 15px;
}
[data-browse-mode="S"] .btn-category-yt-link::after {
  right: 15px;
}
[data-browse-mode="P"] .block-category-yt .frame-yt {
  width: 640px;
  aspect-ratio: 16 / 9;
}
[data-browse-mode="P"] .block-category-yt .frame-yt iframe {
  width: 100%;
  display: block;
}
[data-browse-mode="S"] .block-category-yt .frame-yt {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
[data-browse-mode="S"] .block-category-yt .frame-yt iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* slick */
.slider-category-yt .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1000;
  display: block;
  text-indent: -9999px;
  border: none;
  transform: translateY(-50%);
}
[data-browse-mode="P"] .slider-category-yt .slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #666;
  transition: .3s ease;
}
[data-browse-mode="S"] .slider-category-yt .slick-arrow {
  width: 44px;
  height: 44px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="43.275" height="43.275" viewBox="0 0 43.275 43.275"><circle cx="21.638" cy="21.638" r="21.638" opacity="0.6"/><path d="M0,0,5.77,4.616,0,9.232" transform="translate(11.829 16.733)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></svg>') no-repeat center / contain;
}
[data-browse-mode="P"] .slider-category-yt .slick-arrow::after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  width: 8px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8.176" height="12.043" viewBox="0 0 8.176 12.043"><path d="M0,0,5.77,4.616,0,9.232" transform="translate(6.77 10.638) rotate(180)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></svg>') no-repeat center / contain;
  transition: .3s ease;
}
[data-browse-mode="P"] .slider-category-yt .slick-prev {
  left: -20px;
}
[data-browse-mode="P"] .slider-category-yt .slick-prev::after {
  right: 8px;
}
[data-browse-mode="P"] .slider-category-yt .slick-next {
  right: -20px;
}
[data-browse-mode="P"] .slider-category-yt .slick-next::after {
  left: 8px;
  transform: scale(-1, -1);
}
[data-browse-mode="S"] .slider-category-yt .slick-prev {
  left: -22px;
  transform: scale(-1, -1);
  margin-top: -22px;
}
[data-browse-mode="S"] .slider-category-yt .slick-next {
  right: -22px;
}
.thumb-category-yt .slick-track {
  width: 100% !important;
  display: flex;
  justify-content: center;
  transform: unset !important;
}
[data-browse-mode="P"] .thumb-category-yt .slick-track {
  gap: 5px;
}
[data-browse-mode="S"] .thumb-category-yt .slick-track {
  gap: 0;
}
.thumb-category-yt-item.slick-current::after {
  border-color: #000;
}

[data-browse-mode="P"] #header.lt_sticky,
[data-browse-mode="S"] .pane-onlineStore-header {
  z-index: 1001;
}