.in-iframe #main-content-card {
    border-radius: 0;
}

.in-iframe header {
    margin-top: 0;
    padding: var(--gap-middle) var(--gap-middle) var(--gap-middle) var(--gap-middle);
    top: calc(var(--border-radius-middle) * -1 - var(--calc-height-title-bar, 0) - var(--gap-middle) + 4px);
    border-radius: 0;
}

.in-iframe header h1 {
    font-size: var(--font-size-large);
}

.in-iframe header #title-logo {
    width: 32px;
    height: 32px;
}

.in-iframe header .title-left {
    width: auto;
    justify-content: center;
}

.in-iframe header .title-right {
    width: auto;
    flex-direction: column;
    align-items: center;
}

.in-iframe #select-language {
    width: auto !important;
    flex: 1;
}

.in-iframe header .search-bar {
    flex-direction: column;
}

.in-iframe #search-view {
    display: none;
}

.in-iframe body {
    padding: 0;
}

.in-iframe main {
        border-radius: 0;
}

.in-iframe nav {
    display: none;
}

.in-iframe #icon-list {
    grid-template-columns: repeat(auto-fill, 60px) !important;
}

.in-iframe #icon-list .icon-box {
    width: 60px !important;
    height: 60px !important;
    padding: var(--gap-small) !important;
}

.in-iframe #icon-list .icon-image {
    --icon-preview-size: 32px !important;
}

.in-iframe #icon-list .icon-name {
    display: none !important;
}

.in-iframe #icon-detail-dialog-mask {
    align-items: flex-start;
    overflow: auto;
}

.in-iframe .icon-detail-dialog-header {
    padding: var(--gap-small) var(--gap-middle);
}

.in-iframe #icon-detail-dialog-title {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-iframe #icon-detail-dialog {
    width: 100vw;
    border-radius: 0;
}

.in-iframe .icon-detail-dialog-info-bar {
    justify-content: center;
    gap: var(--gap-small);
    padding: var(--gap-middle) var(--gap-middle);
}

.in-iframe .icon-detail-dialog-info-bar>div {
    gap: var(--gap-small);
}

.in-iframe .icon-detail-dialog-content {
    flex-direction: column;
    gap: var(--gap-middle);
    padding: var(--gap-middle) var(--gap-middle);
}

.in-iframe #icon-detail-dialog-tag-list {
    padding: var(--gap-middle) var(--gap-middle) var(--gap-large);
    min-height: unset;
}

.in-iframe .select-language-box {
    display: none;
}

.in-iframe footer {
    min-height: unset;
}