VulpesOS/overrides/camera.gaiamobile.org/style/main.css

@font-face{font-family:"gaia-icons";src:url(../bower_components/gaia-icons/fonts/gaia-icons.ttf) format("truetype");font-weight:500;font-style:normal;}[data-icon]:before,.ligature-icons{font-family:"gaia-icons";content:attr(data-icon);display:inline-block;font-weight:500;font-style:normal;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;font-size:30px;-webkit-font-smoothing:antialiased;}[data-icon]:not([data-l10n-id]):not([aria-label]):not([aria-hidden="true"]):before{background:rgba(255,0,0,0.4);}[data-icon]:not([data-l10n-id]):not([aria-label]):not([aria-hidden="true"]):after{background:#333;color:#fff;position:absolute;width:20rem;border-radius:0.5rem;padding:0.5rem;content:"Icon is not localized and is still visible to screen reader. Please add data-l10n-id or aria-label for localization or use aria-hidden to hide the icon from screen reader.";z-index:9999;}:root{--color-alpha:#333333;--color-beta:#ffffff;--color-gamma:#4d4d4d;--color-delta:#5f5f5f;--color-epsilon:#858585;--color-zeta:#a6a6a6;--color-eta:#c7c7c7;--color-theta:#e7e7e7;--color-iota:#f4f4f4;--color-darkblue:#00539f;--color-blue:#00caf2;--color-turquoise:#27c8c2;--color-darkorange:#e66000;--color-orange:#ff9500;--color-yellow:#ffcb00;--color-violet:#c40c84;--color-warning:#fbbd3c;--color-destructive:#e2443a;--color-preffered:#00ba91;--background:var(--color-beta);--background-plus:var(--color-theta);--background-minus:var(--color-zeta);--border-color:var(--color-theta);--text-color:var(--color-gamma);--text-color-minus:var(--color-eta);--button-background:var(--color-iota);--link-color:var(--highlight-color);--input-background:var(--color-beta);--input-color:var(--color-alpha);--input-clear-background:#909ca7;--button-box-shadow:inset 0 -1px 0 #d8d8d8,inset 0 1px 0 #eeeeee;--button-box-shadow-active:var(--button-box-shadow);--header-disabled-button-color:rgba(255,255,255,0.3);--transition-duration:0.2s;}.theme-productivity{--highlight-color:var(--color-orange);--header-background:var(--highlight-color);--header-color:var(--color-beta);}.theme-communications{--highlight-color:var(--color-turquoise);--link-color:#177874;--header-background:var(--highlight-color);--header-color:var(--color-beta);--header-icon-color:var(--color-beta);--header-button-color:var(--link-color);}.theme-settings{--background:var(--color-iota);--background-plus:var(--color-beta);--background-minus:var(--color-epsilon);--background-minus-minus:var(--color-zeta);--highlight-color:var(--color-blue);--border-color:var(--color-theta);--text-color:var(--color-gamma);--title-color:var(--background-minus);--button-background:var(--background-plus);--switch-background:var(--background-minus-minus);--checkbox-border-color:var(--background-minus-minus);--header-color:var(--title-color);--header-background:var(--background);--header-button-color:var(--highlight-color);--header-disabled-button-color:var(--color-theta);--header-action-button-color:var(--title-color);}.theme-media{--highlight-color:var(--color-blue);--background:var(--color-alpha);--background-plus:var(--color-gamma);--background-minus:#2B2B2B;--background-minus-minus:#1a1a1a;--text-color:var(--color-beta);--button-background:var(--background-plus);--header-background:var(--background);--header-icon-color:var(--text-color);--header-button-color:var(--highlight-color);--border-color:var(--color-gamma);--input-background:var(--background-plus);--text-input-background:var(--background-minus);--switch-head-border-color:var(--background-minus-minus);--switch-background:var(--background-minus-minus);--checkbox-border-color:var(--background-minus-minus);--button-box-shadow:none;--button-box-shadow-active:none;}progress:not([value]){background:image-set(url("../shared/style/progress_activity/images/ui/default.png") 1x, url("../shared/style/progress_activity/images/ui/default@1.5x.png") 1.5x, url("../shared/style/progress_activity/images/ui/default@2x.png") 2x, url("../shared/style/progress_activity/images/ui/default@2.25x.png") 2.25x) no-repeat center center / 100% auto;animation:0.9s rotate infinite steps(30);width:2.9rem;height:2.9rem;border:none;display:inline-block;vertical-align:middle;}progress:not([value]).light{background-image:image-set(url("../shared/style/progress_activity/images/ui/light.png") 1x, url("../shared/style/progress_activity/images/ui/light@1.5x.png") 1.5x, url("../shared/style/progress_activity/images/ui/light@2x.png") 2x, url("../shared/style/progress_activity/images/ui/light@2.25x.png") 2.25x);}progress:not([value])::-moz-progress-bar{background:none;}progress[value]{width:100%;background:#333;border:none;border-radius:0;height:0.4rem;display:block;}progress[value]::-moz-progress-bar{background:#01c5ed;border-radius:0;}progress[value].pack-activity{background-size:15rem;}html[dir="ltr"] progress[value].pack-activity{animation:1.5s move-right steps(15) infinite;background-image:repeating-linear-gradient(135deg,#92F4FE,#92F4FE 5rem,#00CDF0 5rem,#00CDF0 10rem);}html[dir="rtl"] progress[value].pack-activity{animation:1.5s move-left steps(15) infinite;background-image:repeating-linear-gradient(-135deg,#92F4FE,#92F4FE 5rem,#00CDF0 5rem,#00CDF0 10rem);}p[role="status"]{padding:0.5rem;font-weight:300;font-size:2.25rem;line-height:1.4em;color:#fff;}p[role="status"] progress:not([value]){margin-inline-end:0.5rem;}p[role="status"] progress:not([value]) + span{margin-bottom:0;}p[role="status"] span{display:inline-block;vertical-align:middle;margin-bottom:0.5rem;}.bb-steps{position:relative;height:0.3rem;}html[dir="ltr"] .bb-steps{transform:scaleX(1);}html[dir="rtl"] .bb-steps{transform:scaleX(-1);}.bb-steps:before{position:absolute;content:"";height:0;left:0;top:0.1rem;right:0;border-top:0.1rem solid #b7b7b7;border-bottom:0.1rem solid #fff;}.bb-steps progress[value]{position:absolute;height:0.3rem;left:0;top:0;background:#858585;transition:transform 0.35s cubic-bezier(0,1,0.5,1.1);}.bb-steps progress[value]::-moz-progress-bar{background:none;}@keyframes rotate{from{transform:rotate(1deg);}to{transform:rotate(360deg);}}@keyframes move-right{from{background-position:-15rem 0;}to{background-position:0 0;}}@keyframes move-left{from{background-position:0 0;}to{background-position:-15rem 0;}}html[dir="ltr"] [role="dialog"][data-type="action"] [dir],html[dir="ltr"] [role="dialog"][data-type="action"] button{text-align:left;}html[dir="rtl"] [role="dialog"][data-type="action"] [dir],html[dir="rtl"] [role="dialog"][data-type="action"] button{text-align:right;}[role="dialog"][data-type="action"]{background:#2d2d2d;overflow:hidden;position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;padding:0 0 7rem;font-size:0;color:#fff;}[role="dialog"][data-type="action"]:before{content:'';display:inline-block;vertical-align:top;width:0.1rem;height:100%;margin-inline-start:-0.1rem;}[role="dialog"][data-type="action"] > header{box-sizing:border-box;font-size:1.6rem;position:absolute;top:0;left:0;right:0;z-index:10;height:5rem;line-height:4.9rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-weight:normal;padding:0 3rem;border-bottom:0.1rem solid #616262;}[role="dialog"][data-type="action"] > header *{overflow:hidden;text-overflow:ellipsis;}[role="dialog"][data-type="action"] > header h1{font-size:1.6rem;line-height:4.9rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;margin:0;height:100%;font-weight:normal;}[role="dialog"][data-type="action"] > header menu[type="toolbar"]{height:100%;margin:0 -3rem;margin-inline-start:1rem;padding:0;}html[dir="ltr"] [role="dialog"][data-type="action"] > header menu[type="toolbar"]{float:right;}html[dir="rtl"] [role="dialog"][data-type="action"] > header menu[type="toolbar"]{float:left;}[role="dialog"][data-type="action"] > header menu[type="toolbar"] a,[role="dialog"][data-type="action"] > header menu[type="toolbar"] button{box-sizing:border-box;position:relative;width:auto;min-width:5rem;height:4.9rem;margin-bottom:0;padding:0 1rem;border-radius:0;line-height:4.9rem;background:none;text-align:center;text-shadow:none;z-index:5;}html[dir="ltr"] [role="dialog"][data-type="action"] > header menu[type="toolbar"] a,html[dir="ltr"] [role="dialog"][data-type="action"] > header menu[type="toolbar"] button{float:left;}html[dir="rtl"] [role="dialog"][data-type="action"] > header menu[type="toolbar"] a,html[dir="rtl"] [role="dialog"][data-type="action"] > header menu[type="toolbar"] button{float:right;}[role="dialog"][data-type="action"] > header a,[role="dialog"][data-type="action"] > header button{border:none;padding:0;overflow:hidden;font-weight:400;font-size:1.5rem;line-height:1.1em;color:#fff;border-radius:0;text-decoration:none;}[role="dialog"][data-type="action"] button::-moz-focus-inner{outline:none;border:none;}[role="dialog"][data-type="action"] > header a:active .icon:after,[role="dialog"][data-type="action"] > header button:active .icon:after,[role="dialog"][data-type="action"] > header menu[type="toolbar"] a:active,[role="dialog"][data-type="action"] > header menu[type="toolbar"] button:active{background:#008aaa !important;}[role="dialog"][data-type="action"] > header menu[type="toolbar"] a[aria-disabled="true"],[role="dialog"][data-type="action"] > header menu[type="toolbar"] button[disabled]{opacity:0.5;pointer-events:none;}[role="dialog"][data-type="action"] > header .icon{position:relative;float:none;display:inline-block;vertical-align:top;width:4rem;height:4.9rem;margin:0 -1rem;background:transparent no-repeat center center / 3rem auto;font-size:0;overflow:hidden;}[role="dialog"][data-type="action"] > header .icon.icon-close{background-image:image-set(url("../shared/style/action_menu/images/icons/close.png") 1x, url("../shared/style/action_menu/images/icons/close@1.5x.png") 1.5x, url("../shared/style/action_menu/images/icons/close@2x.png") 2x, url("../shared/style/action_menu/images/icons/close@2.25x.png") 2.25x);}html[dir="ltr"] [role="dialog"][data-type="action"] > header .icon.icon-back{background-image:image-set(url("../shared/style/action_menu/images/icons/left.png") 1x, url("../shared/style/action_menu/images/icons/left@1.5x.png") 1.5x, url("../shared/style/action_menu/images/icons/left@2x.png") 2x, url("../shared/style/action_menu/images/icons/left@2.25x.png") 2.25x);}html[dir="rtl"] [role="dialog"][data-type="action"] > header .icon.icon-back{background-image:image-set(url("../shared/style/action_menu/images/icons/right.png") 1x, url("../shared/style/action_menu/images/icons/right@1.5x.png") 1.5x, url("../shared/style/action_menu/images/icons/right@2x.png") 2x, url("../shared/style/action_menu/images/icons/right@2.25x.png") 2.25x);}[role="dialog"][data-type="action"] > header > button,[role="dialog"][data-type="action"] > header > a{width:5rem;height:4.9rem;background:none;overflow:visible;margin:0 -1rem;margin-inline-start:-3rem;position:relative;}html[dir="ltr"] [role="dialog"][data-type="action"] > header > button,html[dir="ltr"] [role="dialog"][data-type="action"] > header > a{float:left;}html[dir="rtl"] [role="dialog"][data-type="action"] > header > button,html[dir="rtl"] [role="dialog"][data-type="action"] > header > a{float:right;}[role="dialog"][data-type="action"] > header > button::-moz-focus-inner{border:0;padding:0;}[role="dialog"][data-type="action"] > header > button .icon,[role="dialog"][data-type="action"] > header > a .icon{position:static;display:block;width:3rem;height:4.9rem;margin:0;overflow:visible;font-size:0;}[role="dialog"][data-type="action"] > header > button .icon:after,[role="dialog"][data-type="action"] > header > a .icon:after{content:"";position:absolute;offset-inline-start:0;top:0;z-index:-1;width:3rem;height:4.9rem;}[role="dialog"][data-type="action"] > section{color:#fff;position:absolute;top:7rem;left:1.5rem;right:1.5rem;bottom:2rem;font-size:1.6rem;overflow:scroll;}[role="dialog"][data-type="action"] > menu{margin:0;padding:0;max-height:calc(100% - 13.5rem);height:auto;padding-top:1.5rem;overflow:auto;width:auto;border:none;background:none;position:absolute;left:0;right:0;bottom:7rem;}[role="dialog"][data-type="action"] > menu > button{width:calc(100% - 3rem);height:4rem;box-sizing:border-box;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;line-height:4rem;outline:none;font-size:1.6rem;text-shadow:none;padding:0 1.2rem;margin:0 1.5rem 1rem;background:rgba(87,87,87,0.8);border:none;border-radius:0;position:relative;color:#fff;font-family:sans-serif;font-style:italic;}[role="dialog"][data-type="action"] > menu > .last-button-container{position:fixed;width:100%;background-color:#4d4d4d;height:7rem;offset-inline-start:0;bottom:0;}[role="dialog"][data-type="action"] > menu > .last-button-container button{width:calc(100% - 3rem);position:fixed;bottom:0;margin:0 1.5rem 1.5rem;offset-inline-start:0;color:#333;background:#d8d8d8;text-align:center;border:none;border-radius:2rem;line-height:4rem;font-size:1.6rem;height:4rem;font-family:sans-serif;font-style:italic;}[role="dialog"][data-type="action"] > menu > button:nth-last-child(2){margin-bottom:1.5rem;}[role="dialog"][data-type="action"] > menu button:active{background:#00aacc;color:#fff;}[role="dialog"][data-type="action"] > menu > button[disabled]{background-color:rgba(87,87,87,0.8);color:rgba(255,255,255,0.4);opacity:0.5;pointer-events:none;}[role="dialog"][data-type="action"] > menu > .last-button-container button[disabled]{background-color:#e7e7e7;color:#a6a6a6;opacity:1;}form[role="dialog"][data-type="confirm"]{background:#2d2d2d;overflow:hidden;position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;padding-bottom:7rem;font-size:0;color:#fff;}html[dir="ltr"] form[role="dialog"][data-type="confirm"]{text-align:left;}html[dir="rtl"] form[role="dialog"][data-type="confirm"]{text-align:right;}form[role="dialog"][data-type="confirm"]:before{content:"";display:inline-block;vertical-align:middle;width:0.1rem;height:100%;margin-inline-start:-0.1rem;}form[role="dialog"][data-type="confirm"] > section{font-weight:300;font-size:2.2rem;color:#FAFAFA;padding:0 1.5rem;box-sizing:padding-box;width:100%;display:inline-block;overflow-y:scroll;max-height:100%;vertical-align:middle;white-space:normal;}form[role="dialog"][data-type="confirm"] h1{font-weight:normal;font-size:1.6rem;line-height:1.5em;color:#fff;margin:0;padding:1rem 1.5rem 0;word-wrap:break-word;}form[role="dialog"][data-type="confirm"] menu{white-space:nowrap;margin:0;padding:1.5rem;background:#4d4d4d;display:flex;overflow:hidden;position:absolute;left:0;right:0;bottom:0;}form[role="dialog"][data-type="confirm"] menu button::-moz-focus-inner{border:none;outline:none;margin-top:-0.2rem;}form[role="dialog"][data-type="confirm"] menu button{font-family:sans-serif;font-style:italic;width:100%;height:4rem;margin:0 0 1rem;padding:0 0.2rem;box-sizing:border-box;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#d8d8d8;border:none;border-radius:2rem;font-weight:normal;font-size:1.6rem;line-height:4rem;color:#333;text-align:center;text-shadow:none;text-decoration:none;outline:none;}form[role="dialog"][data-type="confirm"] menu button.recommend{background-color:#00caf2;color:#fff;}form[role="dialog"][data-type="confirm"] menu button.danger{background-color:#e51e1e;color:#fff;}form[role="dialog"][data-type="confirm"] menu button:active{background:#00aacc;color:#fff;}form[role="dialog"][data-type="confirm"] > menu > button[disabled]{background-color:#565656;color:rgba(255,255,255,0.4);pointer-events:none;}form[role="dialog"][data-type="confirm"] > menu > button[disabled].recommend{background-color:#006579;}form[role="dialog"][data-type="confirm"] > menu > button[disabled].danger{background-color:#730f0f;}button[disabled]::-moz-selection{-moz-user-select:none;}form[role="dialog"][data-type="confirm"] menu button{margin:0;margin-inline-end:1rem;}form[role="dialog"][data-type="confirm"] menu button:last-child{margin-inline-end:0;}form[role="dialog"][data-type="confirm"] p:nth-child(2){margin:1rem 0 0;overflow:hidden;}form[role="dialog"][data-type="confirm"] p{word-wrap:break-word;margin:0;padding:1rem 1.5rem;border-top:0.1rem solid #686868;line-height:3rem;-moz-user-select:none;}form[role="dialog"][data-type="confirm"] p > span{font-size:1.5rem;display:block;line-height:1.7rem;color:rgba(255,255,255,0.6);}form[role="dialog"][data-type="confirm"] p img{margin-inline-end:2rem;}html[dir="ltr"] form[role="dialog"][data-type="confirm"] p img{float:left;}html[dir="rtl"] form[role="dialog"][data-type="confirm"] p img{float:right;}form[role="dialog"][data-type="confirm"] p strong{display:block;margin-top:0.2rem;font-weight:300;}form[role="dialog"][data-type="confirm"] p small{font-size:1.4rem;font-weight:normal;color:#cbcbcb;display:block;}form[role="dialog"][data-type="confirm"] dl{border-top:0.1rem solid #686868;margin:1rem 0 0;overflow:hidden;padding-top:1rem;font-size:1.6rem;line-height:2.2rem;}form[role="dialog"][data-type="confirm"] dl > dt{clear:both;width:7rem;padding-inline-start:1.5rem;font-weight:500;text-align:left;}html[dir="ltr"] form[role="dialog"][data-type="confirm"] dl > dt{float:left;}html[dir="rtl"] form[role="dialog"][data-type="confirm"] dl > dt{float:right;text-align:right;}form[role="dialog"][data-type="confirm"] dl > dd{padding-inline-end:1.5rem;font-weight:300;text-overflow:ellipsis;vertical-align:top;overflow:hidden;}form[role="dialog"][data-type="confirm"] dl > dd > div{text-overflow:ellipsis;overflow:hidden;}form[role="dialog"][data-type="confirm"] figure{margin:1.5rem;display:flex;align-items:center;}form[role="dialog"][data-type="confirm"] figure img{padding-inline-end:1.5rem;flex-shrink:0;}form[role="dialog"][data-type="confirm"] figure figcaption{font-size:2.1rem;font-weight:300;}form[role="dialog"][data-type="confirm"] ul{margin:0;padding:2rem 1.5rem;border-top:0.1rem solid #686868;list-style:none;font-size:1.6rem;font-weight:normal;}form[role="dialog"][data-type="confirm"] ul li{word-wrap:break-word;line-height:2rem;padding-bottom:1.5rem;}form[role="dialog"][data-type="confirm"] ul li:last-child{padding-bottom:0;}form[role="dialog"][data-type="confirm"] ul li ul{border:none;margin:0;padding:0;}.button::-moz-focus-inner,.bb-button::-moz-focus-inner,button::-moz-focus-inner{border:none;outline:none;}button,.bb-button,.button{font-family:sans-serif;font-style:italic;width:100%;height:4rem;margin:0 0 1rem;padding:0 1.2rem;box-sizing:border-box;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:#d8d8d8;border:none;border-radius:2rem;font-weight:normal;font-size:1.6rem;line-height:4rem;color:#333;text-align:center;text-decoration:none;outline:none;}button.recommend,.bb-button.recommend{background-color:#00caf2;color:#fff;}button.danger,.danger.bb-button{background-color:#e51e1e;color:#fff;}button:active,.bb-button:active,.button:active{background-color:#b2f2ff;color:#fff;}button[data-icon],.bb-button[data-icon],.button[data-icon]{position:relative;}button[data-icon]:before,.bb-button[data-icon]:before,.button[data-icon]:before{position:absolute;top:50%;margin-top:-1.5rem;offset-inline-end:1.5rem;line-height:3rem;}button[data-icon]:active:before,.bb-button[data-icon]:active:before,.button[data-icon]:active:before{color:#fff;}.skin-dark button:active,.skin-dark .bb-button:active,.skin-dark .button:active{background-color:#00aacc;}button[disabled],.bb-button[aria-disabled="true"],.button[aria-disabled="true"]{background-color:rgba(0,0,0,0.05);color:#c7c7c7;pointer-events:none;}button[disabled].recommend,.bb-button[aria-disabled="true"].recommend,.button[aria-disabled="true"].recommend{background-color:#97cbd5;color:rgba(255,255,255,0.5);}button[disabled].danger,.bb-button[aria-disabled="true"].danger,.button[aria-disabled="true"].danger{background-color:#eb7474;color:rgba(255,255,255,0.5);}.skin-dark button[disabled],.skin-dark .button[aria-disabled="true"],.skin-dark .bb-button[aria-disabled="true"]{background-color:#565656;color:rgba(255,255,255,0.4);}.skin-dark button[disabled].recommend,.skin-dark .button[aria-disabled="true"].recommend,.skin-dark .bb-button[aria-disabled="true"].recommend{background-color:#006579;}.skin-dark button[disabled].danger,.skin-dark .button[aria-disabled="true"].danger,.skin-dark .bb-button[aria-disabled="true"].danger{background-color:#730f0f;}button[disabled]::-moz-selection,.button[aria-disabled="true"]::-moz-selection,.bb-button[aria-disabled="true"]::-moz-selection{-moz-user-select:none;}li button,li .bb-button,li .button{position:relative;border:0.1rem solid #c7c7c7;background:rgba(0,0,0,0.05);margin:0 0 1rem;overflow:hidden;border-radius:0;display:flex;height:auto;min-height:4rem;text-overflow:initial;white-space:normal;line-height:2rem;padding:1rem 1.2rem;}html[dir="ltr"] li button,html[dir="ltr"] li .bb-button,html[dir="ltr"] li .button{text-align:left;}html[dir="rtl"] li button,html[dir="rtl"] li .bb-button,html[dir="rtl"] li .button{text-align:right;}li .bb-button:active:after,li .button:active:after,li button:active:after{opacity:0;}li button:disabled,li .bb-button[aria-disabled="true"],li .button[aria-disabled="true"]{opacity:0.5;}li button.icon,li .bb-button.icon,li .button.icon{padding-inline-end:4rem;}li button.icon:before,li .bb-button.icon:before,li .button.icon:before{content:"";width:3rem;height:3rem;position:absolute;top:50%;offset-inline-end:0.5rem;margin-top:-1.5rem;background:transparent no-repeat center center / 100% auto;pointer-events:none;}li button[data-icon]:before,li .bb-button[data-icon]:before,li .button[data-icon]:before{offset-inline-end:1rem;}li button.icon-view:active,li .bb-button.icon-view:active,li .button.icon-view:active{background-color:#b2f2ff;}li button[data-icon="expand"]:before,li .bb-button[data-icon="expand"]:before,li .button[data-icon="expand"]:before{color:#00aac5;top:unset;bottom:0;}li button[data-icon="expand"][disabled]:before,li .bb-button[data-icon="expand"][aria-disabled="true"]:before,li .button[data-icon="expand"][aria-disabled="true"]:before{color:#A9A9A9;}li button[data-icon="forward"]:before,li .bb-button[data-icon="forward"]:before,li .button[data-icon="forward"]:before{color:#686f72;}li button.icon-dialog,li .bb-button.icon-dialog,li .button.icon-dialog{padding-inline-end:3rem;}li button.icon-dialog:before,li .bb-button.icon-dialog:before,li .button.icon-dialog:before{width:0;height:0;top:auto;offset-inline-end:0.8rem;bottom:0.5rem;border-top:0.7rem solid transparent;border-bottom:0.7rem solid transparent;border-inline-start:0.7rem solid #00aac5;z-index:1;}html[dir="ltr"] li button.icon-dialog:before,html[dir="ltr"] li .bb-button.icon-dialog:before,html[dir="ltr"] li .button.icon-dialog:before{transform:rotate(45deg);}html[dir="rtl"] li button.icon-dialog:before,html[dir="rtl"] li .bb-button.icon-dialog:before,html[dir="rtl"] li .button.icon-dialog:before{transform:rotate(-45deg);}li button.icon-dialog:disabled:before,li .bb-button[aria-disabled="true"].icon-dialog:before,li .button[aria-disabled="true"].icon-dialog:before{border-inline-start:0.7rem solid #a9a9a9;}.skin-dark li button,.skin-dark li .bb-button,.skin-dark li .button{background-color:#454545;border:none;color:#fff;font-weight:normal;}.skin-dark li button:active,.skin-dark li .button:active,.skin-dark li .bb-button:active{background-color:#00aacc;}.skin-dark li button.icon-view:active,.skin-dark li .button.icon-view:active,.skin-dark li .bb-button.icon-view:active{background-color:#00aacc;}.skin-dark li button.icon-dialog:active:before,.skin-dark li .bb-button.icon-dialog:active:before,.skin-dark li .button.icon-dialog:active:before{border-inline-start:0.7rem solid #b2f2ff;}.skin-dark li button:disabled,.skin-dark li .bb-button[aria-disabled="true"],.skin-dark li .button[aria-disabled="true"]{background-color:#454545;opacity:0.5;}.button input,body[role="application"] .bb-button input,body[role="application"] .button input{border:0;background:none;}select{width:100%;box-sizing:border-box;font-family:sans-serif;font-style:italic;font-size:1.6rem;color:#333;margin:0 0 1rem;padding:0;padding-inline-start:1.1rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:4rem;border:0.1rem solid #c7c7c7;background:rgba(0,0,0,0.05);}.skin-dark select{background-color:rgba(87,87,87,0.8);border:none;color:#fff;}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #333;}.skin-dark select:-moz-focusring{text-shadow:0 0 0 #fff;}.bb-button.icon select,.button.icon select,.bb-button[data-icon] select,.button[data-icon] select{position:absolute;top:-0.6rem;offset-inline-start:0;width:calc(100% + 3rem);height:100%;margin:0;padding:0;padding-inline-end:5rem;text-indent:0;font-weight:400;font-size:1.7rem;color:rgba(0,0,0,0);border:none;background:none;}html[dir="ltr"] .bb-button.icon select,html[dir="ltr"] .button.icon select,html[dir="ltr"] .bb-button[data-icon] select,html[dir="ltr"] .button[data-icon] select,html[dir="ltr"] .bb-button.icon-dialog select,html[dir="ltr"] .button.icon-dialog select{text-shadow:1rem 0.5rem 0 #333;}html[dir="rtl"] .bb-button.icon select,html[dir="rtl"] .button.icon select,html[dir="rtl"] .bb-button[data-icon] select,html[dir="rtl"] .button[data-icon] select,html[dir="rtl"] .bb-button.icon-dialog select,html[dir="rtl"] .button.icon-dialog select{text-shadow:-1rem 0.5rem 0 #333;}.bb-button.icon select option,.button.icon select option,.bb-button[data-icon] select option,.button[data-icon] select option{color:#000;border:0;padding:0.6rem 1.3rem;text-shadow:0 0 0 rgba(0,0,0,0);}.bb-button.icon-dialog,.button.icon-dialog{overflow:hidden;}html[dir="ltr"] .skin-dark .bb-button.icon select,html[dir="ltr"] .skin-dark .button.icon select,html[dir="ltr"] .skin-dark .bb-button[data-icon] select,html[dir="ltr"] .skin-dark .button[data-icon] select,html[dir="ltr"] .skin-dark .bb-button.icon-dialog select,html[dir="ltr"] .skin-dark .button.icon-dialog select{text-shadow:1rem 0.5rem 0 #fff;}html[dir="rtl"] .skin-dark .bb-button.icon select,html[dir="rtl"] .skin-dark .button.icon select,html[dir="rtl"] .skin-dark .bb-button[data-icon] select,html[dir="rtl"] .skin-dark .button[data-icon] select,html[dir="rtl"] .skin-dark .bb-button.icon-dialog select,html[dir="rtl"] .skin-dark .button.icon-dialog select{text-shadow:-1rem 0.5rem 0 #fff;}html,body{font-size:10px;height:100%;width:100%;padding:0;margin:0;}html{overflow:hidden;}body{background-color:#000;-moz-user-select:none;}*{box-sizing:border-box;font-weight:inherit;margin:0;padding:0;-moz-user-select:none;}ul{list-style:none;}.deg0 .rotates{transform:rotate(0deg);}.deg90 .rotates{transform:rotate(-90deg);}.deg180 .rotates{transform:rotate(-180deg);}.deg270 .rotates{transform:rotate(-270deg);}.viewfinder{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;overflow:hidden;opacity:0;transition:opacity 0ms ease-in-out;}.viewfinder[enabled="false"]{pointer-events:none;}.viewfinder[scale-type=fill]{align-items:center;}.viewfinder.visible{opacity:1;}.viewfinder.shutter{animation:400ms shutter-animation;}@keyframes shutter-animation{0%{opacity:1;}1%{opacity:0.2;}100%{opacity:1}}.viewfinder-frame{display:flex;position:relative;max-width:100%;max-height:100%;justify-content:center;align-items:center;}.viewfinder-video-container{flex-shrink:0;}.viewfinder-video{width:100%;height:100%;outline:none;}.viewfinder-grid{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}[grid=on] .viewfinder-grid{visibility:visible;}.viewfinder-grid .row,.viewfinder-grid .column{border:solid 0 rgba(255,255,255,0.5);}.viewfinder-grid .row{height:33.33%;}.viewfinder-grid .row.middle{border-top-width:0.1rem;border-bottom-width:0.1rem;}.viewfinder-grid .column{position:absolute;left:0;top:0;height:100%;width:33.33%;}.viewfinder-grid .column.middle{left:33.33%;border-right-width:0.1rem;border-left-width:0.1rem;}.viewfinder-grid .column.right{left:66.66%;}.viewfinder-grid .column .cell{width:100%;border:solid 0.1rem rgba(0,0,0,0.2);margin-bottom:0.1rem;height:33.33%;}.viewfinder-grid .column .cell.middle{height:calc(33.33% - 0.2rem);}.viewfinder-grid .column.left .cell.top,.viewfinder-grid .column.middle .cell.top,.viewfinder-grid .column.right .cell.top{border-top-width:0;}.viewfinder-grid .column.left .cell.top,.viewfinder-grid .column.left .cell.middle,.viewfinder-grid .column.left .cell.bottom{border-left-width:0;}.viewfinder-grid .column.right .cell.top,.viewfinder-grid .column.right .cell.middle,.viewfinder-grid .column.right .cell.bottom{border-right-width:0;}.viewfinder-grid .column.left .cell.bottom,.viewfinder-grid .column.middle .cell.bottom,.viewfinder-grid .column.right .cell.bottom{border-bottom-width:0;}.focus{position:absolute;width:10rem;height:10rem;margin-top:-5rem;margin-left:-5rem;pointer-events:none;opacity:0;transform-origin:50% 50%;transform:rotate(0deg) scale(1);transition:transform 0.2s ease-in;text-shadow:0 0 1px rgba(0,0,0,0.2);color:#fff;}.focus[mode="fixed"],.focus[mode="none"]{opacity:0;}.focus[state="focusing"],.focus[state="focused"],.focus[state="fail"]{opacity:0.8;}.focus[state="focusing"]{animation:0.1s ring-animation 1 ease-in forwards;}.focus[state="focused"]{color:#afff3d;transition:transform 0.1s ease-in;animation:0.15s focuslocked ease-in forwards;}.focus[state="fail"]{color:#ff0000;transform:rotate(45deg);transition:transform 0.1s ease-in;}.focus_locking,.focus_locked{position:absolute;top:0;left:0;width:100%;text-align:center;}.focus_locking:before,.focus_locked:before{font-size:10rem;line-height:1;}.focus[state="focusing"] .focus_locking{opacity:1;}.focus[state="focused"] .focus_locking{opacity:0;}.focus[state="fail"] .focus_locking{opacity:0;}.focus[state="focusing"] .focus_locked{opacity:0;}.focus[state="focused"] .focus_locked{opacity:1;}.focus[state="fail"] .focus_locked{opacity:1;}@keyframes ring-animation{0%{transform:rotate(0deg) scale(1);}100%{transform:rotate(45deg) scale(1);}}@keyframes focuslocked{0%{transform:rotate(45deg) scale(1);}50%{transform:rotate(45deg) scale(0.8478);}100%{transform:rotate(45deg) scale(0.95);}}.face{position:absolute;border:1px solid white;border-radius:50%;opacity:0.8;transform:scale(1);transition:opacity 200ms ease-in-out;pointer-events:none;}.face.hidden{opacity:0;}.faces{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;}.faces.hidden{opacity:0;}.controls{display:flex;position:absolute;bottom:0;left:0;z-index:1;width:100%;padding-bottom:1rem;overflow:hidden;direction:ltr;}.controls.hidden{visibility:hidden;}.controls.disabled{pointer-events:none;}.controls-left,.controls-right{display:flex;flex:1;align-items:center;transition:opacity 100ms;}.controls-left{justify-content:flex-end;opacity:1;transition:opacity 200ms ease-in-out,visibility 0ms;}.controls.recording .controls-left{visibility:hidden;opacity:0;pointer-events:none;transition-delay:0ms,200ms;}.controls-right{justify-content:flex-start;}.controls[data-countdown="active"]{pointer-events:none;}.controls[data-countdown="active"] .controls-left,.controls[data-countdown="active"] .controls-right{opacity:0;transition-duration:300ms;}.controls-button{position:relative;display:block;height:5.4rem;width:5.4rem;font-size:3rem;line-height:5.4rem;text-align:center;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.4);background-clip:padding-box;border:solid 1.8rem transparent;box-sizing:content-box;color:#fff;}.controls-button:active{background-color:#00b9df;}.controls-thumbnail-button{display:none;}.controls.thumbnail .controls-thumbnail-button{display:block;}.controls-thumbnail-button > img:active{border-color:#008EAB;background-color:#008EAB;}.controls-thumbnail-button > img{position:absolute;top:0;left:0;height:100%;width:100%;border:solid 2px #ffffff;border-radius:50%;animation:thumbnail-fade-in 300ms;}@keyframes thumbnail-fade-in{0%{opacity:0;}100%{opacity:1;}}.controls-cancel-pick-button{display:none;}.controls.cancel .controls-cancel-pick-button{display:block;}.mode-switch{position:relative;display:block;font-size:2.4rem;width:7.6rem;background:rgba(0,0,0,0.4);border-radius:3rem;padding:0.2rem;margin-left:1.8rem;box-sizing:content-box;overflow:hidden;}.controls.switch-toggle-disabled .mode-switch{pointer-events:none;}.controls.switch-disabled .mode-switch,.controls.recording .mode-switch{visibility:hidden;pointer-events:none;opacity:0;}.mode-switch_bg-icon{position:absolute;top:0;width:4rem;text-align:center;color:#C7C7C7;}.mode-switch_bg-icon:before{font-size:2.1rem;line-height:4rem;}.mode-switch_bg-icon:nth-of-type(1){left:0;}.mode-switch_bg-icon:nth-of-type(2){right:0;}.mode-switch_handle{position:relative;width:3.6rem;height:3.6rem;border-radius:50%;background:#EEE;}.mode-switch_handle:after{content:'';position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;}.mode-switch_current-icon{position:absolute;width:100%;height:100%;opacity:0;line-height:3.6rem;text-align:center;}.mode-switch_current-icon:before{font-size:2.1rem;}.mode-switch_current-icon.camera{color:#00CAF2;}.mode-switch_current-icon.video{color:#D92E2E;}.capture-button{position:relative;top:calc(50% - 5.1rem);width:10.2rem;height:10.2rem;}.capture-button:active{background:none;}.capture-button .circle{position:absolute;width:100%;height:100%;border-radius:50%;}.outer-circle{background:#C3F5FF;opacity:0.35;}.controls.mode-video .outer-circle{background:#D92E2E;}.capture-button .inner-circle{background-color:white;transform:scale(0.76);transition:transform 150ms ease-in;}.capture-button:active .inner-circle,.recording .capture-button .inner-circle,.capture-active .capture-button .inner-circle{background-color:#00caf2;color:white;transform:scale(1.0);}.controls.mode-video .inner-circle{position:relative;}.controls.mode-video .capture-button:active .inner-circle,.controls.mode-video.capture-active .capture-button .inner-circle,.controls.mode-video.recording .capture-button .inner-circle{background-color:#D92E2E;}.capture-button .center:before{display:block;position:absolute;width:100%;height:100%;font-size:4rem;line-height:10.2rem;text-align:center;color:#81ACB6;}.capture-button:active .center:before,.recording .capture-button .center:before,.capture-active .capture-button .center:before{color:white;}.controls.mode-video .capture-button .center:before{content:"";top:calc(50% - 1rem);left:calc(50% - 1rem);width:2.001rem;height:2.001rem;border-radius:50%;background-color:#D92E2E;color:white;}.controls.mode-video .capture-button:active .center:before,.controls.mode-video.recording .capture-button .center:before,.controls.mode-video.capture-active .capture-button .center:before{border-radius:3px;background-color:white;}.overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.4);z-index:110;}.overlay-content{background:image-set(url("images/ui/pattern.png") 1x, url("images/ui/pattern@1.5x.png") 1.5x, url("images/ui/pattern@2x.png") 2x, url("images/ui/pattern@2.25x.png") 2.25x) repeat left top,image-set(url("images/ui/gradient.png") 1x, url("images/ui/gradient@1.5x.png") 1.5x, url("images/ui/gradient@2x.png") 2x, url("images/ui/gradient@2.25x.png") 2.25x) no-repeat left top;background-size:auto auto,100% 100%;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;font-size:0;color:#fff;padding:11rem 2.5rem 0 2.5rem;}.overlay-title{font-weight:normal;font-size:1.9rem;color:#fff;margin:0 0.5rem 0 0.5rem;padding:0;}.overlay-text{padding:1rem 0.5rem 0 0.5rem;border-top:0.1rem solid #686868;font-weight:300;font-size:2.5rem;color:#ebebeb;}.overlay-menu-close{display:none !important;}.overlay[data-closable=true] .overlay-menu-close{display:block !important;}.overlay-menu-storage{display:none !important;}.overlay[data-type=unavailable] .overlay-menu-storage{display:block !important;}.overlay menu.hidden{display:none;}.overlay menu button.hidden{display:none;}.hud{display:flex;position:absolute;top:0;left:0;width:100%;height:9rem;z-index:1;align-items:center;justify-content:space-between;opacity:1;transition:opacity 200ms linear,visibility 0s;visibility:visible;direction:ltr;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;}.hud.hidden,.hud[countdown=active],.hud[recording=true]{pointer-events:none;opacity:0;visibility:hidden;transition-delay:0s,200ms;}.hud[camera=busy]{pointer-events:none;}.hud_btn,.settings_close{height:5rem;width:5rem;font-size:3rem;line-height:5rem;text-align:center;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.12);background-clip:padding-box;border:solid 1.5rem transparent;-moz-box-sizing:content-box;color:#fff;}.hud_btn:active{background-color:#00b9df;}.hud_camera{opacity:0;}.hud[camera-enabled=true] .hud_camera{opacity:1;}.hud[camera-enabled=false] .hud_camera{pointer-events:none;}.hud_flash{width:5.8rem;height:5.8rem;line-height:5.8rem;font-size:3.2rem;opacity:0;}.hud[flash-enabled=true] .hud_flash{opacity:1;}.hud[flash-enabled=false] .hud_flash{pointer-events:none;}.confirm{position:absolute;left:0;width:100%;top:0;bottom:0;padding:0;margin:0;border-width:0;background:#000;z-index:100;transition:transform var(--transition-duration) linear;overflow:hidden;transform-origin:0 0;}.confirm.hidden{display:none;}.confirm-media-frame{position:absolute;left:0;top:0;width:100%;bottom:5rem;padding:0;margin:0;overflow:hidden;}.confirm-media-frame > .image-view{top:0;left:0;position:absolute;border-width:0;padding:0;margin:0;pointer-events:none;}.confirm-media-frame > video{transform-origin:0 0;}.confirm-controls{position:absolute;left:0;right:0;bottom:0;height:5rem;z-index:100;padding:0 1.5rem;display:flex;}.confirm-controls > button{height:3.8rem;-moz-margin-end:1rem;padding:0 0.2rem;}.confirm-controls > button:last-child{-moz-margin-end:0;}.settings{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;font-size:1.6rem;color:#FFF;background:rgba(0,0,0,0.85);overflow:hidden;opacity:1;transition:opacity 150ms linear,visibility 0s;visibility:visible;will-change:opacity;}.settings.hidden{opacity:0;visibility:hidden;transition-delay:0s,150ms;}.deg90 .settings{width:100vh;height:100vw;transform:rotate(270deg) translate(-100%,0);transform-origin:0 0;}.deg180 .settings{transform:rotate(180deg);}.deg270 .settings{width:100vh;height:100vw;transform:rotate(90deg) translate(0px,-100vw);transform-origin:0 0;}.pane{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 1.5rem;}.pane > .inner{height:100%;}.deg90 .pane > .inner{padding-right:7rem;}.deg270 .pane > .inner{padding-left:7rem;}[show-pane=pane-2] .pane-1{transform:translateX(-100%);visibility:hidden;}.pane-2{transform:translateX(100%);visibility:hidden;}[show-pane=pane-2] .pane-2{transform:translateX(0);visibility:visible;}.settings_inner{display:flex;flex-direction:column;height:100%;}.settings_header{position:relative;height:9rem;margin-right:5rem;line-height:9rem;}.settings_title{padding:0 1.5rem 0 3rem;font-size:2.4rem;font-weight:300;font-style:italic;line-height:9rem;color:rgba(255,255,255,0.8);pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}[dir="rtl"] .settings_title{text-align:center;}.settings_items{flex:1;overflow:scroll;}.settings_close{position:absolute;top:0;right:0;margin:0;border-width:2rem 1.5rem;background-color:#008eab;}.deg90 .settings_close,.deg270 .settings_close{border-width:1.5rem 2rem;}.deg90 .settings_close{top:auto;bottom:0;}.deg270 .settings_close{right:auto;left:0;}.setting{display:flex;height:7rem;align-items:center;border:solid 1px rgba(255,255,255,0.15);border-width:1px 0 0;box-sizing:content-box;transition:all 0ms 250ms;}.setting:last-child{border-width:1px 0 1px;}.setting:active{background:rgba(0,142,171,0.3);border-color:transparent;transition:none;}.setting:before{display:block;width:4rem;font-size:3rem;padding-left:1rem;}.setting_text{line-height:1;}.setting_title{font-size:1.9rem;margin-bottom:0.6rem;color:rgba(255,255,255,0.5);}.setting:active .setting_title{color:#fff;}.setting_value{font-size:1.6rem;font-weight:500;}.setting-options{height:100%;font-size:1.6rem;color:#FFF;}.setting-options > .inner{display:flex;flex-direction:column;height:100%;}.setting-options_items{flex:1;overflow:scroll;}.setting-options_items > .inner{padding:0 1.5rem;background:rgba(0,0,0,0.85);}.setting-option{height:7rem;padding:0 1.5rem;font-size:1.9rem;line-height:7rem;font-weight:500;border:solid 1px rgba(255,255,255,0.15);border-width:1px 0 0;box-sizing:content-box;}.setting-option:last-child{border-width:1px 0 1px;}.setting-option:active{background:rgba(0,142,171,0.3);border-color:transparent;color:white;}.setting-option.selected{color:#008eab;}.setting-option.selected:active{color:white;}.setting-option:before{float:right;margin-right:0.5rem;font-size:2rem;visibility:hidden;}.setting-option.selected:before{visibility:visible;}[dir="rtl"] .setting-option:before{float:left;}.settings-back-btn{position:absolute;left:-2px;top:0;width:50%;height:9rem;text-shadow:none;font-size:24px;color:#FFFFFF;text-align:left;line-height:9rem;}.settings-back-btn:active{background:transparent;color:#008EAb;}.recording-timer{position:absolute;top:0;left:0;z-index:1;visibility:hidden;width:10rem;height:5rem;margin:1.7rem 1.4rem;-moz-padding-start:3.3rem;-moz-padding-end:1.7rem;background-color:rgba(0,0,0,0.12);border-radius:5.6rem;color:#ffffff;font-size:2rem;line-height:5rem;text-align:left;pointer-events:none;opacity:0;transition:opacity 0.2s ease-in-out,visibility 0s 0.2s;will-change:opacity;}[dir=rtl] .recording-timer{right:0;left:auto;}.deg90 .recording-timer{transform-origin:50% 100%;transform:rotate(-90deg);}[dir=rtl] .deg90 .recording-timer{right:-5rem;left:auto;}.deg180 .recording-timer{transform:rotate(-180deg);}.deg270 .recording-timer{transform-origin:25% 50%;transform:rotate(-270deg);}[dir=rtl] .deg270 .recording-timer{right:-5rem;left:auto;}.recording-timer.visible{visibility:visible;opacity:1;transition-delay:0s,0s;}.recording-timer:before{position:absolute;top:0;left:0;content:'';display:block;width:1.4rem;height:1.4rem;margin:1.8rem 1.4rem;background:#d92e2e;border-radius:50%;}[dir=rtl] .recording-timer:before{right:0;left:auto;}.preview-gallery{position:absolute;top:0;left:0;width:100%;bottom:0;background:#000;z-index:100;overflow:hidden;opacity:1;visibility:visible;transition:all var(--transition-duration) ease-in-out;background-color:#333333;}.preview-gallery.offscreen{opacity:0;visibility:hidden;transition:all 200ms ease-in-out;}.frame-container{position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;}.media-frame{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333333;}.media-frame > .image-view{top:0;left:0;position:absolute;pointer-events:none;}.media-frame > video{transform-origin:0 0;}.preview-menu{position:relative;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:visibility var(--transition-duration) ease-in-out,opacity var(--transition-duration) ease-in-out;}.preview-menu.visible{opacity:1;visibility:visible;pointer-events:auto;}.preview-gallery[secure-mode=true] .preview-share-icon,.preview-gallery[secure-mode=true] .preview-option-icon{display:none !important;}.count-text{position:absolute;bottom:83px;width:100%;text-align:center;font-size:2rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,0.4),0 0 29px rgba(0,0,0,0.2);color:#FFF;}.preview-controls{position:absolute;display:flex;left:0;right:0;bottom:0;width:100%;height:4.5rem;background-color:rgba(0,0,0,0.4);z-index:100;}section[role="region"].skin-dark > header:first-child > button:active,section[role="region"].skin-dark > header:first-child menu[type="toolbar"] button:not(:disabled):active{background-color:rgba(0,142,171,0.3);}section[role="region"].skin-dark > header:first-child > button,section[role="region"].skin-dark > header:first-child menu[type="toolbar"] button:not(:disabled){vertical-align:middle;text-align:center;}section[role="region"].skin-dark > header:first-child > button{width:3rem;}section[role="region"] > header:first-child h1{font-weight:normal;padding:0 1rem;}section[role="region"].skin-dark > header:first-child,.skin-dark > section[role="region"] > header:first-child{background:rgba(0,0,0,0.75);}section[role="region"] > header:first-child > button:after,section[role="region"] > header:first-child > a:after{width:100%;}.preview-menu button{font-size:3.0rem !important;text-align:center;text-shadow:none;}.preview-menu button:before{display:block;}.preview-gallery.action-menu .preview-menu,.preview-gallery.action-menu .count-text,.preview-gallery.action-menu .frame-container{visibility:hidden;}.videoPlayer:focus{outline:none;}.videoPlayerPlayButton:before{content:"";position:absolute;top:50%;left:50%;width:9.2rem;height:9.2rem;margin:-4.6rem 0 0 -4.6rem;border-radius:50%;background-color:rgba(0,0,0,.65);}.videoPlayerPlayButton{position:absolute;width:10rem;height:10rem;left:calc(50% - 5rem);top:calc(50% - 5rem);border-radius:50%;border-width:0;}.videoPlayerPlayButton:after{content:"";position:absolute;top:0;left:0;width:10rem;height:10rem;border-radius:50%;background-image:image-set(url("images/video_play_button.png") 1x, url("images/video_play_button@1.5x.png") 1.5x, url("images/video_play_button@2x.png") 2x, url("images/video_play_button@2.25x.png") 2.25x);background-repeat:no-repeat;background-position:50% 50%;background-size:10rem;}.videoPlayerPlayButton:active:before{background-color:rgba(13,108,128,.8);}.videoPlayerPlayButton.hidden{opacity:0;visibility:hidden;}.videoPlayerFooter{position:absolute;left:0;right:0;bottom:0;height:5rem;margin:0;padding:0;background-color:rgba(0,0,0,0.3);overflow:hidden;opacity:1;transition:opacity var(--transition-duration),visibility 0s;visibility:visible;}.videoPlayerFooter.hidden{opacity:0;pointer-events:none;visibility:hidden;transition-delay:0s,0.5s;}.videoPlayerPauseButton{position:absolute;width:10rem;height:10rem;padding:0;margin:0;background:image-set(url("images/video_pause_button.png") 1x, url("images/video_pause_button@1.5x.png") 1.5x, url("images/video_pause_button@2x.png") 2x, url("images/video_pause_button@2.25x.png") 2.25x) no-repeat center center / 3rem,rgba(0,0,0,.5);border-radius:5.3rem;border:solid #ccc 0.3rem;top:-2.5rem;left:1rem;}.videoPlayerPauseButton:active{background:url(images/video_pause_button.png) no-repeat center center / 3rem,url(images/video_play_focus.png) no-repeat center center / 10.6rem}button::-moz-focus-inner{padding:0;border:none;}.videoPlayerSlider{position:absolute;left:11rem;top:0;right:0;height:100%;}.videoPlayerSlider > span{display:block;width:4.5rem;position:absolute;color:white;height:100%;line-height:5rem;text-align:center;font-size:1.5rem;}.videoPlayerElapsedText{left:1rem;}html[dir="rtl"] .videoPlayerElapsedText{right:1rem;left:unset;}.videoPlayerDurationText{right:1rem;}html[dir="rtl"] .videoPlayerDurationText{left:1rem;right:unset;}.videoPlayerFullscreenButton{display:none;}.videoPlayerProgress{position:absolute;top:0;left:7rem;right:7rem;height:100%;}.videoPlayerProgress > div{position:absolute;pointer-events:none;}.videoPlayerElapsedBar,.videoPlayerBackgroundBar{height:0.4rem;width:0;top:50%;margin-top:-0.2rem;border-radius:0.6rem;}.videoPlayerElapsedBar{background-color:#0ac;}.videoPlayerBackgroundBar{background-color:#333;width:100%;}.videoPlayerPlayHead{display:block;height:2rem;width:2.5rem;border-radius:2.5rem;background-color:white;top:50%;margin-top:-1rem;-moz-margin-start:-1.2rem;}.countdown{position:absolute;top:50%;left:50%;z-index:50;height:16rem;width:16rem;margin:-8rem;line-height:16rem;overflow:hidden;border-radius:50%;text-align:center;opacity:0;color:#FFF;pointer-events:none;transform:scale(1.5);transition:opacity 200ms,transform 0ms 100ms;}.countdown.visible{opacity:1;transform:scale(1);transition:opacity 400ms,transform 300ms;}.countdown_circle-1{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.12;transition:opacity 180ms;}.countdown.immanent .countdown_circle-1{opacity:0;}.countdown_circle-2{position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(245,50,50);opacity:0;}.countdown.immanent .countdown_circle-2{animation:countdown_circle-2 3s linear 1;animation-fill-mode:forwards;}@keyframes countdown_circle-2{0%{opacity:0;}6%{opacity:0.12;}100%{opacity:0.7;}}.countdown_count{position:relative;font-size:10.2rem;font-weight:100;opacity:1;transform:scale(1.6);transition:none;}.shrink .countdown_count{transition:all 1s;opacity:0;transform:scale(1);}.zoom-bar{position:absolute;top:12.5rem;right:4rem;bottom:12.5rem;width:0.2rem;height:auto;min-height:16.4rem;opacity:0;pointer-events:none;transition:opacity 200ms ease;}.zoom-bar.zooming{opacity:1;pointer-events:auto;}body.deg90 .zoom-bar{top:13.5rem;right:3rem;bottom:auto;height:calc(100vw - 6rem);transform-origin:0 0;transform:rotate(-90deg) translate(0px,-100%);}body.deg180 .zoom-bar{top:12.5rem;right:auto;bottom:12.5rem;left:4rem;transform:rotate(180deg);}body.deg270 .zoom-bar{top:auto;right:auto;bottom:16rem;left:3rem;height:calc(100vw - 6rem);transform-origin:0 100% 0;transform:translate(0%,0%) rotate(90deg);}.zoom-bar-max-indicator{position:absolute;top:0;left:-0.4rem;width:1rem;height:1rem;z-index:1;opacity:0.75;border-radius:50%;background-color:#719198;transition:background-color 0.15s ease,opacity 0.15s ease;}.zoom-bar-max-indicator:before{content:'';display:block;position:absolute;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;}.zoom-bar-max-indicator.active{background-color:#ffffff;opacity:1;}.zoom-bar-min-indicator{position:absolute;bottom:0;left:-0.15rem;width:0.5rem;height:0.5rem;z-index:1;opacity:0.75;border-radius:50%;background-color:#ffffff;transition:background-color 0.15s ease,opacity 0.15s ease;}.zoom-bar-min-indicator:before{content:'';display:block;position:absolute;top:-1.75rem;right:-1.75rem;bottom:-1.75rem;left:-1.75rem;}.zoom-bar-min-indicator.active{background-color:#ffffff;opacity:1;}.zoom-bar-inner{position:absolute;top:2.8rem;right:0;bottom:2.8rem;left:0;z-index:2;background-color:rgba(113,145,152,0.75);}.zoom-bar-track{position:absolute;top:100%;bottom:0;left:0;width:100%;background-color:#ffffff;transition:top 0.08s linear;}.zoom-bar-scrubber{position:absolute;bottom:0;left:-0.7rem;width:1.3rem;height:1.3rem;box-sizing:padding-box;margin-bottom:-0.7rem;border-radius:50%;border:0.15rem solid #ffffff;background-color:#93bac2;transition:background-color 0.15s ease,bottom 0.08s linear;}.zoom-bar-scrubber:before{content:'';display:block;position:absolute;top:-1.5rem;right:-2rem;bottom:-1.5rem;left:-2rem;}.zoom-bar-scrubber.active{background-color:#008eab;}.indicators{display:flex;position:absolute;top:0;left:0;z-index:1;height:100%;padding:0 1.5rem;flex-direction:column;justify-content:center;pointer-events:none;}.indicators.hidden{display:none;}.deg180 .indicators{padding:0 0.8rem;}.indicators li{display:none;height:1.8rem;width:1.8rem;line-height:1;margin-bottom:1.2rem;border-radius:4px;text-align:center;background-color:rgba(255,255,255,0.8);color:#008EAB;}.indicators li:before{font-size:1.8rem;}.indicators[hdr=on] .indicator_hdr,.indicators[geolocation=on] .indicator_geolocation{display:block;}.indicators[recording=true] .indicator_hdr,.indicators[mode=video] .indicator_hdr,.indicators[recording=true] .indicator_countdown,.indicators[countdown=off] .indicator_countdown{display:none;}li.indicator_geolocation:before{font-size:1.3rem;line-height:1.4;}.indicators .indicator_countdown{display:block;}.indicators .indicator_countdown:before{font-size:1.7rem;}.indicators .indicator_battery{width:2.5rem;height:0.9rem;line-height:0.9rem;margin-left:-0.3rem;color:#D92E2E;background:transparent;}.indicators .indicator_battery:before{font-size:2.5rem;}.deg90 .indicators .indicator_battery,.deg270 .indicators .indicator_battery{margin-top:0.9rem;margin-left:-0.4rem;}.indicators[battery-enabled=true] .indicator_battery{display:block;}.indicators[battery='low'] .indicator_battery,.indicators[battery='verylow'] .indicator_battery,.indicators[battery='critical'] .indicator_battery{display:block;}.indicators[battery='verylow'] .indicator_battery:before,.indicators[battery='critical'] .indicator_battery:before{content:"battery-1";}.indicators[battery='critical'] .indicator_battery{animation:2s linear infinite indicator_battery-animation;}@keyframes indicator_battery-animation{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}.notification{display:flex;align-items:flex-end;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:15rem;text-align:center;font-size:2rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,0.4),0 0 29px rgba(0,0,0,0.2);color:#FFF;z-index:1;pointer-events:none;}.deg90 .notification,.deg270 .notification{width:100vh;height:100vw;padding-bottom:4.8rem;transform:rotate(90deg) translate(0%,-100%);transform-origin:0 0;}.deg90 .notification{transform:rotate(-90deg) translate(-100%,0%);}.deg180 .notification{transform:rotate(180deg);}.notification > li{}.notification > li.hidden{display:none;}.notification > li > span{font-family:sans-serif;font-size:2rem;font-weight:500;}.notification > li:before{display:block;font-size:4rem;line-height:1;color:#D92E2E;text-shadow:none;}.loading-screen{display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 300ms;}.loading-screen.visible{opacity:1;}