.url-synced-state-in-place{z-index:50;position:relative}.url-synced-state-ssr *,.url-synced-state-ssr :before,.url-synced-state-ssr :after{transition:none!important}.url-synced-state-backdrop{opacity:0;transition:opacity var(--lightbox-pull-snap-duration,var(--lightbox-vt-duration,.36s)) var(--lightbox-pull-snap-easing,cubic-bezier(.16, 1, .3, 1));background-color:#fff;position:fixed;inset:0}:is(.dark,[data-theme=dark]) .url-synced-state-backdrop{background-color:#000}@starting-style{.url-synced-state-backdrop[data-open]{opacity:0}}.url-synced-state-backdrop[data-open]{opacity:calc(1 - var(--lightbox-pull-progress,0) * .6)}.url-synced-state-backdrop[data-pulling]{transition:none}.url-synced-state-content{--lightbox-inset-top:calc(4rem + env(safe-area-inset-top,0px));--lightbox-inset-bottom:calc(4rem + env(safe-area-inset-bottom,0px));--lightbox-inset-inline:0px;overscroll-behavior:contain;opacity:0;transition:opacity var(--lightbox-vt-duration,.36s) cubic-bezier(.16, 1, .3, 1);outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.url-synced-state-content[data-open]{opacity:1}@starting-style{.url-synced-state-content[data-open]{opacity:0}}@media (width>=768px){.url-synced-state-content{--lightbox-inset-top:calc(4.5rem + env(safe-area-inset-top,0px));--lightbox-inset-bottom:calc(8.625rem + env(safe-area-inset-bottom,0px));--lightbox-inset-inline:3rem}}.url-synced-state-slides{--lightbox-ssr-slide-gap:1.25rem;flex:1;gap:1.25rem}.url-synced-state-slides::-webkit-scrollbar{display:none}@media (width>=768px){.url-synced-state-slides{--lightbox-ssr-slide-gap:0px;gap:0}}.url-synced-state-slides [data-ramka-slide]{box-sizing:border-box;min-width:100%;height:100%;padding-top:var(--lightbox-inset-top);padding-bottom:var(--lightbox-inset-bottom);padding-inline:var(--lightbox-inset-inline);flex:0 0 100%}.url-synced-state-media{border-radius:0;overflow:hidden}.url-synced-state-media:after{content:"";z-index:10;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.url-synced-state-media img{-webkit-user-select:none;user-select:none;display:block}@media (width>=768px){.url-synced-state-media{border-radius:.5rem}.url-synced-state-media:after{box-shadow:inset 0 0 0 .5px #0000001a}:is(.dark,[data-theme=dark]) .url-synced-state-media:after{box-shadow:inset 0 0 0 .5px #ffffff1f}}.url-synced-state-chrome-top{inset-inline-end:.75rem;top:calc(.75rem + env(safe-area-inset-top,0px));z-index:30;gap:.5rem;display:flex;position:absolute}.url-synced-state-button,.url-synced-state-button-group{box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5);background-color:#ffffff8c;border:1px solid #0003;border-radius:9999px;height:2.25rem;box-shadow:0 .5px 1px #0000001f,0 1px 2px #00000014,inset 0 .5px #ffffffa6}.url-synced-state-button{color:#171717;width:2.25rem;font:inherit;cursor:default;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition-property:background-color,box-shadow,transform,scale,opacity,color;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.url-synced-state-button-group{align-items:stretch;display:none;overflow:hidden}@media (width>=768px){.url-synced-state-button-group{display:inline-flex}}.url-synced-state-segment{color:#171717;width:2.25rem;font:inherit;cursor:default;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition-property:background-color,box-shadow,opacity,color;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;position:relative}.url-synced-state-button:hover,.url-synced-state-segment:hover{background-image:linear-gradient(#0000000d,#0000000d)}.url-synced-state-button:active,.url-synced-state-segment:active{background-image:linear-gradient(#00000017,#00000017)}.url-synced-state-button:active{scale:.96}.url-synced-state-button:focus,.url-synced-state-segment:focus{outline:none}.url-synced-state-button:focus-visible{box-shadow:0 0 0 2px #00000040,0 .5px 1px #0000001f,0 1px 2px #00000014,inset 0 .5px #ffffffa6}.url-synced-state-segment:focus-visible{box-shadow:inset 0 0 0 2px #00000040}.url-synced-state-button:disabled,.url-synced-state-segment:disabled{pointer-events:none;opacity:.3}.url-synced-state-segment-divider:before{content:"";top:22%;bottom:22%;background-color:#00000026;width:1px;position:absolute;inset-inline-start:0}:is(.dark,[data-theme=dark]) .url-synced-state-button,:is(.dark,[data-theme=dark]) .url-synced-state-button-group{background-color:#17171773;border-color:#ffffff40;box-shadow:0 0 0 .5px #000,0 .5px 1px #00000073,0 1px 2px #00000059,inset 0 .5px #ffffff24}:is(.dark,[data-theme=dark]) .url-synced-state-button,:is(.dark,[data-theme=dark]) .url-synced-state-segment{color:#fff}:is(.dark,[data-theme=dark]) .url-synced-state-button:hover,:is(.dark,[data-theme=dark]) .url-synced-state-segment:hover{background-image:linear-gradient(#ffffff14,#ffffff14)}:is(.dark,[data-theme=dark]) .url-synced-state-button:active,:is(.dark,[data-theme=dark]) .url-synced-state-segment:active{background-image:linear-gradient(#ffffff1f,#ffffff1f)}:is(.dark,[data-theme=dark]) .url-synced-state-button:focus-visible{box-shadow:0 0 0 2px #fff6,0 0 0 .5px #000,0 .5px 1px #00000073,0 1px 2px #00000059,inset 0 .5px #ffffff24}:is(.dark,[data-theme=dark]) .url-synced-state-segment:focus-visible{box-shadow:inset 0 0 0 2px #fff6}:is(.dark,[data-theme=dark]) .url-synced-state-segment-divider:before{background-color:#fff3}.url-synced-state-chrome-bottom{box-sizing:border-box;pointer-events:none;inset-inline:0;z-index:30;padding-inline:.75rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:0}.url-synced-state-placard{text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex}.url-synced-state-caption{text-overflow:ellipsis;white-space:nowrap;color:#171717;max-width:100%;font-size:13px;font-weight:500;line-height:1.25;display:block;overflow:hidden}:is(.dark,[data-theme=dark]) .url-synced-state-caption{color:#fafafa}.url-synced-state-counter{font-variant-numeric:tabular-nums;color:#737373;font-size:11px;line-height:1.25}:is(.dark,[data-theme=dark]) .url-synced-state-counter{color:#a3a3a3}@media (width>=768px){.url-synced-state-counter{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.url-synced-state-chrome-hide{opacity:1;visibility:visible;transition:opacity .2s,visibility linear}@starting-style{.url-synced-state-chrome-hide{opacity:0}}.url-synced-state-content:is([data-pulling],[data-pull-dismissing]) .url-synced-state-chrome-hide,.url-synced-state-content[data-zoomed] .url-synced-state-chrome-bottom.url-synced-state-chrome-hide{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}.url-synced-state-content[data-zoomed] .url-synced-state-slides{z-index:10}.url-synced-state-content[data-zoomed] .url-synced-state-chrome-bottom{z-index:0}@media (width<=767px){.url-synced-state-content[data-zoomed] .url-synced-state-chrome-top.url-synced-state-chrome-hide{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}}.url-synced-state-thumbnail-strip{--url-synced-state-thumb-h:4.5rem;--url-synced-state-strip-fade:40px;pointer-events:auto;width:100%;min-width:0;-webkit-mask-image:linear-gradient(to right, #0000 0, #00000028 calc(var(--url-synced-state-strip-fade) * .25), #00000080 calc(var(--url-synced-state-strip-fade) * .5), #000000d7 calc(var(--url-synced-state-strip-fade) * .75), #000 var(--url-synced-state-strip-fade), #000 calc(100% - var(--url-synced-state-strip-fade)), #000000d7 calc(100% - var(--url-synced-state-strip-fade) * .75), #00000080 calc(100% - var(--url-synced-state-strip-fade) * .5), #00000028 calc(100% - var(--url-synced-state-strip-fade) * .25), #0000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #00000028 calc(var(--url-synced-state-strip-fade) * .25), #00000080 calc(var(--url-synced-state-strip-fade) * .5), #000000d7 calc(var(--url-synced-state-strip-fade) * .75), #000 var(--url-synced-state-strip-fade), #000 calc(100% - var(--url-synced-state-strip-fade)), #000000d7 calc(100% - var(--url-synced-state-strip-fade) * .75), #00000080 calc(100% - var(--url-synced-state-strip-fade) * .5), #00000028 calc(100% - var(--url-synced-state-strip-fade) * .25), #0000 100%);mask-image:linear-gradient(to right, #0000 0, #00000028 calc(var(--url-synced-state-strip-fade) * .25), #00000080 calc(var(--url-synced-state-strip-fade) * .5), #000000d7 calc(var(--url-synced-state-strip-fade) * .75), #000 var(--url-synced-state-strip-fade), #000 calc(100% - var(--url-synced-state-strip-fade)), #000000d7 calc(100% - var(--url-synced-state-strip-fade) * .75), #00000080 calc(100% - var(--url-synced-state-strip-fade) * .5), #00000028 calc(100% - var(--url-synced-state-strip-fade) * .25), #0000 100%);align-self:stretch;padding-block:.3125rem;display:none}@media (width>=768px){.url-synced-state-thumbnail-strip{display:block}}.url-synced-state-thumbnail-strip:not([data-positioned]){opacity:0}.url-synced-state-thumbnail-strip[data-positioned]{opacity:1;transition:opacity .2s ease-out}.url-synced-state-thumbnail-strip [data-ramka-thumbnail-strip-track]{align-items:center;gap:.625rem;width:max-content;display:flex}.url-synced-state-thumbnail-strip [role=tab]{box-sizing:border-box;width:var(--url-synced-state-thumb-h);height:var(--url-synced-state-thumb-h);appearance:none;background:0 0;border:0;border-radius:.5rem;flex-shrink:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.url-synced-state-thumbnail-strip [role=tab] img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.url-synced-state-thumbnail-strip-indicator{box-sizing:border-box;width:calc(var(--url-synced-state-thumb-h) + 10px);height:calc(var(--url-synced-state-thumb-h) + 10px);pointer-events:none;border:2px solid #000;border-radius:calc(.5rem + 3px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.dark,[data-theme=dark]) .url-synced-state-thumbnail-strip-indicator{border-color:#fff}
