body.common-image-viewer-open{overflow:hidden}.common-image-viewer{z-index:6200;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#07110f;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.common-image-viewer-filters{pointer-events:none;width:0;height:0;position:absolute}.common-image-viewer-header{z-index:4;min-height:64px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1e19d9;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;display:flex}.common-image-viewer-header>div{gap:2px;min-width:0;display:grid}.common-image-viewer-header small{color:#8fd8c3;font-weight:850}.common-image-viewer-header b,.common-image-viewer-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.common-image-viewer-header b{font-size:15px}.common-image-viewer-header span{color:#b9c8c3;font-size:11px}.common-image-viewer-header>button{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07110fa8;border:1px solid #ffffff38;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;font-size:28px;line-height:1;display:grid}.common-image-viewer-stage{cursor:zoom-in;touch-action:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.common-image-viewer-stage.is-dragging{cursor:grabbing}.common-image-viewer-stage>img{transform-origin:50%;will-change:transform,filter;pointer-events:auto;-webkit-user-drag:none;width:auto;max-width:none;height:auto;max-height:none;display:block;position:absolute;top:50%;left:50%}.common-image-viewer-nav{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0b1e198f;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:42px;height:62px;padding:0;font-size:32px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.common-image-viewer-nav.previous{left:126px}.common-image-viewer-nav.next{right:82px}.common-image-viewer-console{z-index:5;pointer-events:none;position:absolute;inset:64px 0 0}.common-image-viewer-left-tools{top:50%;left:max(10px,env(safe-area-inset-left));pointer-events:auto;opacity:.3;gap:8px;width:108px;transition:opacity .2s;display:grid;position:absolute;transform:translateY(-50%)}.common-image-viewer-left-tools:hover,.common-image-viewer-left-tools:focus-within{opacity:.9}.common-image-viewer-sliders{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07110f7d;border:1px solid #ffffff24;border-radius:14px;grid-template-rows:repeat(2,132px);grid-template-columns:repeat(2,50px);gap:7px;padding:7px;display:grid}.common-image-viewer-sliders label{color:#e3ece9;background:#ffffff0f;border:1px solid #ffffff1d;border-radius:10px;grid-template-rows:auto 1fr;place-items:center;gap:4px;min-width:0;padding:5px 2px;font-size:9px;display:grid}.common-image-viewer-sliders label span{white-space:nowrap;place-items:center;gap:1px;display:grid}.common-image-viewer-sliders label b{color:#91dec8;font-size:8px}.common-image-viewer-sliders input{writing-mode:vertical-lr;accent-color:#45c19e;opacity:.76;cursor:pointer;direction:rtl;width:18px;height:94px;margin:0}.common-image-viewer-sliders input:hover,.common-image-viewer-sliders input:focus-visible{opacity:1}.common-image-viewer-effect-buttons{grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.common-image-viewer-effect-buttons button{color:#dce8e4;background:#ffffff0f;border:1px solid #ffffff28;border-radius:10px;place-items:center;min-width:0;min-height:0;margin:0;padding:4px 2px;font-size:9px;font-weight:850;line-height:1;display:grid}.common-image-viewer-effect-buttons button:hover,.common-image-viewer-effect-buttons button:focus-visible{background:#ffffff24;border-color:#8bdcc4}.common-image-viewer-effect-buttons button.active{color:#fff;background:#1b775fd9;border-color:#62d1b1;box-shadow:inset 0 0 0 1px #a5ead5}.common-image-viewer-reset,.common-image-viewer-extra{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:.82;background:#0b1e198f;border:1px solid #ffffff38;border-radius:9px;place-items:center;width:108px;min-height:34px;padding:6px 8px;font-size:10px;font-weight:850;text-decoration:none;display:grid}.common-image-viewer-reset:hover,.common-image-viewer-extra:hover{opacity:1}.common-image-viewer-extra.danger{background:#7f2922b8;border-color:#f0a59d99}.common-image-viewer-actions{top:50%;right:max(10px,env(safe-area-inset-right));pointer-events:auto;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:.3;background:#07110f7d;border:1px solid #ffffff24;border-radius:14px;gap:7px;width:62px;padding:7px;transition:opacity .2s;display:grid;position:absolute;transform:translateY(-50%)}.common-image-viewer-actions:hover,.common-image-viewer-actions:focus-within{opacity:.9}.common-image-viewer-actions button,.common-image-viewer-actions output{color:#fff;opacity:.8;background:#ffffff14;border:1px solid #ffffff38;border-radius:9px;place-items:center;width:48px;min-height:42px;margin:0;padding:5px;font-size:10px;font-weight:850;line-height:1.1;display:grid}.common-image-viewer-actions button{cursor:pointer}.common-image-viewer-actions button:hover,.common-image-viewer-actions button:focus-visible{opacity:1;background:#ffffff24}.common-image-viewer-actions button:disabled{opacity:.28;cursor:default}.common-image-viewer-actions output{color:#d9ebe5;background:#07110f8f;min-height:34px}.common-image-viewer-actions button.zoom-symbol{padding:0;font-size:30px;font-weight:650;line-height:1}.common-image-viewer-console>small{color:#c0cec9;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:.76;background:#07110f7a;border-radius:8px;padding:6px 10px;font-size:9px;position:absolute;bottom:10px;left:128px;right:84px}.common-image-viewer-thumbnails{z-index:6;min-height:70px;padding:7px max(14px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081713d6;border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:7px;display:flex;overflow-x:auto}.common-image-viewer-thumbnails button{opacity:.78;background:#263832b8;border:2px solid #0000;border-radius:9px;flex:0 0 54px;width:54px;height:54px;padding:0;position:relative;overflow:hidden}.common-image-viewer-thumbnails button:hover,.common-image-viewer-thumbnails button.active{opacity:1}.common-image-viewer-thumbnails button.active{border-color:#67d0b5;box-shadow:0 0 0 2px #163e33bf}.common-image-viewer-thumbnails img{object-fit:cover;width:100%;height:100%}.common-image-viewer-thumbnails span{color:#fff;background:#081511c7;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:9px;font-weight:850;display:grid;position:absolute;bottom:3px;right:3px}@media (max-width:720px){.common-image-viewer{grid-template-rows:auto minmax(0,1fr) auto}.common-image-viewer-header{min-height:58px}.common-image-viewer-nav{width:34px;height:50px}.common-image-viewer-nav.previous{left:116px}.common-image-viewer-nav.next{right:72px}.common-image-viewer-console{inset:58px 0 0}.common-image-viewer-left-tools{width:102px;left:6px}.common-image-viewer-sliders{grid-template-rows:repeat(2,116px);grid-template-columns:repeat(2,47px);gap:5px;padding:5px}.common-image-viewer-sliders input{height:80px}.common-image-viewer-reset,.common-image-viewer-extra{width:102px}.common-image-viewer-actions{width:56px;padding:5px;right:6px}.common-image-viewer-actions button,.common-image-viewer-actions output{width:44px;min-height:38px}.common-image-viewer-console>small{left:114px;right:68px}.common-image-viewer-thumbnails{justify-content:flex-start;min-height:60px}.common-image-viewer-thumbnails button{flex-basis:46px;width:46px;height:46px}}@media (max-height:650px){.common-image-viewer-sliders{grid-template-rows:repeat(2,96px)}.common-image-viewer-sliders input{height:62px}.common-image-viewer-actions{gap:4px}.common-image-viewer-actions button{min-height:34px}.common-image-viewer-console>small{display:none}.common-image-viewer-thumbnails{min-height:52px}.common-image-viewer-thumbnails button{flex-basis:40px;width:40px;height:40px}}@media (hover:none){.common-image-viewer-left-tools,.common-image-viewer-actions{opacity:.55}.common-image-viewer-left-tools:focus-within,.common-image-viewer-actions:focus-within{opacity:.92}}