#__phocus__ {
    --pcs-z-root: 2147483647;
}
#__phocus__ #phocus-images-loader {
    height: 26px !important;
}
#__phocus__ .phocus-cont-sidebar {
    border: none;
    border-left: 1px solid var(--pcs-border-sidebar);
}
#__phocus__ .phocus-wrap-feature-img img {
    max-height: none;
}
#__phocus__ .phocus-wrap-layout-selector .phocus-cont-indicator {
    min-width: 80px;
    justify-content: flex-start;
}
#__phocus__ .phocus-wrap-layout-selector .phocus-wrap-info-area + div {
    min-width: 80px;
    justify-content: flex-end;
}


@font-face {
    font-family: SF Pro;
    src: url(https://t1.kakaocdn.net/phocus/assets/fonts/SF_Pro.woff2) format("woff2"),url(https://t1.kakaocdn.net/phocus/assets/fonts/SF_Pro.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.__phocus__ {
    --pcs-z-root: 940109;
    --pcs-font-family: SF Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --pcs-h-ctrl-top: 80px;
    --pcs-h-ctrl-bottom: 80px;
    --pcs-h-m-ctrl-top: 50px;
    --pcs-h-m-ctrl-bottom: 78px;
    --pcs-h-handlebar: 4px;
    --pcs-w-handlebar: 40px;
    --pcs-round-handlebar: 100px;
    --pcs-round-grid-layer: 20px 20px 0 0;
    --pcs-round-grid-item: 4px;
    --pcs-round-tag: 8px;
    --pcs-round-button: 8px;
    --pcs-round-layout: 10px;
    --pcs-p-layout: 50px 80px;
    --pcs-p-m-layout: 0;
    --pcs-p-ctrl-top: 0 24px 0 32px;
    --pcs-p-w-image-item: 104px
}

[data-phocus-theme=light] {
    --pcs-bg-image-viewer: #ffffff;
    --pcs-bg-controller: #fffffff5;
    --pcs-bg-grid: #ffffff;
    --pcs-bg-handlebar: #dddddd;
    --pcs-bg-grid-backdrop: rgba(32, 32, 32, .8);
    --pcs-bg-backdrop: #00000099;
    --pcs-bg-button: #ffffff;
    --pcs-bg-image-skeleton: #f5f5f5;
    --pcs-bg-image-selected: rgba(0, 0, 0, .3);
    --pcs-bg-sidebar: #ffffff;
    --pcs-bg-m-backdrop: #ffffff;
    --pcs-bg-image-slider: #ffffff;
    --pcs-bg-tag-primary: #222222;
    --pcs-bg-tag-secondary: #ffffff;
    --pcs-text-indicator-primary: #000000;
    --pcs-text-indicator-secondary: #555555;
    --pcs-text-description-primary: #000000;
    --pcs-text-description-secondary: #767676;
    --pcs-text-error-message: #767676;
    --pcs-text-tag-primary: #ffffff;
    --pcs-text-tag-secondary: #555555;
    --pcs-shadow-grid: 0px 0px 14px 0px rgba(0, 0, 0, .12);
    --pcs-shadow-button: 0px 2px 6px 0px #0000001a;
    --pcs-shadow-sidebar: 0px 0px 10px 0px #00000014;
    --pcs-border-button: #00000008;
    --pcs-border-sidebar: #ededed;
    --pcs-border-tag-primary: #555555;
    --pcs-border-tag-secondary: #ededed;
    --pcs-border-scroll: #00000014
}

[data-phocus-theme=dark] {
    --pcs-bg-image-viewer: #222222;
    --pcs-bg-controller: #222222cc;
    --pcs-bg-grid: #333333;
    --pcs-bg-handlebar: #777777;
    --pcs-bg-grid-backdrop: rgba(0, 0, 0, .8);
    --pcs-bg-backdrop: #00000099;
    --pcs-bg-button: #222222;
    --pcs-bg-image-skeleton: rgba(68, 68, 68, .3);
    --pcs-bg-image-selected: rgba(0, 0, 0, .3);
    --pcs-bg-sidebar: #222222;
    --pcs-bg-m-backdrop: #222222;
    --pcs-bg-image-slider: #222222;
    --pcs-bg-tag-primary: #eaeaea;
    --pcs-bg-tag-secondary: #222222;
    --pcs-text-indicator-primary: #f1f1f1;
    --pcs-text-indicator-secondary: #cbcbcb;
    --pcs-text-description-primary: #f1f1f1;
    --pcs-text-description-secondary: #767676;
    --pcs-text-error-message: #767676;
    --pcs-text-tag-primary: #222222;
    --pcs-text-tag-secondary: #bcbcbc;
    --pcs-shadow-grid: 0px 0px 14px 0px rgba(0, 0, 0, .12);
    --pcs-shadow-button: 0px 2px 6px 0px #0000001a;
    --pcs-shadow-sidebar: -5px 0px 10px -5px #00000014;
    --pcs-border-button: #cccccc08;
    --pcs-border-sidebar: #2c2c2c;
    --pcs-border-tag-primary: #eaeaea;
    --pcs-border-tag-secondary: #2c2c2c;
    --pcs-border-scroll: #dadada14
}

.__phocus__ {
    line-height: 1.5
}

.__phocus__ *,.__phocus__ :before,.__phocus__ :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid
}

