.creator-gallery *{box-sizing:border-box;letter-spacing:0}.creator-gallery{background:#f2f3f1;color:#1d1f1e;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,YuGothic,Noto Sans JP,sans-serif}.creator-gallery{margin:0}body.creator-gallery-modal-open{overflow:hidden}.creator-gallery a{color:inherit}.creator-gallery{min-height:100vh;background:#f2f3f1;padding:0 0 80px}.creator-gallery .hero{display:grid;align-content:end;min-height:270px;padding:68px 0 38px;border-bottom:1px solid #d9ddda;background:#fff}.creator-gallery .inner{width:min(1180px,calc(100% - 32px));margin:0 auto}.creator-gallery .hero__content{display:grid;gap:16px;max-width:760px}.creator-gallery .eyebrow,.creator-gallery .modal__category{margin:0;color:#17614b;font-size:12px;font-weight:800;letter-spacing:0;line-height:1.4;text-transform:uppercase}.creator-gallery h1{margin:0;color:#121212;font-size:68px;line-height:1.02}.creator-gallery .hero__content>p:not(.eyebrow){max-width:650px;margin:0;color:#303030;font-size:17px;line-height:1.8}.creator-gallery .creator-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:center;gap:32px;margin-top:32px;padding:28px 32px;overflow:hidden;border:1px solid #d9e2dc;border-radius:18px;background:linear-gradient(135deg,#f3f6f1,#edf3ef 58%,#f7f1e9)}.creator-gallery .creator-guide__copy{display:grid;gap:11px}.creator-gallery .creator-guide__kicker{margin:0;color:#17614b;font-size:11px;font-weight:800;line-height:1.4;text-transform:uppercase}.creator-gallery .creator-guide h2{margin:0;color:#17211e;font-size:28px;line-height:1.35}.creator-gallery .creator-guide__text{max-width:630px;margin:0;color:#3f4844;font-size:14px;line-height:1.8}.creator-gallery .creator-guide__steps{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;counter-reset:guide-step}.creator-gallery .creator-guide__steps li{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid rgba(23,97,75,.16);border-radius:999px;background:#ffffffb8;color:#315247;font-size:12px;font-weight:700;padding:5px 11px 5px 7px;counter-increment:guide-step}.creator-gallery .creator-guide__steps li:before{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#17614b;color:#fff;content:counter(guide-step);font-size:10px}.creator-gallery .creator-guide__visual{position:relative;display:grid;min-height:210px;place-items:center;isolation:isolate}.creator-gallery .creator-guide__visual:before{position:absolute;top:18px;right:6px;bottom:10px;left:6px;z-index:-1;border-radius:50%;background:#d0e0d7ad;content:"";transform:rotate(-8deg)}.creator-gallery .creator-guide__phone{width:132px;padding:8px;border:1px solid rgba(24,47,39,.12);border-radius:24px;background:#fff;box-shadow:0 18px 38px #2c4a3f29;transform:rotate(-5deg)}.creator-gallery .creator-guide__phone-bar{width:42px;height:5px;margin:0 auto 7px;border-radius:999px;background:#d6dbd8}.creator-gallery .creator-guide__post-art{position:relative;height:128px;overflow:hidden;border-radius:17px;background:linear-gradient(145deg,#b8d0c2,#dce9e0 48%,#eddcc3)}.creator-gallery .creator-guide__post-art:before{position:absolute;right:25px;bottom:24px;width:48px;height:38px;border:6px solid rgba(255,255,255,.94);border-radius:9px 9px 18px 18px;content:""}.creator-gallery .creator-guide__post-art:after{position:absolute;right:12px;bottom:32px;width:20px;height:20px;border:5px solid rgba(255,255,255,.94);border-left:0;border-radius:0 16px 16px 0;content:""}.creator-gallery .creator-guide__post-meta{display:grid;gap:5px;padding:9px 5px 4px}.creator-gallery .creator-guide__post-meta span{display:block;height:5px;border-radius:999px;background:#d7dcda}.creator-gallery .creator-guide__post-meta span:first-child{width:70%;background:#8da499}.creator-gallery .creator-guide__post-meta span:last-child{width:46%}.creator-gallery .creator-guide__ins-label{position:absolute;right:2px;bottom:32px;display:inline-flex;align-items:center;gap:7px;min-height:39px;border-radius:999px;background:#232927;box-shadow:0 12px 28px #1f2b2733;color:#fff;font-size:11px;font-weight:700;padding:8px 14px;transform:rotate(3deg)}.creator-gallery .creator-guide__heart{position:absolute;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#fff;box-shadow:0 12px 24px #2f4b4021;color:#df826e;font-size:22px}.creator-gallery .creator-guide__heart--one{top:22px;right:24px;transform:rotate(9deg)}.creator-gallery .creator-guide__heart--two{bottom:24px;left:28px;width:32px;height:32px;color:#66927f;font-size:16px;transform:rotate(-12deg)}.creator-gallery .gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px;padding:16px 0;border-top:1px solid rgba(34,34,34,.12);border-bottom:1px solid rgba(34,34,34,.12)}.creator-gallery .gallery-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:28px 0 10px;color:#555b58;font-size:13px;line-height:1.5}.creator-gallery .gallery-summary strong{color:#1d1f1e;font-size:16px}.creator-gallery .control-group,.creator-gallery .filter-list,.creator-gallery .size-options{display:flex;align-items:center}.creator-gallery .control-group{gap:12px}.creator-gallery .control-label{flex:0 0 auto;color:#666;font-size:12px;font-weight:700;line-height:1.4}.creator-gallery .filter-list{flex-wrap:wrap;gap:8px}.creator-gallery .filter{min-height:38px;border:1px solid #c9cecb;border-radius:6px;background:#fff;color:#252525;cursor:pointer;font:inherit;padding:7px 14px;transition:background .16s ease,border-color .16s ease,color .16s ease}.creator-gallery .filter.is-active,.creator-gallery .filter:hover{background:#222;border-color:#222;color:#fff}.creator-gallery .size-options{flex:0 0 auto;gap:2px;padding:3px;border:1px solid #c9cecb;border-radius:6px;background:#fff}.creator-gallery .size-option{min-height:32px;border:0;border-radius:4px;background:transparent;color:#5f5f5f;cursor:pointer;font:inherit;font-size:13px;padding:5px 11px}.creator-gallery .size-option.is-active,.creator-gallery .size-option:hover{background:#222;color:#fff}.creator-gallery .grid[data-density=regular]{display:block;column-count:3;column-gap:16px}.creator-gallery .grid[data-density=compact]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px 14px;column-count:initial;column-gap:0}.creator-gallery .card[hidden]{display:none}.creator-gallery .card{width:100%}.creator-gallery .grid[data-density=regular] .card{display:inline-block;break-inside:avoid;margin:0 0 16px}.creator-gallery .grid[data-density=compact] .card{height:100%;margin:0;break-inside:auto}.creator-gallery .card__surface{display:grid;width:100%;height:100%;overflow:hidden;border:1px solid #dde1de;border-radius:8px;background:#fff;color:inherit;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.creator-gallery .card__surface:hover{box-shadow:0 18px 44px #1d1f1e1f;transform:translateY(-3px)}.creator-gallery .card__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;overflow:hidden;background:#153d31}.creator-gallery .card__media.is-loaded{display:block;aspect-ratio:auto;background:none}.creator-gallery .card__media img,.creator-gallery .modal__media img{width:100%;height:100%;display:block;object-fit:cover}.creator-gallery .card__media img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .18s ease}.creator-gallery .card__media.is-loaded img{position:relative;width:100%;height:auto;opacity:1;object-fit:initial}.creator-gallery .card__media.is-loaded .post-placeholder{display:none}.creator-gallery .grid[data-density=regular] .card__media,.creator-gallery .grid[data-density=regular] .card__media.is-loaded{position:relative;display:block;aspect-ratio:4 / 5;background:#153d31}.creator-gallery .grid[data-density=regular] .card:nth-child(7n+1) .card__media{aspect-ratio:1 / 1}.creator-gallery .grid[data-density=regular] .card:nth-child(7n+2) .card__media,.creator-gallery .grid[data-density=regular] .card:nth-child(7n) .card__media{aspect-ratio:2 / 3}.creator-gallery .grid[data-density=regular] .card:nth-child(7n+3) .card__media{aspect-ratio:3 / 4}.creator-gallery .grid[data-density=regular] .card:nth-child(7n+4) .card__media{aspect-ratio:3 / 5}.creator-gallery .grid[data-density=regular] .card:nth-child(7n+6) .card__media{aspect-ratio:5 / 6}.creator-gallery .grid[data-density=regular] .card__media.is-loaded{background:none}.creator-gallery .grid[data-density=regular] .card__media.is-loaded img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1;object-fit:cover}.creator-gallery .card__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#141414d1;color:#fff;cursor:pointer;transform:translate(-50%,-50%);transition:background .16s ease,transform .16s ease}.creator-gallery .card__play:before{width:0;height:0;margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor;content:""}.creator-gallery .card__play:hover,.creator-gallery .card__play:focus-visible{background:#000;transform:translate(-50%,-50%) scale(1.08)}.creator-gallery .card__instagram-only{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(100% - 40px);max-width:260px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#1414149e;color:#fff;font-size:12px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;transform:translate(-50%,-50%);transition:background .16s ease,transform .16s ease}.creator-gallery .card__instagram-only:hover,.creator-gallery .card__instagram-only:focus-visible{background:#000000d1;transform:translate(-50%,-50%) scale(1.03)}.creator-gallery .post-placeholder{display:grid;place-items:center;width:calc(100% - 42px);height:calc(100% - 42px);border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;text-align:center}.creator-gallery .post-placeholder strong{display:block;margin-bottom:8px;font-size:22px;line-height:1.2}.creator-gallery .post-placeholder span{display:block;color:#ffffffc7;font-size:13px;line-height:1.5}.creator-gallery .card__body{display:grid;gap:5px;padding:15px 16px 16px}.creator-gallery .card__handle{width:fit-content;color:#181818;font-size:16px;font-weight:700;line-height:1.35;text-decoration:none}.creator-gallery .card__handle:hover,.creator-gallery .card__handle:focus-visible{text-decoration:underline}.creator-gallery .card__caption{display:-webkit-box;overflow:hidden;color:#555;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.creator-gallery .card__date{color:#666;font-size:12px;line-height:1.5}.creator-gallery .card__code{color:#59625e;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}.creator-gallery .grid[data-density=compact] .card__body{grid-template-rows:17px 38px 56px 17px;align-content:start;padding:11px 12px 12px}.creator-gallery .grid[data-density=compact] .card__surface{grid-template-rows:auto 1fr}.creator-gallery .grid[data-density=compact] .card__media,.creator-gallery .grid[data-density=compact] .card__media.is-loaded{position:relative;display:block;aspect-ratio:4 / 5;background:#153d31}.creator-gallery .grid[data-density=compact] .card__media.is-loaded{background:none}.creator-gallery .grid[data-density=compact] .card__media.is-loaded img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1;object-fit:cover}.creator-gallery .grid[data-density=compact] .card__handle{display:-webkit-box;height:38px;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.creator-gallery .grid[data-density=compact] .card__caption{height:56px;font-size:12px;-webkit-line-clamp:3}.creator-gallery .grid[data-density=compact] .card__date{height:17px;font-size:11px}.creator-gallery .grid[data-density=compact] .card__code{height:17px;overflow:hidden;font-size:10px;text-overflow:ellipsis}.creator-gallery .grid[data-density=compact] .card__play{width:44px;height:44px}.creator-gallery .grid[data-density=compact] .card__instagram-only{width:calc(100% - 24px);padding:8px 12px;font-size:11px}.creator-gallery .empty-state{margin:54px 0;color:#666;font-size:14px;text-align:center}.creator-gallery .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;align-items:center;justify-content:center;width:auto;height:auto;padding:24px;visibility:hidden;touch-action:auto;transform:none;transition:none}.creator-gallery .modal[aria-hidden=false]{display:flex;visibility:visible}.creator-gallery .modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;opacity:1;visibility:visible;background:#14120fad;transition:none}.creator-gallery .modal__dialog{position:relative;display:grid;grid-template-columns:minmax(0,360px) minmax(300px,1fr);width:min(800px,100%);height:min(640px,calc(100vh - 48px));height:min(640px,calc(100dvh - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 24px 80px #00000042}.creator-gallery .modal__close{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#ffffffeb;color:#222;cursor:pointer;font-size:26px;line-height:1}.creator-gallery .modal__media{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;background:#111}.creator-gallery .modal__video-host,.creator-gallery .modal__video{width:100%;height:100%;min-height:0}.creator-gallery .modal__video-host{position:relative;display:grid;place-items:center}.creator-gallery .modal__video{display:block;background:#000;object-fit:contain;opacity:0;transition:opacity .18s ease}.creator-gallery .modal__video-host.is-loaded .modal__video{opacity:1}.creator-gallery .modal__spinner{position:absolute;top:50%;left:50%;width:34px;height:34px;border:3px solid #ddd;border-top-color:#222;border-radius:50%;transform:translate(-50%,-50%);animation:gallery-spin .7s linear infinite}.creator-gallery .modal__video-host.is-loaded .modal__spinner{display:none}.creator-gallery .modal__video-error{margin:0;color:#fff;font-size:14px}@keyframes gallery-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.creator-gallery .modal__content{display:grid;align-content:center;gap:14px;min-height:0;max-height:none;overflow-y:auto;margin:0;padding:clamp(28px,4vw,44px);border-radius:0;background:transparent;opacity:1;transform:none}.creator-gallery .modal__content h2{margin:0;color:#151515;font-size:32px;line-height:1.15}.creator-gallery .modal__creator,.creator-gallery .modal__caption{margin:0;color:#565656;font-size:15px;line-height:1.8}.creator-gallery .modal__link{display:inline-flex;justify-content:center;align-items:center;width:fit-content;min-height:44px;margin-top:8px;border-radius:6px;background:#222;color:#fff;padding:10px 22px;text-decoration:none}.creator-gallery .modal__link:hover,.creator-gallery .modal__link:focus-visible{background:#000}@media(max-width:900px){.creator-gallery h1{font-size:54px}.creator-gallery .creator-guide{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:22px;padding:26px}.creator-gallery .gallery-controls{align-items:flex-start;flex-direction:column}.creator-gallery .grid[data-density=regular]{column-count:3}.creator-gallery .grid[data-density=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.creator-gallery .grid[data-density=regular]{column-count:2}.creator-gallery .creator-guide{grid-template-columns:1fr}.creator-gallery .creator-guide__visual{min-height:190px}.creator-gallery .modal{padding:12px}.creator-gallery .modal__dialog{grid-template-columns:1fr;width:min(420px,100%);height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.creator-gallery .modal__media{height:min(62vh,560px);height:min(62dvh,560px);min-height:320px}.creator-gallery .modal__content{align-content:start;overflow:visible;padding:24px}}@media(max-width:560px){.creator-gallery{padding-bottom:44px}.creator-gallery .hero{min-height:250px;padding:52px 0 32px}.creator-gallery h1{font-size:42px}.creator-gallery .hero__content>p:not(.eyebrow){font-size:15px;line-height:1.7}.creator-gallery .creator-guide{margin-top:24px;padding:21px 20px 18px;border-radius:14px}.creator-gallery .creator-guide h2{font-size:23px}.creator-gallery .creator-guide__text{font-size:13px}.creator-gallery .creator-guide__visual{min-height:176px}.creator-gallery .gallery-summary{margin-top:22px}.creator-gallery .gallery-controls,.creator-gallery .control-group{width:100%}.creator-gallery .grid[data-density=regular]{column-count:1}.creator-gallery .grid[data-density=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-gallery .grid[data-density=compact] .card{margin:0}.creator-gallery .control-group{align-items:flex-start;flex-direction:column;gap:8px}.creator-gallery .filter-list{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.creator-gallery .filter-list::-webkit-scrollbar{display:none}.creator-gallery .filter{flex:0 0 auto}.creator-gallery .modal{padding:12px}.creator-gallery .modal__content h2{font-size:26px}}.creator-gallery :focus-visible{outline:3px solid #2d7b62;outline-offset:3px}@media(prefers-reduced-motion:reduce){.creator-gallery *,.creator-gallery *:before,.creator-gallery *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/epeios-creator-gallery.css.map */