.video,.picture{color:#cccccc}.video div.controls,.picture div.controls{padding:40px 40px 20px 50px;background-color:rgba(33,33,33,0.5);position:absolute;bottom:20px;width:calc(100% - 130px);left:20px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity 2s}.video div.controls.faded,.picture div.controls.faded{opacity:0}.video div.controls input[type=range],.picture div.controls input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.video div.controls input[type=range].progress,.picture div.controls input[type=range].progress{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(.5 * 8px + var(--ratio) * (100% - 8px))}.video div.controls input[type=range].progress::-webkit-slider-runnable-track,.picture div.controls input[type=range].progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-video-track-bg) 0%, var(--color-video-track-bg) var(--sx), var(--color-bg-progress) var(--sx), var(--color-bg-progress) 100%)}.video div.controls input[type=range].progress::-moz-range-track,.picture div.controls input[type=range].progress::-moz-range-track{background:linear-gradient(to right, var(--color-video-track-bg) 0%, var(--color-video-track-bg) var(--sx), var(--color-bg-progress) var(--sx), var(--color-bg-progress) 100%)}.video div.controls input[type=range].progress-light,.picture div.controls input[type=range].progress-light{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(.5 * 8px + var(--ratio) * (100% - 8px))}.video div.controls input[type=range].progress-light::-webkit-slider-runnable-track,.picture div.controls input[type=range].progress-light::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--sx), var(--color-bg-progress) var(--sx), var(--color-bg-progress) 100%)}.video div.controls input[type=range].progress-light::-moz-range-track,.picture div.controls input[type=range].progress-light::-moz-range-track{background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--sx), var(--color-bg-progress) var(--sx), var(--color-bg-progress) 100%)}.video div.controls input[type=range]:focus,.picture div.controls input[type=range]:focus{outline:none}.video div.controls input[type=range]::-webkit-slider-thumb,.picture div.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:20px;border-radius:2px;border:none;box-shadow:0 0 3px black;background:var(--color-video-track-bg);cursor:pointer;margin-top:calc(3px - 20px * .5)}.video div.controls input[type=range]::-webkit-slider-thumb:hover,.picture div.controls input[type=range]::-webkit-slider-thumb:hover{background:var(--color-video-track-bg-hover)}.video div.controls input[type=range]::-webkit-slider-thumb:active,.picture div.controls input[type=range]::-webkit-slider-thumb:active{background:var(--color-video-track-bg-active)}.video div.controls input[type=range]::-moz-range-thumb,.picture div.controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:8px;height:20px;border-radius:2px;border:none;box-shadow:0 0 3px black;background:var(--color-video-track-bg);cursor:pointer;margin-top:calc(3px - 20px * .5)}.video div.controls input[type=range]::-moz-range-thumb:hover,.picture div.controls input[type=range]::-moz-range-thumb:hover{background:var(--color-video-track-bg-hover)}.video div.controls input[type=range]::-moz-range-thumb:active,.picture div.controls input[type=range]::-moz-range-thumb:active{background:var(--color-video-track-bg-active)}.video div.controls input[type=range]::-webkit-slider-runnable-track,.picture div.controls input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:8px;background:var(--color-bg-progress);box-shadow:none}.video div.controls input[type=range]::-moz-range-track,.picture div.controls input[type=range]::-moz-range-track{height:10px;border-radius:8px;background:var(--color-bg-progress);box-shadow:none}.video div.controls div.progress-bar,.picture div.controls div.progress-bar{width:100%;display:flex;flex-direction:row;align-items:center;position:relative}.video div.controls div.progress-bar input,.picture div.controls div.progress-bar input{flex-grow:1}.video div.controls div.progress-bar span.time.current,.picture div.controls div.progress-bar span.time.current{position:absolute;top:-22px;--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));left:calc(var(--ratio) * (100% - 90px) - 48px/2);width:62px;display:inline-block;text-align:center;letter-spacing:1px;z-index:4}.video div.controls div.progress-bar span.time.total,.picture div.controls div.progress-bar span.time.total{margin:0px 8px 0px 8px}.video div.controls div.progress-bar .icon.maximize,.picture div.controls div.progress-bar .icon.maximize{margin-right:8px;cursor:pointer;font-size:22px}.video div.controls div.buttons,.picture div.controls div.buttons{width:100%;display:flex;flex-direction:row;align-items:center}.video div.controls div.buttons .icon.play,.picture div.controls div.buttons .icon.play,.video div.controls div.buttons .icon.step-forward,.picture div.controls div.buttons .icon.step-forward,.video div.controls div.buttons .icon.loop,.picture div.controls div.buttons .icon.loop{cursor:pointer}.video div.controls div.buttons .icon.play,.picture div.controls div.buttons .icon.play{padding:0px 12px 0px 0px}.video div.controls div.buttons span.icon-onoff.selected .on,.picture div.controls div.buttons span.icon-onoff.selected .on{color:var(--color-icon-secondary)}.video div.controls div.buttons span.icon-onoff.selected .on:hover,.picture div.controls div.buttons span.icon-onoff.selected .on:hover{color:var(--color-icon-hover)}.video div.controls div.buttons .icon.loop,.picture div.controls div.buttons .icon.loop{color:var(--color-icon-inactive)}.video div.controls div.buttons .icon.loop.selected,.picture div.controls div.buttons .icon.loop.selected{color:var(--color-btn-selected)}.video div.controls div.buttons .icon.step-forward,.picture div.controls div.buttons .icon.step-forward{padding:0px 12px 0px 12px}.video div.controls div.buttons .icon.speed,.picture div.controls div.buttons .icon.speed,.video div.controls div.buttons .icon.loop,.picture div.controls div.buttons .icon.loop{padding:0px 6px 0px 6px;color:var(--color-text-formlabel)}.video div.controls div.buttons span.speed-block,.picture div.controls div.buttons span.speed-block{margin-top:18px;margin-right:12px}.video div.controls div.buttons span.speed-selector,.picture div.controls div.buttons span.speed-selector{display:flex;flex-direction:column}.video div.controls div.buttons span.speed-selector .custom-thumb,.picture div.controls div.buttons span.speed-selector .custom-thumb{width:12px;height:12px;border-radius:6px;margin-top:calc(3px - 12px * .5);background:var(--color-accent)}.video div.controls div.buttons span.speed-selector .custom-thumb:hover,.picture div.controls div.buttons span.speed-selector .custom-thumb:hover{background:var(--color-accent-hover)}.video div.controls div.buttons span.speed-selector .custom-thumb:active,.picture div.controls div.buttons span.speed-selector .custom-thumb:active{background:var(--color-accent-hover)}.video div.controls div.buttons span.speed-selector input::-webkit-slider-thumb,.picture div.controls div.buttons span.speed-selector input::-webkit-slider-thumb{width:12px;height:12px;border-radius:6px;margin-top:calc(3px - 12px * .5);background:var(--color-accent)}.video div.controls div.buttons span.speed-selector input::-webkit-slider-thumb:hover,.picture div.controls div.buttons span.speed-selector input::-webkit-slider-thumb:hover{background:var(--color-accent-hover)}.video div.controls div.buttons span.speed-selector input::-webkit-slider-thumb:active,.picture div.controls div.buttons span.speed-selector input::-webkit-slider-thumb:active{background:var(--color-accent-hover)}.video div.controls div.buttons span.speed-selector input::-moz-range-thumb,.picture div.controls div.buttons span.speed-selector input::-moz-range-thumb{width:12px;height:12px;border-radius:6px;margin-top:calc(3px - 12px * .5);background:var(--color-accent)}.video div.controls div.buttons span.speed-selector input::-moz-range-thumb:hover,.picture div.controls div.buttons span.speed-selector input::-moz-range-thumb:hover{background:var(--color-accent-hover)}.video div.controls div.buttons span.speed-selector input::-moz-range-thumb:active,.picture div.controls div.buttons span.speed-selector input::-moz-range-thumb:active{background:var(--color-accent-hover)}.video div.controls div.buttons span.speed-selector input::-webkit-slider-runnable-track,.picture div.controls div.buttons span.speed-selector input::-webkit-slider-runnable-track{height:6px}.video div.controls div.buttons span.speed-selector input::-moz-range-track,.picture div.controls div.buttons span.speed-selector input::-moz-range-track{height:6px}.video div.controls div.buttons span.speed-selector span,.picture div.controls div.buttons span.speed-selector span{text-align:center;margin-top:0px}.video div.controls div.buttons span.icon-onoff.sound,.picture div.controls div.buttons span.icon-onoff.sound{padding-left:12px;border-left:2px solid var(--color-divider-dark);padding-right:6px;cursor:pointer}.video div.controls div.buttons span.icon-onoff.sound.selected .on,.picture div.controls div.buttons span.icon-onoff.sound.selected .on{color:var(--color-icon-selected)}.video div.controls div.buttons span.sound-block,.picture div.controls div.buttons span.sound-block{margin-top:0px;width:90px}.video div.controls div.buttons span.sound-selector,.picture div.controls div.buttons span.sound-selector{display:flex;flex-direction:column}.video div.controls div.buttons span.sound-selector input::-webkit-slider-thumb,.picture div.controls div.buttons span.sound-selector input::-webkit-slider-thumb{width:12px;height:12px;border-radius:6px;margin-top:calc(3px - 12px * .5);background:var(--color-accent)}.video div.controls div.buttons span.sound-selector input::-webkit-slider-thumb:hover,.picture div.controls div.buttons span.sound-selector input::-webkit-slider-thumb:hover{background:var(--color-accent-hover)}.video div.controls div.buttons span.sound-selector input::-webkit-slider-thumb:active,.picture div.controls div.buttons span.sound-selector input::-webkit-slider-thumb:active{background:var(--color-accent-hover)}.video div.controls div.buttons span.sound-selector input::-moz-range-thumb,.picture div.controls div.buttons span.sound-selector input::-moz-range-thumb{width:12px;height:12px;border-radius:6px;margin-top:calc(3px - 12px * .5);background:var(--color-accent)}.video div.controls div.buttons span.sound-selector input::-moz-range-thumb:hover,.picture div.controls div.buttons span.sound-selector input::-moz-range-thumb:hover{background:var(--color-accent-hover)}.video div.controls div.buttons span.sound-selector input::-moz-range-thumb:active,.picture div.controls div.buttons span.sound-selector input::-moz-range-thumb:active{background:var(--color-accent-hover)}.video div.controls div.buttons span.sound-selector input::-webkit-slider-runnable-track,.picture div.controls div.buttons span.sound-selector input::-webkit-slider-runnable-track{height:6px}.video div.controls div.buttons span.sound-selector input::-moz-range-track,.picture div.controls div.buttons span.sound-selector input::-moz-range-track{height:6px}.video div.controls div.buttons span.autoplay,.picture div.controls div.buttons span.autoplay,.video div.controls div.buttons span.loop,.picture div.controls div.buttons span.loop{display:flex;flex-direction:row;margin-left:12px;padding-left:12px;border-left:2px solid var(--color-divider-dark);align-items:center;margin-right:12px}.video div.controls div.buttons span.autoplay span.checkbox,.picture div.controls div.buttons span.autoplay span.checkbox,.video div.controls div.buttons span.loop span.checkbox,.picture div.controls div.buttons span.loop span.checkbox{margin-right:4px}.video div.controls div.buttons span.autoplay span.text,.picture div.controls div.buttons span.autoplay span.text,.video div.controls div.buttons span.loop span.text,.picture div.controls div.buttons span.loop span.text{margin-left:4px;margin-bottom:2px}.video.nocursor,.picture.nocursor{cursor:none}.gaincontrol-field{width:100%;display:flex;flex-direction:row;align-items:center}.gaincontrol-field span.icon-onoff.sound{padding-left:12px;border-left:2px solid var(--color-divider-dark);padding-right:6px;cursor:pointer}.gaincontrol-field span.icon-onoff.sound.selected .on{color:var(--color-icon-selected)}.gaincontrol-field span.sound-block{margin-top:0px;display:flex}.gaincontrol-field span.sound-block span.text{margin-left:10px;margin-top:-6px}.gaincontrol-field span.sound-selector{display:flex;flex-direction:column;width:200px}.gaincontrol-field span.sound-selector input[type=range]{height:6px;appearance:none;-webkit-appearance:none;background:transparent;--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(.5 * 15px + var(--ratio) * (100% - 8px))}.gaincontrol-field span.sound-selector input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:8px;background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--sx), var(--color-bg-progress) var(--sx), var(--color-bg-progress) 100%);box-shadow:none}.gaincontrol-field span.sound-selector input[type=range]::-moz-range-track{height:6px;border-radius:8px;background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--sx), var(--color-bg-progress) var(--sx), var(--color-bg-progress) 100%);box-shadow:none}.gaincontrol-field span.sound-selector input[type=range]:focus{outline:none}.gaincontrol-field span.sound-selector input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border-radius:6px;margin-top:-4px;background:var(--color-accent)}.gaincontrol-field span.sound-selector input[type=range]::-webkit-slider-thumb:hover{background:var(--color-accent-hover)}.gaincontrol-field span.sound-selector input[type=range]::-webkit-slider-thumb:active{background:var(--color-accent-hover)}.gaincontrol-field span.sound-selector input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:6px;margin-top:-4px;background:var(--color-accent)}.gaincontrol-field span.sound-selector input[type=range]::-moz-range-thumb:hover{background:var(--color-accent-hover)}.gaincontrol-field span.sound-selector input[type=range]::-moz-range-thumb:active{background:var(--color-accent-hover)}div.audiovolume-field div.volume-levels{height:10px;width:200px;background-color:#333;border-radius:3px;display:flex;flex-direction:row;padding:2px 0px}div.audiovolume-field div.volume-levels div.volume-level{position:relative;margin:0 2px;flex-grow:1;z-index:3;background-color:transparent;background-image:linear-gradient(to right, #666 3px, transparent 1px);background-size:100% 0px;clip-path:inset(0 20% 0 0);-webkit-clip-path:inset(0 0% 0 0)}div.audiovolume-field div.volume-levels div.volume-level:before{width:100%;height:100%;content:' ';position:absolute;top:0px;left:0px;z-index:1;background-repeat:no-repeat;background-image:linear-gradient(to right, green 0%, yellow 80%, red 100%);background-size:100% 100%}span.icon-single{color:var(--color-icon-secondary);display:inline-flex}span.icon-single:hover{color:var(--color-text-primary-light)}span.icon-single:hover.nohover{color:var(--color-icon-secondary)}span.icon-single.disabled{color:var(--color-icon-inactive)}span.icon-single.highlight{color:var(--color-text-formlabel)}span.icon-onoff{color:var(--color-icon-secondary);display:inline-flex}span.icon-onoff .on{visibility:collapse;display:none}span.icon-onoff .off{visibility:visible;display:initial}span.icon-onoff.selected .off{visibility:collapse;display:none;margin:222px}span.icon-onoff.selected .on{visibility:visible;display:initial}span.icon-onoff:hover{color:var(--color-text-primary-light)}span.icon-onoff:hover.nohover{color:var(--color-icon-secondary) !important}span.icon-onoff.disabled{color:var(--color-icon-inactive);pointer-events:none;cursor:default}span.checkbox{width:16px;min-width:16px;height:16px;min-height:16px;border:.5px solid var(--color-icon-secondary);border-radius:2px;display:inline-flex;align-items:center;justify-content:center;vertical-align:super;cursor:pointer}span.checkbox:hover{border-color:var(--color-icon-hover)}span.checkbox .check-icon,span.checkbox .partial-icon{display:none !important;visibility:collapse;color:var(--color-icon-primary);margin-bottom:1px}span.checkbox.partially-selected{background-color:var(--color-element-accent);border-color:var(--color-element-accent)}span.checkbox.partially-selected .partial-icon{visibility:visible;display:inline-block !important}span.checkbox.partially-selected:hover{background-color:var(--color-icon-hover-selected)}span.checkbox.selected{background-color:var(--color-element-accent);border-color:var(--color-element-accent)}span.checkbox.selected .check-icon{visibility:visible;display:inline-block !important}span.checkbox.selected:hover{background-color:var(--color-icon-hover-selected)}svg.icon.switch{width:30px;height:14px;--visibility-active:hidden;--visibility-main:visible;--fill-circle:var(--color-icon-secondary);--fill-bar:var(--color-bg-progress);cursor:pointer}svg.icon.switch:hover{--fill-circle:var(--color-icon-primary);--fill-bar:var(--color-icon-secondary)}svg.icon.switch.selected{--visibility-active:visible;--visibility-main:hidden;--fill-circle:var(--color-accent);--fill-bar:var(--color-accent)}svg.icon.switch.selected:hover{--fill-circle:var(--color-accent-hover);--fill-bar:var(--color-accent)}svg.icon.switch:disabled{cursor:default;--fill-circle:var(--color-icon-inactive) !important;--fill-bar:var(--color-bg-progress) !important}svg.icon.switch:disabled.selected{--fill-circle:var(--color-accent) !important;--fill-bar:var(--color-accent) !important;opacity:.6}span.icon-onoff.star .on{color:var(--color-favorite)}span.icon-onoff.star:hover .on{color:var(--color-favorite-hover)}span.icon-onoff.star:hover .off{color:var(--color-favorite-hover)}span.icon-onoff.play-pause.selected .on{color:var(--color-rec)}span.icon-onoff.play-pause.selected:hover .on{color:var(--color-rec)}span.icon-onoff.play-pause.disabled{cursor:default}span.icon-onoff.play-pause.disabled .off,span.icon-onoff.play-pause.disabled .on{color:var(--color-icon-inactive)}input[type="range"]{appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:6px;background:#333}input[type="range"]::-webkit-slider-thumb{appearance:none;height:15px;width:15px;background-color:var(--color-accent-site);border-radius:50%;border:none;transition:.2s ease-in-out}input[type="range"]::-moz-range-thumb{height:15px;width:15px;background-color:var(--color-accent-site);border-radius:50%;border:none;transition:.2s ease-in-out}input[type="range"]::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px rgba(255,208,91,0.1)}input[type="range"]:active::-webkit-slider-thumb{box-shadow:0 0 0 13px rgba(255,208,91,0.2)}input[type="range"]:focus::-webkit-slider-thumb{box-shadow:0 0 0 13px rgba(255,208,91,0.2)}input[type="range"]::-moz-range-thumb:hover{box-shadow:0 0 0 10px rgba(255,208,91,0.1)}input[type="range"]:active::-moz-range-thumb{box-shadow:0 0 0 13px rgba(255,208,91,0.2)}input[type="range"]:focus::-moz-range-thumb{box-shadow:0 0 0 13px rgba(255,208,91,0.2)}:root{--color-accent:#6B81F4;--color-accent-hover:#859AFF;--color-accent-pressed:#4E62CE;--color-primary-light:#EFEFEF;--color-secondary:#ADADAD;--color-primary-dark:#141414;--color-attention:#FFB05B;--color-attention-highlight:#B87C3B;--color-favorite:#FFE248;--color-favorite-noninteractive:#ACA87F;--color-favorite-hover:#FCFF6D;--color-online:#02C42F;--color-link:#87CEFA;--color-text-primary-light:var(--color-primary-light);--color-text-secondary:var(--color-secondary);--color-text-inactive:#636363;--color-text-primary-dark:var(--color-primary-dark);--color-text-formlabel:#ADB9F6;--color-text-highlight:#ADFAFF;--color-text-label:#BDE9FA;--color-rec:#F00000;--color-rec-fade:#340202;--color-bg-primary:#1a1b21;--color-bg-input:#38393D;--color-bg-focused:#1C1E21;--color-bg-dropdown:#2D2D2D;--color-bg-dropdown-divider:#131313;--color-bg-cards:rgba(34,36,46,0.88);--color-bg-cards-read:rgba(24,25,27,0);--color-border-read:rgba(175,175,175,0.05);--color-bg-hover:#3B4059;--color-bg-selected-hover:#4D609B;--color-bg-selected:#25304f;--color-bg-dropdown-selected:#2A3350;--color-bg-progress:#535353;--color-bg-elements:#434448;--color-bg-fresh:#3777A5;--color-bg-popup:#2A2B2F;--color-bg-tooltip:#CFCFCF;--color-ocr-primary:#1758FF;--color-bg-noimage:#393B43;--color-bg-forms:rgba(62,63,66,0.15);--color-input-selected:#D3DAFD;--color-icon-primary:var(--color-primary-light);--color-icon-secondary:var(--color-secondary);--color-icon-inactive:var(--color-text-inactive);--color-icon-hover:#FFFFFF;--color-icon-selected:var(--color-accent);--color-icon-hover-selected:var(--color-accent-hover);--color-element-accent:var(--color-accent);--color-btn-cta:#4F61C0;--color-btn-secondary:#343A5A;--color-btn-selected-bg:#212329;--color-btn-selected:var(--color-accent);--color-btn-inactive:#404040;--color-btn-navigation:#303441;--color-divider-light:#7C7D83;--color-divider-dark:#343437;--color-divider-hover:var(--color-input-selected);--color-block-bg:#2C2D31;--color-border-primary:rgba(175,175,175,0.05);--color-border-dark:rgba(175,175,175,0.13);--color-border-input:#4A4B4F;--color-sort-bg:#2F3034;--color-danger:#C63E3E;--color-chat-sender-my:#AFA3FA;--color-chat-sender-other1:#EFEFEF;--color-chat-sender-other2:#EC8DB0;--color-chat-sender-other3:#E6977F;--color-chat-sender-other4:#DC90E4;--color-chat-sender-other5:#83BF4A;--color-chat-sender-other6:#5FC28F;--color-chat-sender-other7:#8AADD6;--color-chat-sender-other8:#D2A940;--color-chat-sender-reply-my:#AFA3FAC9;--color-chat-sender-reply-other1:#EFEFEF;--color-chat-sender-reply-other2:#EC8DB0C9;--color-chat-sender-reply-other3:#E6977FC9;--color-chat-sender-reply-other4:#DC90E4C9;--color-chat-sender-reply-other5:#83BF4AC9;--color-chat-sender-reply-other6:#5FC28FC9;--color-chat-sender-reply-other7:#8AADD6C9;--color-chat-sender-reply-other8:#D2A940C9;--color-chat-bg-message-other:#292b30;--color-chat-bg-message-reply-other:rgba(255,255,255,0.03);--color-chat-bg-message-reply-my:rgba(255,255,255,0.03);--color-chat-bg-message-reply-input:rgba(255,255,255,0.03);--color-chat-bg-message-my:#272a33;--color-chat-message-read:var(--color-online);--color-chat-message-pending:var(--color-icon-secondary);--color-chat-message-delivered:#76C77C;--color-book-track-bg:#76C77C;--color-book-track-hover:#A6FCAC;--color-book-track-active:#51A356;--color-video-track-bg:#6F97FF;--color-video-track-bg-hover:#90AFFF;--color-video-track-bg-active:#476FD6;--color-calendar-time-bg-tracked:#36496B;--color-calendar-track-tracked:#6E97FF;--color-calendar-time-bg-rec:#4C3D7C;--color-bg-taskstatus-open:#2B9756;--color-bg-taskstatus-completed:#3B60BE;--color-bg-taskstatus-closed:#434343;--color-bg-taskstatus-rec:#DC3636;--color-bg-taskprogress-inprogress:var(--color-bg-taskstatus-open);--color-bg-taskprogress-unknown:var(--color-border-primary);--color-bg-taskprogress-done:var(--color-bg-taskstatus-completed);--color-bg-taskprogress-overdue:#B24444;--color-priority-low:#444753;--color-priority-medium:#3E425A;--color-priority-high:#FFD600;--color-library-icon-filled:#ADB9F6;--color-pane-highlight:rgba(0,0,0,0);--color-row-outline-default:rgba(0,0,0,0);--color-row-outline-read:rgba(0,0,0,0);--color-row-outline-active:rgba(0,0,0,0);--color-bg-pin:#35394A;--color-bg-tag:#AEA7FF;--color-bg-tab:#26272D;--color-bg-tab-selected:#3B3F4A;--color-text-seen:var(--color-text-primary-light);--color-text-unseen:#9fadfb;--background-blur-size:40px;--color-bg-active-filter:rgba(47,48,52,0.8);--color-bg-header:rgba(20,21,25,0.3);--color-bg-toolbar:rgba(20,21,25,0.93);--color-bg-toolbar-item-selected:#202534;--color-bg-selected-filter:#344373;--color-accent-site:#FFD05B;--color-bg-dark:rgba(20,21,25,0.6);--site-site-bg-design:#131313;--site-thumbwidth:210px;--site-thumbheight:210px}body{background:var(--site-site-bg-design);color:var(--color-text-primary-light);height:fit-content;white-space:normal;display:flex;flex-direction:column;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Verdana,Geneva,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:1.3em;font-size:18px;letter-spacing:.6px;padding:0;margin:0}@media screen and (max-width:800px){body{font-size:15px}}div.landing{padding-top:20px}#bg{position:fixed;width:100%;height:100%;width:100dvw;height:100dvh;transition-property:filter;transition-duration:1s}#bg #background,#bg #logo{position:absolute;width:100%;height:100%;height:100dvh;width:100dvw;background-size:cover;background-position:center}#bg.blurred{filter:blur(35px) brightness(.2)}@media all and (orientation:portrait){#background{background-image:url("../../bg-portrait.jpg")}#logo{background-image:url("../../logo-portrait.svg")}}@media all and (orientation:landscape){#background{background-image:url("../../bg-landscape.jpg")}#logo{background-image:url("../../logo-landscape.svg")}}.icon.fullscreen{position:absolute;top:31px;right:84px;z-index:10000;cursor:pointer;transition:all 1s}.icon.fullscreen.faded{opacity:0}div.pane.collapsed~.icon.fullscreen{right:16px;top:16px;transform:scale(.8)}h1{color:var(--color-accent-site);font-family:Arial;font-size:42px;text-shadow:1px 1px 2px rgba(33,33,33,0.5);font-style:normal;font-weight:600;line-height:normal;margin-bottom:20px;height:auto;transition:font-size 1s;margin-top:50px}@media screen and (max-width:800px){h1{font-size:36px}}.pane>h1{padding-right:23px}@container pane (inline-size < 500px){h1{font-size:32px;margin-bottom:16px}h2{font-size:18px}}@container pane (inline-size < 400px){h1{font-size:28px;margin-bottom:12px}h2{font-size:16px}}@container pane (inline-size < 300px){h1{font-size:24px;margin-bottom:6px}h2{font-size:14px}}h2{margin-bottom:0;margin-top:30px;font-feature-settings:'clig' off,'liga' off;font-family:Arial;font-size:26px;font-style:normal;font-weight:500;line-height:normal;height:auto}@media screen and (max-width:800px){h2{font-size:22px}}h2::after{content:"";display:block;width:72px;height:2px;background-color:#FFD05B;margin-top:12px;margin-bottom:12px}article .intro{font-feature-settings:'clig' off,'liga' off;font-family:Arial;font-size:20px;font-style:italic;font-weight:500;line-height:normal;margin-bottom:20px;margin-top:20px;color:bisque}@media screen and (max-width:800px){article .intro{font-size:18px}}article:first-of-type{margin-top:40px}article.extended{margin-bottom:0}@container pane (inline-size > 1220px){article{column-width:600px;column-gap:20px;padding-top:100px}article h1{margin-top:-65px}}section{margin:20px 0}p{color:var(--text, #EFEFEF)}figure{margin:0;padding:0;display:block}figure img.landscape{width:100%;height:auto}figure img.portrait{height:640px;width:auto;margin-left:auto;margin-right:auto}.dropdown{position:relative;display:inline-block}.dropdown span.icon{font-size:25pt;cursor:pointer}.dropdown-content{display:none;position:absolute;min-width:160px;box-shadow:-2px 1px 12px 3px rgba(0,0,0,0.4);background-color:#1c1b22;padding:23px;z-index:1000}.dropdown:hover .dropdown-content,.dropdown:active .dropdown-content{display:block}nav a{display:block;color:white !important;padding:10px;text-decoration:none;font-size:20px;white-space:nowrap;text-transform:uppercase;font-style:normal;font-weight:500}nav a:hover{text-decoration:underline}nav.subnavi{left:200px}footer{margin:0 40px 60px 40px}footer nav{font-size:20px}main{position:fixed;width:100%;height:100%;height:100dvh;width:100dvw}div.content{padding:40px;padding-top:30px;position:relative}div.content.picture,div.content.video{min-height:calc(100% - 70px)}div.content.extend{padding-top:0px;padding-left:0;padding-right:0}div.content.extended{padding-bottom:0}div.pane{box-shadow:-2px 1px 12px 3px rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#131313;container:pane / inline-size;-ms-overflow-style:none;scrollbar-width:none;position:absolute;height:100%;height:100dvh;z-index:1000;overflow-y:scroll;overflow-x:hidden}div.pane::-webkit-scrollbar{display:none}@media (max-width:960px){div.pane{left:0}}div.pane a{color:#87cefa}div.pane div.right-margin{width:38px;position:absolute;right:30px;top:0}div.pane h1{transition:opacity 1s}div.pane h1.faded{opacity:0}div.pane div.tags{text-shadow:1px 1px 2px rgba(33,33,33,0.5);transition:opacity 1s;font-size:20px}div.pane div.tags.faded{opacity:0}div.pane div.tags .type{opacity:.5;margin-right:6px}div.pane div.tags .value{color:var(--color-accent-site)}div.pane.hidden{filter:blur(6px);opacity:.3}div.pane.hidden:hover{opacity:1;filter:blur(0)}div.pane.home article{margin-left:auto;margin-right:auto}div.pane div.dummy{height:100%}.icon.close{position:fixed;z-index:1000;cursor:pointer;color:#ccc;vertical-align:middle;font-weight:bold;font-size:32px;right:30px;top:30px;text-decoration:none;text-align:center;line-height:38px}.icon.close.faded{opacity:0}div.folder input.thumbsize{width:30%;margin-bottom:14px;float:right;margin-top:-35px}.scroll-down,.scroll-left,.scroll-right,.fullscreen{cursor:pointer;position:absolute;z-index:2000;font-size:40px;font-weight:bold;text-decoration:none;transition:opacity 1s}.scroll-down.faded,.scroll-left.faded,.scroll-right.faded,.fullscreen.faded{opacity:0}.scroll-down{left:calc(50% - 20px);bottom:20px;transform:translate(0, -200px);animation:bounce-down 2s infinite;color:var(--color-accent-site) !important}.scroll-right{right:60px;top:calc(50% - 20px);text-align:center;transform:rotate(90deg);background:none}.scroll-left{left:60px;top:calc(50% - 20px);text-align:center;transform:rotate(270deg);background:none}div.bullets .scroll-left,div.bullets .scroll-right{background:none;top:auto}.scroll-left,.scroll-right,.close,.fullscreen{-webkit-user-select:none;user-select:none;transition:transform 200ms;border-radius:10px;padding:10px;background:rgba(33,33,33,0.5);transition:opacity 1s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-left:hover,.scroll-right:hover,.close:hover,.fullscreen:hover{color:white}@media screen and (max-width:800px){.scroll-left{left:6px;transform:rotate(270deg) scale(.8)}.scroll-right{right:6px;transform:rotate(90deg) scale(.8)}}@keyframes bounce-down{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}input:disabled{opacity:.2}div.resizer{transform:rotate(90deg);position:absolute;left:-50px;height:40px;width:140px;background:#2e2e2e;color:#aaa;box-shadow:0 8px 16px 0 rgba(0,0,0,0.3);text-align:center;font-size:18px;line-height:40px;z-index:10000;top:calc(50% - 70px);opacity:0;cursor:grab;border-radius:6px;padding-right:20px;transition:opacity 1s}div.resizer:hover{color:white;opacity:1}div.resizer.active{color:#02c42f;opacity:1}@keyframes wave{0%,100%{transform:rotate(0deg) translateY(4px) translateX(0)}20%,40%,60%,80%{transform:rotate(12deg) translateY(4px) translateX(3px)}10%,30%,50%,70%,90%{transform:rotate(-12deg) translateY(4px) translateX(-3px)}}.wallet{display:none;font-size:14px;line-height:14px;position:fixed;top:-16px;left:calc(50% - 16px);width:32px;height:32px;border-radius:0 0 16px 16px;background-color:rgba(127,127,127,0.4);line-height:32px;text-align:center;z-index:1000000;cursor:pointer;overflow:hidden;transition:all .3s}.wallet.collapsed{top:32px}.wallet .right{text-align:center;display:none;opacity:0;position:absolute;right:6px;top:0;width:117px}.wallet .left{text-align:center;display:none;position:absolute;left:6px;top:0;width:117px;opacity:0;white-space:nowrap}.wallet .logo{transform:translateY(4px);margin:0px 5px;color:white}.wallet .logo.wave{animation:wave 2s ease-in-out}.wallet .value{margin-right:3px}.wallet .value,.wallet .unit{font-size:13px;line-height:14px}.wallet .left,.wallet .right{transition:all 1s}.wallet:hover,.wallet.active{top:0;width:260px;left:calc(50% - 130px)}.wallet:hover .right,.wallet.active .right{display:block;opacity:1}.wallet:hover .left,.wallet.active .left{display:block;opacity:1}.wallet.positive{background-color:green}.wallet.negative{background-color:red}.wallet.positive,.wallet.negative{top:0}div.payform{overflow-y:scroll;position:absolute;z-index:100000;box-shadow:-2px 1px 12px 3px rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#131313;padding:40px;text-align:left;line-height:1.8em;border-radius:8px}div.payform h1{text-align:center}span.moveout{background:#2e2e2e;color:white;height:20px;cursor:pointer;position:absolute;right:7px;top:12px;transform:rotate(-90deg)}div.thumbs{display:grid;justify-items:center;align-items:center;row-gap:10px;column-gap:10px;transition:grid-template-columns 300ms;padding:4px;margin-right:-4px;margin-left:-4px}div.thumbs div{position:relative}div.thumbs div canvas{vertical-align:bottom;height:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,0.3);cursor:pointer;transition:all 300ms}div.thumbs div canvas:hover{box-shadow:0 8px 16px 4px rgba(0,0,0,0.6)}div.thumbs div canvas.clicked{outline:solid #02C42F 4px}div.thumbs div canvas.portrait{width:auto}div.thumbs div div.tag{font-size:10px;text-align:center;padding:4px 0;color:white;position:absolute;bottom:0;transform:translateY(21px);white-space:nowrap;width:100%;opacity:.8}div.thumbs div div.tag span.label{opacity:.6;margin-right:3px}div.thumbs.preview{grid-auto-flow:column;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;justify-items:left;margin-top:25px}div.thumbs.preview div.item{align-self:center;transition:width 300ms;background-color:var(--color-bg-cards)}div.thumbs.preview div.item div.info{padding:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}div.thumbs.preview div.item:hover{background-color:var(--color-bg-hover)}div.thumbs.preview div.item span.icon{position:absolute;z-index:100;top:calc(50% - 20px);left:calc(50% - 30px);opacity:.7;color:white}div.thumbs.preview div.item span.icon:hover{opacity:1}div.thumbs.preview::-webkit-scrollbar{display:none}@media screen and (max-width:800px){span.autoplay{display:none !important}span.loop{display:none !important}span.speed-block{display:none !important}}div.bullets{font-size:15px;height:40px;color:#666;display:grid;justify-content:center;align-items:center;grid-auto-flow:column;grid-gap:10px;margin-top:20px;white-space:nowrap;-webkit-user-select:none;user-select:none}div.bullets input.pager{width:400px}@media screen and (max-width:800px){div.bullets input.pager{width:140px}}div.bullets span{cursor:pointer}div.bullets span.active{color:white}div.bullets a.see-all{color:white;text-decoration:none;margin-left:10px}div.bullets a.see-all.clicked{border-bottom:solid #02C42F 4px}div.bullets span.dots{letter-spacing:1em}.content.picture canvas,.content.video canvas{position:absolute;left:0;top:0;z-index:-1}img.preview,.content.video video{object-fit:contain;width:100%;height:100%;top:50%;transform:translateY(-50%);position:absolute;left:0;z-index:-3}.content.video video{z-index:-2}div.warning{position:absolute;width:calc(80% - 40px);top:40%;left:10%;font-size:23px;line-height:1.5em;background:red;color:white;padding:20px;border:solid black 3px;z-index:1000}