ruemood-photo-journal.rmo-journal{--rmo-ink:#101010;--rmo-muted:#626262;--rmo-focus:#245cf2;--rmo-photo-height:clamp(320px,30vw,430px);--rmo-gap:18px;display:block;padding:40px 0 28px;background:#fff;color:var(--rmo-ink);font-family:var(--font-body-family,Arial,Helvetica,sans-serif);font-size:14px;line-height:1.4;letter-spacing:normal;color-scheme:light}.rmo-journal *{box-sizing:border-box}.rmo-journal button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}.rmo-journal button:focus-visible,.rmo-journal [tabindex]:focus-visible{outline:2px solid var(--rmo-focus);outline-offset:4px}.rmo-journal .rmo-heading{margin:0 3.7vw 30px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.rmo-journal .rmo-title{margin:0;color:var(--rmo-ink);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:2.4px;line-height:1.4}.rmo-journal .rmo-all{padding:10px 0;min-height:44px;background:none;border:0;border-radius:0;font-size:12px;color:var(--rmo-muted);white-space:nowrap}.rmo-journal .rmo-all:hover{color:var(--rmo-ink)}.rmo-journal .rmo-all:before,.rmo-journal .rmo-all:after{content:none}.rmo-journal .rmo-strip{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;padding:4px 3.7vw 8px;cursor:grab;direction:ltr}.rmo-journal .rmo-strip::-webkit-scrollbar{display:none}.rmo-journal .rmo-strip.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.rmo-journal .rmo-track{position:relative;display:flex;width:max-content;min-height:calc(var(--rmo-photo-height)*1.1);gap:var(--rmo-gap);align-items:flex-start}.rmo-journal .rmo-card{--rmo-ratio:.8;--rmo-position:50% 50%;padding:0;border:0;background:#f1f1ef;display:block;position:relative;width:calc(var(--rmo-photo-height)*var(--rmo-scale,1)*var(--rmo-ratio));height:calc(var(--rmo-photo-height)*var(--rmo-scale,1));margin:calc(var(--rmo-photo-height)*var(--rmo-offset,0)) 0 0;flex:none;overflow:hidden;border-radius:2px;text-align:left}.rmo-journal .rmo-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--rmo-position);transition:opacity .18s;opacity:0;pointer-events:none}.rmo-journal .rmo-card img.is-loaded{opacity:1}.rmo-journal .rmo-card.is-failed:before{content:"Photo unavailable";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;color:#666}.rmo-journal .rmo-tail{display:flex;justify-content:flex-end;margin:10px calc(3.7vw - 6px) 0}.rmo-journal .rmo-playback{display:flex;gap:4px;align-items:center}.rmo-journal .rmo-icon{padding:0;width:44px;height:44px;min-width:44px;display:inline-grid;place-items:center;border:1px solid #dedede;border-radius:50%;background:#fff;line-height:1}.rmo-journal .rmo-icon svg{height:18px;width:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rmo-journal .rmo-icon svg[hidden]{display:none}.rmo-journal .rmo-icon:before,.rmo-journal .rmo-icon:after{content:none}.rmo-journal .rmo-icon:hover{background:#f3f3f3}.rmo-journal .rmo-playback .rmo-icon{border:0;border-radius:0;background:transparent;color:#777}.rmo-journal .rmo-playback .rmo-icon:hover{background:#f4f4f4;color:var(--rmo-ink)}.rmo-journal [data-rmo-toggle]{margin-right:8px}.rmo-journal [data-rmo-toggle] svg{width:14px;height:14px}.rmo-journal dialog{padding:0;border:0;margin:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:8px;box-shadow:0 12px 50px #0002;font:inherit}.rmo-journal dialog:not([open]){display:none}.rmo-journal dialog::backdrop{background:#000000b8}.rmo-journal .rmo-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;background:inherit;position:sticky;top:0;z-index:3}.rmo-journal .rmo-dialog-title{margin:0;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:3px;color:inherit;line-height:1.4}.rmo-journal .rmo-dialog-header .rmo-icon{border:0}.rmo-journal .rmo-wall{width:1200px;height:90dvh;background:#fff;color:var(--rmo-ink);overflow-y:auto;overscroll-behavior:contain}.rmo-journal .rmo-grid{columns:4;column-gap:14px;padding:12px 24px 24px}.rmo-journal .rmo-grid .rmo-card{width:100%;height:auto;aspect-ratio:var(--rmo-ratio);margin:0 0 14px;break-inside:avoid}.rmo-journal .rmo-lightbox{background:#111;color:#fff;width:min(900px,calc(100vw - 32px));overflow:hidden}.rmo-journal .rmo-lightbox .rmo-dialog-header{height:60px;font-size:12px;color:#ccc}.rmo-journal .rmo-lightbox .rmo-icon{background:#282828;color:#fff;border:1px solid #494949}.rmo-journal .rmo-lightbox-body{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;padding:0 12px 18px;gap:8px}.rmo-journal .rmo-lightbox-body img{display:block;width:100%;height:min(74dvh,850px);object-fit:contain;min-width:0}.rmo-journal .rmo-arrow{justify-self:center}body:has(ruemood-photo-journal dialog[open]){overflow:hidden}.rmo-journal .rmo-fallback{display:flex;gap:18px;overflow:auto;padding:0 3.7vw}.rmo-journal .rmo-fallback img{width:260px;height:325px;object-fit:cover}.rmo-journal:not(.is-ready) .rmo-all,.rmo-journal:not(.is-ready) .rmo-tail{visibility:hidden}@media(min-width:1700px){.rmo-journal .rmo-heading{margin-left:56px;margin-right:56px}.rmo-journal .rmo-strip{padding-left:56px;padding-right:56px}.rmo-journal .rmo-tail{margin-right:50px}}@media(max-width:700px){ruemood-photo-journal.rmo-journal{--rmo-photo-height:clamp(250px,72vw,330px);--rmo-gap:12px;padding:26px 0 18px}.rmo-journal .rmo-heading{margin:0 20px 20px;min-height:44px}.rmo-journal .rmo-title{font-size:10px;letter-spacing:1.6px}.rmo-journal .rmo-all{font-size:11px}.rmo-journal .rmo-strip{padding:4px 20px 8px}.rmo-journal .rmo-tail{margin:6px 14px 0}.rmo-journal .rmo-playback{gap:2px}.rmo-journal .rmo-grid{columns:2;column-gap:10px;padding:8px 12px 18px}.rmo-journal .rmo-grid .rmo-card{margin-bottom:10px}.rmo-journal .rmo-dialog-header{padding:10px 12px}.rmo-journal .rmo-dialog-title{font-size:10px;letter-spacing:2px}.rmo-journal .rmo-lightbox{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.rmo-journal .rmo-lightbox-body{grid-template-columns:1fr;padding:0 8px 12px;position:relative}.rmo-journal .rmo-lightbox-body img{height:74dvh}.rmo-journal .rmo-arrow{position:absolute;z-index:2;bottom:28px}.rmo-journal .rmo-arrow:first-child{left:20px}.rmo-journal .rmo-arrow:last-child{right:20px}}@media(prefers-reduced-motion:reduce){.rmo-journal *{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/237/assets/ruemood-on-you.css.map */