:root{--header-h: 50px}.skin-v2{--header-h: 52px}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-neutral-3-rest)}body{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);overflow:hidden;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}#header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg-neutral-2-rest);border-bottom:1px solid var(--stroke-neutral-1-rest);display:flex;align-items:center;padding:0 var(--spacing-200);z-index:100}.skin-v2 #header{background:transparent;border-bottom:none;justify-content:space-between}#selection-bar{display:none;align-items:center;gap:var(--spacing-80);font-size:var(--font-size-body-1);color:var(--fg-neutral-1-rest)}#selection-bar button{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);border:1px solid var(--stroke-neutral-1-rest);border-radius:var(--radius-medium);padding:3px 10px;font-size:var(--font-size-caption-1);cursor:pointer;font-family:inherit}#selection-bar button:hover{background:var(--bg-neutral-1-hover)}.skin-od4 #selection-bar-float{position:fixed;top:10px;left:calc(50% - var(--shell-pane-inset, 0px) / 2);transform:translate(-50%);z-index:200;background:var(--bg-neutral-2-rest);border:1px solid var(--stroke-neutral-1-rest);border-radius:8px;padding:6px 16px;display:none;align-items:center;gap:var(--spacing-80);font-size:var(--font-size-body-1);color:var(--fg-neutral-1-rest);box-shadow:0 4px 12px #0000004d}.skin-od4 #selection-bar-float button{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);border:1px solid var(--stroke-neutral-1-rest);border-radius:var(--radius-medium);padding:3px 10px;font-size:var(--font-size-caption-1);cursor:pointer;font-family:inherit}.skin-od4 #selection-bar-float button:hover{background:var(--bg-neutral-1-hover)}.skin-od4 #header{display:none}.skin-od4 #gallery-wrapper{top:0;flex-direction:column}.skin-od4 #canvas{height:100vh}.skin-od4 #overlay-canvas{height:100vh!important;margin-top:-100vh!important}#gallery-view-header,.gallery-title-row{display:none}.skin-od4 .gallery-title-row{display:flex;align-items:center;gap:var(--spacing-120);padding:var(--spacing-320) var(--shell-margin) var(--spacing-200);padding-inline-start:var(--shell-start-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));min-height:calc(var(--spacing-320) + var(--line-height-large-title-2) + var(--spacing-200));transition:padding-inline-start var(--anim-medium) ease,padding-inline-end var(--anim-medium) ease}#gallery-controls-bar{display:none}.skin-od4 #gallery-controls-bar{--_controls-inset: 20px;display:flex;align-items:flex-start;gap:var(--spacing-120);padding-inline-start:var(--shell-start-margin);padding-inline-end:var(--shell-margin);padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin));--_title-h: calc(var(--spacing-320) + var(--line-height-large-title-2) + var(--spacing-200));height:var(--_title-h);margin-top:calc(-1 * var(--_title-h));padding-top:0;padding-bottom:var(--spacing-200);position:sticky;top:0;z-index:100;background:transparent;pointer-events:none;transition:padding-inline-start var(--anim-medium) ease,padding-inline-end var(--anim-medium) ease}.skin-od4 #gallery-controls-bar .gallery-controls{flex:0;pointer-events:auto;padding-top:18px}.skin-od4 #gallery-controls-bar button,.skin-od4 #gallery-controls-bar .gc-filter-group{transition:background var(--anim-hover),outline var(--anim-hover),box-shadow var(--anim-hover),backdrop-filter var(--anim-hover),color var(--anim-hover)}.skin-od4 #gallery-controls-bar #gcDateWrap,.skin-od4 #gallery-controls-bar #od4StatusPillSlot{pointer-events:auto}.skin-od4 #gallery-controls-bar.title-cleared #gcDateWrap{margin-inline-start:0!important}.skin-od4 #gallery-controls-bar.title-cleared{padding-inline-start:calc(var(--shell-start-margin) + var(--_controls-inset));padding-inline-end:calc(var(--shell-pane-inset, 0px) + var(--shell-margin) + var(--_controls-inset))}.gallery-controls-bar-spacer{flex:1}#gallery-controls-bar .gc-filter-group{display:inline-flex;align-items:stretch;border-radius:var(--radius-circular);position:relative}#gallery-controls-bar .gc-filter-group .gc-filter-btn{margin-inline-end:0}#gallery-controls-bar .gc-filter-divider,#gallery-controls-bar .gc-filter-clear{display:none}#gallery-controls-bar .gc-filter-group.active{background:var(--button-background-2-rest)}#gallery-controls-bar:is(.is-floating,.is-scrolled) .gc-filter-group.active{background:var(--button-floating-background-rest);outline:1px solid var(--button-floating-stroke);outline-offset:-1px;box-shadow:var(--effect-floating-background-shadow);backdrop-filter:var(--effect-floating-background-blur);-webkit-backdrop-filter:var(--effect-floating-background-blur)}#gallery-controls-bar .gc-filter-group.active:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:var(--pill-stroke-1) border-box;-webkit-mask:linear-gradient(rgb(255,255,255) 0 0) padding-box,linear-gradient(rgb(255,255,255) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(rgb(255,255,255) 0 0) padding-box,linear-gradient(rgb(255,255,255) 0 0);mask-composite:exclude;pointer-events:none;box-sizing:border-box}#gallery-controls-bar .gc-filter-group.active .gc-filter-btn,#gallery-controls-bar .gc-filter-group.active .gc-filter-btn:hover,#gallery-controls-bar .gc-filter-group.active .gc-filter-btn:active{background:transparent;outline:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}#gallery-controls-bar .gc-filter-group.active .gc-filter-btn:after{display:none}#gallery-controls-bar .gc-filter-group.active .gc-filter-divider{display:inline-block;align-self:center;width:1px;height:var(--size-160);background:var(--surface-stroke-2)}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:var(--size-320);height:var(--size-320);padding:0;background:transparent;border:none;border-radius:var(--radius-circular);color:var(--fg-neutral-2-rest);cursor:pointer;margin-inline-end:var(--spacing-40);transition:background var(--anim-hover),color var(--anim-hover)}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear svg{width:var(--icon-size-md);height:var(--icon-size-md)}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear .icon-filled{display:none}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear:hover{background:transparent;color:var(--fg-neutral-1-hover)}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear:hover .icon-rest{display:none}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear:hover .icon-filled{display:inline}#gallery-controls-bar .gc-filter-btn{position:relative}#gallery-controls-bar .gc-filter-btn.active:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:var(--pill-stroke-1) border-box;-webkit-mask:linear-gradient(rgb(255,255,255) 0 0) padding-box,linear-gradient(rgb(255,255,255) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(rgb(255,255,255) 0 0) padding-box,linear-gradient(rgb(255,255,255) 0 0);mask-composite:exclude;pointer-events:none}#gallery-controls-bar .gc-filter-btn.active>.icon-rest,#gallery-controls-bar .gc-filter-btn.active>.icon-filled{display:none!important}#gallery-controls-bar .gc-filter-btn .gc-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--icon-size-md);height:var(--icon-size-md);padding:0 var(--spacing-40);margin-inline-end:var(--spacing-40);border-radius:var(--radius-circular);background:var(--button-background-1-rest);color:var(--fg-neutral-on-brand)!important;font-size:var(--font-size-caption-1);line-height:1;font-weight:var(--font-weight-caption-1-strong)}#gallery-controls-bar .gc-filter-btn>span:not(.gc-filter-count){transform:translateY(-1px)}#gallery-controls-bar .gc-filter-btn .gc-filter-count[hidden]{display:none}@media (forced-colors: active){#gallery-controls-bar .gc-filter-btn .gc-filter-count{background:Canvas;color:CanvasText!important;border:2px solid CanvasText;forced-color-adjust:none}#gallery-controls-bar .gc-filter-group.active .gc-filter-divider{background:ButtonText}#gallery-controls-bar .gc-filter-group.active,#gallery-controls-bar:is(.is-floating,.is-scrolled) .gc-filter-group.active{outline:2px solid ButtonText;outline-offset:-2px}#gallery-controls-bar .gc-filter-group.active .gc-filter-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}#gallery-controls-bar .gc-filter-group.active:after{display:none}}#gallery-controls-bar .gc-filter-group.active .gc-filter-btn:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}#gallery-controls-bar .gc-filter-group.active .gc-filter-clear:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}#gallery-content{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}#gcDateWrap{position:relative}#gallery-controls-bar .od4-date-range-wrap{position:relative;display:flex;align-items:center}#gallery-controls-bar .od4-date-range svg{width:18px;height:18px;fill:currentColor}#gallery-controls-bar .od4-date-dropdown{display:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;background:#1f1f1ff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(0,0,0,0);border-radius:16px;width:220px;padding:12px;z-index:200}[data-theme=light] #gallery-controls-bar .od4-date-dropdown{background:#fffffff2}#gallery-controls-bar .od4-date-dropdown.open{display:block}@media (forced-colors: active){#gallery-controls-bar .od4-date-dropdown{background:Canvas;border:2px solid ButtonText}#gallery-controls-bar .od4-date-month-cell.no-data,#gallery-controls-bar .od4-date-year-cell.no-data{opacity:1!important;color:GrayText!important}#gallery-controls-bar .od4-date-month-cell.selected,#gallery-controls-bar .od4-date-year-cell.selected{forced-color-adjust:none;background:Highlight;color:HighlightText}#gallery-controls-bar .od4-date-month-cell:hover:not(.no-data):not(.selected),#gallery-controls-bar .od4-date-year-cell:hover:not(.no-data):not(.selected){color:Highlight;border:2px solid Highlight}}#gallery-controls-bar .od4-date-year-row{display:flex;align-items:center;justify-content:space-between;height:28px}#gallery-controls-bar .od4-date-year-nav{display:flex;align-items:center;gap:1px}#gallery-controls-bar .od4-date-year-label{font-size:14px;font-weight:600;color:var(--fg-neutral-2-rest);cursor:pointer;border-radius:4px;padding:0 4px 0 10px;transition:background var(--anim-hover);line-height:28px}#gallery-controls-bar .od4-date-year-label:hover{background:var(--bg-neutral-1-hover)}#gallery-controls-bar .od4-date-year-btn{background:none;border:1px solid transparent;color:var(--fg-neutral-2-rest);cursor:pointer;padding:0;border-radius:4px;width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}#gallery-controls-bar .od4-date-year-btn svg{width:1em;height:1em}#gallery-controls-bar .od4-date-year-btn:hover:not(:disabled){background:var(--bg-neutral-1-hover);color:var(--fg-neutral-1-hover)}#gallery-controls-bar .od4-date-year-btn:disabled{color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none}#gallery-controls-bar .od4-date-month-grid-wrap{overflow:hidden;position:relative;padding:4px;margin:-4px}#gallery-controls-bar .od4-date-month-grid{display:grid;grid-template-columns:repeat(4,40px);justify-content:space-between;row-gap:16px;margin-top:8px}@keyframes od4-slide-in-left{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes od4-slide-in-right{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1}}#gallery-controls-bar .od4-date-month-grid.slide-left{animation:od4-slide-in-left var(--anim-short) ease-out}#gallery-controls-bar .od4-date-month-grid.slide-right{animation:od4-slide-in-right var(--anim-short) ease-out}#gallery-controls-bar .od4-date-month-cell,#gallery-controls-bar .od4-date-year-cell{padding:0;text-align:center;font-size:12px;font-weight:400;color:var(--fg-neutral-2-rest);border-radius:4px;cursor:pointer;border:1px solid transparent;background:none;font-family:inherit;width:40px;height:40px;line-height:40px;transition:background var(--anim-hover),color var(--anim-hover)}#gallery-controls-bar .od4-date-month-cell:hover,#gallery-controls-bar .od4-date-year-cell:hover{background:var(--bg-neutral-1-hover);color:var(--fg-neutral-1-hover);border-color:var(--stroke-neutral-2-rest)}#gallery-controls-bar .od4-date-month-cell.selected,#gallery-controls-bar .od4-date-year-cell.selected{background:linear-gradient(#292929,#292929) padding-box,linear-gradient(246deg,#4a92ffe6 42.54%,#9354ffe6 61.67%) border-box;border:1px solid transparent;color:var(--fg-neutral-1-hover);font-weight:600;cursor:default}[data-theme=light] #gallery-controls-bar .od4-date-month-cell.selected,[data-theme=light] #gallery-controls-bar .od4-date-year-cell.selected{background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,linear-gradient(246deg,#4a92ffe6 42.54%,#9354ffe6 61.67%) border-box}#gallery-controls-bar .od4-date-month-cell.no-data,#gallery-controls-bar .od4-date-year-cell.no-data{color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none}#gallery-controls-bar .od4-date-year-btn:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}#gallery-controls-bar .od4-date-month-cell:focus-visible,#gallery-controls-bar .od4-date-year-cell:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.skin-od4 #visible-date-range{display:none!important}
