:root {--font: "Poppins", sans-serif;--font-regular: 300;--font-bold: 400;--black: rgb(0 0 0 / 100%);--white: rgb(255 255 255 / 100%);--gray: rgb(0 0 0 / 40%);}::selection {background: var(--black);color: var(--white);}::placeholder {color: var(--gray);opacity: 1;}*,*:before,*:after {box-sizing: border-box;}body {margin: 0;font-family: var(--font);font-weight: var(--font-regular);color: var(--black);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}main {display: contents;}h1,h3 {margin: 0 0 16px 0;font-size: 18px;font-weight: var(--font-bold);line-height: 1.4;}h2 {margin: 0;font-size: 13px;font-weight: var(--font-regular);line-height: 1.5;}h4 {margin-top: 48px;font-size: 21px;font-weight: var(--font-regular);line-height: 1.3;}p {font-size: 13px;font-weight: var(--font-regular);line-height: 1.5;}a {font-size: 13px;text-decoration: none;color: var(--black);}a:hover {text-decoration: underline;}ul {list-style: none;padding: 0;}.navbar {width: calc(100% - 32px);height: 48px;position: fixed;top: 16px;justify-content: space-between;align-items: center;display: flex;pointer-events: none;z-index: 999;}.navbar button,.navbar .icon {width: 24px;height: 24px;background-repeat: no-repeat;background-size: 45% auto;background-position: center;background-color: var(--white);border: 0;border-radius: 50%;pointer-events: auto;cursor: pointer;}.navbar button.search-open {margin-right: 12px;background-image: url('image/icon/search.svg');}.navbar button[data-tab="menu"] {margin-right: 12px;background-image: url('image/icon/plus.svg');}.navbar .icon {margin-left: 12px;background-image: url('image/icon/icon.svg');}.grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;padding: 16px;}.intro,.item {position: relative;display: flex;flex-direction: column;justify-content: space-between;background: rgb(0 0 0 / 4%);border-radius: 16px;overflow: hidden;}.intro {padding: 16px;background: var(--white);}.intro nav[aria-label="Navigation"] {display: flex;}.item:hover {background: rgb(0 0 0 / 6%);}.item-img {aspect-ratio: 0.88;display: flex;align-items: center;justify-content: center;}.item-img img {width: 50%;mix-blend-mode: multiply;}.item-info {width: calc(100% - 32px);height: calc(100% - 32px);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: flex;flex-direction: column;justify-content: space-between;}.item-badge,.item-meta .caps {width: fit-content;position: relative;z-index: 2;}.item-badge::before {content: "%";color: var(--gray);font-size: 10px;}.item-badge a {color: var(--gray);}.item-meta {margin-top: auto;}.item-meta h2 {max-width: 80%;}.item-meta h2 a::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}.grid .pagination {height: 48px;grid-column: 1 / -1;display: flex;justify-content: space-between;align-items: center;}.grid .pagination .prev,.grid .pagination .next {width: 24px;height: 24px;background-repeat: no-repeat;background-size: 45% auto;background-position: center;border-radius: 50%;}.grid .pagination .prev {margin-left: 12px;background-image: url('image/icon/left.svg');}.grid .pagination .next {margin-right: 12px;background-image: url('image/icon/right.svg');}.tab {width: 400px;max-width: 100%;height: 100%;max-height: 100dvh;margin-right: 0;margin-left: auto;margin-top: 0;margin-bottom: 0;padding: 0;border-top-left-radius: 16px;border-bottom-left-radius: 16px;border: none;background: white;isolation: isolate;mask-image: radial-gradient(white, black); -webkit-mask-image: -webkit-radial-gradient(white, black);overflow: hidden;}.tab::backdrop {background: rgb(0 0 0 / 80%);}.tab nav[aria-label="Tabs"] {width: calc(100% - 32px);height: 48px;position: sticky;top: 16px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;border-radius: 16px;pointer-events: none;z-index: 2;}.tab nav[aria-label="Tabs"] button {border: none;outline: 0;pointer-events: auto;cursor: pointer;}.tab nav[aria-label="Tabs"] .tab-btn {height: 32px;margin-left: 8px;padding: 0 4px;display: flex;align-items: center;border-radius: 16px;background-color: rgb(0 0 0 / 4%);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}.tab nav[aria-label="Tabs"] button[role="tab"] {height: 24px;padding: 0 10px;font-family: var(--font);font-size: 10px;font-weight: var(--font-bold);color: var(--gray);text-transform: uppercase;border-radius: 16px;background: transparent;}.tab nav[aria-label="Tabs"] button[aria-selected="true"] {background: var(--white);color: var(--black);}.tab nav[aria-label="Tabs"] .tab-close {width: 24px;height: 24px;margin-right: 12px;margin-left: auto;background-image: url('image/icon/close.svg');background-repeat: no-repeat;background-size: 45% auto;background-position: center;border: 0;border-radius: 50%;background-color: rgb(0 0 0 / 4%);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}div[role="tabpanel"] {width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 160px 32px 32px 32px;overflow-y: auto;}div[role="tabpanel"][hidden] {pointer-events: none;opacity: 0;visibility: hidden;}div[role="tabpanel"]:not([hidden]) {opacity: 1;visibility: visible;}div[role="tabpanel"] h3 {margin: 0 0 32px 0;}.menu {width: 100%;display: flex;align-items: flex-start;overflow: visible;}.menu .col:first-child {position: sticky;top: 0;}.search {width: calc(100% - 32px);min-height: 48px;max-height: calc(100dvh - 32px);margin-top: 16px;padding: 0;border: none;border-radius: 16px;}.search[open] {display: flex;flex-direction: column;}.search::backdrop {background: rgb(0 0 0 / 80%);}.search nav {width: 100%;height: 48px;flex-shrink: 0;display: flex;justify-content: space-between;align-items: center;z-index: 999;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}.search nav input {width: calc(100% - 52px);height: 100%;padding-left: 16px;border: none;background: none;outline: 0;font-family: var(--font);font-weight: var(--font-regular);font-size: 13px;-webkit-appearance: none;appearance: none;}.search nav input[type="search"]::-webkit-search-cancel-button {display: none;}.search nav button {width: 24px;height: 24px;margin-right: 12px;margin-left: auto;background-image: url('image/icon/close.svg');background-repeat: no-repeat;background-size: 45% auto;background-position: center;border: 0;border-radius: 50%;background-color: transparent;cursor: pointer;}.search ul {flex-grow: 1;overflow-y: auto;margin: 0;padding: 0;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}.search ul li {width: 100%;height: 100px;position: relative;padding: 16px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgb(245 245 245);}.search-item-meta {width: 60%;}.search-item-meta a {margin: 0;padding: 0;display: inline-block;line-height: 1.5;}.search-item-meta a::after {content: "";position: absolute;top: 16px;left: 16px;right: 16px;bottom: 16px;z-index: 1;}.search-item-image {width: 68px;height: 68px;display: flex;align-items: center;justify-content: center;}.notification {width: calc(100% - 32px);height: 48px;position: fixed;bottom: 16px;padding: 0 12px 0 16px;display: flex;justify-content: space-between;align-items: center;border-radius: 16px;background: var(--black);opacity: 0;visibility: hidden;z-index: 999;}.notification p,.notification a {color: var(--white);font-size: 13px;font-weight: var(--font-regular);margin: 0;padding: 0;}.notification button {width: 24px;height: 24px;background-image: url('image/icon/close-white.svg');background-repeat: no-repeat;background-size: 45% auto;background-position: center;border: 0;border-radius: 50%;background-color: transparent;cursor: pointer;}.notification span,.notification a {text-decoration: underline;cursor: pointer;}.single {display: grid;grid-template-columns: 1fr 2fr;gap: 16px;padding: 16px;}.single .featured {height: calc(100svh - 32px);position: sticky;top: 16px;background: rgb(0 0 0 / 4%);display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 16px;}.single .featured-img {width: 100%;aspect-ratio: 0.88;display: flex;align-items: center;justify-content: center;}.single .featured-img img {width: 70%;mix-blend-mode: multiply;}.single .featured-info {width: 300px;position: absolute;left: 0;bottom: 0;padding: 16px;z-index: 2;}.single .featured-btn {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}.single .featured-btn .icon-plus {width: 24px;height: 24px;position: absolute;bottom: 12px;right: 12px;background-image: url('../assets/image/icon/plus.svg');background-repeat: no-repeat;background-size: 45% auto;background-position: center;background-color: var(--white);border-radius: 50%;}.single main {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}.api {padding: 16px;}.api .navbar {position: fixed;width: calc(100% - 32px);min-height: 48px;max-height: calc(100dvh - 32px);display: flex !important;border-radius: 16px;background-color: rgb(0 0 0 / 4%);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);pointer-events: auto;}.api .navbar input {width: calc(100% - 52px);height: 100%;padding-left: 16px;border: none;background: none;outline: 0;font-family: var(--font);font-weight: var(--font-regular);font-size: 13px;}.api .navbar input[type="search"] {-webkit-appearance: none;appearance: none;}.api .navbar input[type="search"]::-webkit-search-cancel-button {display: none;}.api .navbar button {width: 24px;height: 24px;margin-right: 12px;margin-left: auto;background-image: url('image/icon/plus.svg');background-repeat: no-repeat;background-size: 45% auto;background-position: center;border: 0;border-radius: 50%;background-color: transparent;}.api .intro {display: none;}.api h1 {margin: 160px 16px 32px 16px;}.api ul {flex-grow: 1;overflow-y: auto;margin: 0;padding: 0;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}.api .list-item,.api .search-item {width: 100%;height: 100px;position: relative;padding: 16px 8px 16px 16px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgb(245 245 245);}.api .list-item:last-child {margin-bottom: 16px;}.api .search .list-item:last-child {margin-bottom: 0;}.api .list-item-meta {width: 60%;}.api .list-item-actions {width: 72px;height: 32px;display: flex;align-items: center;justify-content: space-between;}.api .list-item-actions button {width: 32px;height: 32px;background-image: url('image/icon/edit.svg');background-repeat: no-repeat;background-size: 48% auto;background-position: center;background-color: transparent;border: 0;border-radius: 50%;cursor: pointer;pointer-events: auto;}.api .list-item-actions a {width: 32px;height: 32px;background-image: url('image/icon/delete.svg');background-repeat: no-repeat;background-size: 48% auto;background-position: center;background-color: transparent;border: 0;border-radius: 50%;cursor: pointer;pointer-events: auto;}.api .list-item p {margin: 0;padding: 0;}.api .list-item:hover p {text-decoration: underline;}.api .pagination {height: 48px;display: flex;justify-content: space-between;align-items: center;}.api .pagination .prev,.api .pagination .next {width: 24px;height: 24px;background-repeat: no-repeat;background-size: 45% auto;background-position: center;border-radius: 16px;}.api .pagination .prev {margin-left: 12px;background-image: url('image/icon/left.svg');}.api .pagination .next {margin-right: 12px;background-image: url('image/icon/right.svg');}.api .tab iframe {width: 100%;height: 100dvh;position: absolute;top: 0;left: 0;}.caps,.caps a,.dot {font-size: 10px;text-transform: uppercase;color: var(--gray);}.col {width: 50%;}.col ul {margin-top: 16px;}.col ul li span {font-size: 13px;}.visible {visibility: visible !important;opacity: 1 !important;}li button.tab-open {margin: 0;padding: 0;border: 0;background: none;font-family: var(--font);font-weight: var(--font-regular);font-size: 13px;color: var(--gray);cursor: pointer;}.reverse:before,.email:before {content: attr(content);unicode-bidi: bidi-override;direction: rtl;}.email:before {content: attr(domain) "\0040" attr(user);}.underline {text-decoration: underline;}.offer .featured-img img,.offer .item-img img {border-radius: 50%;}@media (769px <= width <= 1024px) {}@media (width < 1024px) {.grid,.single {grid-template-columns: repeat(1, 1fr);}.grid .intro {height: 500px;}.tab {border-radius: 0;}.single .featured {position: relative;top: 0;}.single main {grid-template-columns: repeat(1, 1fr);}}@media (width > 1600px) {.grid {grid-template-columns: repeat(4, 1fr);}}