.__phocus__ h1,.__phocus__ h2,.__phocus__ h3,.__phocus__ h4,.__phocus__ h5,.__phocus__ h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

.__phocus__ p,.__phocus__ figure {
    margin: 0
}

.__phocus__ a {
    color: inherit;
    text-decoration: inherit
}

.__phocus__ img {
    max-width: 100%;
    height: auto
}

.__phocus__ img,.__phocus__ svg {
    display: block
}

.__phocus__ button,.__phocus__ [role=button] {
    cursor: pointer
}

.__phocus__ button,.__phocus__ [type=button],.__phocus__ [type=reset],.__phocus__ [type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none
}

.__phocus__ ol,.__phocus__ ul,.__phocus__ menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.__phocus__ button {
    text-transform: none
}

.__phocus__ button,.__phocus__ input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

body.with-phocus {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

body.phocus-body-lock {
    overflow: hidden;
    position: fixed;
    width: 100%
}

[data-phocus-index] {
    cursor: pointer
}

.phocus-hidden {
    display: none
}

.phocus-wrap-info-area.svelte-1li6wp5.svelte-1li6wp5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    height: auto;
    font-family: var(--pcs-font-family)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-inner-info-area.svelte-1li6wp5 {
    position: relative;
    width: 100%;
    height: var(--pcs-h-m-ctrl-bottom);
    background-color: var(--pcs-bg-controller)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-wrap-info-primary.svelte-1li6wp5 {
    position: relative;
    padding: 16px 20px 0;
    text-align: left
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-wrap-info-secondary.svelte-1li6wp5 {
    position: relative;
    padding: 3px 20px 0;
    text-align: left
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-info-primary.svelte-1li6wp5 {
    font-size: 16px;
    color: var(--pcs-text-description-primary)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-info-secondary.svelte-1li6wp5 {
    font-size: 12px;
    color: var(--pcs-text-description-secondary)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-line-clamp-1.svelte-1li6wp5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1
}

.phocus-wrap-error-img.svelte-e6by1o {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-wrap-error-img>svg {
    z-index: 1
}

.phocus-skeleton.svelte-18m58mv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: var(--pcs-bg-image-skeleton);
    animation: svelte-18m58mv-skeleton-animation 1.5s ease-in-out .5s infinite
}

@keyframes svelte-18m58mv-skeleton-animation {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .4
    }
}

.phocus-item-grid.svelte-uqcbk.svelte-uqcbk {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: var(--pcs-round-grid-item);
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.phocus-item-grid.phocus-item-square.svelte-uqcbk.svelte-uqcbk {
    max-height: 200px
}

.phocus-item-grid.phocus-item-square.svelte-uqcbk .phocus-img-grid.svelte-uqcbk {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.phocus-item-grid.phocus-item-square.svelte-uqcbk .phocus-img-skeleton,.phocus-item-grid.phocus-item-square.svelte-uqcbk .phocus-img-error {
    aspect-ratio: 1/1;
    max-height: 200px
}

.phocus-item-grid.phocus-item-rect.svelte-uqcbk.svelte-uqcbk {
    height: auto
}

.phocus-item-grid.phocus-item-rect.svelte-uqcbk .phocus-img-grid.svelte-uqcbk {
    height: auto;
    max-height: 200px;
    min-height: 44px
}

.phocus-item-grid.phocus-item-rect.svelte-uqcbk .phocus-img-skeleton,.phocus-item-grid.phocus-item-rect.svelte-uqcbk .phocus-img-error {
    position: relative;
    height: 126px
}

.phocus-item-grid.svelte-uqcbk .phocus-img-grid.svelte-uqcbk {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.phocus-item-grid.svelte-uqcbk .phocus-btn-grid.svelte-uqcbk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline-offset: -3px
}

.phocus-item-grid.svelte-uqcbk .phocus-btn-grid.svelte-uqcbk:hover:before,.phocus-item-grid.svelte-uqcbk .phocus-btn-grid.phocus-btn-selected.svelte-uqcbk:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-item-grid.svelte-uqcbk .phocus-wrap-select-icon.svelte-uqcbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-wrap-handlebar.svelte-12zz3u9.svelte-12zz3u9 {
    margin: 0 18px;
    border-bottom: 1px solid var(--pcs-border-scroll)
}

.phocus-wrap-handlebar.phocus-scroll-top.svelte-12zz3u9.svelte-12zz3u9 {
    border-bottom: none
}

.phocus-inner-handlebar.svelte-12zz3u9.svelte-12zz3u9 {
    margin: 10px 0 20px
}

.phocus-inner-handlebar.svelte-12zz3u9 .phocus-handlebar.svelte-12zz3u9 {
    margin: auto;
    width: var(--pcs-w-handlebar);
    height: var(--pcs-h-handlebar);
    cursor: grab;
    border-radius: var(--pcs-round-handlebar);
    background-color: var(--pcs-bg-handlebar)
}

.phocus-image-grid-layer.svelte-147wttq {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    border-radius: var(--pcs-round-grid-layer);
    background-color: var(--pcs-bg-grid);
    box-shadow: var(--pcs-shadow-grid);
    will-change: transform
}

.phocus-image-grid-scroll.svelte-147wttq {
    height: 100%
}

.phocus-image-grid.svelte-147wttq {
    display: grid;
    height: auto;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
    padding: 0 18px 16px
}

@media (min-width: 414px) {
    .phocus-image-grid.svelte-147wttq {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    .phocus-image-grid.svelte-147wttq {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}

.phocus-wrap-list-item.svelte-1lmugt3.svelte-1lmugt3 {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: var(--pcs-round-grid-item);
    vertical-align: top;
    margin: 0 3px;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-btn-list-item.svelte-1lmugt3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline-offset: -3px
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-btn-list-item.svelte-1lmugt3:hover:before,.phocus-wrap-list-item.svelte-1lmugt3 .phocus-btn-list-item.phocus-btn-selected.svelte-1lmugt3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-img-item.svelte-1lmugt3 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-wrap-select-icon.svelte-1lmugt3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-wrap-image-list.svelte-4529u9.svelte-4529u9 {
    position: fixed;
    left: 44px;
    right: 44px;
    z-index: 10;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--pcs-bg-grid);
    padding-top: 24px;
    box-shadow: var(--pcs-shadow-grid);
    overflow-x: auto;
    overflow-y: hidden
}

.phocus-wrap-image-list.svelte-4529u9 .phocus-list-image.svelte-4529u9 {
    list-style-type: none;
    white-space: nowrap;
    padding: 0 15px 18px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.phocus-cont-error-img.svelte-a16m3n.svelte-a16m3n {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.phocus-cont-error-img.svelte-a16m3n .phocus-caption-error-img.svelte-a16m3n {
    margin-top: 14px;
    line-height: 13px;
    font-size: 13px;
    color: var(--pcs-text-error-message);
    font-family: var(--pcs-font-family)
}

.phocus-wrap-feature-img.svelte-1s6dual.svelte-1s6dual {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.phocus-wrap-feature-img.svelte-1s6dual .phocus-feature-img.svelte-1s6dual {
    max-width: unset;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform
}

.phocus-ios-prevent-flicker.svelte-1s6dual.svelte-1s6dual {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.phocus-slide.svelte-1mo2ucq {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0
}

.phocus-slider-viewport.svelte-qrohd9 {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.phocus-slider.svelte-qrohd9 {
    display: flex;
    width: 100%;
    height: 100%;
    touch-action: pan-y;
    backface-visibility: hidden
}

.phocus-zoomable-viewer.svelte-j4pxd5 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.phocus-zoomable.svelte-j4pxd5 {
    position: relative;
    width: 100%;
    height: 100%
}

.phocus-cont-image-slider.svelte-166tsq {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    will-change: transform
}

.phocus-sr-only.svelte-farspb {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.phocus-viewport-aligner.svelte-1yqspx6 {
    position: fixed;
    top: 0;
    top: env(safe-area-inset-top,0);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50
}

.phocus-zoom-animation-frame.svelte-1xvxtus {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform
}

.phocus-backdrop.svelte-9yqxwl {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--pcs-bg-m-backdrop)
}

.phocus-btn-wrap.svelte-14ygiw1.svelte-14ygiw1 {
    position: relative;
    border-radius: var(--pcs-round-button);
    -webkit-border-radius: var(--pcs-round-button);
    -moz-border-radius: var(--pcs-round-button);
    z-index: 1
}

.phocus-btn-wrap.svelte-14ygiw1.svelte-14ygiw1:disabled {
    opacity: .2;
    cursor: not-allowed
}

.phocus-btn-wrap.svelte-14ygiw1:hover:not(:disabled) .phocus-btn-border.svelte-14ygiw1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: var(--pcs-shadow-button)
}

.phocus-btn-wrap.svelte-14ygiw1 .phocus-btn-inner.svelte-14ygiw1 {
    position: relative;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-btn-wrap.svelte-14ygiw1 .phocus-btn-inner.phocus-btn-border.svelte-14ygiw1 {
    border: 1px solid var(--pcs-border-button);
    border-radius: var(--pcs-round-button);
    -webkit-border-radius: var(--pcs-round-button);
    -moz-border-radius: var(--pcs-round-button);
    height: 32px;
    width: 32px;
    background-color: var(--pcs-bg-button)
}

.phocus-btn-wrap.svelte-14ygiw1 .phocus-btn-inner.phocus-btn-borderless.svelte-14ygiw1 {
    margin: 1px;
    height: 30px;
    width: 30px
}

.phocus-btn-disabled.svelte-14ygiw1.svelte-14ygiw1 {
    opacity: .2;
    cursor: not-allowed
}

.phocus-cont-indicator.svelte-1e3hxnw.svelte-1e3hxnw.svelte-1e3hxnw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--pcs-font-family);
    font-size: 14px
}

.phocus-cont-indicator.svelte-1e3hxnw .phocus-indicator-primary.svelte-1e3hxnw.svelte-1e3hxnw {
    font-weight: 700;
    color: var(--pcs-text-indicator-primary)
}

.phocus-cont-indicator.svelte-1e3hxnw .phocus-indicator-secondary.svelte-1e3hxnw.svelte-1e3hxnw {
    color: var(--pcs-text-indicator-secondary)
}

.phocus-cont-indicator.svelte-1e3hxnw>.svelte-1e3hxnw+.svelte-1e3hxnw {
    margin-left: 4px
}

.phocus-wrap-ctrl.svelte-ixt2z1.svelte-ixt2z1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background-color: var(--pcs-bg-controller);
    padding: 10px 9px;
    height: var(--pcs-h-m-ctrl-top)
}

.phocus-wrap-ctrl.svelte-ixt2z1 .phocus-inner-ctrl.svelte-ixt2z1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 16px
}

.phocus-wrap-ctrl.svelte-ixt2z1 .phocus-gap-indicator {
    padding: 8px 10px
}

.phocus-wrap-ctrl.svelte-ixt2z1 .phocus-cont-btns.svelte-ixt2z1 {
    display: flex;
    gap: 4px
}

.phocus-closer.svelte-1a85qz1 {
    position: relative;
    height: 100%;
    width: 100%;
    will-change: transform
}

.phocus-resizer.svelte-1kojoul {
    position: relative;
    width: 100%;
    height: 100%;
    will-change: transform
}

.phocus-cont.svelte-1it232q {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--pcs-z-root);
    overflow: hidden;
    outline: none
}

.phocus-layout.svelte-1it232q {
    position: relative;
    width: 100%;
    height: 100%;
    padding: var(--pcs-p-m-layout)
}

.phocus-layout-inner.svelte-1it232q {
    position: relative;
    width: 100%;
    height: 100%
}

.phocus-backdrop.svelte-18kzyin {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--pcs-bg-backdrop)
}

.phocus-wrap-bottom-ctrl.svelte-ee84q7.svelte-ee84q7 {
    position: absolute;
    height: var(--pcs-h-ctrl-bottom);
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-wrap-bottom-ctrl.svelte-ee84q7 .phocus-inner-bottom-ctrl.svelte-ee84q7 {
    display: flex
}

.phocus-cont-image-slider.svelte-1hbyu2n {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--pcs-bg-image-slider)
}

.phocus-wrap-btn-slider.svelte-1hbyu2n {
    position: absolute;
    top: 50%;
    padding: 8px;
    transform: translateY(-50%);
    z-index: 1
}

.phocus-wrap-btn-slider.phocus-wrap-btn-prev.svelte-1hbyu2n {
    left: 0;
    margin-left: 24px
}

.phocus-wrap-btn-slider.phocus-wrap-btn-next.svelte-1hbyu2n {
    right: 0;
    margin-right: 24px
}

.phocus-wrap-layout-selector.svelte-1rq470m.svelte-1rq470m {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--pcs-p-layout);
    pointer-events: none
}

.phocus-wrap-layout-selector.phocus-fullscreen.svelte-1rq470m.svelte-1rq470m {
    padding: 0
}

.phocus-wrap-layout-selector.svelte-1rq470m .phocus-inner-layout-selector.svelte-1rq470m {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--pcs-bg-image-viewer);
    min-width: 600px;
    border-radius: var(--pcs-round-layout);
    outline: none;
    pointer-events: all
}

.phocus-wrap-layout-selector.phocus-fullscreen.svelte-1rq470m .phocus-inner-layout-selector.svelte-1rq470m {
    border-radius: 0
}

.phocus-item-image.svelte-lpi7h3.svelte-lpi7h3 {
    display: inline-block;
    overflow: hidden;
    border-radius: var(--pcs-round-grid-item);
    margin: 0 3px 6px;
    height: 75px;
    width: var(--pcs-p-w-image-item)
}

.phocus-item-image.phocus-item-without-tags.svelte-lpi7h3.svelte-lpi7h3 {
    margin-bottom: 4px;
    height: 100px;
    width: 100px;
    flex-shrink: 0
}

.phocus-item-image.svelte-lpi7h3 .phocus-btn-item.svelte-lpi7h3 {
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: -3px
}

.phocus-item-image.svelte-lpi7h3 .phocus-btn-item.svelte-lpi7h3:hover:after,.phocus-item-image.svelte-lpi7h3 .phocus-btn-item.phocus-btn-selected.svelte-lpi7h3:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-item-image.svelte-lpi7h3 .phocus-img-item.svelte-lpi7h3 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.phocus-item-image.svelte-lpi7h3 .phocus-wrap-ico-select.svelte-lpi7h3 {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-wrap-list.svelte-8cymbj.svelte-8cymbj {
    overflow-y: auto;
    width: 100%;
    height: 100%
}

.phocus-wrap-list.svelte-8cymbj.svelte-8cymbj:before {
    content: "";
    position: absolute;
    z-index: 1;
    border-bottom: 1px solid var(--pcs-border-scroll)
}

.phocus-wrap-list.phocus-list-top.svelte-8cymbj.svelte-8cymbj:before {
    border: none
}

.phocus-wrap-list.phocus-list-lg.svelte-8cymbj.svelte-8cymbj:before {
    margin: 0 25px;
    width: calc(100% - 50px)
}

.phocus-wrap-list.phocus-list-sm.svelte-8cymbj.svelte-8cymbj:before {
    margin: 0 30px;
    width: calc(100% - 60px)
}

.phocus-wrap-list.svelte-8cymbj .phocus-list-image.svelte-8cymbj {
    display: flex;
    margin: 0 auto
}

.phocus-wrap-list.svelte-8cymbj .phocus-list-image.phocus-list-with-tags.svelte-8cymbj {
    flex-wrap: wrap;
    justify-content: center
}

.phocus-wrap-list.svelte-8cymbj .phocus-list-image.phocus-list-without-tags.svelte-8cymbj {
    flex-direction: column;
    align-items: center
}

.phocus-wrap-list.svelte-8cymbj .phocus-blank-image-box.svelte-8cymbj {
    width: var(--pcs-p-w-image-item)
}

.phocus-btn-tag.svelte-1upbxy0 {
    height: 32px;
    max-width: 100%;
    border-radius: var(--pcs-round-tag);
    border: 1px solid var(--pcs-border-tag-secondary);
    color: var(--pcs-text-tag-secondary);
    background-color: var(--pcs-bg-tag-secondary);
    padding: 0 8px;
    font-size: 13px
}

.phocus-btn-tag.phocus-selected.svelte-1upbxy0 {
    color: var(--pcs-text-tag-primary);
    border-color: var(--pcs-border-tag-primary);
    background-color: var(--pcs-bg-tag-primary);
    font-weight: 700
}

.phocus-inner-tag-wrap.svelte-1upbxy0 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.phocus-cont-tag-list.svelte-19pfc4v.svelte-19pfc4v {
    position: relative;
    padding: 24px
}

.phocus-list-tag.svelte-19pfc4v.svelte-19pfc4v {
    display: flex;
    gap: 5px;
    height: auto;
    max-width: 100%;
    overflow: hidden
}

.phocus-list-tag.phocus-open.svelte-19pfc4v.svelte-19pfc4v {
    flex-wrap: wrap
}

.phocus-list-tag.phocus-close.svelte-19pfc4v.svelte-19pfc4v {
    flex-wrap: nowrap
}

.phocus-list-tag.phocus-close.phocus-toggle.svelte-19pfc4v.svelte-19pfc4v {
    max-width: calc(100% - 26px)
}

.phocus-list-tag.phocus-close.svelte-19pfc4v .phocus-tag-toggle-btn.svelte-19pfc4v {
    position: absolute;
    top: 24px;
    right: 24px
}

.phocus-tag-toggle-btn.svelte-19pfc4v.svelte-19pfc4v {
    position: relative;
    display: flex;
    height: 32px;
    width: 21px;
    align-items: center;
    justify-content: center;
    background-color: var(--pcs-bg-button);
    border: 1px solid var(--pcs-border-button);
    border-radius: var(--pcs-round-button)
}

.phocus-cont-sidebar.svelte-wzbju0.svelte-wzbju0 {
    position: relative;
    display: flex;
    height: 100%;
    flex-shrink: 0;
    flex-direction: column;
    border-left: 1px solid var(--pcs-border-sidebar);
    background-color: var(--pcs-bg-sidebar);
    font-family: var(--pcs-font-family);
    box-shadow: var(--pcs-shadow-sidebar);
    z-index: 2
}

.phocus-cont-sidebar.phocus-sidebar-lg.svelte-wzbju0.svelte-wzbju0 {
    width: 264px;
    min-width: 264px
}

.phocus-cont-sidebar.phocus-sidebar-sm.svelte-wzbju0.svelte-wzbju0 {
    width: 160px;
    min-width: 160px
}

.phocus-cont-sidebar.svelte-wzbju0 .phocus-wrap-emp-tags.svelte-wzbju0 {
    padding: 24px
}

.phocus-cont-sidebar.svelte-wzbju0 .phocus-inner-emp-tags.svelte-wzbju0 {
    height: 32px;
    width: 100%
}

.phocus-wrap-info-area.svelte-27qy38.svelte-27qy38 {
    display: flex;
    flex-grow: 1
}

.phocus-wrap-info-area.svelte-27qy38 .phocus-inner-info-area.svelte-27qy38 {
    max-width: 60%;
    margin: 0 auto;
    font-family: var(--pcs-font-family)
}

.phocus-wrap-info-area.svelte-27qy38 .phocus-info-primary.svelte-27qy38 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--pcs-text-description-primary)
}

.phocus-wrap-info-area.svelte-27qy38 .phocus-info-secondary.svelte-27qy38 {
    margin-top: 2px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: var(--pcs-text-description-secondary)
}

.phocus-wrap-info-area.svelte-27qy38 .phocus-line-clamp-1.svelte-27qy38 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.phocus-cont-top-ctrl.svelte-1f0i5mb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    padding: var(--pcs-p-ctrl-top);
    height: var(--pcs-h-ctrl-top);
    background-color: var(--pcs-bg-controller)
}

.phocus-cont-phocus.svelte-l8lf41 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pcs-z-root)
}

.phocus-cont-viewer.svelte-l8lf41 {
    position: relative;
    height: 100%;
    width: 100%
}

.phocus-slider-wrap.svelte-l8lf41 {
    position: absolute;
    left: 0;
    right: 0;
    top: var(--pcs-h-ctrl-top);
    bottom: var(--pcs-h-ctrl-bottom);
    overflow: hidden
}