@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");.tpl-detail{--tpl-color-text:#000;--tpl-font-size-h3:24px;--tpl-font-size-body:16px;--tpl-line-height-body:23px;--tpl-font-size-small:14px;--tpl-font-size-gallery-title:20px;background-color:#fff;color:var(--tpl-color-text);font-family:Open Sans,sans-serif}.tpl-detail__banner{border-radius:25px;margin:0 auto 38px;max-width:1000px;overflow:hidden}.tpl-detail__banner-img{display:block;height:auto;width:100%}.tpl-detail__back{align-items:center;background-color:rgba(0,0,0,.06);border-radius:50%;color:#111827;display:inline-flex;height:40px;justify-content:center;left:24px;position:absolute;text-decoration:none;top:48px;transition:background-color .15s ease;width:40px}.tpl-detail__back:hover{background-color:rgba(0,0,0,.1)}.tpl-detail__body{padding:48px 24px 64px;position:relative}.tpl-detail__info{align-items:flex-start;display:flex;gap:24px;margin:0 auto 32px;max-width:1000px}.tpl-detail__icon{border-radius:14px;flex-shrink:0;height:109px;object-fit:cover;width:109px}.tpl-detail__meta{flex:1;min-width:0}.tpl-detail__name{font-size:var(--tpl-font-size-h3);font-weight:700;line-height:normal}.tpl-detail__name,.tpl-detail__summary{color:var(--tpl-color-text);margin:0 0 4px}.tpl-detail__summary{font-size:var(--tpl-font-size-body);font-weight:400;line-height:var(--tpl-line-height-body)}.tpl-detail__cta{align-items:center;background-color:#111827;border-radius:0;color:#fff;display:inline-flex;font-size:var(--tpl-font-size-small);font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:background-color .15s ease;white-space:nowrap}.tpl-detail__cta:hover{background-color:#1f2937}.tpl-detail__description{color:var(--tpl-color-text);font-size:var(--tpl-font-size-body);font-weight:400;line-height:var(--tpl-line-height-body);margin:0 auto 48px;max-width:1000px}.tpl-detail__description p{margin:0 0 1em}.tpl-detail__preview{margin:0 auto 28px;max-width:1000px}.tpl-detail__preview-header{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.tpl-detail__preview-title{color:var(--tpl-color-text);font-size:var(--tpl-font-size-gallery-title);font-weight:700;line-height:normal;margin:0}.tpl-detail__platform-tabs{display:flex;gap:12px}.tpl-detail__platform-tab{align-items:center;background-color:#fff;border:1px solid #bfbfbf;border-radius:12px;color:#000;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:4px;justify-content:center;line-height:normal;padding:4px 8px;transition:background-color .15s ease}.tpl-detail__platform-tab.is-active{background-color:#dbdff0}.tpl-detail__platform-tab:hover:not(.is-active){background-color:#f5f5f5}.tpl-detail__back:focus-visible,.tpl-detail__platform-tab:focus-visible{outline:2px solid #111827;outline-offset:2px}.tpl-detail__platform-tab-label{display:inline}.tpl-detail__screenshots-wrap{position:relative}.tpl-detail__scroll-arrow{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#111827;cursor:pointer;display:none;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:36px;z-index:1}.tpl-detail__scroll-arrow:hover{background:#fff}.tpl-detail__scroll-arrow--prev{left:-18px}.tpl-detail__scroll-arrow--next{right:-18px}@media (min-width:769px){.tpl-detail__scroll-arrow{display:flex}}.tpl-detail__screenshots{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.tpl-detail__screenshots::-webkit-scrollbar{display:none}.tpl-detail__screenshot-item{flex-shrink:0;scroll-snap-align:start}.tpl-detail__screenshots--mobile .tpl-detail__screenshot-item{width:calc(20% - 14.4px)}.tpl-detail__screenshots--tablet .tpl-detail__screenshot-item{width:calc(33.33333% - 12px)}.tpl-detail__screenshot-img{border-radius:12px;display:block;height:auto;width:100%}@media (max-width:768px){.tpl-detail__summary{font-size:12px;line-height:normal}.tpl-detail__description{font-size:14px;line-height:normal}.tpl-detail__screenshots--mobile .tpl-detail__screenshot-item,.tpl-detail__screenshots--tablet .tpl-detail__screenshot-item{width:80vw}}@media (prefers-color-scheme:dark){.tpl-detail{background-color:#0a0a0a}.tpl-detail,.tpl-detail__name{color:#f9fafb}.tpl-detail__summary{color:#9ca3af}.tpl-detail__description{color:#d1d5db}.tpl-detail__preview-title{color:#f9fafb}.tpl-detail__cta{background-color:#f9fafb;color:#111827}.tpl-detail__cta:hover{background-color:#e5e7eb}}@media (max-width:640px){.tpl-detail__body{display:flex;flex-direction:column}.tpl-detail__banner{margin-bottom:36px;order:1}.tpl-detail__info{flex-direction:column;gap:12px;margin-bottom:12px;order:2}.tpl-detail__summary{margin:0 0 12px}.tpl-detail__description{margin-bottom:24px;order:3}.tpl-detail__preview{order:4}.tpl-detail__cta{justify-content:center;width:100%}}