Basic

Section	Class	Mandatory	Description
Page	ui-page	Yes	Defines the element as a page. + * + * The page widget is used to manage a single item in a page-based architecture. + * + * A page is composed of header (optional), content (mandatory), and footer (optional) elements.
ui-page-active	No	If an application has a static start page, insert the ui-page-active class in the page element to + * speed up the application launch. The start page with the ui-page-active class can be displayed before + * the framework is fully loaded. + * + * If this class is not used, the framework inserts the class automatically to the first page of the + * application. + * + * However, this has a slowing effect on the application launch, because the page is displayed only after + * the framework is fully loaded.
Header	ui-header	No	Defines the element as a header.
Content	ui-content	Yes	Defines the element as content.
Footer	ui-footer	No	Defines the element as a footer. + * + * The footer section is mostly used to include option buttons.

Class	Default	Press	Disable
ui-color-red	#ce2302	#dd654e	#3d0a0a
ui-color-orange	#ed8600	#f0aa56	#462805
ui-color-green	#64a323	#92be5e	#1e3108

Class	Description
ui-grid-col-1	Defines the button column width as 100% of the screen.
ui-grid-col-2	Defines the button column width as 50% of the screen.
ui-grid-col-3	Defines the button column width as 33% of the screen.
ui-grid-row	Arranges the buttons in a row.

+ * + * #### 24 hours format + * To add a timepicker widget to the application, use the following code: + * + * @example + *

+ * + * @class ns.widget.wearable.TimePicker + * @since 4.0 + * @extends ns.widget.wearable.NumberPicker + * @author Maciej Moczulski + */ +(function (window, document, ns) { + "use strict"; + + var /** + * @property {Object} engine + * @member ns.widget.core.NumberPicker + * @private + * @static + */ + utilsEvents = ns.event, + getClosestByClass = ns.util.selectors.getClosestByClass, + NumberPicker = ns.widget.wearable.NumberPicker, + prototype = Object.create(NumberPicker.prototype), + + WIDGET_CLASS = "ui-time-picker", + classes = { + CONTAINER: WIDGET_CLASS + "-container", + HOURS_CONTAINER: WIDGET_CLASS + "-container-hours", + MINUTES_CONTAINER: WIDGET_CLASS + "-container-minutes", + AMPM_CONTAINER: WIDGET_CLASS + "-container-ampm", + AMPM_PRESSED: WIDGET_CLASS + "-container-ampm-pressed", + COLON: WIDGET_CLASS + "-colon-container", + AMPM: WIDGET_CLASS + "-am-pm", + AMPM_INNER_CONTAINER: WIDGET_CLASS + "-am-pm-inner-container", + NO_AMPM: WIDGET_CLASS + "-no-am-pm", + ACTIVE_LABEL: WIDGET_CLASS + "-active-label", + ACTIVE_LABEL_ANIMATION: WIDGET_CLASS + "-active-label-animation", + SHOW_PM_ANIMATION: WIDGET_CLASS + "-show-pm", + HIDE_PM_ANIMATION: WIDGET_CLASS + "-hide-pm", + DISABLE_ANIMATION: WIDGET_CLASS + "-disable-animation", + CIRCLE_INDICATOR_BACKGROUND: WIDGET_CLASS + "-background", + HIDDEN: WIDGET_CLASS + "-hidden", + HIDDEN_LABEL: "ui-number-picker-label-hidden" + }, + WIDGET_SELECTOR = "." + WIDGET_CLASS, + AMPM_PRESS_EFFECT_DURATION = 300; + + function TimePicker() { + var self = this; + + // other widgets instances using by number picker + self._circleIndicator = null; + // circle indicator widget will just draw minutes on the board + self._circleIndicatorSupporter = null; + // hours and minutes input have different max values, holds active input max value + self._actualMax = 0; + // store timer id + self.rotaryControler = 0; + self._rotation = 0; + self._spins = null; + + NumberPicker.call(self); + } + + /** + * Collect options from DOM + * currently only display 24 or 12 format can be picked up + * @protected + * @method _configure + * @member ns.widget.core.TimePicker + */ + prototype._configure = function () { + /** + * All possible component options + * @property {Object} options + * @property {string|Array} [options.format=["h","H"] indices format for + * presentation. h is for 12H format and H is for 24H format + * @member ns.widget.wearable.TimePicker + */ + var options = this.options; + + options.circleType = "none"; + options.circleR = 0; + options.from = 0; + options.to = 12; + options.format = options.format || "H"; + }; + + /** + * Init method + * @method _init + * @member ns.widget.core.TimePicker + * @protected + */ + prototype._init = function () { + var self = this, + initDate = new Date(), + ui = self._ui, + uiNumberHours = ui.numberHours, + uiInputHours = ui.numberPickerHoursInput; + + //set the initial hours value, based on time stamp + self._setValue(initDate); + + if (self.options.format === "H") { + self._maxHour = 24; + } else { + self._maxHour = 12; + } + uiNumberHours.classList.add(classes.ACTIVE_LABEL); + uiNumberHours.classList.add(classes.ACTIVE_LABEL_ANIMATION); + self._actualMax = parseInt(uiInputHours.max, 10); + self._toggleCircleIndicator(); + // move indicator to the selected hours value + self._circleIndicator.option("to", 12); + self._showIndicator(); + }; + + prototype._buildAMPM = function (numberPickerHoursContainer, element) { + var self = this, + ui = self._ui, + amPmBlock, + amSpan, + pmSpan, + amPmInnerContainer; + + if (self.options.format === "h") { + amPmBlock = document.createElement("div"); + amPmBlock.classList.add(classes.AMPM_CONTAINER); + element.appendChild(amPmBlock); + + amPmInnerContainer = document.createElement("div"); + amPmInnerContainer.classList.add(classes.AMPM_INNER_CONTAINER); + amPmBlock.appendChild(amPmInnerContainer); + + amSpan = document.createElement("span"); + pmSpan = document.createElement("span"); + + amSpan.innerHTML = "AM"; + pmSpan.innerHTML = "PM"; + + amPmInnerContainer.appendChild(amSpan); + amPmInnerContainer.appendChild(pmSpan); + + //instance variable storing information whether it is am or pm, default value is pm + self.options.amOrPm = "AM"; + ui.amOrPmContainer = amPmBlock; + numberPickerHoursContainer.classList.add(classes.AMPM); + } else { + numberPickerHoursContainer.classList.add(classes.NO_AMPM); + } + }; + + /** + * Build widget instance + * @param {HTMLElement} element + * @protected + * @method _build + * @member ns.widget.core.TimePicker + */ + prototype._build = function (element) { + var self = this, + ui = self._ui, + footer, + indicator = document.createElement("div"), + indicatorMinutes = document.createElement("div"), + buttonSet = document.createElement("button"), + numberPickerColon = document.createElement("span"), + numberPickerHoursContainer = self._addIndicator("Hours"), + numberPickerColonContainer = document.createElement("div"), + numberPickerMinutesContainer = self._addIndicator("Minutes"); + + footer = self._findFooter(element); + + // create button set + buttonSet.innerHTML = "SET"; + // add classes + element.classList.add(NumberPicker.classes.CONTAINER); + buttonSet.classList.add("ui-btn"); + buttonSet.classList.add(NumberPicker.classes.BUTTON_SET); + + numberPickerHoursContainer.classList.add(classes.HOURS_CONTAINER); + numberPickerHoursContainer.classList.add(classes.CONTAINER); + numberPickerColonContainer.classList.add(classes.COLON) ; + numberPickerMinutesContainer.classList.add(classes.MINUTES_CONTAINER); + numberPickerMinutesContainer.classList.add(classes.CONTAINER); + numberPickerColon.innerHTML = ":"; + // build DOM structure + element.appendChild(numberPickerHoursContainer); + element.appendChild(numberPickerColonContainer); + element.appendChild(numberPickerMinutesContainer); + numberPickerColonContainer.appendChild(numberPickerColon); + + self._buildAMPM(numberPickerHoursContainer, element); + + element.appendChild(indicatorMinutes); + element.appendChild(indicator); + footer.appendChild(buttonSet); + + // main indicator used for both hours, minutes inputs + ui.indicator = indicator; + ui.indicatorMinutes = indicatorMinutes; + // footer elements + ui.buttonSet = buttonSet; + ui.footer = footer; + + // Create circle widget, defined by Number Picker, + // main indicator will work on this widget + self._createWidgets(element); + self._buildNumberPicker(); + self._circleIndicator.element.classList.add(classes.CIRCLE_INDICATOR_BACKGROUND); + + return element; + }; + + /** + * Method for rotary detent event + * + * Method sets the new value after rotary event + * @method _onRotary + * @param {Event} event + * @protected + * @member ns.widget.mobile.TimePicker + */ + prototype._onRotary = function (event) { + var self = this, + currentValue, + activeInput, + activeNumber = document.querySelector("." + classes.ACTIVE_LABEL); + + if (activeNumber) { + activeInput = activeNumber.parentElement.children[2]; + + currentValue = parseInt(activeInput.value, 10); + if (event.detail.direction === "CW") { + currentValue++; + if (currentValue % self._circleIndicator.options.to === 0) { + self._rotation++; + } + } else { + currentValue--; + if ((currentValue - self._circleIndicator.options.to) % self._circleIndicator.options.to === -1) { + self._rotation--; + } + } + self.value(currentValue); + } + }; + + /** + * Method for click event + * + * @method _onClick + * @param {Event} event + * @protected + * @member ns.widget.mobile.TimePicker + */ + prototype._onClick = function (event) { + var self = this, + ui = self._ui, + eventTargetElement = event.target, + uiNumberHours = ui.numberHours, + uiNumberMinutes = ui.numberMinutes, + uiInputHours = ui.numberPickerHoursInput, + uiAmPmContainer = ui.amOrPmContainer, + parentContainer = getClosestByClass(eventTargetElement, classes.CONTAINER); + + //hours + if (parentContainer && parentContainer.classList.contains(classes.HOURS_CONTAINER)) { + uiNumberHours.classList.add(classes.ACTIVE_LABEL); + uiNumberMinutes.classList.remove(classes.ACTIVE_LABEL); + ui.labelHours.classList.add(classes.HIDDEN_LABEL); + ui.labelMinutes.classList.remove(classes.HIDDEN_LABEL); + uiNumberHours.classList.add(classes.ACTIVE_LABEL_ANIMATION); + uiNumberMinutes.classList.remove(classes.ACTIVE_LABEL_ANIMATION); + self._actualMax = parseInt(uiInputHours.max, 10); + // move indicator to the selected hours value + self._circleIndicator.option("to", 12); + if (self._spins) { + if (self._spins["Minutes"].option("enabled")) { + self._spins["Minutes"].option("enabled", false); + } + if (!self._spins["Hours"].option("enabled")) { + self._spins["Hours"].option("enabled", true); + } + } + //minutes + } else if (parentContainer && parentContainer.classList.contains(classes.MINUTES_CONTAINER)) { + uiNumberHours.classList.remove(classes.ACTIVE_LABEL); + uiNumberMinutes.classList.add(classes.ACTIVE_LABEL); + ui.labelHours.classList.remove(classes.HIDDEN_LABEL); + ui.labelMinutes.classList.add(classes.HIDDEN_LABEL); + uiNumberHours.classList.remove(classes.ACTIVE_LABEL_ANIMATION); + uiNumberMinutes.classList.add(classes.ACTIVE_LABEL_ANIMATION); + self._actualMax = 60; + // move indicator to the selected minutes value + self._circleIndicator.option("to", 60); + if (self._spins) { + if (self._spins["Hours"].option("enabled")) { + self._spins["Hours"].option("enabled", false); + } + if (!self._spins["Minutes"].option("enabled")) { + self._spins["Minutes"].option("enabled", true); + } + } + //AM PM + } else if (eventTargetElement.parentElement.classList.contains(classes.AMPM_INNER_CONTAINER)) { + uiAmPmContainer.classList.add(classes.AMPM_PRESSED); + window.setTimeout(function () { + uiAmPmContainer.classList.remove(classes.AMPM_PRESSED); + }, AMPM_PRESS_EFFECT_DURATION); + if (self.options.amOrPm === "AM") { + uiAmPmContainer.firstElementChild.classList.remove(classes.HIDE_PM_ANIMATION); + uiAmPmContainer.firstElementChild.classList.add(classes.SHOW_PM_ANIMATION); + self.options.amOrPm = "PM"; + } else { + uiAmPmContainer.firstElementChild.classList.remove(classes.SHOW_PM_ANIMATION); + uiAmPmContainer.firstElementChild.classList.add(classes.HIDE_PM_ANIMATION); + self.options.amOrPm = "AM"; + } + } else if (eventTargetElement.classList.contains("ui-number-picker-set")) { + self.trigger("change", { + value: self.value() + }); + history.back(); + } else { + ui.labelHours.classList.remove(classes.HIDDEN_LABEL); + ui.labelMinutes.classList.remove(classes.HIDDEN_LABEL); + if (self._spins) { + self._spins["Hours"].option("enabled", false); + self._spins["Minutes"].option("enabled", false); + } + } + }; + + /** + * Change value of spin included in timePicker + * @method _onSpinChange + * @param {Event} event + * @memberof ns.widget.wearable.TimePicker + * @protected + */ + prototype._onSpinChange = function (event) { + var self = this, + parentElement = getClosestByClass(event.target, classes.CONTAINER); + + if (parentElement) { + self.value(event.detail.value); + } + }; + + /** + * Handle events + * @method handleEvent + * @public + * @param {Event} event Event + * @member ns.widget.wearable.TimePicker + */ + prototype.handleEvent = function (event) { + var self = this; + + switch (event.type) { + case "click": + event.preventDefault(); + self._onClick(event); + break; + case "rotarydetent": + event.preventDefault(); + self._onRotary(event); + break; + case "spinchange": + self._onSpinChange(event); + break; + } + }; + + /** + * + * @protected + * @method _hideIndicator + * @member ns.widget.core.TimePicker + */ + prototype._hideIndicator = function () { + this._circleIndicator.element.querySelector(".ui-polar").style.visibility = "hidden"; + }; + + /** + * + * @protected + * @method _showIndicator + * @member ns.widget.core.TimePicker + */ + prototype._showIndicator = function () { + this._circleIndicator.element.querySelector(".ui-polar").style.visibility = "visible"; + }; + /** + * Build DOM for Hours and Minutes number picker + * @param {string} name + * @protected + * @method _addIndicator + * @member ns.widget.core.TimePicker + */ + prototype._addIndicator = function (name) { + var self = this, + ui = self._ui, + number = document.createElement("div"), + numberPickerInput = document.createElement("input"), + numberPickerLabel = document.createElement("label"), + numberPickerContainer = document.createElement("div"); + + number.classList.add(NumberPicker.classes.NUMBER); + numberPickerLabel.classList.add(NumberPicker.classes.LABEL); + + //prepare dom for inputs + if (name === "Hours") { + numberPickerLabel.innerText = "Hrs"; + if (self.options.format === "H") { + numberPickerInput.min = "0"; + numberPickerInput.max = "24"; + } else { + numberPickerInput.min = "1"; + numberPickerInput.max = "12"; + } + } else if (name === "Minutes") { + numberPickerLabel.innerText = "Mins"; + numberPickerInput.min = "0"; + numberPickerInput.max = "60"; + } + numberPickerInput.type = "number"; + numberPickerInput.step = "1"; + numberPickerInput.value = "0"; + numberPickerContainer.appendChild(numberPickerLabel); + numberPickerContainer.appendChild(number); + numberPickerContainer.appendChild(numberPickerInput); + + ui["number" + name] = number; + ui["label" + name] = numberPickerLabel; + ui["numberPicker" + name + "Input"] = numberPickerInput; + ui["numberPicker" + name + "Container"] = numberPickerContainer; + + return numberPickerContainer; + }; + + /** + * Build number picker + * @method _buildNumberPicker + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._buildNumberPicker = function () { + var self = this, + ui = self._ui, + names = ["Hours", "Minutes"], + options; + + self._spins = {}; + names.forEach(function (name) { + var numberElement = ui["number" + name], + input = ui["numberPicker" + name + "Input"]; + + switch (name) { + case "Hours" : + options = { + min: parseInt(input.min, 10), + max: self.options.format === "H" ? parseInt(input.max, 10) - 1 : parseInt(input.max, 10), + loop: "enabled", + rollHeight: "custom", + itemHeight: 50, + duration: 300, + digits: 2, + scaleFactor: 0.6, + moveFactor: 0.445, + value: parseInt(input.value, 10) + }; + break; + case "Minutes" : + options = { + min: 0, + max: 59, + loop: "enabled", + rollHeight: "custom", + itemHeight: 50, + duration: 300, + digits: 2, + scaleFactor: 0.6, + moveFactor: 0.445, + value: parseInt(input.value, 10) + }; + break; + } + self._spins[name] = ns.widget.Spin(numberElement, options); + }); + }; + + prototype._setDateValue = function (value) { + var self = this, + ui = self._ui, + hours, + minutes; + + hours = value.getHours(); + minutes = value.getMinutes(); + if (self.options.format === "h") { + if (hours > 12) { + hours -= 12; + self.options.amOrPm = "PM"; + } else { + self.options.amOrPm = "AM"; + } + } + ui.numberPickerHoursInput.setAttribute("value", hours); + ui.numberPickerHoursInput.value = hours; + ui.numberPickerMinutesInput.setAttribute("value", minutes); + ui.numberPickerMinutesInput.value = minutes; + if (self._spins) { + self._spins["Hours"].value(hours); + self._spins["Minutes"].value((minutes < 10 ? "0" : "") + minutes); + } + + //by default set the indicator on hours value + self._actualMax = parseInt(ui.numberPickerHoursInput.max, 10); + }; + + /** + * Set value of number picker + * @param {number} value + * @protected + * @method _setValue + * @member ns.widget.core.TimePicker + */ + prototype._setValue = function (value) { + var self = this, + activeInput, + activeNumber, + visibleValue; + + if (value instanceof Date) { + self._setDateValue(value); + } else { + value = parseInt(value, 10); + activeNumber = document.querySelector("." + classes.ACTIVE_LABEL); + if (activeNumber) { + activeInput = activeNumber.parentElement.children[2]; + activeInput.setAttribute("value", value); + if (self._circleIndicator.options.to === 12) { + visibleValue = (self._maxHour + value) % self._maxHour; + } else { + visibleValue = (self._circleIndicator.options.to + value) % self._circleIndicator.options.to; + } + if (self.options.format === "h" && self._circleIndicator.options.to === 12 && visibleValue === 0) { + visibleValue = 12; + } + activeInput.value = visibleValue; + if (self._spins) { + if (self._circleIndicator.options.to === 60) { + self._spins["Minutes"].value((visibleValue < 10 ? "0" : "") + visibleValue); // minutes + } else { + self._spins["Hours"].value(visibleValue); // hours + } + } + } + } + }; + + /** + * Toggle circle indicator + * @protected + * @method _toggleCircleIndicator + * @member ns.widget.wearable.DatePicker + */ + prototype._toggleCircleIndicator = function () { + var self = this; + + if (!self.options.indicator) { + self._circleIndicator.element.classList.add(classes.HIDDEN); + } else { + self._circleIndicator.element.classList.remove(classes.HIDDEN); + } + } + + /** + * Destroy widget instance + * @protected + * @method _destroy + * @member ns.widget.core.TimePicker + */ + prototype._destroy = function () { + var self = this, + ui = self._ui, + element = self.element; + + // destroy widgets + self._circleIndicator.destroy(); + + // recovery DOM structure + while (element.firstChild) { + element.removeChild(element.firstChild); + } + + ui.footer.classList.remove("ui-bottom-button"); + + if (ui.footer.children.length) { + ui.footer.removeChild(ui.buttonSet); + } + + self._unbindEvents(); + }; + + /** + * Bind widget event handlers override NumberPicker to not call + * @protected + * @method _bindEvents + * @member ns.widget.core.TimePicker + */ + prototype._bindEvents = function () { + var self = this, + ui = self._ui; + + utilsEvents.on(document, "rotarydetent", self, true); + utilsEvents.on(document, "click", self, true); + utilsEvents.on(ui.numberMinutes, "spinchange", self, true); + utilsEvents.on(ui.numberHours, "spinchange", self, true); + }; + + /** + * Unbind widget event handlers override NumberPicker to not call + * @protected + * @method _unbindEvents + * @member ns.widget.core.TimePicker + */ + prototype._unbindEvents = function () { + var self = this, + ui = self._ui; + + utilsEvents.off(document, "rotarydetent", self, true); + utilsEvents.off(document, "click", self, true); + utilsEvents.on(ui.numberMinutes, "spinchange", self, true); + utilsEvents.on(ui.numberHours, "spinchange", self, true); + }; + + TimePicker.prototype = prototype; + TimePicker.prototype.constructor = TimePicker; + + // definition + ns.widget.wearable.TimePicker = TimePicker; + ns.engine.defineWidget( + "TimePicker", + WIDGET_SELECTOR, + [], + TimePicker, + "" + ); + }(window, window.document, window.tau)); + +/*global window, ns, define */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * # ColorPicker Component + * + * Color picker is a Tizen component based on Selector, dedicated for easy color selection. + * It works in a similar way to Selector and all Selector methods are compatible with Color + * Picker as well. Compared to Selector it has additional methods for getting the value of selected + * color. The component has built-in set of 11 default colors. + * + * ## HTML example + * + * @example + *

+ *

+ * + * ## Manual constructor + * + * @example + * (function() { + * var page = document.getElementById("main"), + * colorpicker = document.getElementById("colorpicker"), + * clickBound; + * + * function onClick(event) { + * var activeItem = selector.querySelector(".ui-item-active"); + * } + * page.addEventListener("pagebeforeshow", function() { + * clickBound = onClick.bind(null); + * tau.widget.Selector(selector); + * colorpicker.addEventListener("click", clickBound, false); + * }); + * page.addEventListener("pagebeforehide", function() { + * colorpicker.removeEventListener("click", clickBound, false); + * }); + * })(); + * + * ## Options + * This component has no additional options. + * + * @class ns.widget.wearable.ColorPicker + * @author Dariusz Dyrda + */ +(function (document, ns) { + "use strict"; + var Selector = ns.widget.wearable.Selector, + engine = ns.engine, + ColorPicker = function () { + var self = this; + + self.options = {}; + Selector.call(self); + }, + + colorDefinitions = { + red: "#FE0030", + darkorange: "#FE5E34", + orange: "#FE8E38", + yellow: "#FEEE43", + yellowgreen: "#82C350", + green: "#00B455", + darkturquoise: "#00A99C", + deepskyblue: "#00B0EA", + darkblue: "#0058A1", + purple: "#6A338D", + grey: "#727272" + }, + + WIDGET_CLASS = "ui-colorpicker", + + classes = { + WIDGET: WIDGET_CLASS, + SELECTOR: "ui-selector", + ITEM: "ui-item", + INDICATOR: "ui-selector-indicator-text", + ITEM_ACTIVE: "ui-item-active" + }, + + activeColor, + + prototype = new Selector(); + + /** + * Dictionary for ColorPicker related events. + * For color picker, it is an empty object. + * @property {Object} events + * @member ns.widget.wearable.ColorPicker + * @static + */ + ColorPicker.events = {}; + + /** + * Build ColorPicker component + * @method _build + * @param {HTMLElement} element + * @return {HTMLElement} + * @protected + * @member ns.widget.wearable.ColorPicker + */ + prototype._build = function (element) { + var self = this; + + self._createItems(element); + Selector.prototype._build.call(self, element); + element.classList.add(WIDGET_CLASS, classes.SELECTOR); + + return element; + }; + + /** + * Create selector items based on colorDefinitions array + * @method _createItems + * @param {HTMLElement} element + * @protected + */ + prototype._createItems = function (element) { + var itemClass = classes.ITEM, + item; + + Object.keys(colorDefinitions).forEach(function (color) { + item = document.createElement("div"); + item.classList.add(itemClass); + item.style.backgroundColor = colorDefinitions[color]; + item.setAttribute("data-title", color); + element.appendChild(item); + }); + }; + + /** + * Set the active color and set indicator background + * @method _setActiveItem + * @param {number} index + * @protected + */ + prototype._setActiveItem = function (index) { + var self = this, + activeItem, + indicator; + + Selector.prototype._setActiveItem.call(self, index); + + indicator = self.element.querySelector("." + classes.INDICATOR); + activeItem = self.element.querySelector("." + classes.ITEM_ACTIVE).getAttribute("data-title"); + + activeColor = colorDefinitions[activeItem]; + indicator.style.backgroundColor = activeColor; + }; + + /** + * This method returns hex value of the selected color + * @method getSelectedColor + * @return {string} color + * @public + * @member ns.widget.wearable.ColorPicker + */ + prototype.getSelectedColor = function () { + return activeColor; + }; + + /** + * Destroy widget + * @method _destroy + * @protected + * @member ns.widget.wearable.ColorPicker + */ + prototype._destroy = function () { + var self = this, + element = self.element; + + Selector.prototype._destroy.call(self); + element.innerHTML = ""; + }; + + ColorPicker.prototype = prototype; + ns.widget.wearable.ColorPicker = ColorPicker; + + engine.defineWidget( + "ColorPicker", + ".ui-colorpicker", + [ + "getSelectedColor" + ], + ColorPicker + ); + }(window.document, ns)); + +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*global window, define, ns*/ +/** + * #DatePicker Widget + * + * @class ns.widget.wearable.DatePicker + * @since 4.0 + * @extends ns.widget.BaseWidget + */ +(function (window, document) { + "use strict"; + var BaseWidget = ns.widget.BaseWidget, + engine = ns.engine, + utilsEvents = ns.event, + NumberPicker = ns.widget.wearable.NumberPicker, + prototype = new BaseWidget(), + getClosestByClass = ns.util.selectors.getClosestByClass, + + WIDGET_CLASS = "ui-date-picker", + classes = { + CONTAINER: WIDGET_CLASS + "-container", + CONTAINER_PREFIX: WIDGET_CLASS + "-container-", + DAYNAME_CONTAINER: WIDGET_CLASS + "-containter-dayname", + ACTIVE_LABEL_ANIMATION: WIDGET_CLASS + "-active-label-animation", + HIDDEN: WIDGET_CLASS + "-hidden", + LABEL_HIDDEN: "ui-number-picker-label-hidden" + }, + + DAY_NAMES = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], + MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], + WIDGET_SELECTOR = "." + WIDGET_CLASS, + INDICATOR_OPTIONS = { + month: { + to: 12, + bigTick: 1, + bigTickHeight: 20, + smallTick: 0 + }, + year: { + to: 50, + bigTickHeight: 13, + bigTick: 5, + smallTick: 1 + }, + day: { + to: 30, + bigTickHeight: 13, + bigTick: 2, + smallTick: 1 + } + }, + MIN_YEAR = 1900, + MAX_YEAR = 2050, + CONTAINERS = ["month", "day", "year"]; + + function DatePicker() { + var self = this; + + self._ui = { + display: {}, + dayNameContainer: null, + footer: null + }; + + self.options = { + min: 0, + max: 12, + step: 1, + disabled: false + }; + + self._circleIndicatorSupporter = null; + self._activeSelector = null; + self._spins = {}; + } + + /** + * Initialize widget state, set current date and init month indicator + * @method _init + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._init = function () { + this._setValue(new Date()); + this._setActiveSelector("month"); + }; + + /** + * Bind events click and rotarydetent + * @method _bindEvents + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._bindEvents = function () { + var self = this; + + self.on("click", self, true); + utilsEvents.on(self._ui.display.day, "spinchange", self, false); + utilsEvents.on(self._ui.display.month, "spinchange", self, false); + utilsEvents.on(self._ui.display.year, "spinchange", self, false); + utilsEvents.on(document, "rotarydetent", self, true); + }; + + /** + * Unbind events click and rotarydetent + * @method _unbindEvents + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._unbindEvents = function () { + var self = this; + + utilsEvents.off(document, "rotarydetent", self, true); + self.off("click", self, true); + }; + + /** + * Build full widget structure + * @method _build + * @param {HTMLElement} element + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._build = function (element) { + var self = this, + ui = self._ui, + footer = document.createElement("footer"), + buttonSet = document.createElement("button"), + dayNameContainer = document.createElement("div"); + + // create button set + buttonSet.innerHTML = "SET"; + // add classes + element.classList.add(NumberPicker.classes.CONTAINER); + buttonSet.classList.add("ui-btn", NumberPicker.classes.BUTTON_SET); + footer.classList.add("ui-footer", "ui-bottom-button", "ui-fixed"); + + dayNameContainer.classList.add(classes.DAYNAME_CONTAINER); + + // build DOM structure + CONTAINERS.forEach(function (name) { + element.appendChild(self._createContainer(name)); + }); + + element.appendChild(dayNameContainer); + element.appendChild(footer); + + footer.appendChild(buttonSet); + + ui.buttonSet = buttonSet; + ui.dayNameContainer = dayNameContainer; + ui.footer = footer; + + self._buildNumberPicker(); + return element; + }; + + /** + * Build number picker + * @method _buildNumberPicker + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._buildNumberPicker = function () { + var self = this, + display = self._ui.display; + + Object.keys(display).forEach(function (key) { + var options; + + switch (key) { + case "month" : + options = { + min: 1, + max: MONTH_NAMES.length, + loop: "enabled", + labels: MONTH_NAMES.join(","), + rollHeight: "custom", + itemHeight: 50, + duration: 300, + value: 2 + }; + break; + case "day" : + options = { + min: 1, + max: 31, + loop: "enabled", + rollHeight: "custom", + itemHeight: 50, + duration: 300, + value: 1 + }; + break; + case "year" : + // @ todo: change spin to carousel for big data + options = { + min: MIN_YEAR, + max: MAX_YEAR, + loop: "enabled", + rollHeight: "custom", + itemHeight: 50, + duration: 300, + value: 1 + }; + break; + } + self._spins[key] = ns.widget.Spin(display[key], options); + }); + }; + + /** + * Set options "to" for indicator + * @method _setOptionsTo + * @param {string} type + * @param {number} number + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._setOptionsTo = function (type, number) { + var options = INDICATOR_OPTIONS[type]; + + if (number) { + options.to = number; + } + }; + + /** + * Create one container with children + * @method _createContainer + * @param {string} name + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._createContainer = function (name) { + var self = this, + ui = self._ui, + number = document.createElement("div"), + numberPickerLabel = document.createElement("label"), + numberPickerContainer = document.createElement("div"); + + number.classList.add(NumberPicker.classes.NUMBER); + numberPickerContainer.classList.add(classes.CONTAINER); + + numberPickerLabel.classList.add(NumberPicker.classes.LABEL); + + numberPickerLabel.innerText = name[0].toUpperCase() + name.substr(1); + + numberPickerContainer.appendChild(numberPickerLabel); + numberPickerContainer.appendChild(number); + numberPickerContainer.classList.add(classes.CONTAINER_PREFIX + name); + + ui.display[name] = number; + + return numberPickerContainer; + }; + + /** + * Set value of widget + * @method _setValue + * @param {Date} value + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._setValue = function (value) { + var self = this, + ui = self._ui, + dayName = DAY_NAMES[value.getDay()]; + + self._value = value; + + Object.keys(ui.display).forEach(function (name) { + self._spins[name].value(self._getValue(name)); + }); + + ui.dayNameContainer.innerHTML = dayName; + }; + + /** + * Return Date value or value of one field + * @method _getValue + * @param {string} type + * @memberof ns.widget.wearable.DatePicker + * @return {Date|number} + * @protected + */ + prototype._getValue = function (type) { + var value = this._value; + + switch (type) { + case "month": + return value.getMonth() + 1; + case "day": + return value.getDate(); + case "year": + return value.getFullYear(); + default: + return value; + } + }; + + prototype._getTextValue = function (type) { + var value = this._value; + + switch (type) { + case "month": + return MONTH_NAMES[value.getMonth()]; + case "day": + return value.getDate(); + case "year": + return value.getFullYear(); + default: + return value; + } + }; + + prototype._getIndicatorValue = function (type) { + var value = this._value; + + switch (type) { + case "month": + return value.getMonth() + 1; + case "day": + return value.getDate(); + case "year": + return value.getFullYear() % 50; + default: + return value; + } + }; + + + /** + * Return days in month + * @method _daysInMonth + * @param {number} year + * @param {number} month + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._daysInMonth = function (year, month) { + if (year === undefined) { + year = this._getValue("year"); + } + if (month === undefined) { + month = this._getValue("month") - 1; + } + return new Date(year, month + 1, 0).getDate(); + }; + + /** + * Handle events + * @method handleEvent + * @param {Event} event + * @memberof ns.widget.wearable.DatePicker + */ + prototype.handleEvent = function (event) { + var self = this; + + if (event.type === "click") { + event.preventDefault(); + self._onClick(event); + } else if (event.type === "rotarydetent") { + event.preventDefault(); + self._onRotary(event); + } else if (event.type === "spinchange") { + self._onSpinChange(event.detail.value); + } + }; + + /** + * Get value of number of ticks on full rotation + * @method _getMaxValue + * @param {string} activeName + * @memberof ns.widget.wearable.DatePicker + * @return {number} + * @protected + */ + prototype._getMaxValue = function (activeName) { + switch (activeName) { + case "day": + return this._daysInMonth(); + case "year": + return 50; + default: + return 12; + } + }; + + /** + * Set label visible + * @method _setLabelVisible + * @param {string} activeName + * @param {boolean} state + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._setLabelVisible = function (activeName, state) { + var parent = getClosestByClass(this._ui.display[activeName], classes.CONTAINER), + label = parent.querySelector("." + NumberPicker.classes.LABEL); + + if (!state) { + label.classList.add(classes.LABEL_HIDDEN); + } else { + label.classList.remove(classes.LABEL_HIDDEN); + } + } + + /** + * Change indicator after click in value + * @method _setActiveSelector + * @param {string} activeName + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._setActiveSelector = function (activeName) { + var self = this, + ui = self._ui, + maxValue = self._getMaxValue(activeName), + spins = self._spins; + + if (self._activeSelector !== activeName) { + if (activeName) { + self._setOptionsTo(activeName, maxValue); + } + // disable all; + Object.keys(ui.display).forEach(function (name) { + if (spins[name].option("enabled")) { + spins[name].option("enabled", false); + self._setLabelVisible(name, true); + } + }); + // enable selected; + if (activeName && spins[activeName]) { + spins[activeName].option("enabled", true); + self._setLabelVisible(activeName, false); + } + } + self._activeSelector = activeName; + }; + + /** + * On click change current indicator or exit page on set click + * @method _onClick + * @param {Event} event + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._onClick = function (event) { + var self = this, + target = event.target, + parent = getClosestByClass(target, classes.CONTAINER), + parentClassName = (parent) ? parent.className : "", + activeName = ""; + + if (parentClassName) { + activeName = parentClassName.replace(classes.CONTAINER_PREFIX, "") + .replace(classes.CONTAINER, "") + .trim(); + } + + if (parent && activeName && CONTAINERS.indexOf(activeName) > -1) { + self._setActiveSelector(activeName); + } else if (target.classList.contains("ui-number-picker-set")) { + self.trigger("change", { + value: self.value() + }); + history.back(); + } else { + self._setActiveSelector(""); // disable all + } + }; + + /** + * Destroy widget + * @method _destroy + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._destroy = function () { + this._unbindEvents(); + this.element.innerHTML = ""; + }; + + /** + * Change month value on rotary event + * @method _changeMonth + * @param {number} changeValue + * @param {boolean} value + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._changeMonth = function (changeValue) { + var self = this, + value = self.value(), + month = value.getMonth(), + newValue, + day = value.getDate(), + year = value.getFullYear(), + daysInMonth; + + newValue = month + changeValue; + value.setMonth(newValue); + value.setFullYear(year); + daysInMonth = self._daysInMonth(year, newValue); + if (day > daysInMonth && (self._daysInMonth(year, month) > daysInMonth)) { + value = new Date(year, newValue, daysInMonth); + } + self._changeValue(value); + }; + + /** + * Change day value on rotary event + * @method _changeDay + * @param {number} changeValue + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._changeDay = function (changeValue) { + var self = this, + value = self.value(), + month = value.getMonth(), + newValue, + day = value.getDate(), + year = value.getFullYear(), + daysInMonth = self._daysInMonth(year, month); + + newValue = day + changeValue; + + if (changeValue < 0 && day === 1) { + value.setDate(daysInMonth); + } else { + value.setDate(newValue); + } + value.setMonth(month); + value.setFullYear(year); + self._changeValue(value); + }; + + /** + * Change year value on rotary event + * @method _changeYear + * @param {number} changeValue + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._changeYear = function (changeValue) { + var self = this, + value = self.value(), + month = value.getMonth(), + year = value.getFullYear(), + newYear = year + changeValue, + daysInMonth; + + if (newYear > MAX_YEAR) { + newYear = MIN_YEAR; + } else if (newYear < MIN_YEAR) { + newYear = MAX_YEAR; + } + + value.setFullYear(newYear); + + // last day in Feb case, month = 1 => Feb + daysInMonth = self._daysInMonth(value.getFullYear(), 1); + if ((month === 1) && (self._daysInMonth(year, 1) > daysInMonth)) { + value.setMonth(1); + value.setDate(daysInMonth); + } + self._changeValue(value); + }; + + /** + * Update indicator value + * @method _changeValue + * @param {number} value + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._changeValue = function (value) { + var self = this; + + self._setValue(value); + }; + + /** + * Change indicator on rotary + * @method _onRotary + * @param {Event} event + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._onRotary = function (event) { + var self = this, + direction = event.detail.direction, + changeValue; + + if (direction === "CW") { + changeValue = 1; + } else { + changeValue = -1; + } + + switch (self._activeSelector) { + case "month": + self._changeMonth(changeValue); + break; + case "day": + self._changeDay(changeValue); + break; + case "year": + self._changeYear(changeValue); + break; + } + }; + + /** + * Change value of spin included in dataPicker + * @method _onSpinChange + * @param {number} value + * @memberof ns.widget.wearable.DatePicker + * @protected + */ + prototype._onSpinChange = function (newValue) { + var self = this, + value = self.value(), + currentValue; + + switch (self._activeSelector) { + case "month": + currentValue = value.getMonth() + 1, + self._changeMonth(newValue - currentValue); + break; + case "day": + currentValue = value.getDate(), + self._changeDay(newValue - currentValue); + break; + case "year": + currentValue = value.getFullYear(), + self._changeYear(newValue - currentValue); + break; + } + }; + + DatePicker.prototype = prototype; + DatePicker.prototype.constructor = DatePicker; + + ns.widget.wearable.DatePicker = DatePicker; + + engine.defineWidget( + "DatePicker", + WIDGET_SELECTOR, + [], + DatePicker, + "" + ); + }(window, window.document)); + +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*global window, define, ns*/ +/** + * #TextInput Widget + * + * @class ns.widget.wearable.TextInput + * @since 4.0 + * @extends ns.widget.BaseWidget + */ +(function (document, ns) { + "use strict"; + var BaseWidget = ns.widget.BaseWidget, + engine = ns.engine, + utilEvent = ns.event, + selectors = ns.util.selectors, + + TextInput = function () { + var self = this; + + self._initialWindowHeight = null; + self._hasFocus = false; + self._isInputPaneVisible = false; + self._ui = {}; + }, + + prototype = new BaseWidget(); + + TextInput.events = {}; + + /** + * Build TextInput + * @method _build + * @param {HTMLElement} element + * @return {HTMLElement} + * @protected + * @member ns.widget.wearable.TextInput + */ + prototype._build = function (element) { + var self = this, + ui = self._ui, + pane, + page; + + page = selectors.getClosestByClass(element, "ui-page"); + if (page) { + pane = selectors.getChildrenByClass(page, "ui-textinput-pane")[0]; + if (!pane) { + pane = document.createElement("div"); + pane.classList.add("ui-textinput-pane") + page.appendChild(pane); + } + } + ui.page = page; + ui.pane = pane; + this._initialWindowHeight = window.innerHeight; + + return element; + }; + + prototype._init = function (element) { + var self = this; + + self._hideInputPaneBound = self._hideInputPane.bind(self); + self._windowResizeBound = self._onWindowResize.bind(self); + self._onHWKeyBound = self._onHWKey.bind(self); + return element; + }; + + prototype._bindEvents = function (element) { + var self = this; + + utilEvent.on(element, "focus", self, true); + utilEvent.on(element, "blur", self, true); + }; + + prototype._showInputPane = function () { + var self = this, + ui = self._ui, + pane = ui.pane, + element = self.element, + inputElement = element.cloneNode(true); + + pane.appendChild(inputElement); + + pane.style.display = "block"; + self._isInputPaneVisible = true; + + inputElement.focus(); + + utilEvent.on(inputElement, "blur", self._hideInputPaneBound, true); + utilEvent.on(window, "resize", self._windowResizeBound, true); + utilEvent.on(window, "tizenhwkey", self._onHWKeyBound, true); + }; + + prototype._hideInputPane = function () { + var self = this, + ui = self._ui, + pane = ui.pane, + element = self.element, + inputElement; + + if (self._isInputPaneVisible) { + inputElement = pane.lastChild; + element.value = inputElement.value; + utilEvent.off(inputElement, "blur", self._hideInputPaneBound, true); + pane.removeChild(inputElement); + + pane.style.display = "none"; + utilEvent.off(window, "resize", self._windowResizeBound, true); + utilEvent.off(window, "tizenhwkey", self._onHWKeyBound, true); + self._isInputPaneVisible = false; + } + }; + + prototype.handleEvent = function (event) { + var self = this; + + switch (event.type) { + case "focus": + self._onFocus(event); + break; + case "blur": + self._onBlur(event); + break; + } + }; + + prototype._onFocus = function (event) { + var self = this; + + event.preventDefault(); + self.element.blur(); + if (!self._isInputPaneVisible) { + self._showInputPane(); + } + }; + + prototype._onWindowResize = function () { + var self = this, + currentWindowHeight = window.innerHeight; + + if (currentWindowHeight === self._initialWindowHeight) { + if (self._isInputPaneVisible) { + self._hideInputPane(); + } + } + }; + + prototype._onBlur = function (event) { + var self = this; + + event.preventDefault(); + if (self._isInputPaneVisible) { + self._hideInputPane(); + } + }; + + prototype._onHWKey = function (event) { + if (event.keyName === "back") { + event.preventDefault(); + event.stopPropagation(); + this._hideInputPane(); + } + } + + prototype.focus = function () { + this.element.focus(); + }; + + prototype.blur = function () { + this.element.blur(); + } + + TextInput.prototype = prototype; + ns.widget.wearable.TextInput = TextInput; + + engine.defineWidget( + "TextInput", + "input[type='text']" + + ", input[type='number']" + + ", input[type='password']" + + ", input[type='email']" + + ", input[type='url']" + + ", input[type='tel']" + + ", input[type='search']", + [], + TextInput, + "wearable" + ); + + }(window.document, ns)); + +/*global window, ns, define */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*jslint plusplus: true, nomen: true */ +/** + * @class tau.helper + * @author Heeju Joo + */ +(function (ns) { + "use strict"; + ns.helper = ns.helper || {}; + }(ns)); + +/*global window, define, ns */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * #SnapListStyle Helper Script + * Helper script using SnapListview. + * @class ns.helper.SnapListStyle + * @author Junyoung Park + */ +(function (document, window, ns) { + "use strict"; + var engine = ns.engine, + + SnapListStyle = function (listDomElement, options) { + this._snapListviewWidget = engine.instanceWidget(listDomElement, "SnapListview", options); + }, + + prototype = SnapListStyle.prototype; + + /** + * Destroy helper + * @method destroy + * @member ns.helper.SnapListStyle + */ + prototype.destroy = function () { + var self = this; + + if (self._snapListviewWidget) { + self._snapListviewWidget.destroy(); + } + + self._snapListviewWidget = null; + }; + + /** + * Return Snap list + * @method getSnapList + * @member ns.helper.SnapListStyle + */ + prototype.getSnapList = function () { + return this._snapListviewWidget; + }; + + /** + * Create helper + * @method create + * @param {HTMLElement} listDomElement + * @param {Object} options + * @static + * @member ns.helper.SnapListStyle + */ + SnapListStyle.create = function (listDomElement, options) { + return new SnapListStyle(listDomElement, options); + }; + + ns.helper.SnapListStyle = SnapListStyle; + }(document, window, ns)); + +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*global window, define, ns */ +/** + * #SnapListMarqueeStyle Helper Script + * + * Helper script using SnapListview and Marquee. + * @class ns.helper.SnapListMarqueeStyle + * @author Heeju Joo + */ +(function (document, window, ns) { + "use strict"; + var engine = ns.engine, + helper = ns.helper, + objectUtils = ns.util.object, + defaults = { + marqueeDelay: 0, + marqueeStyle: "slide", + speed: 60, + iteration: 1, + timingFunction: "linear", + ellipsisEffect: "gradient", + runOnlyOnEllipsisText: true, + autoRun: false, + snapListview: true + }, + + ListMarqueeStyle = function (listElement, options) { + var self = this; + + self.options = objectUtils.fastMerge({}, defaults); + objectUtils.fastMerge(self.options, options); + + self._listviewWidget = null; + self._selectedMarqueeWidget = null; + self.element = listElement; + }, + + prototype = ListMarqueeStyle.prototype; + + /** + * Destroy previous Marquee and create new. + * @method _instanceMarquee + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._instanceMarquee = function () { + var self = this, + marqueeElement = self._marqueeElement, + selectedMarqueeWidget; + + self._destroyMarqueeWidget(); + + if (marqueeElement) { + selectedMarqueeWidget = engine.instanceWidget(marqueeElement, "Marquee", self.options); + selectedMarqueeWidget.start(); + self._marqueeElement = null; + self._selectedMarqueeWidget = selectedMarqueeWidget; + } + }; + + /** + * Handler for click event on rectangle version + * @method _clickHandlerForRectangular + * @param {Event} event + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._clickHandlerForRectangular = function (event) { + var self = this, + eventTarget = event.target, + selectedMarqueeWidget = self._selectedMarqueeWidget; + + if (selectedMarqueeWidget && + eventTarget.parentElement === selectedMarqueeWidget.element) { + if (selectedMarqueeWidget._state === "running") { + selectedMarqueeWidget.reset(); + } else { + selectedMarqueeWidget.start(); + } + } else { + if (eventTarget && eventTarget.classList.contains("ui-marquee")) { + self._marqueeElement = eventTarget; + requestAnimationFrame(self._instanceMarquee.bind(self)); + } + } + }; + + /** + * Handler for scroll event on rectangular version + * @method _scrollHandlerForRectangular + * @member ns.helper.SnapListMarqueeStyle + * @protected + */ + prototype._scrollHandlerForRectangular = function () { + this._destroyMarqueeWidget(); + }; + + /** + * Destroy Marquee widget on element + * @method _destroyMarqueeWidget + * @member ns.helper.SnapListMarqueeStyle + * @protected + */ + prototype._destroyMarqueeWidget = function () { + var selectedMarqueeWidget = this._selectedMarqueeWidget; + + if (selectedMarqueeWidget) { + selectedMarqueeWidget.stop(); + selectedMarqueeWidget.reset(); + selectedMarqueeWidget.destroy(); + this._selectedMarqueeWidget = null; + } + }; + + /** + * Handler for touch start event + * @method _touchStartHandler + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._touchStartHandler = function () { + if (this._selectedMarqueeWidget) { + this._selectedMarqueeWidget.reset(); + } + }; + + /** + * Handler for scrollend event + * @method _scrollEndHandler + * @member ns.helper.SnapListMarqueeStyle + * @protected + */ + prototype._scrollEndHandler = function () { + this._destroyMarqueeWidget(); + }; + + /** + * Handler for selected event + * @method _selectedHandler + * @param {Event} event + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._selectedHandler = function (event) { + var self = this, + marqueeElement = event.target.querySelector(".ui-marquee"); + + if (marqueeElement) { + self._marqueeElement = marqueeElement; + requestAnimationFrame(self._instanceMarquee.bind(self)); + } + }; + + /** + * Handler for all events + * @method handleEvent + * @param {Event} event + * @member ns.helper.SnapListMarqueeStyle + */ + prototype.handleEvent = function (event) { + var self = this; + + switch (event.type) { + case "click": + self._clickHandlerForRectangular(event); + break; + case "scroll": + self._scrollHandlerForRectangular(event); + break; + case "rotarydetent": + case "touchstart": + self._touchStartHandler(event); + break; + case "scrollend": + self._scrollEndHandler(event); + break; + case "selected": + self._selectedHandler(event); + break; + } + }; + + /** + * Init helper + * @method init + * @member ns.helper.SnapListMarqueeStyle + */ + prototype.init = function () { + var self = this, + listElement = self.element, + listWidgetName, + options = self.options; + + options.delay = options.delay || options.marqueeDelay; + + if (ns.support.shape.circle) { + self._bindEventsForCircular(); + } else { + self._bindEventsForRectangular(); + options.snapListview = false; + } + // create SnapListStyle helper + if (options.snapListview) { + listWidgetName = "SnapListview"; + } else { + listWidgetName = "Listview"; + } + self._listviewWidget = engine.instanceWidget(listElement, listWidgetName, options); + }; + + /** + * Bind events for rectangle version + * @method _bindEventsForRectangular + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._bindEventsForRectangular = function () { + document.addEventListener("click", this, false); + document.addEventListener("scroll", this, true); + }; + + /** + * Unbind events for rectangle version + * @method _unbindEventsForRectangular + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._unbindEventsForRectangular = function () { + document.removeEventListener("click", this, false); + document.removeEventListener("scroll", this, true); + }; + + /** + * Bind events for circular version + * @method _bindEventsForCircular + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._bindEventsForCircular = function () { + var self = this; + + document.addEventListener("touchstart", self, false); + document.addEventListener("scrollend", self, false); + document.addEventListener("rotarydetent", self, false); + document.addEventListener("selected", self, false); + }; + + /** + * Unbind events for circular version + * @method _unbindEventsForCircular + * @protected + * @member ns.helper.SnapListMarqueeStyle + */ + prototype._unbindEventsForCircular = function () { + var self = this; + + document.removeEventListener("touchstart", self, false); + document.removeEventListener("scrollend", self, false); + document.removeEventListener("rotarydetent", self, false); + document.removeEventListener("selected", self, false); + + }; + + /** + * Destroy helper and all widgets + * @method destroy + * @member ns.helper.SnapListMarqueeStyle + */ + prototype.destroy = function () { + var self = this; + + if (ns.support.shape.circle) { + self._unbindEventsForCircular(); + } else { + self._unbindEventsForRectangular(); + } + + self._destroyMarqueeWidget(); + + if (self._listviewWidget) { + self._listviewWidget.destroy(); + self._listviewWidget = null; + } + + self.options = null; + }; + + ListMarqueeStyle.create = function (listElement, options) { + var instance = new ListMarqueeStyle(listElement, options); + + instance.init(); + return instance; + }; + + helper.SnapListMarqueeStyle = ListMarqueeStyle; + helper.ListMarqueeStyle = ListMarqueeStyle; + }(document, window, ns)); + +/*global window, define, ns */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * #DrawerMoreStyle Helper Script + * Helper script using drawer, sectionChanger. + * @class ns.helper.DrawerMoreStyle + * @author Hyeoncheol Choi + */ +(function (document, window, ns) { + "use strict"; + var engine = ns.engine, + objectUtils = ns.util.object, + events = ns.event, + selectors = ns.util.selectors, + defaults = { + more: ".ui-more", + selector: ".ui-selector" + }, + classes = { + page: "ui-page" + }, + + DrawerMoreStyle = function (element, options) { + var self = this; + + self.options = objectUtils.merge({}, defaults); + self._drawerWidget = null; + self._handlerElement = null; + self._selectorWidget = null; + + self.init(element, options); + }, + + prototype = DrawerMoreStyle.prototype; + + function bindDragEvents(element) { + + events.on(element, "touchstart touchend mousedown mouseup", this, false); + } + + function unBindDragEvents(element) { + + events.off(element, "touchstart touchend mousedown mouseup", this, false); + } + + prototype.handleEvent = function (event) { + var self = this; + + switch (event.type) { + case "touchstart": + case "mousedown": + self._onTouchStart(event); + break; + case "touchend": + case "mouseup": + self._onTouchEnd(event); + break; + } + }; + + prototype._onTouchStart = function (event) { + event.preventDefault(); + event.stopPropagation(); + }; + + prototype._onTouchEnd = function () { + this._drawerWidget.close(); + }; + + prototype.init = function (element, options) { + var self = this, + pageElement = selectors.getClosestByClass(element, classes.page), + handlerElement, + selectorElement; + + objectUtils.fastMerge(self.options, options); + + handlerElement = pageElement.querySelector(self.options.handler); + selectorElement = element.querySelector(self.options.selector); + + self._drawerWidget = engine.instanceWidget(element, "Drawer"); + if (handlerElement) { + self._drawerWidget.setDragHandler(handlerElement); + self._handlerElement = handlerElement; + self._bindEvents(); + } + if (selectorElement) { + self._selectorWidget = engine.instanceWidget(selectorElement, "Selector"); + } + }; + + prototype._bindEvents = function () { + var self = this; + + bindDragEvents.call(self, self._handlerElement); + }; + + prototype._unbindEvents = function () { + var self = this; + + unBindDragEvents.call(self, self._handlerElement); + }; + + prototype.destroy = function () { + var self = this; + + if (self._handlerElement) { + self._unbindEvents(); + } + self._drawerWidget = null; + self._handlerElement = null; + self._selectorWidget = null; + }; + + DrawerMoreStyle.create = function (element, options) { + return new DrawerMoreStyle(element, options); + }; + + ns.helper.DrawerMoreStyle = DrawerMoreStyle; + }(document, window, ns)); + +/*global window, define, ns */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * #RotaryEventBinder + * Utility for scroll by rotary detent + * @class ns.helper.RotaryEventBinder + * @author Hagun Kim + */ +(function (document, window, ns) { + "use strict"; + var objectUtils = ns.util.object, + selectors = ns.util.selectors, + animationTimer = null, + + RotaryEventBinder = function (scroller, options) { + var self = this; + + self._elScroller = null; + self._scrollTop = 0; + self._dest = 0; + self._scrollMax = 0; + self._callbacks = {}; + self.options = { + scrollDistance: 119, + scrollDuration: 450 + }; + self.init(scroller, options); + }, + + prototype = RotaryEventBinder.prototype; + + function cubicBezier(x1, y1, x2, y2) { + return function (t) { + var rp = 1 - t, + rp3 = 3 * rp, + p2 = t * t, + p3 = p2 * t, + a1 = rp3 * t * rp, + a2 = rp3 * p2; + + if (t > 1) { + return 1; + } + return a1 * y1 + a2 * y2 + p3; + }; + } + + function scrollAnimation(element, from, to, duration) { + var easeOut = cubicBezier(0.25, 0.46, 0.45, 1), + startTime = 0, + currentTime = 0, + progress = 0, + easeProgress = 0, + distance = to - from, + scrollTop = from; + + startTime = window.performance.now(); + animationTimer = window.requestAnimationFrame(function animation() { + var gap; + + currentTime = window.performance.now(); + progress = (currentTime - startTime) / duration; + easeProgress = easeOut(progress); + gap = distance * easeProgress; + element.scrollTop = scrollTop + gap; + if (progress < 1 && progress >= 0) { + animationTimer = window.requestAnimationFrame(animation); + } else { + animationTimer = null; + } + }); + } + + function showEdgeEffect(direction) { + if (window.addEdgeEffectONSCROLLTizenUIF) { + if (direction === "CW") { + window.addEdgeEffectONSCROLLTizenUIF(false, true, false, false); + } else { + window.addEdgeEffectONSCROLLTizenUIF(true, false, false, false); + } + } + } + + function clearScrollAnimation() { + if (animationTimer !== null) { + window.cancelAnimationFrame(animationTimer); + animationTimer = null; + } + } + + prototype._rotaryDetentHandler = function (e) { + var self = this, + elScroller = self._elScroller, + options = self.options, + direction = e.detail.direction; + + if (direction === "CW") { + if (elScroller.scrollTop === self._scrollMax) { + showEdgeEffect(direction); + return; + } + self._dest = self._scrollTop + options.scrollDistance > self._scrollMax ? self._scrollMax : self._scrollTop + options.scrollDistance; + if (self._scrollTop === self._scrollMax && self._dest === self._scrollMax) { + return; + } + clearScrollAnimation(); + } else if (direction === "CCW") { + if (elScroller.scrollTop === 0) { + showEdgeEffect(direction); + return; + } + self._dest = self._scrollTop - options.scrollDistance < 0 ? 0 : self._scrollTop - options.scrollDistance; + if (self._scrollTop === 0 && self._dest === 0) { + return; + } + clearScrollAnimation(); + } + scrollAnimation(elScroller, elScroller.scrollTop, self._dest, options.scrollDuration); + self._scrollTop = self._dest; + }; + + prototype._scrollEndEventHandler = function (e) { + this._scrollTop = e.currentTarget.scrollTop; + }; + + prototype.init = function (scroller, options) { + var self = this, + elScroller; + + elScroller = scroller instanceof HTMLElement ? scroller : document.getElementById(scroller); + if (elScroller === null) { + ns.warn("Scrollable element parameter should be HTML element or id of the element."); + return undefined; + } + elScroller = selectors.getScrollableParent(elScroller); + if (elScroller === null) { + ns.warn("There is no scrollable element."); + return undefined; + } + + self._elScroller = elScroller; + + self._scrollTop = elScroller.scrollTop; + self._scrollMax = elScroller.scrollHeight - elScroller.offsetHeight; + + objectUtils.merge(self.options, options); + + self.bindEvents(); + }; + + prototype.bindEvents = function () { + var self = this, + rotaryDetentCallback, + scrollEventCallback; + + rotaryDetentCallback = self._rotaryDetentHandler.bind(self); + scrollEventCallback = self._scrollEndEventHandler.bind(self); + + self._callbacks.rotarydetent = rotaryDetentCallback; + self._callbacks.scrollend = scrollEventCallback; + + window.addEventListener("rotarydetent", rotaryDetentCallback, false); + self._elScroller.addEventListener("scrollend", scrollEventCallback, false); + }; + + prototype.unbindEvents = function () { + var self = this; + + window.removeEventListener("rotarydetent", self._callbacks.rotarydetent); + self._elScroller.removeEventListener("scrollend", self._callbacks.scrollend); + + self._callbacks.rotarydetent = null; + }; + + prototype.destroy = function () { + var self = this; + + self.unbindEvents(); + + self._elScroller = null; + self.options = null; + self._callbacks = null; + }; + + prototype.getScroller = function () { + return this._elScroller; + }; + + RotaryEventBinder.create = function (scroller, options) { + return new RotaryEventBinder(scroller, options); + }; + + ns.helper.RotaryEventBinder = RotaryEventBinder; + }(document, window, ns)); + +/*global window, ns, define, ns */ +/*jslint nomen: true */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * #Route CircularIndexScrollbar + * Support class for router to control circularindexscrollbar widget in profile Wearable. + * @class ns.router.route.circularindexscrollbar + * @author Junyoung Park + */ +(function (document, ns) { + "use strict"; + var util = ns.util, + path = util.path, + history = ns.router.history, + routeCircularIndexScrollbar = {}, + circularindexscrollbarHashKey = "circularindexscrollbar=true", + circularindexscrollbarHashKeyReg = /([&|\?]circularindexscrollbar=true)/, + INDEXSCROLLBAR_SELECTOR = ".ui-circularindexscrollbar"; + + routeCircularIndexScrollbar.orderNumber = 2000; + /** + * Property defining selector for filtering only circularIndexScrollbar elements + * @property {string} filter + * @member ns.router.route.circularindexscrollbar + * @static + */ + routeCircularIndexScrollbar.filter = INDEXSCROLLBAR_SELECTOR; + + /** + * Returns default route options used inside Router. + * But, circularindexscrollbar router has not options. + * @method option + * @static + * @member ns.router.route.circularindexscrollbar + * @return {null} + */ + routeCircularIndexScrollbar.option = function () { + return null; + }; + + /** + * This method opens the circularindexscrollbar. + * @method open + * @return {null} + * @member ns.router.route.circularindexscrollbar + */ + routeCircularIndexScrollbar.open = function () { + return null; + }; + + /** + * This method determines target circularIndexScrollbar to open. + * @method find + * @param {string} absUrl Absolute path to opened circularIndexScrollbar widget + * @member ns.router.route.circularindexscrollbar + * @return {?HTMLElement} circularIndexScrollbarElement + */ + routeCircularIndexScrollbar.find = function (absUrl) { + var dataUrl = path.convertUrlToDataUrl(absUrl), + activePage = ns.router.Router.getInstance().getContainer().getActivePage(), + circularIndexScrollbar; + + circularIndexScrollbar = activePage.element.querySelector("#" + dataUrl); + + return circularIndexScrollbar; + }; + + /** + * This method parses HTML and runs scripts from parsed code. + * But, circularIndexScrollbar router doesn't need to that. + * @method parse + * @member ns.router.route.circularindexscrollbar + * @return {?HTMLElement} Element of page in parsed document. + */ + routeCircularIndexScrollbar.parse = function () { + return null; + }; + + /** + * This method sets active circularIndexScrollbar and manages history. + * @method setActive + * @param {Object} activeWidget + * @member ns.router.route.circularindexscrollbar + * @static + */ + routeCircularIndexScrollbar.setActive = function (activeWidget) { + var url, + pathLocation = path.getLocation(), + documentUrl = pathLocation.replace(circularindexscrollbarHashKeyReg, ""); + + this._activeWidget = activeWidget; + + if (activeWidget) { + url = path.addHashSearchParams(documentUrl, circularindexscrollbarHashKey); + history.replace({}, "", url); + } else if (pathLocation !== documentUrl) { + history.back(); + } + this.active = true; + }; + + /** + * This method handles hash change. + * @method onHashChange + * @param {string} url + * @param {Object} options + * @param {Object} prev + * @static + * @member ns.router.route.circularindexscrollbar + * @return {null} + */ + routeCircularIndexScrollbar.onHashChange = function (url, options, prev) { + var self = this, + activeWidget = self._activeWidget, + stateUrl = prev.stateUrl; + + if (activeWidget && stateUrl.search(circularindexscrollbarHashKey) > 0 && url.search(circularindexscrollbarHashKey) < 0) { + activeWidget.hide(options); + self.active = false; + return true; + } + return null; + }; + + ns.router.route.circularindexscrollbar = routeCircularIndexScrollbar; + + }(window.document, ns)); + +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*global window, define, ns */ +/** + * #Route grid + * Support class for router to control grid widget in profile Wearable. + * @class ns.router.route.grid + * @author Tomasz Lukawski + */ +(function () { + "use strict"; + var history = ns.history, + routeGrid = { + orderNumber: 1000, + filter: ".ui-grid", + + /** + * Returns default route options used inside Router. + * But, grid router has not options. + * @method option + * @static + * @member ns.router.route.grid + * @return {null} + */ + option: function () { + return null; + }, + + open: function (toPage, options) { + history.replace({ + url: options.url, + rel: options.rel + }, + options.url, + options.title + ); + }, + + onHashChange: function () { + return null; + }, + + find: function () { + return null; + } + }; + + ns.router.route.grid = routeGrid; + }()); + +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*global window, ns, define, ns */ +/** + * @class tau.expose + * @author Maciej Urbanski + */ +(function (document) { + "use strict"; + + document.addEventListener("beforerouterinit", function () { + if (ns.autoInitializePage !== undefined) { + ns.setConfig("autoInitializePage", ns.autoInitializePage); + } + }, false); + + document.addEventListener("routerinit", function (evt) { + var router = evt.detail, + utilObject = ns.util.object, + routePage = router.getRoute("page"), + routePopup = router.getRoute("popup"), + history = ns.history, + back = history.back.bind(router), + classes = ns.widget.core.Page.classes, + pageActiveClass = classes.uiPageActive; + /** + * @method changePage + * @inheritdoc ns.router.Router#open + * @member tau + */ + + ns.changePage = router.open.bind(router); + document.addEventListener("pageshow", function () { + /** + * Current active page + * @property {HTMLElement} activePage + * @member tau + */ + ns.activePage = document.querySelector("." + pageActiveClass); + }); + /** + * First page element + * @inheritdoc ns.router.Router#firstPage + * @property {HTMLElement} firstPage + * @member tau + */ + ns.firstPage = routePage.getFirstElement(); + /** + * Returns active page element + * @inheritdoc ns.router.Router#getActivePageElement + * @method getActivePage + * @member tau + */ + ns.getActivePage = routePage.getActiveElement.bind(routePage); + /** + * @inheritdoc ns.router.history#back + * @method back + * @member tau + */ + ns.back = back; + /** + * @inheritdoc ns.router.Router#init + * @method initializePage + * @member tau + */ + ns.initializePage = router.init.bind(router); + /** + * Page Container widget + * @property {HTMLElement} pageContainer + * @inheritdoc ns.router.Router#container + * @member tau + */ + ns.pageContainer = router.container; + /** + * @method openPopup + * @inheritdoc ns.router.Router#openPopup + * @member tau + */ + ns.openPopup = function (to, options) { + var htmlElementTo; + + if (to && to.length !== undefined && typeof to === "object") { + htmlElementTo = to[0]; + } else { + htmlElementTo = to; + } + options = utilObject.merge({}, options, {rel: "popup"}); + router.open(htmlElementTo, options); + }; + /** + * @method closePopup + * @inheritdoc ns.router.Router#closePopup + * @member tau + */ + ns.closePopup = routePopup.close.bind(routePopup, null); + + }, false); + + }(window.document)); + +/*global define, ns */ +(function (ns) { + "use strict"; + + var engine = ns.engine; + + ns.IndexScrollbar = function (element, options) { + ns.warn("tau.IndexScrollbar is deprecated. you have to use tau.widget.IndexScrollbar."); + return engine.instanceWidget(element, "IndexScrollbar", options); + }; + + ns.SectionChanger = function (element, options) { + ns.warn("tau.SectionChanger is deprecated. you have to use tau.widget.SectionChanger."); + return engine.instanceWidget(element, "SectionChanger", options); + }; + + ns.SwipeList = function (element, options) { + ns.warn("tau.SwipeList is deprecated. you have to use tau.widget.SwipeList."); + return engine.instanceWidget(element, "SwipeList", options); + }; + + ns.VirtualListview = function (element, options) { + ns.warn("tau.VirtualListview is deprecated. you have to use tau.widget.VirtualListview."); + return engine.instanceWidget(element, "VirtualListview", options); + }; + + }(ns)); + +/*global window, define, ns */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * #Event scrolledtoedge + * Namespace to support scrolledtoedge event + * @class ns.event.scrolledtoedge + */ +/** + * Event scrolledtoedge + * @event scrolledtoedge + * @member ns.event.scrolledtoedge + */ +(function (window, document, ns) { + "use strict"; + var eventUtils = ns.event, + + onScroll = function (ev) { + var target = ev.target, + edgeReached = false, + result = { + left: false, + right: false, + top: false, + bottom: false + }; + + if (target.scrollHeight > target.clientHeight) { + if (target.scrollTop === 0) { + edgeReached = true; + result.top = true; + } else if (target.scrollTop === target.scrollHeight - target.clientHeight) { + edgeReached = true; + result.bottom = true; + } + } + if (target.scrollWidth > target.clientWidth) { + if (target.scrollLeft === 0) { + edgeReached = true; + result.left = true; + } else if (target.scrollLeft === target.scrollWidth - target.clientWidth) { + edgeReached = true; + result.right = true; + } + } + // trigger event + if (edgeReached) { + eventUtils.trigger(target, "scrolledtoedge", result); + } + }, + + scrolledToEdge = { + enable: function () { + window.addEventListener("scroll", onScroll, true); + }, + + disable: function () { + window.removeEventListener("scroll", onScroll, true); + } + }; + + ns.event.scrolledtoedge = scrolledToEdge; + + }(window, window.document, ns)); + +/*global window, ns, define */ +/* + * Copyright (c) 2013 - 2014 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*jslint nomen: true*/ +/** + * #Event pinch + * Object supports pinch event. + * @class ns.event.pinch + */ +(function (window, document, ns) { + "use strict"; + var rotaryemulation = { + enabled: true, + bind: function () { + document.addEventListener("mousewheel", handleEvent, true); + }, + unbind: function () { + document.removeEventListener("mousewheel", handleEvent, true); + } + }, + utilsEvents = ns.event; + + /** + * Handle touch move event. Triggers rotaryemulation event if occurs + * @param {Event} event + * @private + * @static + * @member ns.event.rotaryemulation + */ + function handleEvent(event) { + var direction = "CCW"; + + if (event.deltaY > 0) { + direction = "CW"; + } + + utilsEvents.trigger(event.target, "rotarydetent", { + direction: direction + }); + } + + // Init rotaryemulation event + rotaryemulation.bind(); + + ns.event.pinch = rotaryemulation; + }(window, window.document, ns)); + + +/*global ns, window, define */ +/*jslint nomen: true */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/** + * # Gesture Plugin: pinch + * Plugin enables pinch event. + * + * @class ns.event.gesture.Pinch + */ +(function (ns) { + "use strict"; + + /** + * Local alias for {@link ns.event.gesture} + * @property {Object} + * @member ns.event.gesture.Pinch + * @private + * @static + */ + var gesture = ns.event.gesture, + /** + * Local alias for {@link ns.event.gesture.Detector} + * @property {Object} + * @member ns.event.gesture.Pinch + * @private + * @static + */ + Result = gesture.Result, + + Detector = ns.event.gesture.Detector, + eventNames = { + start: "pinchstart", + move: "pinchmove", + end: "pinchend", + cancel: "pinchcancel", + in: "pinchin", + out: "pinchout" + }, + + Pinch = Detector.plugin.create({ + /** + * Gesture name + * @property {string} [name="pinch"] + * @member ns.event.gesture.Pinch + */ + name: "pinch", + + /** + * Gesture Index + * @property {number} [index=300] + * @member ns.event.gesture.Pinch + */ + index: 300, + + /** + * Array of possible pinch events + * @property {Object} eventNames + * @member ns.event.gesture.Pinch + */ + eventNames: eventNames, + + /** + * Default values for pinch gesture + * @property {Object} defaults + * @property {number} [defaults.velocity=0.6] + * @property {number} [defaults.timeThreshold=400] + * @member ns.event.gesture.Pinch + */ + defaults: { + velocity: 0.6, + timeThreshold: 400 + }, + + /** + * Triggered + * @property {boolean} [isTriggered=false] + * @member ns.event.gesture.Pinch + */ + isTriggered: false, + + /** + * Handler for pinch gesture + * @method handler + * @param {Event} gestureEvent gesture event + * @param {Object} sender event's sender + * @param {Object} options options + * @return {number} + * @member ns.event.gesture.Pinch + */ + handler: function (gestureEvent, sender, options) { + var result = Result.PENDING, + prevented; + + switch (gestureEvent.eventType) { + case gesture.Event.MOVE: + if (gestureEvent.pointers.length === 1 && gestureEvent.distance > 35) { + result = Result.FINISHED; + } else if (!this.isTriggered && gestureEvent.pointers.length >= 2) { + this.isTriggered = true; + if (sender.sendEvent(eventNames.start, gestureEvent) === false) { + gestureEvent.preventDefault(); + } + result = Result.RUNNING; + } else if (this.isTriggered) { + if ((gestureEvent.deltaTime < options.timeThreshold) && + (gestureEvent.velocityX > options.velocity || gestureEvent.velocityY > options.velocity)) { + if (gestureEvent.scale < 1) { + prevented = sender.sendEvent(eventNames.in, gestureEvent); + } else { + prevented = sender.sendEvent(eventNames.out, gestureEvent); + } + if (prevented === false) { + gestureEvent.preventDefault(); + } + this.isTriggered = false; + result = Result.FINISHED | Result.BLOCK; + return result; + } else { + if (sender.sendEvent(eventNames.move, gestureEvent) === false) { + gestureEvent.preventDefault(); + } + result = Result.RUNNING; + } + } + break; + case gesture.Event.BLOCKED: + case gesture.Event.END: + if (this.isTriggered) { + if (sender.sendEvent(eventNames.end, gestureEvent) === false) { + gestureEvent.preventDefault(); + } + this.isTriggered = false; + result = Result.FINISHED; + } + break; + case gesture.Event.CANCEL: + if (this.isTriggered) { + if (sender.sendEvent(eventNames.cancel, gestureEvent) === false) { + gestureEvent.preventDefault(); + } + this.isTriggered = false; + result = Result.FINISHED; + } + break; + } + return result; + } + }); + + ns.event.gesture.Pinch = Pinch; + }(ns)); + +/*global define, XMLHttpRequest, ns*/ +/** + * #HTML template engine + * + * Parser for HTML files. + * + * This class hasn't public interface. This class is registered as template engine + * in template manager. + * + * This engine give support of load HTML files for give URL. + * + * @class ns.template.html + * @author Maciej Urbanski + */ +(function () { + "use strict"; + var template = ns.template, + util = ns.util, + utilPath = util.path; + + /** + * Callback for event load and error on XMLHttpRequest + * @param {Function} callback Function called after parse response + * @param {Object} data Data passed to render function + * @param {Event} event event object + */ + function callbackFunction(callback, data, event) { + var request = event.target, + status = {}, + element; + + if (request.readyState === 4) { + status.success = (request.status === 200 || (request.status === 0 && request.responseXML)); + element = request.responseXML; + // if option fullDocument is set then return document element + // Router require full document + if (!data.fullDocument) { + // otherwise return first child of body + // controller require only element + element = element.body.firstChild; + } + callback(status, element); + } + } + + /** + * Function process given path, get file by XMLHttpRequest and return + * HTML element. + * @param {Object} globalOptions + * @param {string} path + * @param {Object} data + * @param {Function} callback + */ + function htmlTemplate(globalOptions, path, data, callback) { + var absUrl = path, + request, + eventCallback = callbackFunction.bind(null, callback, data); + + // If the caller provided data append the data to the URL. + if (data) { + absUrl = utilPath.addSearchParams(path, data); + } + + // Load the new content. + request = new XMLHttpRequest(); + request.responseType = "document"; + request.overrideMimeType("text/html"); + request.open("GET", absUrl); + request.addEventListener("error", eventCallback); + request.addEventListener("load", eventCallback); + request.send(); + } + + template.register("html", htmlTemplate); + }()); + +/*global define, ns, window */ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/* + * @author Maciej Urbanski + * @author Krzysztof Antoszek + */ +(function (ns) { + "use strict"; + if (ns.getConfig("autorun", true) === true) { + ns.engine.run(); + } + }(ns)); + +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +/*global define, ns */ + // setup profile info + ns.info.profile = "wearable"; + +}(window, window.document)); diff --git a/lib/tau/wearable/js/tau.min.js b/lib/tau/wearable/js/tau.min.js new file mode 100644 index 0000000..81ff5fd --- /dev/null +++ b/lib/tau/wearable/js/tau.min.js @@ -0,0 +1,28 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +!function(a,b,c){"use strict";var d=a.tau=a.tau||{},e=a.tauConfig=a.tauConfig||{};e.rootNamespace="tau",e.fileName="tau",d.version="0.13.46",function(b,d){var e=0,f=+new Date,g=[].slice,h="",i="",j=function(a){var b=new Date;a.unshift("["+h+"]["+b.toLocaleString()+"]")},k=a.ns||a.tau||{},l=a.nsConfig||a.tauConfig||{};k.info=k.info||{profile:"custom"},k.tauPerf=k.tauPerf||{},a.ns=k,a.nsConfig=l,a.tau=k,a.tauConfig=l,h=l.rootNamespace,i=l.fileName,k.getUniqueId=function(){return h+"-"+k.getNumberUniqueId()+"-"+f},k.getNumberUniqueId=function(){return e++},k.log=function(){var a=g.call(arguments);j(a),d&&d.log.apply(d,a)},k.warn=function(){var a=g.call(arguments);j(a),d&&d.warn.apply(d,a)},k.error=function(){var a=g.call(arguments);j(a),d&&d.error.apply(d,a)},k.getConfig=function(a,b){return l[a]===c?b:l[a]},k.setConfig=function(a,b,d){d&&l[a]!==c||(l[a]=b)},k.getFrameworkPath=function(){var a,c,d,e,f=b.getElementsByTagName("script"),g=f.length;for(a=0;g>a;a++)if(c=f[a].src,d=c.split("/"),e=d.length,d[e-1]===i+".js"||d[e-1]===i+".min.js")return d.slice(0,e-1).join("/");return null}}(a.document,a.console),function(a,b){function c(){var c,d=b.createElement("div"),e=b.createElement("body"),f=b.getElementsByTagName("html")[0],g=getComputedStyle(d);return d.classList.add("is-circle-test"),e.appendChild(d),f.insertBefore(e,f.firstChild),c="1px"===g.width,f.removeChild(e),"?circle"===a.location.search&&(c=!0),c}var e=!("undefined"==typeof a.tizen);d.support={cssTransitions:!0,mediaquery:!0,cssPseudoElement:!0,touchOverflow:!0,cssTransform3d:!0,boxShadow:!0,scrollTop:0,dynamicBaseTag:!0,cssPointerEvents:!1,boundingRect:!0,browser:{ie:!1,tizen:e},shape:{circle:e?a.matchMedia("(-tizen-geometric-shape: circle)").matches:c()},gradeA:function(){return!0},isCircleShape:c}}(a,a.document),function(){d.setConfig("autoBuildOnPageChange",!1,!0),d.support.shape.circle?(d.setConfig("pageTransition","pop",!0),d.setConfig("popupTransition","pop",!0),d.setConfig("popupFullSize",!0,!0),d.setConfig("scrollEndEffectArea","screen",!0),d.setConfig("enablePageScroll",!0,!0),d.setConfig("enablePopupScroll",!0,!0)):(d.setConfig("popupTransition","slideup",!0),d.setConfig("enablePageScroll",!1,!0),d.setConfig("enablePopupScroll",!1,!0))}(),function(){d.setConfig("rootDir",d.getFrameworkPath(),!0),d.setConfig("version","",!0),d.setConfig("allowCrossDomainPages",!1,!0),d.setConfig("domCache",!1,!0),d.setConfig("autoBuildOnPageChange",!0,!0),d.setConfig("autoInitializePage",!0,!0),d.setConfig("dynamicBaseEnabled",!0,!0),d.setConfig("pageTransition","none",!0),d.setConfig("popupTransition","none",!0),d.setConfig("popupFullSize",!1,!0),d.setConfig("scrollEndEffectArea","content",!0),d.setConfig("enablePopupScroll",!1,!0),d.setConfig("pageContainer",b.body,!0),d.setConfig("findProfileFile",!1,!0)}(),function(a,b,c){function d(a,b){var c,d=new XMLHttpRequest;return d.open("get",a,!1),b&&d.overrideMimeType(b),d.send(),4===d.readyState&&(c=d.status,200===c||0===c&&d.responseText)?d.responseText:null}function e(a){for(var b,c=l.call(a.querySelectorAll("script[src]")),d=c.length;--d>=0;)b=c[d],b.parentNode.removeChild(b);return c}function f(b){return function(){try{a.eval(b)}catch(d){d.stack?c.error(d.stack):d.name&&d.message?c.error(d.name,d.message):c.error(d)}}}function g(a){var b,c=a.length;for(b=0;c>b;++b)a[b]()}function h(a,c){var d,e,f,g,h=[];for(f=0,g=a.length;g>f;++f)e=j.fetchSync(a[f].src,"text/plain"),e&&(d=b.adoptNode(a[f]),d.setAttribute("data-src",a[f].src),d.removeAttribute("src"),h.push(j.safeEvalWrap(e)),c&&c.appendChild(d));return h}var i=null,j=c.util||{},k=[],l=[].slice,m=!1;j._requestAnimationFrameOnSetTimeout=function(b){i=a.setTimeout(b.bind(b,+new Date),1e3/60)},j._loop=function(){var a=l.call(k),b=a.shift(),c=performance.now();for(k=[];b;)b(),b=performance.now()-c<15?a.shift():null;a.length||k.length?(k.unshift.apply(k,a),j.windowRequestAnimationFrame(j._loop)):m=!1},j._getRequestAnimationFrame=function(){return(a.requestAnimationFrame||a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame||a.msRequestAnimationFrame||j._requestAnimationFrameOnSetTimeout).bind(a)},j.windowRequestAnimationFrame=j._getRequestAnimationFrame(),j.requestAnimationFrame=function(a){k.push(a),m||(j.windowRequestAnimationFrame(j._loop),m=!0)},j._cancelAnimationFrameOnSetTimeout=function(){a.clearTimeout(i)},j._getCancelAnimationFrame=function(){return(a.cancelAnimationFrame||a.webkitCancelAnimationFrame||a.mozCancelAnimationFrame||a.oCancelAnimationFrame||a.msCancelAnimationFrame||j._cancelAnimationFrameOnSetTimeout).bind(a)},j.cancelAnimationFrame=j._getCancelAnimationFrame(),j.fetchSync=d,j._removeExternalScripts=e,j.safeEvalWrap=f,j.batchCall=g,j._createScriptsSync=h,j.async=j.requestAnimationFrame,j.importEvaluateAndAppendElement=function(a,c){var d=j._createScriptsSync(j._removeExternalScripts(a),a),e=b.importNode(a,!0);return c.appendChild(e),j.batchCall(d),e},j.isNumber=function(a){var b=parseFloat(a);return!isNaN(b)&&isFinite(b)},j.runScript=function(c,d){var e,f,g,h=b.createElement("script"),i=l.call(d.attributes),k=d.getAttribute("src");for(null!==k&&(k=j.path.makeUrlAbsolute(k,c)),f=i.length;--f>=0;)g=i[f],"src"!==g.name?h.setAttribute(g.name,g.value):h.setAttribute("data-src",g.value);e=k?j.fetchSync(k,"text/plain"):d.textContent,e&&(h.src=a.URL.createObjectURL(new Blob([e],{type:"text/javascript"})),h.textContent=e),d.parentNode.replaceChild(h,d)},c.util=j}(a,a.document,d),function(a){function b(a,b){var c,d,e=!1;return isNaN(a)&&isNaN(b)?(e=!0,c=a.charCodeAt(0),d=b.charCodeAt(0)):(c=isNaN(a)?0:a,d=isNaN(b)?0:b),{inival:c,endval:d,chars:e}}function d(a,c,d){var e,f,g,h,i,j=[],k=d||1;if(i=b(a,c),e=i.inival,f=i.endval,h=i.chars,g=f>=e)for(;f>=e;)j.push(h?String.fromCharCode(e):e),e+=k;else for(;e>=f;)j.push(h?String.fromCharCode(e):e),e-=k;return j}function e(a){return Array.isArray(a)||a instanceof NodeList||"function"==typeof a}function f(a){var b=a.length;return 0===b||"number"==typeof b&&b>0&&b-1 in a}function g(a){return a&&a!==a.window?e(a)&&f(a):!1}function h(a,b){var c,d,e=a;for(a instanceof Array||(e=[].slice.call(a)),d=e.length,c=0;d>c;c++)b(e[c],c,e)}function i(a,b){var c,d,e,f=[],g=a;for(a instanceof Array||(g=[].slice.call(a)),d=g.length,c=0;d>c;c++)e=g[c],b(e,c,g)&&f.push(e);return f}function j(a,b){var c,d,e=[],f=a;for(a instanceof Array||(f=[].slice.call(a)),d=f.length,c=0;d>c;c++)e.push(b(f[c],c,f));return e}function k(a,b,d){var e,f,g,h=d,i=a;for(a instanceof Array||(i=[].slice.call(a)),f=i.length,e=0;f>e;e++)g=i[e],h=h===c&&0===e?g:b(h,g,e,i);return h}a.util.array={range:d,isArrayLike:g,forEach:h,filter:i,map:j,reduce:k}}(d),function(a,d){function e(a){var b;return g.forEach(function(c){c.element===a&&(b=c.instance)}),b}function f(a){g.forEach(function(b,c){b.element===a&&g.splice(c,1)})}var g=[],h=Array.isArray,i=d.util.array.isArrayLike,j=/\s+/g,k=function(a){return a.trim()},l=function(a,b){var c,d,e=[];if("string"==typeof a&&(a=a.split(j).map(k)),h(a))for(d=0;df;f++)if("function"==typeof k[f].addEventListener)for(g=0;j>g;g++)d.event.fastOn(k[f],m[g].type,m[g].callback,e)},off:function(a,b,c,e){var f,g,h,j,k,m;for(k=i(a)?a:[a],h=k.length,m=l(b,c),j=m.length,f=0;h>f;f++)if("function"==typeof k[f].addEventListener)for(g=0;j>g;g++)d.event.fastOff(k[f],m[g].type,m[g].callback,e)},one:function(a,b,c,e){var f,g,h,j,k,m,n=[].slice,o=[];for(k=i(a)?n.call(a):[a],h=k.length,m=l(b,c),j=m.length,f=0;h>f;f++)if("function"==typeof k[f].addEventListener)for(o[f]=[],g=0;j>g;g++)o[f][g]=function(a,b){var c=n.call(arguments);d.event.fastOff(k[a],m[b].type,o[a][b],e),c.shift(),c.shift(),m[b].callback.apply(this,c)}.bind(null,f,g),d.event.fastOn(k[f],m[g].type,o[f][g],e)},enableGesture:function(a){var b=e(a),c=arguments.length,f=1;for(b||(b=new d.event.gesture.Instance(a),g.push({element:a,instance:b}));c>f;f++)b.addDetector(arguments[f])},disableGesture:function(a){var b=e(a),c=arguments.length,d=1;b&&(c>1?b.removeDetector(arguments[d]):(b.destroy(),f(a)))}}}(a,d),function(a,b){var c=d.event,e={profile:"default",theme:"default",version:d.version,refreshTheme:function(d){var e,f=b.createElement("span"),g=b.body;return"interactive"!==b.readyState&&"complete"!==b.readyState?(c.fastOn(b,"DOMContentLoaded",this.refreshTheme.bind(this,d)),null):(f.classList.add("tau-info-theme"),g.appendChild(f),e=a.getComputedStyle(f,":after").content,g.removeChild(f),e&&e.length>0&&(this.theme=e),e=e||null,d&&d(e),e)}};e.refreshTheme(),d.info=e}(a,a.document),function(b,c){function d(a){var b=c.getConfig("namespace");return"[data-"+(b?b+"-":"")+a+"]"}function e(a,b){return l&&a[l]?a[l](b):!1}function f(a){for(var c=[],d=a.parentNode;d&&d!==b;)c.push(d),d=d.parentNode;return c}function g(a,c){for(var d=a;d&&d!==b;){if(c(d))return d;d=d.parentNode}return null}function h(a,b){return e(b,a)}function i(a,b){return b&&b.classList&&b.classList.contains(a)}function j(a,b){return b.tagName.toLowerCase()===a}var k=[].slice,l=function(){var a=b.createElement("div");return"function"==typeof a.webkitMatchesSelector?"webkitMatchesSelector":"function"==typeof a.mozMatchesSelector?"mozMatchesSelector":"function"==typeof a.msMatchesSelector?"msMatchesSelector":"function"==typeof a.matchesSelector?"matchesSelector":"function"==typeof a.matches?"matches":""}();c.util.selectors={matchesSelector:e,getChildrenBySelector:function(a,b){return k.call(a.children).filter(h.bind(null,b))},getChildrenByDataNS:function(a,b){return k.call(a.children).filter(h.bind(null,d(b)))},getChildrenByClass:function(a,b){return k.call(a.children).filter(i.bind(null,b))},getChildrenByTag:function(a,b){return k.call(a.children).filter(j.bind(null,b))},getParents:f,getParentsBySelector:function(a,b){return f(a).filter(h.bind(null,b))},getParentsBySelectorNS:function(a,b){return f(a).filter(h.bind(null,d(b)))},getParentsByClass:function(a,b){return f(a).filter(i.bind(null,b))},getParentsByTag:function(a,b){return f(a).filter(j.bind(null,b))},getClosestBySelector:function(a,b){return g(a,h.bind(null,b))},getClosestBySelectorNS:function(a,b){return g(a,h.bind(null,d(b)))},getClosestByClass:function(a,b){return g(a,i.bind(null,b))},getClosestByTag:function(a,b){return g(a,j.bind(null,b))},getAllByDataNS:function(a,b){return k.call(a.querySelectorAll(d(b)))},getScrollableParent:function(c){for(var d,e;c&&c!==b.body;){if(e=a.getComputedStyle(c),e&&(d=e.getPropertyValue("overflow-y"),"scroll"===d||"auto"===d&&c.scrollHeight>c.clientHeight))return c;c=c.parentNode}return null}}}(a.document,d),function(){var a={copy:function(b){return a.merge({},b)},fastMerge:function(a,b){var c;for(c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return a},merge:function(){var a,b,d,e,f,g=[].slice.call(arguments),h=g.length;for(a=g.shift(),d=!0,"boolean"==typeof arguments[h-1]&&(d=arguments[h-1],h--),f=0;h>f;f++)if(b=g.shift(),null!==b)for(e in b)b.hasOwnProperty(e)&&(d||a[e]===c)&&(a[e]=b[e]);return a},inherit:function(a,b,c){var d,e,f=new b;for(d in c)c.hasOwnProperty(d)&&(e=c[d],"function"==typeof e?f[d]=function(a,b,c){var d=function(){var c=a.prototype[b];return c?c.apply(this,arguments):null};return function(){var a,b=this._super;return this._super=d,a=c.apply(this,arguments),this._super=b,a}}(b,d,e):f[d]=e);a.prototype=f,a.prototype.constructor=a},hasPropertiesOfValue:function(a,b){var c=Object.keys(a),d=c.length;if(0===d)return!1;for(;--d>=0;)if(a[c[d]]!==b)return!1;return!0},removeProperties:function(a,b){var c,d,e=b.length;for(d=0;e>d;d++)c=b[d],a.hasOwnProperty(c)&&delete a[c];return a}};d.util.object=a}(),function(a,b){function e(a){return a.match(/\[data-role=/)&&!a.match(/:not\(\[data-role=/)?a.trim():a.trim()+":not([data-role='none'])"}function f(a,f,g,h,i,j,k,l){var m;if(a){if(!Q[a]||j)return g=g||[],g.push("destroy","disable","enable","option","refresh","value"),m={name:a,methods:g,selector:f||"",selectors:f?f.split(",").map(e):[],widgetClass:h||null,namespace:i||"",widgetNameToLowercase:k===c?!0:!!k,BaseElement:l},Q[a]=m,i&&(Q[i+"."+a]=m),L.trigger(b,"widgetdefined",m,!1),!0}else d.error("Widget with selector ["+f+"] defined without a name, aborting!");return!1}function g(a,b,c){var d,e,f=c?c.split("."):[],g=f.pop(),h=f.pop();return g?d=a.instances[g]:(e=Object.keys(a.instances),d=a.instances[e[0]]),h&&d&&d.namespace!==h&&(d=null),d&&d.element===b?d:null}function h(a,c){var d,e=a&&typeof a!==U?a.id:a;return typeof a===U&&(a=b.getElementById(e)),a&&(d=R[e],d&&"object"==typeof d)?g(d,a,c):null}function i(a){var b=a.element.id,c=a.name,d=R[b];d||(d={elementId:b,element:a.element,instances:{}}),d.instances[c]=a,R[b]=d}function j(a){var b=a&&typeof a!==U?a.id:a;return R[b]&&R[b].instances||null}function k(a,b){var c,d;return c=b.split(Z),d=c.indexOf(a),d>-1&&(c.splice(d,1),b=c.join(Z)),b}function l(a){a.removeAttribute(W),a.removeAttribute(Y),a.removeAttribute(X)}function m(a,b){var c,d,e;b?(c=k(b,a.getAttribute(W)||""),d=k(b,a.getAttribute(Y)||""),e=k(b,a.getAttribute(X)||""),c&&d&&e?(a.setAttribute(W,c),a.setAttribute(Y,d),a.setAttribute(X,e)):l(a)):l(a)}function n(a,b){var c=a[b];return c?(c.element&&typeof c.element.setAttribute===V&&m(c.element,b),delete a[b],!0):!1}function o(a,b){var c,d,e=!0;for(d in a)a.hasOwnProperty(d)&&(c=n(a,d),a[d]=null,e=e&&c);return N.hasPropertiesOfValue(a,null)&&(R[b]=null),e}function p(a,b,c){var d;return b?(d=n(a,b),N.hasPropertiesOfValue(a,null)&&(R[c]=null)):d=o(a,c),d}function q(a,b){var c,d=typeof a===U?a:a.id,e=R[d];if(e){if(typeof a===U&&(a=e.element),a&&m(a,b),c=R[d]&&R[d].instances)return p(c,b,d);R[d].instances&&0===Object.keys(R[d].instances).length&&(R[d]=null)}return!1}function r(a){return q(a)}function s(a,c){return a&&a instanceof HTMLElement||(a=typeof c.createEmptyElement===V?c.createEmptyElement():b.createElement("div")),a}function t(a,c,d,e){var f,g=e||{},h=g.create;c.configure(d,a,e),typeof h===V&&L.one(a,d.name.toLowerCase()+"create",h),a.id&&(c.id=a.id),f=a.getAttribute(W),f&&-1!==f.split(Z).indexOf(c.name)||(a=c.build(a)),a&&(c.element=a,i(c),c.trigger(aa.WIDGET_BUILT,c,!1),T||c.init(a),c.bindEvents(a,T),c.trigger(c.widgetEventPrefix+aa.WIDGET_INIT),c.trigger(aa.WIDGET_BOUND,c,!1),L.trigger(b,aa.WIDGET_BOUND,c))}function u(a,b,c){var d,e,f,g=b.widgetClass;return a=s(a,g),d=g?new g(a):!1,e=O.getParentsBySelectorNS(a,"enhance=false"),f=h(a,b.name),f&&f.element===a?a:d?(e.length||t(a,d,b,c),d.element):null}function v(a,c){var d;typeof a===U&&(a=b.getElementById(a)),d=h(a,c),d&&(d.destroy(),d.trigger("widgetdestroyed"),q(a,c))}function w(a){var b,c,d;d=j(a);for(b in d)d.hasOwnProperty(b)&&(c=d[b],c&&(c.destroy(),c.trigger("widgetdestroyed")))}function x(a,c){var d,e;for(typeof a===U&&(a=b.getElementById(a)),c||w(a),d=K.call(a.querySelectorAll("["+Y+"]")),e=d.length-1;e>=0;e-=1)d[e]&&x(d[e],!1);r(a)}function y(a,b,c){var d=a&&a.getAttribute(X)||b&&b.name;return b=b||d&&Q[d]||{name:d},u(a,b,c)}function z(a,b){var c=Node.DOCUMENT_POSITION_CONTAINS|Node.DOCUMENT_POSITION_PRECEDING;return a.element===b.element?0:a.element.compareDocumentPosition(b.element)&c?1:-1}function A(a){y(a.element||a,Q[a.widgetName])}function B(a){var c,d,e,f,g,h,i,j=K.call(a.querySelectorAll($)),k=[],l=Object.keys(Q),m=l.length;for(j.forEach(A),e=0;m>e;++e)if(h=l[e],-1===h.indexOf(".")&&(g=Q[h],i=g.selectors,i.length))for(d=_(h),c=K.call(a.querySelectorAll(i.join(d+",")+d)),f=c.length;--f>=0;)k.push({element:c[f],widgetName:h});k.sort(z),k.forEach(A),L.trigger(b,"built"),L.trigger(b,aa.BOUND)}function C(a){B(a.target)}function D(){var a,c,d,e,f=b.head;if(c=f.querySelectorAll('[name="viewport"]'),a=c.length,a>0)for(--a,e=0;a>e;++e)f.removeChild(c[e]);else d=b.createElement("meta"),d.setAttribute("name","viewport"),d.setAttribute("content","width=device-width, user-scalable=no"),f.firstChild?f.insertBefore(d,f.firstChild):f.appendChild(d)}function E(){L.trigger(b,aa.READY),D()}function F(){}function G(){F(),L.fastOff(b,"create",C),x(b.body,!0),L.trigger(b,aa.DESTROY)}function H(a,b){var c=b instanceof HTMLElement?"HTMLElement":typeof b;return a[c]=b,a}function I(a){return P.reduce(a,H,{})}var J,K=[].slice,L=d.event,M=d.util,N=M.object,O=M.selectors,P=d.util.array,Q={},R={},S=a.location,T="#build"===S.hash,U="string",V="function",W="data-tau-built",X="data-tau-name",Y="data-tau-bound",Z=",",$="*["+W+"]["+X+"]:not(["+Y+"])",_=function(a){return":not(["+W+"*='"+a+"']):not(["+Y+"*='"+a+"'])"},aa={INIT:"tauinit",READY:"tauready",WIDGET_BOUND:"widgetbound",WIDGET_DEFINED:"widgetdefined",WIDGET_BUILT:"widgetbuilt",DESTROY:"taudestroy",BOUND:"bound",WIDGET_INIT:"init"};d.widgetDefinitions={},J={justBuild:"#build"===S.hash,dataTau:{built:W,name:X,bound:Y,separator:Z},destroyWidget:v,destroyAllWidgets:x,createWidgets:B,getDefinitions:function(){return Q},getWidgetDefinition:function(a){return Q[a]},defineWidget:f,getBinding:h,getAllBindings:j,setBinding:i,removeBinding:q,removeAllBindings:r,_clearBindings:function(){R={}},build:E,run:function(){switch(F(),L.fastOn(b,"create",C),L.trigger(b,aa.INIT,{tau:d}),b.readyState){case"interactive":case"complete":E();break;default:L.one(b,"DOMContentLoaded",E.bind(J))}},instanceWidget:function(a,b,c){var d,e,f=I(arguments);return a=f.HTMLElement,b=f.string,c=f.object,a&&(d=h(a,b)),!d&&Q[b]?(e=Q[b],a=y(a,e,c),d=h(a,b)):d&&d.option(c),d},stop:F,destroy:G,setJustBuild:function(a){a?S.hash="build":S.hash="",T=a},getJustBuild:function(){return T},_createEventHandler:C},J.eventType=aa,d.engine=J}(a,a.document),function(){d.util.DOM=d.util.DOM||{}}(),function(){function a(a,b){var c=d.getConfig(g),e="";return b||(e="data-"),e+(c?c+"-":"")+a}function b(a,b,c){a[b]=c,a.setAttribute(b,c)}var e=d.util.selectors,f=d.util.DOM,g="namespace";f.inheritAttr=function(a,b,c){var d,f=a.getAttribute(b);return!f&&(d=e.getClosestBySelector(a,c))?d.getAttribute(b):f},f.getNumberFromAttribute=function(a,b,c,d){var e=a.getAttribute(b),f=d;return isNaN(e)||("float"===c?(e=parseFloat(e),isNaN(e)||(f=e)):(e=parseInt(e,10),isNaN(e)||(f=e))),f},f.setNSData=function(b,c,d){b.setAttribute(a(c),d)},f.getNSData=function(b,c,d){var e=b.getAttribute(a(c,d));return"true"===e?!0:"false"===e?!1:e},f.hasNSData=function(b,c){return b.hasAttribute(a(c))},f.nsData=function(a,b,d){return d===c?f.getNSData(a,b):f.setNSData(a,b,d)},f.removeNSData=function(b,c){b.removeAttribute(a(c))},f.getData=function(a){var b,c,d,e,f,g="data-",h={},i=a.attributes,j=i.length;for(e=0;j>e;e++)b=i.item(e),c=b.nodeName,c.indexOf(g)>-1&&(d=b.value,f=d.toLowerCase(),"true"===f?d=!0:"false"===f&&(d=!1),h[c.replace(g,"")]=d);return h},f.removeAttribute=function(a,b){a.removeAttribute(b),a[b]=!1},f.setAttribute=b,f.setAttributes=function(a,c){var d,e,f,g=Object.keys(c);for(d=0,f=g.length;f>d;d++)e=g[d],b(a,e,c[e])}}(),function(a,b,d){var e,f=d.util.object,g=d.util.selectors,h=d.util.DOM,i={},j={uiStateKey:"&ui-state",urlParseRE:/^(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)((#[^\?]*)(\?.*)?)?/,getLocation:function(b){var c=this.parseUrl(b||a.location.href),d=c.hash,e=c.hashSearch;return d="#"!==d||e?d:"",i=c,c.protocol+"//"+c.host+c.pathname+c.search+d+e},getDocumentUrl:function(a){return a?f.copy(j.documentUrl):j.documentUrl.href},parseLocation:function(){return this.parseUrl(this.getLocation())},parseUrl:function(a){var b;return"object"==typeof a?a:(b=j.urlParseRE.exec(a||"")||[],{href:b[0]||"",hrefNoHash:b[1]||"",hrefNoSearch:b[2]||"",domain:b[3]||"",protocol:b[4]||"",doubleSlash:b[5]||"",authority:b[6]||"",username:b[8]||"",password:b[9]||"",host:b[10]||"",hostname:b[11]||"",port:b[12]||"",pathname:b[13]||"",directory:b[14]||"",filename:b[15]||"",search:b[16]||"",hash:b[18]||"",hashSearch:b[19]||""})},makePathAbsolute:function(a,b){var c,d,e,f;if(a&&"/"===a.charAt(0))return a;for(a=a||"",b=b?b.replace(/^\/|(\/[^\/]*|[^\/]+)$/g,""):"",c=b?b.split("/"):[],d=a.split("/"),f=0;f0?(c=d.hashSearch||"?",d.hrefNoHash+(f||"")+c+("?"===c.charAt(c.length-1)?"":"&")+e):(c=d.search||"?",d.hrefNoSearch+c+("?"===c.charAt(c.length-1)?"":"&")+e+(f||""))},addHashSearchParams:function(a,b){var c=j.parseUrl(a),d="object"==typeof b?j.getAsURIParameters(b):b,e=c.hash,f=e?e.indexOf("?")<0?e+"?":e+"&":"#?";return c.hrefNoHash+f+("?"===f.charAt(f.length-1)?"":"&")+d},convertUrlToDataUrl:function(b,c,d){var e=j.parseUrl(b);return j.isEmbeddedPage(e,!!c)?j.getFilePath(e.hash+e.hashSearch,c):(d=d||j.documentBase,j.isSameDomain(e,d)?e.hrefNoHash.replace(d.domain,""):a.decodeURIComponent(b))},get:function(a){return a===c&&(a=this.parseLocation().hash),this.stripHash(a).replace(/[^\/]*\.[^\/*]+$/,"")},isPath:function(a){return/\//.test(a)},clean:function(a,b){return a.replace(b.domain,"")},stripHash:function(a){return a.replace(/^#/,"")},stripQueryParams:function(a){return a.replace(/\?.*$/,"")},isHashValid:function(a){return/^#[^#]+$/.test(a)},isExternal:function(a,b){var c=j.parseUrl(a);return c.protocol&&c.domain!==b.domain?!0:!1},hasProtocol:function(a){return/^(:?\w+:)/.test(a)},isEmbedded:function(a){var b=j.parseUrl(a);return""!==b.protocol?!j.isPath(b.hash)&&!!b.hash&&b.hrefNoHash===j.parseLocation().hrefNoHash:/\?.*#|^#/.test(b.href)},squash:function(a,b){var c,d,e,f,g=this.isPath(a),h=this.parseUrl(a),i=h.hash,k="";return b=b||(j.isPath(a)?j.getLocation():j.getDocumentUrl()),d=g?j.stripHash(a):a,d=j.isPath(h.hash)?j.stripHash(h.hash):d,f=d.indexOf(this.uiStateKey),f>-1&&(k=d.slice(f),d=d.slice(0,f)),c=j.makeUrlAbsolute(d,b),e=this.parseUrl(c).search,g?((j.isPath(i)||0===i.replace("#","").indexOf(this.uiStateKey))&&(i=""),k&&-1===i.indexOf(this.uiStateKey)&&(i+=k),-1===i.indexOf("#")&&""!==i&&(i="#"+i),c=j.parseUrl(c),c=c.protocol+"//"+c.host+c.pathname+e+i):c+=c.indexOf("#")>-1?k:"#"+k,c},isPreservableHash:function(a){return 0===a.replace("#","").indexOf(this.uiStateKey)},hashToSelector:function(a){var b="#"===a.substring(0,1);return b&&(a=a.substring(1)),(b?"#":"")+a.replace(new RegExp("([!\"#$%&'()*+,./:;<=>?@[\\]^`{|}~])","g"),"\\$1")},isFirstPageUrl:function(a,b,d,e,f){var g,h,i,k;return d=d===c?j.documentBase:d,e=e===c?j.documentBaseDiffers:e,f=f===c?j.documentUrl:f,g=j.parseUrl(j.makeUrlAbsolute(a,d)),h=g.hrefNoHash===f.hrefNoHash||e&&g.hrefNoHash===d.hrefNoHash,i=b&&b.id||!1,k=g.hash,h&&(!k||"#"===k||i&&k.replace(/^#/,"")===i)},isPermittedCrossDomainRequest:function(a,b){return d.getConfig("allowCrossDomainPages",!1)&&"file:"===a.protocol&&-1!==b.search(/^https?:/)},getAsURIParameters:function(a){var b,c="";for(b in a)a.hasOwnProperty(b)&&(c+=encodeURIComponent(b)+"="+encodeURIComponent(a[b])+"&");return c.substring(0,c.length-1)},documentUrl:null,documentBaseDiffers:!1,set:function(a){i.hash=a},getFilePath:function(a,b){var c="&"+d.getConfig("subPageUrlKey","");return a&&a.split(c)[0].split(b)[0]},cleanHash:function(a,b){return j.stripHash(a.replace(/\?.*$/,"").replace(b,""))},isEmbeddedPage:function(a,b){var c=j.parseUrl(a);return""!==c.protocol?c.hash&&(b?c.hrefNoHash===j.documentUrl.hrefNoHash:c.hrefNoHash===j.parseLocation().hrefNoHash):/^#/.test(c.href)}};j.documentUrl=j.parseLocation(),e=b.querySelector("base"),j.documentBase=e?j.parseUrl(j.makeUrlAbsolute(e.getAttribute("href"),j.documentUrl.href)):j.documentUrl,j.documentBaseDiffers=j.documentUrl.hrefNoHash!==j.documentBase.hrefNoHash,j.getDocumentBase=function(a){return a?f.copy(j.documentBase):j.documentBase.href},j.getClosestBaseUrl=function(a,b){var c=h.getNSData(g.getClosestBySelector(a,b),"url"),e=j.documentBase.hrefNoHash;return d.getConfig("dynamicBaseEnabled",!0)&&c&&j.isPath(c)||(c=e),j.makeUrlAbsolute(c,e)},d.util.path=j}(a,a.document,d),function(a){function b(a){for(var b,c=[],d=0,e=0,g="";null!=(b=o.exec(a));){var h=b[0],i=b[1],j=b.index;if(g+=a.slice(e,j),e=j+h.length,i)g+=i[1];else{g&&(c.push(g),g="");var k=b[2],l=b[3],m=b[4],n=b[5],p=b[6],q="+"===p||"*"===p,r="?"===p||"*"===p,s=k||"/";c.push({name:l||d++,prefix:k||"",delimiter:s,optional:r,repeat:q,pattern:f(m||n||"[^"+s+"]+?")})}}return ee;++e)h=d[e],(isNaN(c[h])===!1||isNaN(a[h])===!1)&&(g=Object.getOwnPropertyDescriptor(b,h),"detail"===h||g&&!g.writable||(b[h]=c[h]||a[h]))}function f(a,b,c){var d,f,g,h,i=new CustomEvent(a,{bubbles:b.bubbles,cancelable:b.cancelable,detail:b.detail}),j=b.type,k=0;if(e(b,i,c,x),i._originalEvent=b,-1!==j.indexOf("touch")&&(j=b.touches,d=b.changedTouches,f=j&&j.length?j[0]:d&&d.length?d[0]:null))for(g=D.length;g>k;k++)h=D[k],i[h]=f[h];return i}function g(a,b,c){return b.target.dispatchEvent(f(a,b,c||{}))}function h(a){g("vmousedown",a)}function i(a){var b=a.clientX,c=a.clientY;return b||c?void 0:t(a)}function j(a){g("vclick",a,i(a))}function k(a){g("vmouseup",a)}function l(a){g("vmousemove",a)}function m(a){g("vmouseover",a)}function n(a){g("vmouseout",a)}function o(a){var b,c=a.touches;c&&1===c.length&&(y=!1,b=c[0],B=b.pageX,C=b.pageY,g("vmousedown",a))}function p(a){var b=a.touches;b&&0===b.length&&(g("vmouseup",a),g("vmouseout",a),A=null)}function q(a){var d,e=a.touches&&a.touches[0],f=y,h=w.eventDistanceThreshold;return e===c||e.identifier>0?void a.stopPropagation():(y=y||Math.abs(e.pageX-B)>h||Math.abs(e.pageY-C)>h,d=b.elementFromPoint(e.pageX,e.pageY),d&&A!==d&&(A=d,g("vmouseover",a)),y&&!f&&(g("vmousecancel",a),A=null),void g("vmousemove",a))}function r(a){y||g("vmousecancel",a),y=!0}function s(a){g("vmousecancel",a),A=null}function t(a){var b=a.target&&a.target.getBoundingClientRect(),c={};return b&&(c={clientX:b.left+b.width/2,clientY:b.top+b.height/2,which:1}),c}function u(a){var b;a.keyCode===E.enter&&(b=t(a),g("vmouseup",a,b),g("vclick",a,b))}function v(a){a.keyCode===E.enter&&g("vmousedown",a,t(a))}var w,x,y,z=a.hasOwnProperty("ontouchstart"),A=null,B=0,C=0,D=["clientX","clientY","pageX","pageY","screenX","screenY"],E={enter:13};x=["currentTarget","detail","button","buttons","clientX","clientY","offsetX","offsetY","pageX","pageY","screenX","screenY","toElement","which"],w={eventDistanceThreshold:10,touchSupport:z},w.bindCommonEvents=function(){b.addEventListener("keyup",u,!0),b.addEventListener("keydown",v,!0),b.addEventListener("scroll",r,!0),b.addEventListener("click",j,!0)},w.bindTouch=function(){b.addEventListener("touchstart",o,!0), +b.addEventListener("touchend",p,!0),b.addEventListener("touchmove",q,!0),b.addEventListener("touchcancel",s,!0)},w.bindMouse=function(){b.addEventListener("mousedown",h,!0),b.addEventListener("mouseup",k,!0),b.addEventListener("mousemove",l,!0),b.addEventListener("mouseover",m,!0),b.addEventListener("mouseout",n,!0)},w.unbindTouch=function(){b.removeEventListener("touchstart",o,!0),b.removeEventListener("touchend",p,!0),b.removeEventListener("touchmove",q,!0),b.removeEventListener("touchcancel",s,!0),b.removeEventListener("click",j,!0)},w.unbindMouse=function(){b.removeEventListener("mousedown",h,!0),b.removeEventListener("mouseup",k,!0),b.removeEventListener("mousemove",l,!0),b.removeEventListener("mouseover",m,!0),b.removeEventListener("mouseout",n,!0),b.removeEventListener("keyup",u,!0),b.removeEventListener("keydown",v,!0),b.removeEventListener("scroll",r,!0),b.removeEventListener("click",j,!0)},d.event.vmouse=w,z?w.bindTouch():w.bindMouse(),w.bindCommonEvents()}(a,a.document,d),function(a,b){function c(a){return o.trigger(b,t,a,!0,!0)}function e(a){var b,d,e,f,g=a.target,h=p.getClosestBySelector(g,l);return!h||1!==a.which||(b=h.getAttribute("href"),f=h.getAttribute("rel"),d="external"===f||h.hasAttribute("target"),d||(e=s.getData(h),e.event=a,f&&!e.rel?e.rel=f:f=e.rel,b&&!e.href&&(e.href=b),"popup"===f&&h&&!e.link&&(e.link=h),n.disableVolatileMode(),c(e)||f&&"back"===f))?!0:(o.preventDefault(a),!1)}function f(a){var d,e=a.state,f=n.activeState,g={},i=!0,j=!1;h.locked?(n.disableVolatileMode(),f&&n.replace(f,f.stateTitle,f.stateUrl)):e&&(d="back"===n.getDirection(e),g=q.merge(g,e,{reverse:d,transition:d?f&&f.transition||"none":e.transition,fromHashChange:!0}),f&&(i=o.trigger(b,u,q.merge(g,{url:r.getLocation(),stateUrl:f.stateUrl}),!0,!0),j=i),e.url=r.getLocation(),n.setActive(e),j||(g.event=a,c(g)))}function g(a){var b=a.newURL;b&&n.activeState.url!==b&&c({href:b,fromHashChange:!0,event:a})}var h=Object.create(null),i="popstate",j="hashchange",k="vclick",l="a,tau-button",m=d.util,n=d.history,o=d.event,p=m.selectors,q=m.object,r=m.path,s=m.DOM,t="historystatechange",u="historyhashchange",v="historyenabled",w="historydisabled",x={STATECHANGE:t,HASHCHANGE:u,ENABLED:v,DISABLED:w};h.events=x,h.enabled=!0,h.locked=!1,h.lock=function(){this.locked=!0},h.unlock=function(){this.locked=!1},h.enable=function(){b.addEventListener(k,e,!1),a.addEventListener(i,f,!1),a.addEventListener(j,g,!1),n.enableVolatileMode(),this.enabled=!0,o.trigger(b,v,this)},h.disable=function(){b.removeEventListener(k,e,!1),a.removeEventListener(i,f,!1),a.removeEventListener(j,g,!1),n.disableVolatileMode(),this.enabled=!1,o.trigger(b,w,this)},d.history.manager=h}(a,a.document),function(){function a(a,b){return b.toLocaleUpperCase()}function b(a,b){return"-"+b.toLowerCase()}function c(b){return b.replace(i,a)}function e(a){return a.replace(j,b)}function f(a){return a.charAt(0).toLocaleUpperCase()+a.substring(1)}function g(a){var b;return a&&-1===(a+"").indexOf("%")?(b=parseInt(a,10),isNaN(b)&&(b=null),b):a}function h(a){var b;return b="string"==typeof a?a.split(","):a||[],k.map(b,g)}var i=/-([a-z])/gi,j=/([A-Z])/g,k=d.util.array;d.util.string={dashesToCamelCase:c,camelCaseToDashes:e,firstToUpperCase:f,parseProperty:h}}(),function(a,c){function d(b,c,d,e){var f,g=a.getComputedStyle(b),h=d;if(g&&(f=g.getPropertyValue(c)))switch(e){case"integer":f=parseInt(f,10),isNaN(f)||(h=f);break;case"float":f=parseFloat(f),isNaN(f)||(h=f);break;default:h=f}return h}function e(a){return(a+"").indexOf(".")>-1?parseFloat(a):parseInt(a,10)}function f(b,c,d,f){var g,h,i,j=a.getComputedStyle(b,d);for(g in c)c.hasOwnProperty(g)&&(h=j.getPropertyValue(g),i=e(h),isNaN(i)&&f||(h=i),c[g]=h)}function g(a,b,c,d,e){var g,h,i,j,k=a.style;return"none"!==k.display?(f(a,b,c,!0),j=a[e]):d&&(g=k.display,h=k.visibility,i=k.position,k.display="block",k.visibility="hidden",k.position="relative",f(a,b,c,!0),j=a[e],k.display=g,k.visibility=h,k.position=i),j}function h(a,b,c,d,f,h){var i,j,k=0,l=b&&"outer"===b||!1,m={height:0,"margin-top":0,"margin-bottom":0,"padding-top":0,"padding-bottom":0,"border-top-width":0,"border-bottom-width":0,"box-sizing":""};if(a){i=g(a,m,f,h,"offsetHeight");for(j in m)m.hasOwnProperty(j)&&"box-sizing"!==j&&(m[j]=e(m[j]));k+=m.height,"border-box"!==m["box-sizing"]&&(k+=m["padding-top"]+m["padding-bottom"]),c?k=i:l&&"border-box"!==m["box-sizing"]&&(k+=m["border-top-width"]+m["border-bottom-width"]),d&&(k+=Math.max(0,m["margin-top"])+Math.max(0,m["margin-bottom"]))}return k}function i(a,b,c,d,e,f){var h,i,j,k=0,l=b&&"outer"===b||!1,m={width:0,"margin-left":0,"margin-right":0,"padding-left":0,"padding-right":0,"border-left-width":0,"border-right-width":0,"box-sizing":""};if(a){i=g(a,m,e,f,"offsetWidth");for(j in m)m.hasOwnProperty(j)&&"box-sizing"!==j&&(h=parseFloat(m[j]),m[j]=h);k+=m.width,"border-box"!==m["box-sizing"]&&(k+=m["padding-left"]+m["padding-right"]),c?k=i:l&&"border-box"!==m["box-sizing"]&&(k+=m["border-left-width"]+m["border-right-width"]),d&&(k+=Math.max(0,m["margin-left"])+Math.max(0,m["margin-right"]))}return k}function j(a){var b=0,c=0,d=a;do c+=d.offsetTop,b+=d.offsetLeft,d=d.offsetParent;while(null!==d);return{top:c,left:b}}function k(a){return!(a.offsetWidth<=0&&a.offsetHeight<=0)}function l(a,b,c){var d=a.style,e=b,f="object"!=typeof c?{webkit:c,moz:c,o:c,ms:c,normal:c}:c;d.setProperty(b,f.normal),d.setProperty("-webkit-"+e,f.webkit),d.setProperty("-moz-"+e,f.moz),d.setProperty("-o-"+e,f.o),d.setProperty("-ms-"+e,f.ms)}function m(a){return{webkit:"-webkit-"+a,moz:"-moz-"+a,o:"-ms-"+a,ms:"-o-"+a,normal:a}}function n(a,b){var c,d,e=m(b);for(d in e)if(e.hasOwnProperty(d)&&(c=a[e[d]],c&&"none"!==c))return c;return c}function o(a){var b="",c=t.parseProperty(a);return c&&2===c.length&&(b="width: "+c[0]+"px; height: "+c[1]+"px;"),b}function p(a,c,d){var e,f,g,h=[];r||(e=b.head||b.getElementsByTagName("head")[0],f=b.createElement("style"),f.type="text/css",e.appendChild(f),r=f.sheet);for(g in d)d.hasOwnProperty(g)&&h.push(g+": "+d[g]);return h.length?r.addRule(a+"::"+c,h.join("; ")):null}function q(a){r&&r.deleteRule(a)}var r,s=c.util.DOM,t=c.util.string;s.getCSSProperty=d,s.extractCSSProperties=f,s.getElementHeight=h,s.getElementWidth=i,s.getElementOffset=j,s.isOccupiedPlace=k,s.setPrefixedStyle=l,s.getPrefixedValue=m,s.getPrefixedStyleValue=n,s.toCSSSize=o,s.setStylesForPseudoClass=p,s.removeCSSRule=q}(a,d),function(a,b){var c=function(){this._data=[]};c.prototype={add:function(){var a=this._data;this._data=a.concat.apply(a,[].slice.call(arguments)).filter(function(a,b,c){return c.indexOf(a)===b})},clear:function(){this._data=[]},"delete":function(a){var b=this._data,c=b.indexOf(a);c>-1&&b.splice(c,1)},has:function(a){return this._data.indexOf(a)>-1},forEach:function(a){this._data.forEach(a)}},b.util._Set=c,b.util.Set=a.Set||c}(a,d),function(a){function b(a,b,c){var d={name:a,element:b,options:c};return d}function c(a,c,d){var e=b(a,c,d);return g.instanceWidget(e.element,e.name,e.options)}function e(a){var b=a.detail,e=b.name;d.widget[e]=c.bind(null,e)}function f(){a.removeEventListener(h.WIDGET_DEFINED,e,!0),a.removeEventListener(h.DESTROY,f,!1)}var g=d.engine,h=g.eventType,i={getInstance:g.getBinding,getAllInstances:g.getAllBindings};a.addEventListener(h.WIDGET_DEFINED,e,!0),a.addEventListener(h.DESTROY,f,!1),d.widget=i}(a.document),function(a,b){function d(a){return!a.toRemove}function e(a){a.object[a.property]===a.value&&(n.requestAnimationFrame(a.callback.bind(a.object)),a.toRemove=!0)}function f(){j.forEach(e),j=j.filter(d),j.length&&n.requestAnimationFrame(f)}function g(a,b){var d=b.classList;d!==c&&(d instanceof s?d.clear():(d=new s,b.classList=d),a.classList.length&&d.add.apply(d,k.call(a.classList)))}function h(a,b){g(a,b),b.offsetWidth!==c&&(b.offsetWidth=a.offsetWidth),b.style!==c&&p.extractCSSProperties(a,b.style,null,!0),b.children!==c&&b.children.forEach(function(b,c){h(a.children[c],b)})}function i(a,b,d){var e=!1;a.classList!==c&&(k.call(b.classList).forEach(function(c){a.classList.has(c)||(b.classList.remove(c),e=!0)}),a.classList.forEach(function(a){b.classList.contains(a)||(b.classList.add(a),e=!0)})),a.style!==c&&Object.keys(a.style).forEach(function(c){b.style[c]=a.style[c]}),a.children!==c&&a.children.forEach(function(a,c){i(a,b.children[c],!0)}),e&&!d&&n.requestAnimationFrame(h.bind(null,b,a))}var j,k=[].slice,l=b.engine,m=l.dataTau,n=b.util,o=b.event,p=n.DOM,q=n.string,r=n.object,s=n.Set,t=function(){return this.flowState="created",this},u=p.getNSData,v={},w="function",x="ui-state-disabled",y="aria-disabled";t.classes={disable:x},v._configureDefinition=function(a){var c,d,e=this;a&&(c=a.name,d=a.namespace,e.name=c,e.widgetName=c,e.widgetEventPrefix=c.toLowerCase(),e.namespace=d,e.widgetFullName=((d?d+"-":"")+c).toLowerCase(),e.id=b.getUniqueId(),e.selector=a.selector)},v.configure=function(a,b,c){var d=this;d.flowState="configuring",d.options=d.options||{},d.element=d.element||null,d._configureDefinition(a),typeof d._configure===w&&d._configure(b),d.isCustomElement=!!b.createdCallback,d._getCreateOptions(b),r.fastMerge(d.options,c),d.flowState="configured"},v._getCreateOptions=function(a){var b=this,c=b.options,d=a.localName.toLowerCase();return c&&Object.keys(c).forEach(function(e){var f=q.camelCaseToDashes(e),g=u(a,f,!0),h=u(a,f);null!==h?c[e]=h:"boolean"==typeof c[e]&&b._readBooleanOptionFromElement(a,e),("type"!==e||"input"!==d)&&null!==g&&(c[e]=g)}),c},v.build=function(a){var b,c,d=this,e=a.getAttribute(m.built),f=a.getAttribute(m.name);return o.trigger(a,d.widgetEventPrefix+"beforecreate"),d.flowState="building",b=a.id,b?d.id=b:a.id=d.id,c=typeof d._build===w?d._build(a):a,d._setBooleanOptions(a),e=e?e+m.separator+d.name:d.name,f=f?f+m.separator+d.name:d.name,a.setAttribute(m.built,e),a.setAttribute(m.name,f),d.flowState="built",c},v.init=function(a){var b=this;return b.id=a.id,b.flowState="initiating",typeof b._init===w&&b._init(a),a.getAttribute("disabled")||b.options.disabled===!0?b.disable():b.enable(),b.flowState="initiated",b},v.getContainer=function(){var a=this;return typeof a._getContainer===w?a._getContainer():a.element},v.bindEvents=function(a,b){var c=this,d=a.getAttribute(m.bound);return b||(d=d?d+m.separator+c.name:c.name,a.setAttribute(m.bound,d)),typeof c._buildBindEvents===w&&c._buildBindEvents(a),b||typeof c._bindEvents!==w||c._bindEvents(a),c.trigger(c.widgetEventPrefix+"create",c),c},v.focus=function(b){var c,d,e=this,f=e.element;return b=b||{},c=b.previousElement,c&&(d=l.getBinding(c),d?(b=r.merge({},b,{element:c}),d.blur(b)):c.blur()),b=r.merge({},b,{element:f}),o.trigger(a,"taufocus",b),f.focus(),!0},v.blur=function(b){var c=this,d=c.element;return b=r.merge({},b,{element:d}),o.trigger(a,"taublur",b),d.blur(),!0},v.destroy=function(a){var b=this;a=a||b.element,b.flowState="destroying",typeof b._destroy===w&&b._destroy(a),b.element&&b.trigger(b.widgetEventPrefix+"destroy"),a&&l.removeBinding(a,b.name),b.flowState="destroyed"},v.disable=function(){var a=this,b=k.call(arguments),c=a.element;return c.classList.add(x),c.setAttribute(y,!0),typeof a._disable===w&&(b.unshift(c),a._disable.apply(a,b)),this},v.isDisabled=function(){var a=this;return a.element.getAttribute("disabled")||a.options.disabled===!0},v.enable=function(){var a=this,b=k.call(arguments),c=a.element;return c.classList.remove(x),c.setAttribute(y,!1),typeof a._enable===w&&(b.unshift(c),a._enable.apply(a,b)),this},v.refresh=function(){var a=this;return typeof a._refresh===w&&a._refresh.apply(a,arguments),a},v._readBooleanOptionFromElement=function(a,b){var c,d=this._classesPrefix;d&&(c=d+q.camelCaseToDashes(b),this.options[b]=a.classList.contains(c))},v._setBooleanOption=function(a,b,c){var d,e=this._classesPrefix;return e&&(d=e+q.camelCaseToDashes(b),a.classList.toggle(d,c)),!1},v._setBooleanOptions=function(a){var b=this,d=b._classesPrefix,e=b.options;return d&&e!==c&&Object.keys(e).forEach(function(c){"boolean"==typeof e[c]&&(e[c]=b._setBooleanOption(a,c,e[c]))}),e},v._processOptionObject=function(a){var b,d,e=this,f=!1;for(b in a)a.hasOwnProperty(b)&&(d=e._oneOption(b,a[b]),b!==c&&a[b]!==c&&(f=f||d));return f},v.option=function(a,b){var d=this,e=a,f=b,g=null,h=!1;return"string"==typeof e?(g=d._oneOption(e,f),f!==c&&(h=g,g=null)):"object"==typeof e&&(h=d._processOptionObject(e)),h&&d.refresh(),g},v._oneOption=function(a,b){var d,e=this,f=!1;return b===c?(d="_get"+(a[0].toUpperCase()+a.slice(1)),typeof e[d]===w?e[d]():e.options[a]):(d="_set"+(a[0].toUpperCase()+a.slice(1)),typeof e[d]===w?f=e[d](e.element,b):"boolean"==typeof b?f=e._setBooleanOption(e.element,a,b):(e.options[a]=b,e.element&&(e.element.setAttribute("data-"+a.replace(/[A-Z]/g,function(a){return"-"+a.toLowerCase()}),b),f=!0)),f)},v.isBound=function(a){var b=this.element;return a=a||this.name,b&&b.hasAttribute(m.bound)&&b.getAttribute(m.bound).indexOf(a)>-1},v.isBuilt=function(a){var b=this.element;return a=a||this.name,b&&b.hasAttribute(m.built)&&b.getAttribute(m.built).indexOf(a)>-1},v.value=function(a){var b=this;return a!==c?typeof b._setValue===w?b._setValue(a):b:typeof b._getValue===w?b._getValue():b},v.trigger=function(a,b,c,d){return o.trigger(this.element,a,b,c,d)},v.on=function(a,b,c){o.on(this.element,a,b,c)},v.off=function(a,b,c){o.off(this.element,a,b,c)},v._framesFlow=function(){var a=this,b=k.call(arguments),d=b.shift();"function"==typeof d&&d(),d!==c&&n.requestAnimationFrame(function(){a._framesFlow.apply(a,b)})},v._waitFor=function(a,b,c){var d=this;d[a]===b?c.call(d):(j=j||[],j.push({object:d,property:a,value:b,callback:c})),f()},v._render=function(a){var b=this,c=b._stateDOM,d=b.element;a?i(c,d):n.requestAnimationFrame(i.bind(null,c,d))},v._initDOMstate=function(){h(this.element,this._stateDOM)},v._togglePrefixedClass=function(a,b,c){var d=!1,e=b+c;return a.classList.forEach(function(c){0===c.indexOf(b)&&e!==c&&(a.classList["delete"](c),d=!0)}),a.classList.has(e)||(a.classList.add(e),d=!0),d},t.prototype=v,b.widget.BaseWidget=t}(a.document,d),function(a,b){b.widget.core=b.widget.core||{}}(a.document,d),function(b,d){var e=d.widget.BaseWidget,f=d.util,g=f.DOM,h=f.selectors,i=d.engine,j=function(){var a=this;a._contentFillAfterResizeCallback=null,a._initialContentStyle={},a.options={},a._contentStyleAttributes=["height","width","minHeight","marginTop","marginBottom"],a._ui={}},k={SHOW:"pageshow",HIDE:"pagehide",CREATE:"pagecreate",BEFORE_CREATE:"pagebeforecreate",BEFORE_SHOW:"pagebeforeshow",BEFORE_HIDE:"pagebeforehide"},l={uiPage:"ui-page",uiPageActive:"ui-page-active",uiSection:"ui-section",uiHeader:"ui-header",uiFooter:"ui-footer",uiContent:"ui-content",uiTitle:"ui-title",uiPageScroll:"ui-scroll-on",uiScroller:"ui-scroller"},m="header,[data-role='header'],."+l.uiHeader,n="footer,[data-role='footer'],."+l.uiFooter,o="[data-role='content'],."+l.uiContent,p=new e;j.classes=l,j.events=k,p._configure=function(){var a=this.options;a.header=null,a.footer=null,a.content=null,a.enablePageScroll=d.getConfig("enablePageScroll"),a.autoBuildWidgets=d.getConfig("autoBuildOnPageChange"),this.options=a},p._contentFill=function(){var b,c=this,d=c.element,e=a.innerWidth,f=a.innerHeight,h=d.style,i=c._ui,j=i.content,k=i.header,l=0,m=0,n=i.footer;h.width=e+"px",h.height=f+"px",j&&!d.classList.contains("ui-page-flex")&&(b=j.style,k&&(l=g.getElementHeight(k)),n&&(m=g.getElementHeight(n),b.marginBottom=m+"px",b.paddingBottom=-m+"px"),c.options.enablePageScroll||(b.height=f-l-m+"px"))},p._storeContentStyle=function(){var a=this,b=a._initialContentStyle,c=a._contentStyleAttributes,d=a.element.querySelector("."+l.uiContent),e=d?d.style:{};c.forEach(function(a){b[a]=e[a]})},p._restoreContentStyle=function(){var a=this,b=a._initialContentStyle,c=a._contentStyleAttributes,d=a.element.querySelector("."+l.uiContent),e=d?d.style:{};c.forEach(function(a){e[a]=b[a]})},p._setFooter=function(a,c){var d=this,e=d._ui,f=e.footer;!f&&c&&(f=b.createElement("footer"),a.appendChild(f),e.footer=f),f&&(c===!1?(a.removeChild(f),e.footer=null):(f.classList.add(l.uiFooter),"string"==typeof c&&(e.footer.textContent=c)),d.options.footer=c)},p._setHeader=function(a,c){var d=this,e=d._ui,f=e.header;!f&&c&&(f=b.createElement("header"),a.appendChild(f),e.header=f),f&&(c===!1?(a.removeChild(f),e.header=null):(f.classList.add(l.uiHeader),"string"==typeof c&&(e.header.textContent=c)),d.options.header=c)},p._setContent=function(a,c){var d,e=this,f=e._ui,g=f.content,h=a.firstChild;if(!g&&c){for(g=b.createElement("div");h;)d=h.nextSibling,h!==f.footer&&h!==f.header&&g.appendChild(h),h=d;a.insertBefore(g,f.footer),f.content=g}g&&(c===!1?(a.removeChild(g),f.content=null):(g.classList.add(l.uiContent),"string"==typeof c&&(g.textContent=c)),e.options.content=c)},p._buildHeader=function(a){var b=this;b._ui.header=h.getChildrenBySelector(a,m)[0]||null,b.options.header===c&&(b.options.header=!!b._ui.header),b._setHeader(a,b.options.header)},p._buildFooter=function(a){var b=this;b._ui.footer=h.getChildrenBySelector(a,n)[0]||null,b.options.footer===c&&(b.options.footer=!!b._ui.footer),b._setFooter(a,b.options.footer)},p._buildContent=function(a){var b=this;b._ui.content=h.getChildrenBySelector(a,o)[0]||null,b.options.content===c&&(b.options.content=!!b._ui.content),b._setContent(a,b.options.content)},p._setAria=function(){var a=this,b=a._ui,c=b.content,d=b.header,e=b.footer,f=b.title;c&&c.setAttribute("role","main"),d&&d.setAttribute("role","header"),e&&e.setAttribute("role","footer"),f&&(f.setAttribute("role","heading"),f.setAttribute("aria-level",1),f.setAttribute("aria-label","title"))},p._setTitle=function(a){var b,c=this,d=g.getNSData(a,"title"),e=c._ui.header,f=d;e&&(b=h.getChildrenBySelector(e,"h1, h2, h3, h4, h5, h6")[0],b&&b.classList.add(l.uiTitle),!f&&b&&(f=b.innerText,c._ui.title=b),!d&&f&&g.setNSData(a,"title",f))},p._build=function(a){var b=this;return a.classList.add(l.uiPage),b._buildHeader(a),b._buildFooter(a),b._buildContent(a),b._setTitle(a),b._setAria(),b.options.enablePageScroll!==!0||a.querySelector("."+l.uiScroller)||i.instanceWidget(a,"Scrollview"),a},p.setActive=function(a){var b=this.element.classList;a||a===c?(this.focus(),b.add(l.uiPageActive)):(this.blur(),b.remove(l.uiPageActive))},p.isActive=function(){return this.element.classList.contains(l.uiPageActive)},p.focus=function(){var a=this.element,b=a.querySelector("[autofocus]")||a;b.focus()},p.blur=function(){var a=this.element,c=b.activeElement||a;c.blur()},p._bindEvents=function(){var b=this;b._contentFillAfterResizeCallback=b._contentFill.bind(b),a.addEventListener("resize",b._contentFillAfterResizeCallback,!1)},p._refresh=function(){this._restoreContentStyle(),this._contentFill()},p.layout=function(){this._storeContentStyle(),this._contentFill()},p.onBeforeShow=function(){this.trigger(k.BEFORE_SHOW)},p.onShow=function(){this.trigger(k.SHOW)},p.onBeforeHide=function(){this.trigger(k.BEFORE_HIDE)},p.onHide=function(){this._restoreContentStyle(),this.trigger(k.HIDE)},p._destroy=function(b){var c=this;b=b||c.element,a.removeEventListener("resize",c._contentFillAfterResizeCallback,!1),i.destroyAllWidgets(b,!0),c._contentFillAfterResizeCallback=null},p.getScroller=function(){var a=this.element,b=a.querySelector("."+l.uiScroller);return b||a.querySelector("."+l.uiContent)||a},j.prototype=p,j.createEmptyElement=function(){var a=b.createElement("div");return a.classList.add(l.uiPage),a},i.defineWidget("Page","[data-role=page],.ui-page",["focus","blur","setActive"],j,"mobile"),d.widget.core.Page=j}(a.document,d),function(b,c){function d(a,b,c,d){a&&(a.onHide(),d.reverse&&a.destroy(),c._removeExternalPage(a,d)),b.onShow(),c.trigger(k.PAGE_CHANGE)}var e=c.widget.BaseWidget,f=c.util,g=f.DOM,h=c.engine,i={pageContainer:"ui-page-container",uiViewportTransitioning:"ui-viewport-transitioning",out:"out","in":"in",reverse:"reverse",uiPreIn:"ui-pre-in",uiBuild:"ui-page-build"},j=function(){this.activePage=null,this.inTransition=!1},k={PAGE_BEFORE_CHANGE:"pagebeforechange",PAGE_CHANGE:"pagechange",PAGE_REMOVE:"pageremove"},l="animationend",m="webkitAnimationEnd",n="mozAnimationEnd",o="msAnimationEnd",p="oAnimationEnd",q=[l,m,n,o,p],r=new e;j.events=k,j.classes=i,r._build=function(a){return a.classList.add(i.pageContainer),a},r.change=function(a,b){var c,e=this,f=e.getActivePage(),g=b||{};e._options=g,g.widget=g.widget||"Page",f&&f.element===a||(a.parentNode!==e.element&&(a=e._include(a)),e.trigger(k.PAGE_BEFORE_CHANGE),a.classList.add(i.uiBuild),c=h.instanceWidget(a,g.widget),c.layout(),c.option("autoBuildWidgets")&&h.createWidgets(a),f&&f.onBeforeHide(),c.onBeforeShow(),a.classList.remove(i.uiBuild),g===e._options&&(g.deferred={resolve:d},e._transition(c,f,g)))},r._transition=function(b,c,d){var e,f,g=this,h=g.element,j=h.classList,k=c&&d.transition?d.transition:"none",l=d.deferred,m=[i["in"],i.out,i.uiPreIn,k];d.reverse&&m.push(i.reverse),g.inTransition=!0,j.add(i.uiViewportTransitioning),e=l.resolve,l.resolve=function(){var a=c&&c.element.classList,f=b.element.classList;g._setActivePage(b),g._clearTransitionClasses(m,a,f),e(c,b,g,d)},"none"!==k?(f=function(){b.off(q,f,!1),l.resolve()},b.on(q,f,!1),g._appendTransitionClasses(c,b,k,d.reverse)):a.setTimeout(l.resolve,0)},r._appendTransitionClasses=function(a,b,c,d){var e;a&&(e=a.element.classList,e.add(c,i.out),d&&e.add(i.reverse)),e=b.element.classList,e.add(c,i["in"],i.uiPreIn),d&&e.add(i.reverse)},r._clearTransitionClasses=function(a,b,c){var d=this,e=d.element,f=e.classList;f.remove(i.uiViewportTransitioning),d.inTransition=!1,a.forEach(function(a){c.remove(a)}),b&&a.forEach(function(a){b.remove(a)})},r._include=function(a){var c=this.element;return a.parentNode&&a.ownerDocument===b||(a=f.importEvaluateAndAppendElement(a,c)),a},r._setActivePage=function(a){var b=this;b.activePage&&b.activePage.setActive(!1),b.activePage=a,a.setActive(!0)},r.getActivePage=function(){return this.activePage},r._removeExternalPage=function(a,b){var c=a.element;b&&b.reverse&&g.hasNSData(c,"external")&&c.parentNode&&(c.parentNode.removeChild(c),this.trigger(k.PAGE_REMOVE))},j.prototype=r,c.widget.core.PageContainer=j,h.defineWidget("pagecontainer","",["change","getActivePage"],j,"core")}(a.document,d),function(){function a(a){return l[a]}function b(a,b){l[a]=b}function c(a,b){k[a]=b}function e(a){k[a]=null}function f(a){return k[a]}function g(a,b){var c=d.info.profile,e=a.lastIndexOf(".");return j.isAbsoluteUrl(a)?a:(b&&(a=a.substring(0,e)+"."+c+a.substring(e)),j.makeUrlAbsolute((l.pathPrefix||"")+a,j.getLocation()))}function h(b,c,e,f){var h,i=k[f||a("default")||""],j=function(a,b){a.absUrl=h,e(a,b)},m=function(a,d){a.success?j(a,d):(h=g(b,!1),i(l,h,c||{},j))};i||(i=k[Object.keys(k).pop()]),i?(h=g(b,d.getConfig("findProfileFile",!1)),i(l,h,c||{},m)):e({success:!1,description:"Can't get engine system"},null)}var i,j=d.util.path,k={},l={pathPrefix:"","default":""};i={get:a,set:b,register:c,unregister:e,engine:f,render:h},d.template=i}(),function(a,b){function c(a){for(;a&&(a.nodeType!==Node.ELEMENT_NODE||!a.nodeName||"A"!==a.nodeName);)a=a.parentNode;return a}function e(a,b){var d,e,f,g=c(b.target);g&&1===b.which&&(d=g.getAttribute("href"),e="external"===g.getAttribute("rel")||g.hasAttribute("target"),e||(f=q.getData(g),a.open(d,f,b),p.preventDefault(b)))}function f(a,b){var c,d,e,f,g,h=v.route,i=w.activeState,j=b&&"back"===w.getDirection(b),k=[],l=r.getLocation(),m=!0;f=j?i&&i.transition||"none":b.transition,e=t.merge({},b,{reverse:j,transition:f,fromHashChange:!0});for(d in h)h.hasOwnProperty(d)&&h[d].active&&k.push(h[d].orderNumber);if(c=Math.max.apply(null,k),g=h[D[c]],g&&g.onHashChange(l,e,i)){if(10===c)return;m=!1}w.setActive(b),m&&a.open(b.url,e)}function g(a){var b=G.classes,c="."+b.uiPageActive,d=B.call(a.querySelectorAll(c));d.forEach(function(a){a.classList.remove(c)})}function h(a,b){f(a,b.detail)}function i(a,b){var c=b.detail,d=c.reverse?c.url:c.href||c.url;delete c.event,a.open(d,c),p.preventDefault(b),p.stopImmediatePropagation(b)}function j(a,c){var e=null,f=b.implementation.createHTMLDocument(c),g=f.body;if(a instanceof HTMLElement)e=a;else try{g.insertAdjacentHTML("beforeend",a),e=g.firstChild}catch(h){d.error("Failed to inject element",h)}return e}function k(a,b){b&&a instanceof HTMLElement&&!q.hasNSData(a,"url")&&(b=b.replace(/^#/,""),q.setNSData(a,"url",b))}function l(a,b){var c,d=b.detail,e=d.content,f=d.options,g=f.href||f.url;e&&(c=j(e,f.title),k(c,g),a.open(c,f),p.preventDefault(b))}function m(a){var c,d;return"string"==typeof a&&(c="#"===a[0]?a.substr(1):a,d=b.getElementById(c),d&&(a=d)),a}var n,o=d.util,p=d.event,q=o.DOM,r=o.path,s=o.selectors,t=o.object,u=d.engine,v=d.router,w=d.history,x=w.manager,y=x.events,z=v.route,A=b.body,B=[].slice,C=!1,D={1:"page",10:"panel",100:"popup",101:"dialog",1e3:"drawer",2e3:"circularindexscrollbar"},E={BEFORE_ROUTER_INIT:"beforerouterinit",ROUTER_INIT:"routerinit"},F=/[#|\s]/g,G=d.widget.core.Page,H=d.template,I=function(){var a=this;a.container=null,a.settings={},a._onStateChangeHandler=null,a._onHashChangeHandler=null,a._onControllerContent=null,a.locked=!1};I.prototype.defaults={fromHashChange:!1,reverse:!1,volatileRecord:!1},I.prototype.linkClick=function(a){e(this,a)},I.prototype.detectRel=function(a){var b,c;for(c in z)if(z.hasOwnProperty(c)&&(b=z[c],s.matchesSelector(a,b.filter)))return c;return null},I.prototype._openDeferred=function(a,b,c){var d=this,e=z[b.rel],f={resolve:function(a,b){e.open(b,a,c)},reject:function(a){p.trigger(d.container.element,"changefailed",a)}};"string"==typeof a?a.replace(F,"")&&d._loadUrl(a,b,e,f):a&&s.matchesSelector(a,e.filter)?f.resolve(b,a):f.reject(b)},I.prototype.open=function(a,b,c){var d,e,f=this;if(!C)if(a=m(a),d=b&&b.rel||a instanceof HTMLElement&&f.detectRel(a),d=d||"page",e=z[d],"back"===d)w.back();else{if(!e)throw new Error("Not defined router rule ["+d+"]");b=t.merge({rel:d},f.defaults,e.option(),b),f._openDeferred(a,b,c)}},I.prototype._initRoutes=function(){var a,b=v.route;for(a in b)b.hasOwnProperty(a)&&b[a].init&&b[a].init()},I.prototype._autoInitializePage=function(c,e,f){var h,i=this,j=a.location,k=G.classes.uiPageActive,l=c.querySelector("."+k);if(l||(l=e[0]),l&&g(c),j.hash&&(h=b.getElementById(j.hash.replace("#","")),h&&s.matchesSelector(h,f)&&(l=h)),!l&&d.getConfig("addPageIfNotExist",!0)){for(l=G.createEmptyElement();c.firstChild;)l.appendChild(c.firstChild);c.appendChild(l)}return i.justBuild&&l&&i.register(u.instanceWidget(c,"pagecontainer"),l),l},I.prototype.init=function(a){var c,e,f,g=d.engine.getWidgetDefinition("Page"),h=g.selector,i=this;p.trigger(b,E.BEFORE_ROUTER_INIT,i,!1),A=b.body,i.justBuild=a,c=d.getConfig("pageContainer")||A,f=B.call(c.querySelectorAll(h)),d.getConfig("pageContainerBody",!1)||(c=f.length?f[0].parentNode:c),d.getConfig("autoInitializePage",!0)&&(e=i._autoInitializePage(c,f,h),a)||(x.enable(),i._initRoutes(),i.register(u.instanceWidget(c,"pagecontainer"),e),p.trigger(b,E.ROUTER_INIT,i,!1))},I.prototype.destroy=function(){var b=this;x.disable(),a.removeEventListener("popstate",b.popStateHandler,!1),A&&(A.removeEventListener("pagebeforechange",b.pagebeforechangeHandler,!1),A.removeEventListener("vclick",b.linkClickHandler,!1))},I.prototype.setContainer=function(a){this.container=a},I.prototype.getContainer=function(){return this.container},I.prototype.getFirstPage=function(){return this.getRoute("page").getFirstElement()},I.prototype.register=function(c,e){var f=this,g=this.getRoute("popup");f.container=c,f.getRoute("page").setFirstElement(e),p.trigger(b,"themeinit",f),f._onHashChangeHandler||(f._onHashChangeHandler=h.bind(null,f),a.addEventListener(y.HASHCHANGE,f._onHashChangeHandler,!1)),f._onStateChangeHandler||(f._onStateChangeHandler=i.bind(null,f),a.addEventListener(y.STATECHANGE,f._onStateChangeHandler,!1)),f._onControllerContent||(f._onControllerContent=l.bind(null,f),a.addEventListener("controller-content-available",f._onControllerContent,!1)),d.getConfig("loader",!1)&&c.element.appendChild(f.getLoader().element),w.enableVolatileMode(),e&&f.open(e,{transition:"none"}),g&&g.setActive(null)},I.prototype.close=function(a,b){var c,d="back",e=m(a);if(b&&b.rel?d=b.rel:e&&(d=this.detectRel(e)),c=z[d],!this.locked)if("back"===d)w.back();else{if(!c)throw new Error("Not defined router rule ["+d+"]");c.close(e,b)}},I.prototype.back=function(){this.locked||w.back()},I.prototype.openPopup=function(a,b){this.open(a,t.fastMerge({rel:"popup"},b))},I.prototype.closePopup=function(a){var b=this.getRoute("popup");b&&b.close(null,a)},I.prototype.lock=function(){this.locked=!0},I.prototype.unlock=function(){this.locked=!1},I.prototype._loadUrl=function(a,b,c,d){var e,f=r.makeUrlAbsolute(a,r.getLocation()),g=this,h=b.data||{};e=c.find(f),!e&&r.isEmbedded(f)?d.reject({}):e?d.resolve(t.fastMerge({absUrl:f},b),e):(p.trigger(g.getContainer().element,b.rel+"beforeload"),h.fullDocument=!0,H.render(a,h,function(a,e){a.success?(g._loadSuccess(a.absUrl,b,c,d,e),p.trigger(g.getContainer().element,b.rel+"load")):g._loadError(a.absUrl,b,d)}))},I.prototype._loadError=function(a,b,c){var e=t.fastMerge({url:a},b),f=this;d.error("load error, file: ",a),f.container.trigger("loadfailed",e),c.reject(e)},I.prototype._loadSuccess=function(a,b,c,d,e){var f=t.fastMerge({url:a},b),g=c.parse(e,a);g?d.resolve(f,g):d.reject(f)},I.prototype._getInitialContent=function(){return this.getRoute("page").getFirstElement()},I.prototype._showError=function(a){d.error("load error, file: ",a)},I.prototype.getActive=function(a){var b=this.getRoute(a||"page");return b&&b.getActive()},I.prototype.hasActive=function(a){var b=this.getRoute(a||"page");return!(!b||!b.hasActive())},I.prototype.hasActivePopup=function(){return this.hasActive("popup")},I.prototype.getRoute=function(a){return z[a]},I.prototype.getLoader=function(){var a,c=u.getWidgetDefinition("Loader"),d=c.selector;return c?(a=b.querySelector(d),u.instanceWidget(a,"Loader")):null},I.newInstance=function(){return n=new I},I.getInstance=function(){return n?n:this.newInstance()},v.Router=I,I.eventType=E,u.getRouter=function(){return d.warn("getRouter() method is deprecated! Use tau.router.Router.getInstance() instead"),I.getInstance()},d.getConfig("disableRouter",!1)||(b.addEventListener(u.eventType.READY,function(){I.getInstance().init()},!1),b.addEventListener(u.eventType.DESTROY,function(){I.getInstance().destroy()},!1))}(a,a.document),function(a){function b(b,c){var d=g.stripQueryParams(b).replace("#",""),e=a.getElementById(d);return e&&j.matchesSelector(e,c)?b===d?h.setNSData(e,"url","#"+d):h.setNSData(e,"url",b):e=null,e}var c,e,f=d.util,g=f.path,h=f.DOM,i=f.object,j=f.selectors,k=d.history,l=d.engine,m={};m.orderNumber=1,m.defaults={transition:"none"},m.filter=l.getWidgetDefinition("Page").selector.replace(/(\s*)/g,""),m.firstPage=null,m.option=function(){var a=i.merge({},m.defaults);return a.transition=d.getConfig("pageTransition",a.transition),a},m.init=function(){var b=[].slice.call(a.querySelectorAll(this.filter));b.forEach(function(a){h.getNSData(a,"url")||h.setNSData(a,"url",a.id&&"#"+a.id||location.pathname+location.search)})},m.open=function(b,c){var d,e,f=a.title;d=b!==this.getFirstElement()||c.dataUrl?h.getNSData(b,"url"):g.documentUrl.hrefNoHash,!d&&c.href&&(d=c.href,h.setNSData(b,"url",d)),f=h.getNSData(b,"title")||j.getChildrenBySelector(b,".ui-header > .ui-title").textContent||f,h.getNSData(b,"title")||h.setNSData(b,"title",f),d&&!c.fromHashChange&&(!g.isPath(d)&&d.indexOf("#")<0&&(d=g.makeUrlAbsolute("#"+d,g.documentUrl.hrefNoHash)),e=i.merge({},c,{url:d}),k.replace(e,f,d)),this._setBase(d),a.title=f,this.active=!0,this.getContainer().change(b,c)},m.find=function(a){var c,e=this,f=d.router.Router.getInstance(),h=e._createDataUrl(a),i=e.getFirstElement(),j=f.getContainer(),k="[data-url='"+h+"']",l=/,/gm;return/#/.test(a)&&g.isPath(h)?null:(k+=e.filter.replace(l,",[data-url='"+h+"']"),c=j.element.querySelector(k),c||!h||g.isPath(h)||(c=b(h,e.filter)),!c&&g.isFirstPageUrl(h,e.getFirstElement())&&i&&(c=i),c)},m.parse=function(a,b){var c,d=this,e=d._createDataUrl(b);return d._setBase(b),c=a.querySelector(d.filter),c&&(h.setNSData(c,"url",e), +h.setNSData(c,"external",!0)),c},m.onHashChange=function(){return null},m._createDataUrl=function(a){return g.convertUrlToDataUrl(a,!0)},m.onOpenFailed=function(){this._setBase(g.parseLocation().hrefNoSearch)},m._getBaseElement=function(){return e||(e=a.querySelector("head")),c||(c=a.querySelector("base"),c||(c=a.createElement("base"),c.href=g.documentBase.hrefNoHash,e.appendChild(c))),c},m._setBase=function(a){var b=this._getBaseElement(),c=b.href;g.isPath(a)&&(a=g.makeUrlAbsolute(a,g.documentBase),g.parseUrl(c).hrefNoSearch!==g.parseUrl(a).hrefNoSearch&&(b.href=a,g.documentBase=g.parseUrl(g.makeUrlAbsolute(a,g.documentUrl.href))))},m.getContainer=function(){return d.router.Router.getInstance().getContainer()},m.getActive=function(){return this.getContainer().getActivePage()},m.getActiveElement=function(){return this.getActive().element},m.getFirstElement=function(){return this.firstPage},m.setFirstElement=function(a){this.firstPage=a},d.router.route.page=m}(a.document),function(a,b,d){d.util.callbacks=function(a){var b,e,f,g,h,i,j,k,l=d.util.object,m=l.copy(a),n=[].slice,o=[],p=!m.once&&[],q={add:function(){var a;return o&&(a=o.length,k(arguments),f?h=o.length:b&&(g=a,j(b))),this},remove:function(){return o&&n.call(arguments).forEach(function(a){for(var b=o.indexOf(a);b>-1;)o.splice(b,1),f&&(h>=b&&h--,i>=b&&i--),b=o.indexOf(a,b)}),this},has:function(a){return a?!!o&&o.indexOf(a)>-1:!(!o||!o.length)},empty:function(){return o=[],h=0,this},disable:function(){return o=p=b=c,this},disabled:function(){return!o},lock:function(){return p=c,b||q.disable(),this},locked:function(){return!p},fireWith:function(a,b){return!o||e&&!p||(b=b||[],b=[a,b.slice?b.slice():b],f?p.push(b):j(b)),this},fire:function(){return q.fireWith(this,arguments),this},fired:function(){return!!e}};return k=function(a){n.call(a).forEach(function(a){var b=typeof a;"function"===b?m.unique&&q.has(a)||o.push(a):a&&a.length&&"string"!==b&&k(a)})},j=function(a){for(b=m.memory&&a,e=!0,i=g||0,g=0,h=o.length,f=!0;o&&h>i;){if(o[i].apply(a[0],a[1])===!1&&m.stopOnFalse){b=!1;break}i++}f=!1,o&&(p?p.length&&j(p.shift()):b?o=[]:q.disable())},q}}(a,a.document,d),function(a,b,c){var d=function(a){var b=c.util.callbacks,e=c.util.object,f=[["resolve","done",b({once:!0,memory:!0}),"resolved"],["reject","fail",b({once:!0,memory:!0}),"rejected"],["notify","progress",b({memory:!0})]],g="pending",h={},i={state:function(){return g},always:function(){return h.done(arguments).fail(arguments),this},then:function(){var a=arguments;return new d(function(b){f.forEach(function(c,d){var e="function"==typeof a[d]&&a[d];h[c[1]](function(){var a=e&&e.apply(this,arguments);a&&"function"==typeof a.promise?a.promise().done(b.resolve).fail(b.reject).progress(b.notify):b[c[0]+"With"](this===i?b.promise():this,e?[a]:arguments)})}),a=null}).promise()},promise:function(a){return a?e.merge(a,i):i}};return i.pipe=i.then,f.forEach(function(a,b){var c=a[2],d=a[3];i[a[1]]=c.add,d&&c.add(function(){g=d},f[1^b][2].disable,f[2][2].lock),h[a[0]]=function(){return h[a[0]+"With"](this===h?i:this,arguments),this},h[a[0]+"With"]=c.fireWith}),i.promise(h),a&&a.call(h,h),h};c.util.deferred=d}(a,a.document,d),function(){function c(a,b,c){var d=a.element,e=d.classList,f=a._ui.overlay,g=a._callbacks.animationEnd;d.removeEventListener("animationend",g,!1),d.removeEventListener("webkitAnimationEnd",g,!1),d.removeEventListener("mozAnimationEnd",g,!1),d.removeEventListener("oAnimationEnd",g,!1),d.removeEventListener("msAnimationEnd",g,!1),b.split(" ").forEach(function(a){a=a.trim(),a.length>0&&(e.remove(a),f&&f.classList.remove(a))}),"pending"===c.state()&&c.resolve()}function e(a,b){var c=new i;return c.then(function(){c===a._callbacks.transitionDeferred&&b()}),a._callbacks.transitionDeferred=c,c}var f=d.widget.BaseWidget,g=d.engine,h=d.util.object,i=d.util.deferred,j=d.util.selectors,k=d.event,l=d.router&&d.router.Router,m="[data-role='popup'], .ui-popup",n=function(){var a=this,b={};a.selectors=s,a.options=h.merge({},n.defaults),a.storedOptions=null,a.state=p.CLOSED,b.overlay=null,b.header=null,b.footer=null,b.content=null,b.container=null,b.wrapper=null,a._ui=b,a._callbacks={}},o={transition:"none",dismissible:!0,overlay:!0,header:!1,footer:!1,content:null,overlayClass:"",closeLinkSelector:"[data-rel='back']",history:null,closeAfter:null},p={DURING_OPENING:0,OPENED:1,DURING_CLOSING:2,CLOSED:3},q="ui-popup",r={popup:q,active:q+"-active",overlay:q+"-overlay",header:q+"-header",footer:q+"-footer",content:q+"-content",wrapper:q+"-wrapper",toast:q+"-toast",toastSmall:q+"-toast-small",build:"ui-build"},s={header:"."+r.header,content:"."+r.content,footer:"."+r.footer},t="popup",u={show:t+"show",hide:t+"hide",before_show:t+"beforeshow",transition_start:t+"transitionstart",before_hide:t+"beforehide"},v=new f;n.classes=r,n.events=u,n.defaults=o,n.selector=m,v._buildContent=function(a){var c,d,e=this,f=e._ui,g=e.selectors,h=e.options,i=f.content||a.querySelector(g.content),j=f.footer||a.querySelector(g.footer),k=[].slice.call(a.childNodes),l=k.length;if(!i){for(i=b.createElement("div"),i.className=r.content,c=0;l>c;++c)d=k[c],d!==f.footer&&d!==f.header&&i.appendChild(d);"string"==typeof h.content&&(i.innerHTML=h.content),a.insertBefore(i,j)}i.classList.add(r.content),f.content=i},v._buildHeader=function(a){var c=this,d=c._ui,e=c.options,f=c.selectors,g=d.content||a.querySelector(f.content),h=d.header||a.querySelector(f.header);h||e.header===!1||(h=b.createElement("div"),h.className=r.header,"boolean"!=typeof e.header&&(h.innerHTML=e.header),a.insertBefore(h,g)),h&&h.classList.add(r.header),d.header=h},v._setHeader=function(a,b){var c=this,d=c._ui,e=d.header;e&&(e.parentNode.removeChild(e),d.header=null),c.options.header=b,c._buildHeader(d.container)},v._buildFooter=function(a){var c=this,d=c._ui,e=c.options,f=d.footer||a.querySelector(c.selectors.footer);f||e.footer===!1||(f=b.createElement("div"),f.className=r.footer,"boolean"!=typeof e.footer&&(f.innerHTML=e.footer),a.appendChild(f)),f&&f.classList.add(r.footer),d.footer=f},v._setFooter=function(a,b){var c=this,d=c._ui,e=d.footer;e&&(e.parentNode.removeChild(e),d.footer=null),c.options.footer=b,c._buildFooter(d.container)},v._build=function(a){var c,d=this,e=d._ui,f=a.firstChild,g=a.classList;for(g.add(r.popup),g.contains(r.toastSmall)&&g.add(r.toast),c=b.createElement("div"),c.classList.add(r.wrapper),e.wrapper=c,e.container=c;f;)c.appendChild(f),f=a.firstChild;return a.appendChild(c),d._buildHeader(e.container),d._buildFooter(e.container),d._buildContent(e.container),d._setOverlay(a,d.options.overlay),a},v._setOverlay=function(a,c){var e=this,f=e.options.overlayClass,g=e._ui,h=g.overlay;a.classList.contains("ui-slider-popup")||a.classList.contains(r.toast)||(h||(h=b.createElement("div"),a.parentNode?a.parentNode.insertBefore(h,a):d.warn("Popup is creating on element outside DOM"),g.overlay=h),h.className=r.overlay+(f?" "+f:""),c?h.style.opacity="":h.style.opacity=0)},v._isActive=function(){var a=this.state;return a===p.DURING_OPENING||a===p.OPENED},v._isOpened=function(){return this.state===p.OPENED},v._init=function(b){var c=this,d=c.selectors,e=c._ui,f=c.options,g=c.element.classList;e.header=e.header||b.querySelector(d.header),e.footer=e.footer||b.querySelector(d.footer),e.content=e.content||b.querySelector(d.content),e.wrapper=e.wrapper||b.querySelector("."+r.wrapper),e.container=e.wrapper||b,e.page=j.getClosestByClass(b,"ui-page")||a,g.contains(r.toast)&&(f.closeAfter=f.closeAfter||2e3),null===f.history&&(f.history=!g.contains(r.toast))},v._setActive=function(a){var b,c=this,d=r.active,e=c.element.classList,f=l&&l.getInstance().getRoute("popup");b=h.merge({},c.options,{positionTo:null,link:null}),a?(f&&f.setActive(c,b),e.add(d),c.state=p.OPENED):(f&&f.setActive(null,b),e.remove(d),c.state=p.CLOSED)},v._bindEvents=function(){var c=this;k.on(c._ui.page,"pagebeforehide",c,!1),k.on(a,"resize",c,!1),k.on(b,"click touchstart",c,!1)},v._unbindEvents=function(){var c=this;k.off(c._ui.page,"pagebeforehide",c,!1),k.off(a,"resize",c,!1),k.off(b,"click touchstart",c,!1)},v._layout=function(){},v.open=function(b){var c,e=this,f=e.close.bind(e);e._isActive()||(e._storeOpenOptions(b),c=h.merge(e.options,b),c.dismissible||d.router.Router.getInstance().lock(),c.closeAfter>0?(e.element.classList.contains(r.toast)&&(c.transition="fade"),e._show(c),e._closeTimeout=a.setTimeout(f,c.closeAfter)):e._show(c))},v.close=function(a){var b=this,c=h.merge(b.options,a);b._isActive()&&(clearTimeout(b._closeTimeout),c.dismissible||d.router.Router.getInstance().unlock(),b._hide(c))},v._storeOpenOptions=function(a){var b,c=this,d=c.options,e={};for(b in a)a.hasOwnProperty(b)&&(e[b]=d[b]);c.storedOptions=e},v._restoreOpenOptions=function(){var a=this,b=a.options,c=["x","y","fromHashChange"];b=h.merge(b,a.storedOptions),h.removeProperties(b,c)},v._show=function(a){var b=this,c=h.merge({},a),d=b._ui.overlay;b._layout(b.element),b.state=p.DURING_OPENING,c.ext=" in ",b.trigger(u.before_show),d&&(d.style.display="block"),b._transition(c,b._onShow.bind(b)),b.trigger(u.transition_start)},v._onShow=function(){var a=this;a._setActive(!0),a.trigger(u.show)},v._hide=function(a){var b=this,c=b._isOpened(),d=b._callbacks;b.state=p.DURING_CLOSING,b.trigger(u.before_hide),c?(a.ext=" out ",b._transition(a,b._onHide.bind(b))):(d.transitionDeferred&&d.transitionDeferred.reject(),d.animationEnd&&d.animationEnd(),b._onHide())},v._onHide=function(){var a=this,b=a._ui.overlay;a._setActive(!1),b&&(b.style.display=""),a._restoreOpenOptions(),a.trigger(u.hide)},v.handleEvent=function(a){var b=this,c=d.router.Router.getInstance();switch(a.type){case"pagebeforehide":c.close(null,{transition:"none",rel:"popup"});break;case"resize":b._onResize(a);break;case"click":a.target===b._ui.overlay&&b._onClickOverlay(a);break;case"touchstart":b.element.classList.contains(r.toast)&&b._isActive()&&c.close(null,{rel:"popup"})}},v._refresh=function(){var a=this;a._setOverlay(a.element,a.options.overlay)},v._onClickOverlay=function(a){var b=this.options;a.preventDefault(),a.stopPropagation(),b.dismissible&&d.router.Router.getInstance().close(null,{rel:"popup"})},v._onResize=function(){this._isOpened()&&this._refresh()},v._transition=function(b,f){var g,h,i,j=this,k=b.transition||j.options.transition||"none",l=k+b.ext,m=j.element,n=m.classList;return j._ui.overlay&&(g=j._ui.overlay.classList),h=e(j,f),"none"!==k?(i=c.bind(null,j,l,h),j._callbacks.animationEnd=i,m.addEventListener("animationend",i,!1),m.addEventListener("webkitAnimationEnd",i,!1),m.addEventListener("mozAnimationEnd",i,!1),m.addEventListener("oAnimationEnd",i,!1),m.addEventListener("msAnimationEnd",i,!1),l.split(" ").forEach(function(a){a=a.trim(),a.length>0&&(n.add(a),g&&g.add(a))})):d.getConfig("noAsync",!1)?h.resolve():a.setTimeout(h.resolve,0),h},v._destroy=function(){var a,b=this,c=b.element,d=b._ui,e=d.wrapper;if(e){for(a=e.firstChild;a;)c.appendChild(a),a=e.firstChild;e.parentNode&&e.parentNode.removeChild(e)}b._unbindEvents(c),b._setOverlay(c,!1),d.wrapper=null},n.prototype=v,d.widget.core.Popup=n,g.defineWidget("Popup",m,["open","close","reposition"],n,"core")}(),function(a,b,c){function d(a,c){var d,e=/^#/;return a=a.replace(e,""),d=b.getElementById(a),d&&i.matchesSelector(d,c)?j.setNSData(d,"url","#"+a):d=null,d}var e=c.widget.core.Popup,f=c.util,g={defaults:{transition:"none",container:null,volatileRecord:!0},filter:"."+e.classes.popup,activePopup:null,events:{POPUP_HIDE:"popuphide"},_path:c.util.path,_history:c.history},h=c.engine,i=c.util.selectors,j=c.util.DOM,k=c.util.object,l="popup=true",m=/([&|\?]popup=true)/;g.orderNumber=100,g.option=function(){var a=k.merge({},g.defaults);return a.transition=c.getConfig("popupTransition",a.transition),a},g.setActive=function(a,b){var c,d=g._path.getLocation(),e=d.replace(m,"");this.activePopup=a,a?b&&!b.fromHashChange&&b.history&&(c=g._path.addHashSearchParams(e,l),g._history.replace(b,"",c),this.active=!0):d!==e&&(this.active=!1,g._history.back())},g.open=function(a,d,e){var i,k,l=this,m=c.router.Router.getInstance(),n=l.events,o=function(){b.removeEventListener(n.POPUP_HIDE,o,!1),a.parentNode.removeChild(a),l.activePopup=null},p=function(){var c,f=d["position-to"];f&&(d.positionTo=f),e&&(c=e.touches?e.touches[0]:e,d.x=c.clientX,d.y=c.clientY),b.removeEventListener(n.POPUP_HIDE,p,!1),i=h.instanceWidget(a,"Popup",d),i.open(d),l.activePopup=i,l.active=i.options.history},q=m.container.getActivePage();j.getNSData(a,"external")===!0&&(k=d.container?q.element.querySelector(d.container):q.element,a.parentNode!==k&&(a=f.importEvaluateAndAppendElement(a,k)),b.addEventListener(g.events.POPUP_HIDE,o,!1)),l.hasActive()?(b.addEventListener(n.POPUP_HIDE,p,!1),l.close()||p()):p()},g.close=function(a,b){var d,f=g._path.getLocation(),i=f.replace(m,"");return b=b||{},!a||a instanceof e||(a=h.instanceWidget(a,"Popup",b)),a=a||this.activePopup,a?(d=a.options,d.history&&f!==i?(d.transition=b.transition||d.transition,d.ext=b.ext||d.ext,d.dismissible||c.router.Router.getInstance().unlock(),g._history.back()):a.close(b),!0):!1},g.onHashChange=function(a,b){var c=this.activePopup;return c&&(c.close(b),this.active)?(this.active=!1,!0):!1},g.onOpenFailed=function(){return null},g.find=function(a){var b,e=this,f=e._createDataUrl(a),h=c.router.Router.getInstance().getContainer().getActivePage();return b=h.element.querySelector("[data-url='"+f+"']"+e.filter),b||!f||g._path.isPath(f)||(b=d(f,e.filter)),b},g.parse=function(a,b){var c,d=this,e=d._createDataUrl(b);return c=a.querySelector(d.filter),c&&(j.setNSData(c,"url",e),j.setNSData(c,"external",!0)),c},g._createDataUrl=function(a){return g._path.convertUrlToDataUrl(a)},g.hasActive=function(){return this.active},g.getActive=function(){return this.activePopup},g.getActiveElement=function(){var a=this.getActive();return a&&a.element},c.router.route.popup=g}(a,a.document,d),function(a){var b=a.event,c=function(b,c){return new a.event.gesture.Instance(b,c)};c.defaults={triggerEvent:!1,updateVelocityInterval:16,estimatedPointerTimeDifference:15},c.Orientation={VERTICAL:"vertical",HORIZONTAL:"horizontal"},c.Direction={UP:"up",DOWN:"down",LEFT:"left",RIGHT:"right"},c.Event={START:"start",MOVE:"move",END:"end",CANCEL:"cancel",BLOCKED:"blocked"},c.Result={PENDING:1,RUNNING:2,FINISHED:4,BLOCK:8},c.plugin={},c.createDetector=function(a,b,c){if(!a.plugin[a])throw a+" gesture is not supported";return new a.plugin[a](b,c)},b.gesture=c}(d),function(b,d){function e(b,c){var d=b._ui.drawerOverlay;j.disableGesture(c),j.off(c,"drag dragstart dragend dragcancel swipe swipeleft swiperight vmouseup",b,!1),j.prefixedFastOff(b.element,"transitionEnd",b,!1),j.off(a,"resize",b,!1),d&&j.off(d,"vclick",b,!1)}function f(b,c){var d=b._ui.drawerOverlay;b._eventBoundElement=c,j.enableGesture(c,new l.Drag,new l.Swipe({orientation:l.Orientation.HORIZONTAL})),j.on(c,"drag dragstart dragend dragcancel swipe swipeleft swiperight vmouseup",b,!1),j.prefixedFastOn(b.element,"transitionEnd",b,!1),j.on(a,"resize",b,!1),d&&j.on(d,"vclick",b,!1)}var g=d.widget.BaseWidget,h=d.util.selectors,i=d.util.DOM,j=d.event,k=d.history,l=d.event.gesture,m=d.widget.core.Page,n={CLOSED:"closed",OPENED:"opened",SLIDING:"sliding",SETTLING:"settling"},o={OPEN:"draweropen",CLOSE:"drawerclose"},p={WIDTH:240,DURATION:300,POSITION:"left"},q=function(){var a=this;a.options={position:p.POSITION,width:p.WIDTH,duration:p.DURATION,closeOnClick:!0,overlay:!0,drawerTarget:"."+m.classes.uiPage,enable:!0,dragEdge:1},a._pageSelector=null,a._isDrag=!1,a._state=n.CLOSED,a._settlingType=n.CLOSED,a._translatedX=0,a._ui={},a._eventBoundElement=null,a._drawerOverlay=null},r={page:m.classes.uiPage,drawer:"ui-drawer",left:"ui-drawer-left",right:"ui-drawer-right",overlay:"ui-drawer-overlay",open:"ui-drawer-open",close:"ui-drawer-close"},s=new g;q.prototype=s,q.classes=r,s.handleEvent=function(a){var b=this;switch(a.type){case"drag":b._onDrag(a);break;case"dragstart":b._onDragStart(a);break;case"dragend":b._onDragEnd(a);break;case"dragcancel":b._onDragCancel(a);break;case"vmouseup":b._onMouseup(a);break;case"swipe":case"swipeleft":case"swiperight":b._onSwipe(a);break;case"vclick":b._onClick(a);break;case"transitionend":case"webkitTransitionEnd":case"mozTransitionEnd":case"oTransitionEnd":case"msTransitionEnd":b._onTransitionEnd(a);break;case"resize":b._onResize(a)}},s._onMouseup=function(){var a=this;a._state===n.SLIDING&&a.close()},s._onClick=function(){var a=this;a._state===n.OPENED&&a.close()},s._onResize=function(){var a=this;a._refresh()},s._onTransitionEnd=function(){var a=this,b=a.options.position,c=a._drawerOverlay;a._state===n.SETTLING&&(a._settlingType===n.OPENED?(a.trigger(o.OPEN,{position:b}),a._setActive(!0),a._state=n.OPENED):(a.close(),a.trigger(o.CLOSE,{position:b}),a._setActive(!1),a._state=n.CLOSED,c&&(c.style.visibility="hidden")))},s._onSwipe=function(a){var b,c=this,d=c.options;a.detail?b="left"===a.detail.direction?"right":"left":"swiperight"===a.type?b="left":"swipeleft"===a.type&&(b="right"),d.enable&&c._isDrag&&d.position===b&&(c.open(),c._isDrag=!1)},s._onDragStart=function(a){var b=this;b._state!==n.OPENED&&(b.options.enable&&!b._isDrag&&b._state!==n.SETTLING&&b._checkSideEdge(a)?b._isDrag=!0:b.close())},s._onDrag=function(b){var c,d=this,e=b.detail.deltaX,f=d.options,g=d._translatedX;f.enable&&d._isDrag&&d._state!==n.SETTLING&&("left"===f.position?(c=-f.width+e+g,0>c&&d._translate(c,0)):(c=a.innerWidth+e-g,c>0&&c>a.innerWidth-f.width&&d._translate(c,0)))},s._onDragEnd=function(a){var b=this,c=b.options,d=a.detail;c.enable&&b._isDrag&&(Math.abs(d.deltaX)>c.width/2?b.open():b._state!==n.SETTLING&&b.close()),b._isDrag=!1},s._onDragCancel=function(){var a=this;a.options.enable&&a._isDrag&&a.close(),a._isDrag=!1},s._translate=function(a,b){var c=this,d=c.element;c._state!==n.SETTLING&&(c._state=n.SLIDING),b&&i.setPrefixedStyle(d,"transition",i.getPrefixedValue("transform "+b/1e3+"s ease-out")),i.setPrefixedStyle(d,"transform","translate3d("+a+"px, 0px, 0px)"),c.options.overlay&&c._setOverlay(a),b||c._onTransitionEnd()},s._setOverlay=function(b){var c=this,d=c.options,e=c._ui.drawerOverlay,f=e.style,g=Math.abs(b),h="right"===d.position?g/a.innerWidth:g/d.width;1>h?f.visibility="visible":f.visibility="hidden",f.opacity=1-h},s._setActive=function(a){var b=this,c=d.router.getInstance().getRoute("drawer");a?c.setActive(b):c.setActive(null)},s._build=function(a){var c,d=this,e=d._ui,f=d.options;return a.classList.add(r.drawer),a.style.top=0,c=h.getClosestBySelector(a,f.drawerTarget),c&&(c.appendChild(a),c.style.overflowX="hidden"),d.options.overlay&&(e.drawerOverlay=d._createOverlay(a),e.drawerOverlay.style.visibility="hidden"),e.placeholder||(e.placeholder=b.createComment(a.id+"-placeholder"),a.parentNode.insertBefore(e.placeholder,a)),e.targetElement=c,a},s._init=function(a){var b=this,c=b._ui;return c.drawerPage=h.getClosestByClass(a,r.page),c.drawerPage.style.overflowX="hidden",b._initLayout(),a},s._initLayout=function(){var b,c=this,d=c.options,e=c.element,f=e.style,g=c._ui,h=g.drawerOverlay?g.drawerOverlay.style:null;d.width=d.width||g.targetElement.offsetWidth,b=g.targetElement.offsetHeight,f.width=0!==d.width?d.width+"px":"100%",f.height=0!==b?b+"px":"100%",f.top="0",h&&(h.width=a.innerWidth+"px",h.height=a.innerHeight+"px",h.top=0),"right"===d.position?(e.classList.add(r.right),c._translate(a.innerWidth,0)):(e.classList.add(r.left),c._translate(-d.width,0)),c._state=n.CLOSED},s._translateRight=function(){var b=this,c=b.options;"right"===c.position&&(b._state===n.OPENED?b._translate(a.innerWidth-c.width,0):b._translate(a.innerWidth,0))},s._checkSideEdge=function(a){var b=this,c=a.detail,d=c.pointer.clientX-c.estimatedDeltaX,e=b.options,f=e.position,g=b._eventBoundElement,h=g.offsetWidth,i=g.offsetLeft+h,j=h*e.dragEdge;return"left"===f&&d>0&&j>d||"right"===f&&d>i-j&&i>d},s._refresh=function(){var a=this;a._translateRight(),a._initLayout()},s._createOverlay=function(a){var c=b.createElement("div");return c.classList.add(r.overlay),a.parentNode.insertBefore(c,a),c},s._bindEvents=function(){var a=this,b=a._ui.targetElement;f(a,b)},s._enable=function(){this._oneOption("enable",!0)},s._disable=function(){this._oneOption("enable",!1)},s.isOpen=function(){return this._state===n.OPENED},s.open=function(b){var d=this,e=d.options,f=d.element.classList,g=d._ui.drawerOverlay;d._state!==n.OPENED&&(d._state=n.SETTLING,d._settlingType=n.OPENED,b=b!==c?b:e.duration,g&&(g.style.visibility="visible"),f.remove(r.close),f.add(r.open),"left"===e.position?d._translate(0,b):d._translate(a.innerWidth-e.width,b))},s.close=function(b,e){var f=this,g=b?b.reverse:!1,h=f.options,i=f.element.classList;if(f._state!==n.CLOSED){if(!g&&f._state===n.OPENED&&!d.getConfig("disableRouter"))return void k.back();f._state=n.SETTLING,f._settlingType=n.CLOSED,e=e!==c?e:h.duration,i.remove(r.open),i.add(r.close),"left"===h.position?f._translate(-h.width,e):f._translate(a.innerWidth,e)}},s.setDragHandler=function(a){var b=this;b.options.dragEdge=1,e(b,b._eventBoundElement),f(b,a)},s.transition=function(a){var b=this,c=b.options;"left"===c.position?b._translate(-c.width+a,c.duration):b._translate(c.width-a,c.duration),b._translatedX=a},s.getState=function(){return this._state},s._destroy=function(){var a=this,b=a._ui,c=b.drawerOverlay,d=b.placeholder,f=d.parentNode,g=a.element;f.insertBefore(g,d),f.removeChild(d),c&&c.removeEventListener("vclick",a._onClickBound,!1),e(a,a._eventBoundElement)},d.widget.core.Drawer=q}(a.document,d),function(){var a=d.widget.core.Drawer,b=d.router.Router,c=d.util.path,e=d.history,f=d.engine,g={},h="drawer=true",i=/([&|\?]drawer=true)/;g.orderNumber=1e3,g.defaults={transition:"none"},g.filter="."+a.classes.drawer,g.option=function(){return null},g.open=function(a){var b=f.instanceWidget(a,"Drawer");b.open()},g.find=function(a){var d,e=c.convertUrlToDataUrl(a),f=b.getInstance().getContainer().getActivePage();return d=f.element.querySelector("#"+e)},g.parse=function(){return null},g.setActive=function(a){var b,d=c.getLocation(),f=d.replace(i,"");this._activeDrawer=a,a?(b=c.addHashSearchParams(f,h),e.replace({},"",b),this.active=!0):d!==f&&e.back()},g.onHashChange=function(a,b,c){var d=this,e=d._activeDrawer,f=c.stateUrl;return e&&f.search(h)>0&&a.search(h)<0?(e.close(b),this.active=!1,!0):!1},d.router.route.drawer=g}(),function(a,b,c){function d(a){return x.getClosestBySelector(a,"a, label")}function e(a){return x.getClosestByClass(a,v.BUTTON)||x.getClosestByClass(a,v.HEADER_BUTTON)||x.getClosestByClass(a,v.NAVIGATION_BUTTON)||x.getClosestByClass(a,v.TABBAR_ANCHOR)}function f(a){var b=a.target,c=b.classList;c.contains(v.ACTIVE_BTN)&&!c.contains(v.INACTIVE_BTN)?(B._activeAnimationFinished=!0,(B._touchEnd||b!==B._buttonTarget)&&c.add(v.INACTIVE_BTN)):(c.contains(v.ACTIVE_BTN)||c.contains(v.INACTIVE_BTN)||(b.parentNode.classList.remove(v.ACTIVE_BTN),b.parentNode.classList.remove(v.INACTIVE_BTN)),c.remove(v.INACTIVE_BTN),c.remove(v.ACTIVE_BTN))}function g(){B._buttonTarget&&B._buttonTarget.classList.add(v.INACTIVE_BTN)}function h(){B._buttonTarget.classList.add(v.ACTIVE_BTN),B._activeAnimationFinished=!1}function i(){var a=B._buttonTarget;a&&(a.classList.remove(v.ACTIVE_BTN),a.classList.remove(v.INACTIVE_BTN)),B._target&&B._target.classList.remove(v.ACTIVE_LI)}function j(){var a,b;B._startTime&&(b=Date.now()-B._startTime,b>B.options.addActiveClassDelay?(B._startTime=0,B._buttonTarget=e(B._target),B._target=d(B._target),B._didScroll||(B._liTarget=B._detectLiElement(B._target),B._liTarget&&(B._liTarget.classList.add(v.ACTIVE_LI),y.trigger(B._liTarget,w.ACTIVE_LI,{})),B._liTarget=null,B._buttonTarget&&(a=B._buttonTarget.classList,a.remove(v.ACTIVE_BTN),a.remove(v.INACTIVE_BTN),B._requestAnimationFrame(h)))):B._requestAnimationFrame(j))}function k(){return C.call(a.getElementsByClassName(v.ACTIVE_LI))}function l(){for(var a=k(),b=a.length,c=0;b>c;c++)a[c].classList.remove(v.ACTIVE_LI)}function m(){var a=Date.now()-B._startRemoveTime;a>B.options.keepActiveClassDelay?l():B._requestAnimationFrame(m)}function n(a){var b=a.touches[0],c=B.options.scrollThreshold;!B._didScroll&&(z(b.clientX-t)>c||z(b.clientY-u)>c)&&(B._startTime=0,B._requestAnimationFrame(l),B._didScroll=!0)}function o(a){var b,c=a.touches;1===c.length&&(b=c[0],B._didScroll=!1,t=b.clientX,u=b.clientY,B._target=a.target,B._startTime=Date.now(),B._startRemoveTime=0,B._requestAnimationFrame(j),B._touchEnd=!1)}function p(a){B._startRemoveTime=a.timeStamp,0===a.touches.length&&(B._didScroll||(B._startTime=0,B._requestAnimationFrame(m)),B._activeAnimationFinished&&B._requestAnimationFrame(g),B._didScroll=!1,B._touchEnd=!0)}function q(){"hidden"===a.visibilityState&&B._removeActiveClassLoop()}function r(){a.addEventListener("touchstart",B._touchstartHandler,!1),a.addEventListener("touchend",B._touchendHandler,!1),a.addEventListener("touchmove",B._touchmoveHandler,!1),a.addEventListener("visibilitychange",B._checkPageVisibility,!1),a.addEventListener("pagehide",B._hideClear,!1),a.addEventListener("popuphide",B._hideClear,!1),a.addEventListener("animationend",B._clearBtnActiveClass,!1),a.addEventListener("animationEnd",B._clearBtnActiveClass,!1),a.addEventListener("webkitAnimationEnd",B._clearBtnActiveClass,!1)}function s(){a.removeEventListener("touchstart",B._touchstartHandler,!1),a.removeEventListener("touchend",B._touchendHandler,!1),a.removeEventListener("touchmove",B._touchmoveHandler,!1),a.removeEventListener("visibilitychange",B._checkPageVisibility,!1),a.removeEventListener("pagehide",B._hideClear,!1),a.removeEventListener("popuphide",B._hideClear,!1),a.removeEventListener("animationend",B._clearBtnActiveClass,!1),a.removeEventListener("animationEnd",B._clearBtnActiveClass,!1),a.removeEventListener("webkitAnimationEnd",B._clearBtnActiveClass,!1)}var t=0,u=0,v={ACTIVE_LI:"ui-li-active",ACTIVE_BTN:"ui-btn-active",INACTIVE_BTN:"ui-btn-inactive",BUTTON:"ui-btn",HEADER_BUTTON:"ui-header-btn",TABBAR_ANCHOR:"ui-tabbar-anchor",NAVIGATION_BUTTON:"ui-navigation-item"},w={ACTIVE_LI:"anchorhighlightactiveli"},x=c.util.selectors,y=c.event,z=Math.abs,A=function(a){return x.getClosestByTag(a,"li")},B={options:{scrollThreshold:10,addActiveClassDelay:50,keepActiveClassDelay:100},_startTime:0,_startRemoveTime:0,_touchEnd:!1,_liTarget:null,_target:null,_didScroll:!1,_buttonTarget:null,_activeAnimationFinished:!1,_requestAnimationFrame:c.util.windowRequestAnimationFrame},C=Array.prototype.slice;c.util.anchorHighlight=B,B.enable=r,B.disable=s,B._clearActiveClass=l,B._detectHighlightTarget=d,B._detectBtnElement=e,B._clearBtnActiveClass=f,B._removeActiveClassLoop=m,B._addButtonInactiveClass=g,B._addButtonActiveClass=h,B._hideClear=i,B._addActiveClass=j,B._detectLiElement=A,B._touchmoveHandler=n,B._touchendHandler=p,B._touchstartHandler=o,B._checkPageVisibility=q,B._hideClear=i,B._clearBtnActiveClass=f,r()}(b,a,d),function(a,b,c){function d(a,b,c,d){var e=d*n/180;return{x:a+c*p(e),y:b-c*o(e)}}function e(a,b,c,e,f){var g=d(a,b,c,f),h=d(a,b,c,e),i=180>=f-e?"0":"1",j=0;return["M",g.x,g.y,"A",c,c,0,i,j,h.x,h.y].join(" ")}function f(a,c){var d=b.createElementNS(q,"path");d.setAttribute("class",c.classes),d.setAttribute("fill","none"),d.setAttribute("stroke",c.color),d.setAttribute("stroke-width",c.width),d.setAttribute("d",e(c.x,c.y,c.r,c.referenceDegree+c.arcStart,c.referenceDegree+c.arcEnd)),d.setAttribute("data-initial-degree",c.referenceDegree),d.setAttribute("stroke-linecap",c.linecap),a.appendChild(d)}function g(a,b){var c=a.style,d=b.x+"px "+b.y+"px",e=b.referenceDegree+b.arcStart||b.degrees;a.classList&&a.classList.add(s.animated),c.webkitTransformOrigin=d,c.mozTransformOrigin=d,c.transformOrigin=d,d="rotate("+e+"deg)",c.webkitTransform=d,c.mozTransform=d,c.transform=d}function h(a,c){var e,f,g=b.createElementNS(q,"line");return g.setAttribute("class",c.classes),g.setAttribute("stroke",c.color),g.setAttribute("stroke-width",c.width),"out"===c.direction?(e=d(c.x,c.y,c.r,c.degrees),f=d(c.x,c.y,c.r-c.length,c.degrees)):(e=d(c.x,c.y,c.r-c.length,c.degrees),f=d(c.x,c.y,c.r,c.degrees)),g.setAttribute("x1",e.x),g.setAttribute("y1",e.y),g.setAttribute("x2",f.x),g.setAttribute("y2",f.y),a.appendChild(g),g}function i(a,c){var d=b.createElementNS(q,"text");d.setAttribute("x",c.x),d.setAttribute("y",c.y),d.setAttribute("text-anchor",c.position),d.setAttribute("fill",c.color),d.setAttribute("transform",c.transform),d.textContent=c.text,a.appendChild(d)}function j(a,c){var d=b.createElementNS(q,"circle");return d.setAttribute("stroke",c.color),d.setAttribute("stroke-width",c.width),d.setAttribute("cx",c.x),d.setAttribute("cy",c.y),d.setAttribute("r",c.r),d.setAttribute("fill",c.fill),a.appendChild(d),d}function k(a,b){var c;b.animation?g(a,b):a&&(c=parseInt(a.getAttribute("data-initial-degree"),10)||b.referenceDegree,a.setAttribute("data-initial-degree",c),a.setAttribute("d",e(b.x,b.y,b.r,c+b.arcStart,c+b.arcEnd)))}function l(a,b){var c,e;b.animation?g(a,b):a&&(c=d(b.x,b.y,b.r,b.degrees),e=d(b.x,b.y,b.r-b.length,b.degrees),a.setAttribute("x1",c.x),a.setAttribute("y1",c.y),a.setAttribute("x2",e.x),a.setAttribute("y2",e.y))}var m,n=Math.PI,o=Math.cos,p=Math.sin,q="http://www.w3.org/2000/svg",r=c.util.object,s={polar:"ui-polar",animated:"ui-animated"},t={x:180,y:180,r:170,arcStart:0,arcEnd:90,width:5,color:"black",animation:!1,linecap:"butt",referenceDegree:0},u={x:180,y:180,r:170,degrees:0,length:180,direction:"in",width:5,color:"black"},v={x:180,y:180,text:"Text",position:"middle",color:"white"},w={x:180,y:180,r:170,color:"white"};m={"default":{arc:t,radius:u,text:v},classes:s,polarToCartesian:d,createSVG:function(a){var c=b.createElementNS(q,"svg");return c.classList&&c.classList.add(s.polar),a&&a.appendChild(c),c},addArc:function(a,b){return a=a||this.createSVG(),b=r.merge({},t,b||{}),f(a,b),a},addRadius:function(a,b){return a=a||this.createSVG(),b=r.merge({},u,b||{}),h(a,b)},addText:function(a,b){return a=a||this.createSVG(),b=r.merge({},v,b||{}),i(a,b),a},updatePosition:function(a,b,c){var d,e=a&&a.querySelector("path"+b);e?(c=r.merge({},t,c||{}),k(e,c)):(d=a&&a.querySelector("line"+b),d&&l(d,c))},addCircle:function(a,b){var c=this;return a=a||c.createSVG(),b=r.merge({},w,b||{}),j(a,b),a}},c.util.polar=m}(a,a.document,d),function(a,b,c){function d(){aa&&(clearTimeout(ha),aa.classList.add(D.fadeIn),ha=setTimeout(function(){aa&&aa.classList.remove(D.fadeIn)},2e3))}function e(b){for(;b&&b!==a;){if(b===P)return!0;b=b.parentElement}return!1}function f(a){var b=a.touches,c=b[0];U=e(a.target),U&&1===b.length&&(H=V?c.clientX:c.clientY,M=Date.now(),B.trigger(P,F.SCROLL_BEFORE_START,{scrollLeft:V?-I:0,scrollTop:V?0:-I,fromAPI:ia}))}function g(a){var b=a.touches,c=b[0],e=V?c.clientX:c.clientY,f=0,g=0;ia=!1,J=e-H,E||(I+J>0&&(J=-I),-O>I+J&&(J=-O-I)),V?f=-(I+J):g=-(I+J),T||B.trigger(P,F.SCROLL_START,{scrollLeft:f,scrollTop:g,fromAPI:ia}),B.trigger(P,F.SCROLL,{scrollLeft:f,scrollTop:g,inBounds:I+J>=-O&&0>=I+J,fromAPI:ia}),d()}function h(a){var b=a.touches;U&&(1===b.length&&g(a),T||(T=!0),la(q))}function i(a){var b=Date.now()-M;a&&S(J/b)>1?(K=X(Y(W(I+1e3*J/b),0),-O),ka&&(K=ka*W(K/ka)),S(J/b)>1&&B.trigger(P,F.SCROLL_FLICK,{scrollLeft:V?-K:0,scrollTop:V?0:-K,fromAPI:ia}),la(o)):(ka&&(K=ka*W(I/ka),la(o)),T=!1)}function j(a){E?a||(K=I>0?0:-O,la(o)):(-O>I&&(I=-O),I>0&&(I=0))}function k(a){B.trigger(P,F.SCROLL,a),B.trigger(P,F.SCROLL_END,a)}function l(){var a,b=0,c=0;T&&(I+=J,a=I>=-O&&0>=I,i(a),j(a),V?b=-I:c=-I,J=0,k({scrollLeft:b,scrollTop:c,inBounds:a,fromAPI:ia}),d(),U=!1,la(q))}function m(a){var b=a.detail&&a.detail.direction;"CW"===b?K-=ka||50:K+=ka||50,ka&&(K=ka*W(K/ka)),-O>K&&(K=-O),K>0&&(K=0),la(o),la(q),B.trigger(P,F.SCROLL_START,{scrollLeft:V?-K:0,scrollTop:V?0:-K,fromAPI:!1}),a.stopImmediatePropagation()}function n(){var a=K-I,b=S(a);b>10?(I=W(I+a/10),la(o)):b>2?(I=W(I+a/2),la(o)):I=K,E||(-O>I&&(I=-O),I>0&&(I=0))}function o(){var a=0,b=0;P&&(n(),V?a=-I:b=-I,B.trigger(P,F.SCROLL,{scrollLeft:a,scrollTop:b,inBounds:I>=-O&&0>=I,fromAPI:ia}),T||B.trigger(P,F.SCROLL_END,{scrollLeft:a,scrollTop:b,fromAPI:ia}),d())}function p(){ea?C.updatePosition(ga,"."+D.thumb,{ +arcStart:ca,arcEnd:ca+fa,r:G}):ba&&(V?ba.style.transform="translate("+ca+"px, 0)":ba.style.transform="translate(0, "+ca+"px)")}function q(){var a=I+J;a!==L&&(L=a,ca=O>-a?-a/O*da:da,0>ca&&(ca=0),!ja&&N&&(N.transform=V?"translate("+L+"px, 0)":"translate(0, "+L+"px)"),p(),la(q))}function r(){H=0,I=0,ca=0,J=0,K=0,L=0,M=Date.now()}function s(d,e,g){var i,j;if(ja=g,E=!1,ka=!1,P)c.warn("Scrolling exist on another element, first call disable method");else{for(V="x"===e?1:0,Q=a.createElement("div");d.firstElementChild;)Q.appendChild(d.firstElementChild);d.appendChild(Q),P=d,i=d.getBoundingClientRect(),j=Q.getBoundingClientRect(),O=W(V?j.width-i.width:j.height-i.height),N=Q.style,r(),R=b.getComputedStyle(d).getPropertyValue("overflow"),d.style.overflow="hidden",a.addEventListener("touchstart",f,!1),a.addEventListener("touchmove",h,!1),a.addEventListener("touchend",l,!1),b.addEventListener("rotarydetent",m,!0)}}function t(){x(),a.removeEventListener("touchstart",f,!1),a.removeEventListener("touchmove",h,!1),a.removeEventListener("touchend",l,!1),b.removeEventListener("rotarydetent",m,!0),P&&(P.style.overflow=R),N=null,P=null,Q=null,ga=null}function u(){var a=V?0:90;aa.classList.add(D.circular),ga=C.createSVG(),C.addArc(ga,{arcStart:a-Z/2,arcEnd:a+Z/2,classes:D.path,width:10,r:G,linecap:"round"}),C.addArc(ga,{referenceDegree:a-Z/2,arcStart:0,arcEnd:fa,classes:D.thumb,width:10,r:G,linecap:"round"}),aa.appendChild(ga),P.parentElement.insertBefore(aa,P.nextSibling)}function v(b){var c,d,e,f=0,g=0;aa.classList.add(D.direction+"-"+(V?"x":"y")),ba=a.createElement("div"),e=ba.style,ba.classList.add(D.thumb),c=P.getBoundingClientRect(),d=Q.getBoundingClientRect(),V?(f=c.width-2*_,b.width=f+"px",b.left=c.left+_+"px",e.transform="translate3d("+ca+"px,0,0)",e.width=f/d.width*f+"px"):(g=c.height-2*_,b.height=g+"px",b.top=c.top+_+"px",e.transform="translate3d(0,"+ca+"px,0)",e.height=g/d.height*g+"px"),aa.appendChild(ba),P.parentElement.insertBefore(aa,P.nextSibling),da=V?f-ba.getBoundingClientRect().width:g-ba.getBoundingClientRect().height}function w(){aa=a.createElement("div"),aa.classList.add(D.scrollbar),ea?u():v(aa.style)}function x(){aa&&(aa.parentElement.removeChild(aa),aa=null,ba=null)}function y(a){K=a,ia=!0,B.trigger(P,F.SCROLL_BEFORE_START,{scrollLeft:V?-I:0,scrollTop:V?0:-I,fromAPI:ia}),la(o),q()}function z(){return-I}function A(){return O}var B=c.event,C=c.util.polar,D={circular:"scrolling-circular",direction:"scrolling-direction",scrollbar:"scrolling-scrollbar",path:"scrolling-path",thumb:"scrolling-scrollthumb",fadeIn:"fade-in"},E=!1,F={SCROLL_BEFORE_START:"beforeScrollStart",SCROLL_START:"scrollStart",SCROLL_END:"scrollEnd",SCROLL_FLICK:"flick",SCROLL:"scroll"},G=174,H=0,I=0,J=0,K=0,L=0,M=Date.now(),N=null,O=0,P=null,Q=null,R="",S=Math.abs,T=!1,U=!1,V=0,W=Math.round,X=Math.max,Y=Math.min,Z=60,$=6,_=11,aa=null,ba=null,ca=0,da=0,ea=c.support.shape.circle,fa=$,ga=null,ha=null,ia=!1,ja=!1,ka=null,la=b.requestAnimationFrame||b.webkitRequestAnimationFrame;c.util.scrolling={getScrollPosition:z,enable:s,disable:t,enableScrollBar:w,disableScrollBar:x,scrollTo:y,isElement:function(a){return P===a},setMaxScroll:function(a){var b=P.getBoundingClientRect(),c=V?"width":"height",d=b[c],e=X(a-d,0);e!==O&&(O=e||Number.POSITIVE_INFINITY,aa&&(ea?(fa=X(d/(O+d)*Z,$),da=Z-fa,C.updatePosition(ga,"."+D.thumb,{arcStart:ca,arcEnd:ca+fa,r:G})):(d-=2*_,ba.style[c]=d/(O+d)*d+"px",da=d-ba.getBoundingClientRect()[c])))},getMaxScroll:A,setSnapSize:function(a){ka=a,ka&&(O=ka*W(O/ka))},setBounceBack:function(a){E=a}}}(b,a,d),function(a,b,c){function d(a){"CW"===a.detail.direction?j.scrollTop+=k:j.scrollTop-=k}function e(b,c){j=b,c&&(k=c),a.addEventListener("rotarydetent",d)}function f(){k=40,a.removeEventListener("rotarydetent",d)}function g(){return k}function h(a){k=a}var i={},j=null,k=40;i.enable=e,i.disable=f,i.setScrollStep=h,i.getScrollStep=g,c.util.rotaryScrolling=i}(b,a,d),function(a){var b=/([\-0-9.]*)(ms|s)?/i,c={convertToMiliseconds:function(a){var c,d=a.match(b),e=0;return 3===d.length&&(c=parseFloat(d[1])||0,"ms"===d[2]?e=c:"s"===d[2]&&(e=1e3*c)),e}};a.util.date=c}(d),function(a){function b(a){var b=a.detail.name,d=a.detail.BaseElement||HTMLElement,f=Object.create(d.prototype),h=["search","text","slider","checkbox","radio","button"],i=b.toLowerCase(),j="tau-"+i,k="";switch(d){case HTMLInputElement:k="input";break;case HTMLSelectElement:k="select";break;case HTMLTextAreaElement:k="textarea";break;case HTMLButtonElement:k="button"}f._tauName=b,f.createdCallback=function(){var a=this,b=a.getAttribute("is");b&&[].some.call(h,function(c){if(b&&-1!==b.indexOf(c)){switch(c){case"slider":a.type="range";break;default:"textarea"!==a.tagName.toLowerCase()&&(a.type=c)}return!0}}),a._tauWidget=e.instanceWidget(a,a._tauName)},f.attributeChangedCallback=function(a,b,d){var e=this._tauWidget;e&&("value"===a?e.value(d):e.options&&e.options[a]!==c&&("false"===d&&(d=!1),"true"===d&&(d=!0),e.option(a,d),e.refresh()))},f.attachedCallback=function(){"function"==typeof this._tauWidget.onAttach&&this._tauWidget.onAttach()},g[j]=""!==k?{"extends":k,prototype:f}:{prototype:f}}var e=d.engine,f={},g={};a.addEventListener("tauinit",function(){Object.keys(g).forEach(function(b){f[b]?d.warn(b+" already registered"):f[b]=a.registerElement(b,g[b])})}),"function"==typeof a.registerElement&&d.getConfig("registerCustomElements",!0)&&a.addEventListener("widgetdefined",b)}(a.document),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=b.util.DOM,f={BTN:"ui-btn",DISABLED:"ui-state-disabled",INLINE:"ui-inline",BTN_ICON:"ui-btn-icon",ICON_PREFIX:"ui-icon-",BTN_CIRCLE:"ui-btn-circle",BTN_NOBG:"ui-btn-nobg",BTN_ICON_ONLY:"ui-btn-icon-only",BTN_TEXT_LIGHT:"ui-btn-text-light",BTN_TEXT_DARK:"ui-btn-text-dark",BTN_ICON_POSITION_PREFIX:"ui-btn-icon-",BTN_ICON_MIDDLE:"ui-btn-icon-middle"},g=function(){var a=this;a.options={},a._classesPrefix=f.BTN+"-"},h={CIRCLE:"circle",TEXTLIGHT:"light",TEXTDARK:"dark",NOBG:"nobg",ICON_MIDDLE:"icon-middle"},i=new c;g.classes=f,g.prototype=i,i._configure=function(){this.options={inline:!1,icon:null,disabled:!1,style:null,iconpos:"left",size:null,middle:!1}},i._setStyle=function(a,b){var c=this.options,d=a.classList,e=!1;switch(b=b||c.style){case h.CIRCLE:d.remove(f.BTN_NOBG),d.add(f.BTN_CIRCLE),e=!0;break;case h.NOBG:d.remove(f.BTN_CIRCLE),d.add(f.BTN_NOBG),e=!0;break;case h.TEXTLIGHT:d.add(f.BTN_TEXT_LIGHT),e=!0;break;case h.TEXTDARK:d.add(f.BTN_TEXT_DARK),e=!0}e&&(c.style=b)},i._setInline=function(a,b){var c=this.options;b=b||c.inline,b&&(a.classList.add(f.INLINE),c.inline=b)},i._setIcon=function(a,b){var c,d=this,g=a.classList,h=d.options,i={},j=d._iconCSSRule;b=b||h.icon,h.icon=b,b?(g.add(f.BTN_ICON),-1===b.indexOf(".")?(g.add(f.ICON_PREFIX+b),d._setTitleForIcon(a),j&&e.removeCSSRule(j)):(c='url("'+b+'")',i["-webkit-mask-image"]=c,i["mask-image"]=c,d._iconCSSRule=e.setStylesForPseudoClass("#"+a.id,"after",i))):j&&e.removeCSSRule(j)},i._setIconpos=function(a,b){var c=this.options,d=c.style,e=a.textContent.length||(a.value?a.value.length:0);b=b||c.iconpos,c.icon&&d!==h.CIRCLE&&d!==h.NOBG&&(e>0?a.classList.add(f.BTN_ICON_POSITION_PREFIX+b):a.classList.add(f.BTN_ICON_ONLY),c.iconpos=b)},i._setTitleForIcon=function(a){var c=this.options,d=a.textContent;"notext"!==c.iconpos||a.getAttribute("title")||(a.setAttribute("title",d),b.warn("iconpos='notext' is deprecated."))},i._setDisabled=function(a,b){var c=this,d=c.options,e=a.classList;b===!0||d.disabled===!0||a.disabled||e.contains(f.DISABLED)?(d.disabled=!0,c._disable(a)):d.disabled=!1},i._build=function(a){var b=this,c=a.classList;return c.contains(f.BTN)||c.add(f.BTN),b._setStyle(a),b._setInline(a),b._setIconpos(a),b._setIcon(a),b._setSize(a),b._setDisabled(a),a},i._refresh=function(){var a=this,b=this.element;return a._setStyle(b),a._setInline(b),a._setIconpos(b),a._setIcon(b),a._setSize(b),a._setDisabled(b),null},i._getValue=function(){return this.element.textContent},i._setSize=function(a,b){var c=a.style,d=this.options,e=parseInt(b||d.size,10);32>e&&(e=32),e>230&&(e=230),c.height=e+"px",c.width=e+"px"},i._setValue=function(a){this.element.textContent=a},i._enable=function(a){var b=this,c=b.options;a&&("button"===a.tagName.toLowerCase()&&(a.disabled=!1),this.isCustomElement||a.removeAttribute("disabled"),a.classList.remove(f.DISABLED),c.disabled=!1)},i._disable=function(a){var b=this.options;a&&("button"===a.tagName.toLowerCase()&&(a.disabled=!0),this.isCustomElement||a.setAttribute("disabled","disabled"),a.classList.add(f.DISABLED),b.disabled=!0)},b.widget.core.Button=g,d.defineWidget("Button","button, [data-role='button'], .ui-btn, input[type='button']",[],g,"core"),d.defineWidget("inputButton","",[],g,"core",!1,!1,HTMLInputElement),d.defineWidget("formButton","",[],g,"core",!1,!1,HTMLButtonElement)}(a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=function(){this.element=null},f={checkbox:"ui-checkbox"},g=new c;e.prototype=g,g._build=function(a){return"checkbox"===a.getAttribute("type")&&a.classList.add(f.checkbox),a},g._getValue=function(){return this.element.value},g._setValue=function(a){this.element.value=a},b.widget.core.Checkbox=e,d.defineWidget("Checkbox","input[type='checkbox']:not(.ui-slider-switch-input):not([data-role='toggleswitch']):not(.ui-toggleswitch):not(.ui-toggle-switch), input.ui-checkbox",[],e,"core",!1,!1,HTMLInputElement)}(a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=function(){this.element=null},f={radio:"ui-radio"},g=new c;e.prototype=g,g._build=function(a){return"radio"===a.getAttribute("type")&&a.classList.add(f.radio),a},g._getValue=function(){return this.element.value},g._setValue=function(a){this.element.value=a},b.widget.core.Radio=e,d.defineWidget("Radio","input[type='radio'], input.ui-radio",[],e,"core",!1,!1,HTMLInputElement)}(a.document,d),function(b,d){var e=0,f=+new Date,g=[].slice,h="",i="",j=function(a){var b=new Date;a.unshift("["+h+"]["+b.toLocaleString()+"]")},k=a.ns||a.tau||{},l=a.nsConfig||a.tauConfig||{};k.info=k.info||{profile:"custom"},k.tauPerf=k.tauPerf||{},a.ns=k,a.nsConfig=l,a.tau=k,a.tauConfig=l,h=l.rootNamespace,i=l.fileName,k.getUniqueId=function(){return h+"-"+k.getNumberUniqueId()+"-"+f},k.getNumberUniqueId=function(){return e++},k.log=function(){var a=g.call(arguments);j(a),d&&d.log.apply(d,a)},k.warn=function(){var a=g.call(arguments);j(a),d&&d.warn.apply(d,a)},k.error=function(){var a=g.call(arguments);j(a),d&&d.error.apply(d,a)},k.getConfig=function(a,b){return l[a]===c?b:l[a]},k.setConfig=function(a,b,d){d&&l[a]!==c||(l[a]=b)},k.getFrameworkPath=function(){var a,c,d,e,f=b.getElementsByTagName("script"),g=f.length;for(a=0;g>a;a++)if(c=f[a].src,d=c.split("/"),e=d.length,d[e-1]===i+".js"||d[e-1]===i+".min.js")return d.slice(0,e-1).join("/");return null}}(a.document,a.console),function(a,b,c){function d(a,b){var c,d=new XMLHttpRequest;return d.open("get",a,!1),b&&d.overrideMimeType(b),d.send(),4===d.readyState&&(c=d.status,200===c||0===c&&d.responseText)?d.responseText:null}function e(a){for(var b,c=l.call(a.querySelectorAll("script[src]")),d=c.length;--d>=0;)b=c[d],b.parentNode.removeChild(b);return c}function f(b){return function(){try{a.eval(b)}catch(d){d.stack?c.error(d.stack):d.name&&d.message?c.error(d.name,d.message):c.error(d)}}}function g(a){var b,c=a.length;for(b=0;c>b;++b)a[b]()}function h(a,c){var d,e,f,g,h=[];for(f=0,g=a.length;g>f;++f)e=j.fetchSync(a[f].src,"text/plain"),e&&(d=b.adoptNode(a[f]),d.setAttribute("data-src",a[f].src),d.removeAttribute("src"),h.push(j.safeEvalWrap(e)),c&&c.appendChild(d));return h}var i=null,j=c.util||{},k=[],l=[].slice,m=!1;j._requestAnimationFrameOnSetTimeout=function(b){i=a.setTimeout(b.bind(b,+new Date),1e3/60)},j._loop=function(){var a=l.call(k),b=a.shift(),c=performance.now();for(k=[];b;)b(),b=performance.now()-c<15?a.shift():null;a.length||k.length?(k.unshift.apply(k,a),j.windowRequestAnimationFrame(j._loop)):m=!1},j._getRequestAnimationFrame=function(){return(a.requestAnimationFrame||a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame||a.msRequestAnimationFrame||j._requestAnimationFrameOnSetTimeout).bind(a)},j.windowRequestAnimationFrame=j._getRequestAnimationFrame(),j.requestAnimationFrame=function(a){k.push(a),m||(j.windowRequestAnimationFrame(j._loop),m=!0)},j._cancelAnimationFrameOnSetTimeout=function(){a.clearTimeout(i)},j._getCancelAnimationFrame=function(){return(a.cancelAnimationFrame||a.webkitCancelAnimationFrame||a.mozCancelAnimationFrame||a.oCancelAnimationFrame||a.msCancelAnimationFrame||j._cancelAnimationFrameOnSetTimeout).bind(a)},j.cancelAnimationFrame=j._getCancelAnimationFrame(),j.fetchSync=d,j._removeExternalScripts=e,j.safeEvalWrap=f,j.batchCall=g,j._createScriptsSync=h,j.async=j.requestAnimationFrame,j.importEvaluateAndAppendElement=function(a,c){var d=j._createScriptsSync(j._removeExternalScripts(a),a),e=b.importNode(a,!0);return c.appendChild(e),j.batchCall(d),e},j.isNumber=function(a){var b=parseFloat(a);return!isNaN(b)&&isFinite(b)},j.runScript=function(c,d){var e,f,g,h=b.createElement("script"),i=l.call(d.attributes),k=d.getAttribute("src");for(null!==k&&(k=j.path.makeUrlAbsolute(k,c)),f=i.length;--f>=0;)g=i[f],"src"!==g.name?h.setAttribute(g.name,g.value):h.setAttribute("data-src",g.value);e=k?j.fetchSync(k,"text/plain"):d.textContent,e&&(h.src=a.URL.createObjectURL(new Blob([e],{type:"text/javascript"})),h.textContent=e),d.parentNode.replaceChild(h,d)},c.util=j}(a,a.document,d),function(){function a(a,b){return 1-3*b+3*a}function b(a,b){return 3*b-6*a}function c(a){return 3*a}function e(d,e,f){return((a(e,f)*d+b(e,f))*d+c(e))*d}function f(d,e,f){return 3*a(e,f)*d*d+2*b(e,f)*d+c(e)}function g(a,b,c,d,f){var g,h,i=0;do h=b+(c-b)/2,g=e(h,d,f)-a,g>0?c=h:b=h;while(Math.abs(g)>m&&++ig;++g){var h=f(b,c,d);if(0===h)return b;var i=e(b,c,d)-a;b-=i/h}return b}function i(a){if(!a||4!==a.length)throw new Error("BezierEasing: points must contains 4 values");for(var b=0;4>b;++b)if("number"!=typeof a[b]||isNaN(a[b])||!isFinite(a[b]))throw new Error("BezierEasing: points should be integers.");if(a[0]<0||a[0]>1||a[2]<0||a[2]>1)throw new Error("BezierEasing x values must be in [0, 1] range.")}function j(a,b,c,d){return 4===arguments.length?new j([a,b,c,d]):this instanceof j?(i(a),this._str="BezierEasing("+a+")",this._css="cubic-bezier("+a+")",this._p=a,this._mSampleValues=q?new Float32Array(o):[],this._precomputed=!1,this.get=this.get.bind(this),this):new j(a)}var k=4,l=.001,m=1e-7,n=10,o=11,p=1/(o-1),q="function"==typeof Float32Array;j.prototype={get:function(a){var b=this._p[0],c=this._p[1],d=this._p[2],f=this._p[3];return this._precomputed||this._precompute(),b===c&&d===f?a:0>=a?0:a>=1?1:e(this._getTForX(a),c,f)},_precompute:function(){var a=this._p[0],b=this._p[1],c=this._p[2],d=this._p[3];this._precomputed=!0,(a!==b||c!==d)&&this._calcSampleValues()},_calcSampleValues:function(){for(var a=this._p[0],b=this._p[2],c=0;o>c;++c)this._mSampleValues[c]=e(c*p,a,b)},_getTForX:function(a){for(var b=this._p[0],c=this._p[2],d=this._mSampleValues,e=0,i=1,j=o-1;i!==j&&d[i]<=a;++i)e+=p;--i;var k=(a-d[i])/(d[i+1]-d[i]),m=e+k*p,n=f(m,b,c);return n>=l?h(a,m,b,c):0===n?m:g(a,e,e+p,b,c)}},j.css={ease:j.ease=new j(.25,.1,.25,1),easeIn:j.easeIn=new j(.42,0,1,1),easeOut:j.easeOut=new j(0,0,.58,1),easeInOut:j.easeInOut=new j(.42,0,.58,1)},d&&d.util&&(d.util.bezierCurve=j)}(),function(a,b,d){function e(){for(var a,b=[].slice.call(arguments),d=0,e=b.length;e>d;d++)if(a=b[d],a!==c)return a;return null}function f(a,b){var c,d,e,f=a.steps,g=a.from,h=null,i=0,j=100;for(c in f)f.hasOwnProperty(c)&&(d=f[c],e=c/100,b>=e?(g=d,i=e):null===h&&(h=d,j=e));return g+(b-i)/(j-i)*(h-g)}function g(a,b,c){var d,g,h=c.steps||a.steps;c.duration=e(c.duration,a.duration),c.delay=e(c.delay,a.delay,0),d=e(c.object,this._object),c.simpleProperty=c.property,c.property.split(".").forEach(function(a){"object"==typeof d[a]&&null!==d[a]?(d=d[a],c.propertyObject=d):c.simpleProperty=a}),c.propertyObject=d,h?(c.calculate=f.bind(null,c),h[0]=e(h[0],c.from,d[c.simpleProperty]),c.from=h[0],c.to=e(h[100],c.to),c.diff=0,c.current=h[0],c.direction=c.from=a.duration&&(c=a.duration,a.callback&&a.callback()),d=a.calculate(a.timing(c/a.duration),a.diff,a.from,a.current),null!==d)return a.current=d,a.propertyObject[a.simpleProperty]=a.current,c>=a.duration?2:1;if(c>=a.duration)return 2}return 0}var k=d.util,l=k.requestAnimationFrame,m=function(a){var b=this;b._object=a,b._animate={chain:[],chainIndex:0},b._pausedTimeDiff=null,b._animateConfig=null},n=function(a,b,d){return b=b===c?1:b,d=d===c?0:d,a*(b||0)+(d||0)},o=function(a){return 1-a},p={};k.bezierCurve=k.bezierCurve||bezierCurve,m.prototype=p,m.timing={linear:n,ease:k.bezierCurve.ease.get,easeInOut:k.bezierCurve.easeInOut.get},p.destroy=function(){var a=this;a._object=null,a._animate=null,a._animateConfig=null},p._initAnimate=function(){var a=this,b=[],c=a._animate.chain[a._animate.chainIndex++];c?(c.forEach(g.bind(a,a._config,b)),a._animateConfig=b):a._animateConfig=null},p.set=function(a){var b,c,d=this,e=[].slice.call(arguments);return b=e.pop(),Array.isArray(b)?(e.push(b),b=null):d._animate.config=b,d._config=b,c=[].slice.call(e),b&&(b.loop?d._animate.callback=h.bind(null,d,c):b.withRevert?d._animate.callback=i.bind(null,d,c):d._animate.callback=a.callback||b.callback),d._animate.chain=e,d},p.start=function(a){var b=this;return b._initAnimate(),a=b._animate.callback||a,b._animate.chainIndexh;)d=j(f[h],i),2===d?(b--,f.splice(h,1),c--,h--,g=!0):1===d&&(g=!0),h++;g&&e._tickFunction&&e._tickFunction(e._object),b?e._animationTimeout&&l(e._animationTimeout):(e.stop(),a&&a())}},p.tick=function(a){var b=this._tickFunction;return b?this._tickFunction=function(c){b(c),a(c)}:this._tickFunction=a,this},k.Animate=m}(a,a.document,d),function(a,b){function c(a){var b=a._animation,c=a.state;a.options.currentIteration++i/2?j=i-2*(j-i/2):j*=2,j=j/i*(i-h),f="translateX(-"+p(j)+"px)",e===f?null:f},endToEnd:function(a,b,c,d,e){var f,g,h=a._stateDOM,i=h.children[0].offsetWidth,j=h.offsetWidth;return f=b*(i+j),f=f>i?j-f+i:-f,g="translateX("+p(f)+"px)",e===g?null:g}},j._calculateEndToEndGradient=function(a,b,c,d){var e,f=this,g=f._stateDOM,h=g.children[0].offsetWidth,i=g.offsetWidth,j=h/(h+i);return e=a>j?r.RIGHT:a>0?r.BOTH:r.LEFT,d===e?null:e},j._calculateStandardGradient=function(a,b,c,d){var e;return e=1===a?r.LEFT:a>0?r.BOTH:r.RIGHT,d===e?null:e},j._build=function(b){var c=b.querySelector("."+m.MARQUEE_CONTENT);if(!c){for(c=a.createElement("div");b.hasChildNodes();)c.appendChild(b.removeChild(b.firstChild));c.classList.add(m.MARQUEE_CONTENT),b.appendChild(c)}return b},j._initStateDOMstructure=function(){this._stateDOM={classList:[],offsetWidth:null,style:{webkitMaskImage:null},children:[{offsetWidth:null,style:{webkitTransform:null}}]}},j._initAnimation=function(){var a=this,b=a._stateDOM,c=b.children[0],d=c.offsetWidth,e=new g({}),f={hasEllipsisText:d>0,animation:[{object:c.style,property:"webkitTransform",calculate:a._calculateTranslateFunctions.scroll.bind(null,a),from:0,to:d},{object:b.style,calculate:a._calculateStandardGradient.bind(a),property:"webkitMaskImage",from:0,to:1}],animationConfig:{duration:d/a.options.speed*1e3,timing:g.timing.linear}};a.state=f,e.tick(a._render.bind(a,!0)),a._animation=e},j._init=function(a){var b=this;return b._initStateDOMstructure(),b._initDOMstate(),b._initAnimation(),b.option(b.options),a},j._setEllipsisEffect=function(a,b){return this._togglePrefixedClass(this._stateDOM,k+"-",b)},j._updateDuration=function(){var a=this,b=a._stateDOM,c=a.state,d=b.children[0],e=d.offsetWidth,f=e-b.offsetWidth,g=c.animationConfig;g.duration=f>0?e/a.options.speed*1e3:0,a._animation.set(c.animation,g)},j._setSpeed=function(a,b){var c=this;return c.options.speed=parseInt(b,10),c._updateDuration(),!1},j._setIteration=function(a,b){var d=this,e=d.state,f=e.animationConfig;return"infinite"===b?(f.loop=!0,f.callback=function(){d.options.animation=h.STOPPED,d.trigger.bind(d,l.MARQUEE_END)}):(b=parseInt(b,10),d.options.currentIteration=1,f.loop=!1,f.callback=c.bind(null,d)),d._animation.set(e.animation,f),d.options.loop=b,!1},j._setDelay=function(a,b){var c=this,d=c.state,e=d.animationConfig;return b=parseInt(b,10),e.delay=b,c._animation.set(d.animation,e),c.options.delay=b,!1},j._setTimingFunction=function(a,b){var c=this,d=c.state,e=d.animationConfig;return e.timing=g.timing[b],c._animation.set(d.animation,e),c.options.timing=b,!1},j._setAutoRun=function(a,b){return b&&this.start(),!1},j._setAnimation=function(a,b){var c=this,d=c._animation,e=c._stateDOM,f=c.options,g=e.children[0].offsetWidth-e.offsetWidth,i=f.runOnlyOnEllipsisText;return b!==f.animation&&(b===h.RUNNING?(i&&g||!i)&&(c.options.currentIteration=1,d.start(),c.trigger(l.MARQUEE_START)):(d.pause(),c.trigger(l.MARQUEE_STOPPED)),f.animation=b),!1},j._setMarqueeStyle=function(a,b){var c=this,d=c.state.animation;return d[0].calculate=c._calculateTranslateFunctions[b].bind(null,c),"endToEnd"===b?d[1].calculate=c._calculateEndToEndGradient.bind(c):d[1].calculate=c._calculateStandardGradient.bind(c),c.options.marqueeStyle=b,!1},j._destroy=function(){var a=this;a.state=null,a._stateDOM=null,a._animation.destroy(),a._animation=null},j.start=function(){this.option("animation","running")},j.stop=function(){var a=this,b=a._animation;b.pause(),this.option("animation","stopped")},j.reset=function(){var a=this,b=a._stateDOM;this.option("animation","stopped"),b.style.webkitMaskImage=r.RIGHT,b.children[0].style.webkitTransform="translateX(0)",a._render()},i.prototype=j,b.widget.core.Marquee=i,e.defineWidget("Marquee",".ui-marquee",["start","stop","reset"],i,"core")}(a.document,d),function(a){a.widget.core.viewswitcher=a.widget.core.viewswitcher||{}}(d),function(a,b){b.widget.core.viewswitcher.animation=b.widget.core.viewswitcher.animation||{}}(a,d),function(a,b){b.widget.core.viewswitcher.animation["interface"]={initPosition:function(){},animate:function(){},resetPosition:function(){}}}(a.document,d),function(a,b){function d(a,b,c,d,e){e&&g.setPrefixedStyle(a,"transition",g.getPrefixedValue("transform "+e/1e3+"s ease-out")),g.setPrefixedStyle(a,"transform","translate3d("+b+"px, "+c+"px, "+d+"px)")}function e(a){a.style.left="",a.style.right="",a.style.zIndex=j.ZINDEX_MIDDLE,a.style.transform="translateZ("+-a.parentNode.offsetWidth/2+"px)",a.style.webkitTransform="translateZ("+-a.parentNode.offsetWidth/2+"px)"}var f=b.util.object,g=b.util.DOM,h=b.widget.core.viewswitcher.animation,i=h["interface"],j={PERSPECTIVE:280,ZINDEX_TOP:3,ZINDEX_MIDDLE:2,ZINDEX_BOTTOM:1,DIM_LEVEL:6},k={useDim:!0,dimLevel:j.DIM_LEVEL},l={CAROUSEL:"ui-view-carousel",CAROUSEL_ACTIVE:"ui-view-carousel-active",CAROUSEL_LEFT:"ui-view-carousel-left",CAROUSEL_RIGHT:"ui-view-carousel-right",CAROUSEL_DIM:"ui-view-carousel-dim"};h.carousel=f.merge({},i,{initPosition:function(b,c){var d,e,f,g=b[0].parentNode,h=g.offsetWidth;if(g.classList.add(l.CAROUSEL),g.style.webkitPerspective=j.PERSPECTIVE,k.useDim)for(f=b.length,e=0;f>e;e++)d=a.createElement("DIV"),d.classList.add(l.CAROUSEL_DIM),b[e].appendChild(d);b[c].classList.add(l.CAROUSEL_ACTIVE),c>0&&(b[c-1].classList.add(l.CAROUSEL_LEFT),b[c-1].style.transform="translateZ("+-h/2+"px)"),c0?a[b-1]:c,q=be?1:-1,z=.2*o*y,A=1.6*-y*o-t,B=-o-t,C=-o+t,D=.2*-t;r.style.left=(n-r.offsetWidth)/2+"px",r.style.zIndex=j.ZINDEX_TOP,g=0>s?q:p,i=0>s?g&&g.nextElementSibling:g&&g.previousElementSibling,f=0>s?p:q,h=0>s?f&&f.previousElementSibling:f&&f.nextElementSibling,g&&(.2*n>w?(g.style.zIndex=j.ZINDEX_MIDDLE,d(g,-t*v,0,0>s?B:C)):(r.style.zIndex=j.ZINDEX_MIDDLE,g.style.zIndex=j.ZINDEX_TOP,d(g,(2*z+t)*v,0,0>s?B:C)),i&&(i.classList.add(0>s?l.CAROUSEL_RIGHT:l.CAROUSEL_LEFT),d(i,.6*(0>s?B:-C),0,-n-t*y))),f&&(h&&h.classList.remove(0>s?l.CAROUSEL_LEFT:l.CAROUSEL_RIGHT),f.style.zIndex=j.ZINDEX_BOTTOM,d(f,D,0,0>s?C:B)),.8*n>w?d(r,t*v,0,t*y):d(r,A*v,0,t*y),k.useDim&&(r.querySelector("."+l.CAROUSEL_DIM).style.opacity=x*k.dimLevel/1e3,g&&(g.querySelector("."+l.CAROUSEL_DIM).style.opacity=k.dimLevel/10*(1-x/100)))},resetPosition:function(a,b){var c,d,f=a[0].parentNode,g=a[b],h=f.querySelectorAll("."+l.CAROUSEL_RIGHT),i=f.querySelectorAll("."+l.CAROUSEL_LEFT);for(f.querySelector("."+l.CAROUSEL_ACTIVE).classList.remove(l.CAROUSEL_ACTIVE),g.classList.add(l.CAROUSEL_ACTIVE),g.style.transform="",g.style.webkitTransform="",d=h.length,c=0;d>c;c++)h[c].classList.remove(l.CAROUSEL_RIGHT);for(bc;c++)i[c].classList.remove(l.CAROUSEL_LEFT);b>0&&(a[b-1].classList.add(l.CAROUSEL_LEFT),e(a[b-1]))}}),h.carousel.options=k}(a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.event,e=b.engine,f=b.util.object,g=b.event.gesture,h=b.util.cancelAnimationFrame,i=b.util.requestAnimationFrame,j={ACTIVE_INDEX:0,ANIMATION_TYPE:"carousel",ANIMATION_SPEED:30,ANIMATION_TIMING_FUNCTION:"ease-out"},k={CHANGE_START:"viewchangestart",CHANGE_END:"viewchangeend",CHANGE:"viewchange"},l=function(){var a=this;a.options={},a._ui={}},m={VIEW:"ui-view",VIEW_ACTIVE:"ui-view-active",ANIMATION_TYPE:"ui-animation-"},n=new c;l.prototype=n,l.classes=m,n._configure=function(){var a=this;a.options=f.merge(a.options,{active:j.ACTIVE_INDEX,animationType:j.ANIMATION_TYPE,animationSpeed:j.ANIMATION_SPEED})},n._build=function(a){var b=this,c=b._ui;return c._views=a.querySelectorAll("."+m.VIEW),a},n._init=function(a){var b=this;return b._elementOffsetWidth=a.offsetWidth,b._initPosition(),a},n._initPosition=function(){var a=this,c=a._ui._views,d=a.options,e=a._getActiveIndex();a._type=b.widget.core.viewswitcher.animation[d.animationType],a._type.initPosition(c,e),a._activeIndex=e},n._getActiveIndex=function(){var a,b,c=this,d=c._ui,e=d._views;for(b=e.length,a=0;b>a;a++)if(e[a].classList.contains(m.VIEW_ACTIVE))return a;return c.options.active},n._bindEvents=function(){var a=this,b=a.element;d.enableGesture(b,new d.gesture.Drag({blockVertical:!0,threshold:0}),new d.gesture.Swipe({orientation:g.Orientation.HORIZONTAL})),d.on(b,"drag dragstart dragend swipe",a,!1)},n.handleEvent=function(a){var b=this;switch(a.type){case"drag":b._onDrag(a);break;case"dragstart":b._onDragStart(a);break;case"dragend":case"swipe":b._onDragEnd(a)}},n._onDrag=function(a){var b=this,c=a.detail.direction,d=a.detail.estimatedDeltaX,e=d/b._elementOffsetWidth*100,f=b._ui,g=f._views[b._activeIndex];"left"===c&&!g.nextElementSibling||"right"===c&&!g.previousElementSibling||b._dragging&&!b._isAnimating&&Math.abs(e)<100&&(b._type.animate(f._views,b._activeIndex,e),b._triggerChange(e))},n._onDragStart=function(a){var b=this,c=a.detail.direction,d=b._ui,e=d._views[b._activeIndex];"left"===c&&!e.nextElementSibling||"right"===c&&!e.previousElementSibling||b._dragging||(b._dragging=!0)},n._onDragEnd=function(a){var b=this,c=b._ui,d=c._views[b._activeIndex],e=a.detail.direction,f=a.detail.estimatedDeltaX;!b._dragging||b._isAnimating||"left"===e&&!d.nextElementSibling||"right"===e&&!d.previousElementSibling||(b._lastDirection=e,"dragend"===a.type&&Math.abs(f)50&&!b._changed?(b.trigger(k.CHANGE,{index:b._activeIndex+(0>a?1:-1)}),b._changed=!0):50>c&&b._changed&&(b.trigger(k.CHANGE,{index:b._activeIndex}),b._changed=!1)},n._requestFrame=function(a,b,c){var d,e,f,g=this,l=g._elementOffsetWidth,n=c?c:j.ANIMATION_TIMING_FUNCTION,o=!1,p=g._lastDirection,q=g._ui,r=a,s=r/l*100,t=g._animationFrame;return"backward"===b?(d="left"===p?"right":"left",("left"===p&&r>0||"right"===p&&0>r)&&(o=!0,e=0)):(d=b,Math.abs(r)>l&&(o=!0,e=100)),f="left"===d?-1:1,o?(g._type.animate(q._views,g._activeIndex,e*f),h(t),"backward"!==b&&(q._views[g._activeIndex].classList.remove(m.VIEW_ACTIVE),g._activeIndex=g._activeIndex-f,g._type.resetPosition(q._views,g._activeIndex),q._views[g._activeIndex].classList.add(m.VIEW_ACTIVE)),g._dragging=!1,g._isAnimating=!1,g._changed=!1,void g.trigger(k.CHANGE_END)):(g._type.animate(q._views,g._activeIndex,s),g._triggerChange(s),g._isAnimating=!0,"ease-out"===n?r+=Math.abs(r)>.95*l?f:g.options.animationSpeed*f:"linear"===n&&(r+=g.options.animationSpeed*f),void(g._animationFrame=i(g._requestFrame.bind(g,r,b,c))))},n.setActiveIndex=function(a){var b,c,d,e=this,f=e._activeIndex,g=f-a;if(!e._isAnimating&&a=0)for(e._lastDeltaX=0,b=0>g?"left":"right",d=Math.abs(g),e._lastDirection=b,c=0;d>c;c++)e.trigger(k.CHANGE_START),e._requestFrame(0,b,"linear")},n.getActiveIndex=function(){return this._activeIndex},n._destroy=function(){var a=this.element;d.disableGesture(a),d.off(a,"drag dragstart dragend",this,!1),this.options=null,this._ui=null},b.widget.core.viewswitcher.ViewSwitcher=l,e.defineWidget("ViewSwitcher","[data-role='viewSwitcher'], .ui-view-switcher",["setActiveIndex","getActiveIndex"],l); +}(a.document,d),function(b,d){var e=d.widget.BaseWidget,f=d.engine,g=function(){var a=this;a._activeIndex=null,a.options={}},h={indicator:"ui-page-indicator",indicatorActive:"ui-page-indicator-active",indicatorItem:"ui-page-indicator-item",indicatorDashed:"ui-page-indicator-dashed",linearIndicator:"ui-page-indicator-linear",circularIndicator:"ui-page-indicator-circular"},i={IN_CIRCLE:60,IN_LINEAR:5},j={LINEAR:"linear",CIRCULAR:"circular"},k=8,l=new e;g.classes=h,l._configure=function(){this.options={maxPage:null,numberOfPages:null,layout:"linear",intervalAngle:6,style:"dashed"}},l._build=function(a){var b=this,c=b.options;return b._createIndicator(a),c.layout===j.CIRCULAR&&b._circularPositioning(a),"dashed"===c.style&&a.classList.add(h.indicatorDashed),a},l._createIndicator=function(a){var c,e,f,g,i=this,k=i.options.numberOfPages;if(null===k)return void d.error("build error: numberOfPages is null");for(i.options.layout=i.options.layout.toLowerCase(),i.options.layout===j.CIRCULAR?(a.classList.remove(h.linearIndicator),a.classList.add(h.circularIndicator)):(a.classList.remove(h.circularIndicator),a.classList.add(h.linearIndicator)),f=i._getMaxPage(),e=f>k?k:f,c=0;e>c;c++)g=b.createElement("span"),g.classList.add(h.indicatorItem),a.appendChild(g)},l._circularPositioning=function(a){var b,c,d,e=this,f=a.children,g=f.length,h=e.options.intervalAngle-"0";for(b=a.offsetWidth/2-k,d=0;g>d;d++)c="rotate("+(d*h-90-(g-1)*h*.5)+"deg) translate("+b+"px) ",f[d].style.transform=c},l._getMaxPage=function(){var a,b=this,c=b.options;return a=c.layout===j.CIRCULAR?c.maxPage||i.IN_CIRCLE:c.maxPage||i.IN_LINEAR},l._removeIndicator=function(a){a.textContent=""},l.setActive=function(b){var e,f,g,i=this,j=b,k=i.element.children,l=parseInt(i.options.numberOfPages,10),m=0,n=h.indicatorActive;if(null!==b&&b!==c){if(i._activeIndex=b,e=i._getMaxPage(),f=a.parseInt(e/2,10),l>e)m=l-e;else{if(isNaN(l))return void d.error("setActive error: numberOfPages is not a number");if(0===l)return}g=i.element.querySelector("."+n),g&&g.classList.remove(n),b>f&&f+m>=b?j=f:b>f+m&&(j=b-m),k[j].classList.add(n)}},l._refresh=function(){var a=this,b=a.element;a._removeIndicator(b),a._createIndicator(b),a.options.layout===j.CIRCULAR&&a._circularPositioning(b)},l._destroy=function(){this._removeIndicator(this.element)},g.prototype=l,d.widget.core.PageIndicator=g,f.defineWidget("PageIndicator","[data-role='page-indicator'], .ui-page-indicator",["setActive"],g,"core")}(a.document,d),function(a,b){var c=a.event.gesture;c.utils={getCenter:function(a){var c=[],d=[];return[].forEach.call(a,function(a){c.push(isNaN(a.clientX)?a.pageX:a.clientX),d.push(isNaN(a.clientY)?a.pageY:a.clientY)}),{clientX:(b.min.apply(b,c)+b.max.apply(b,c))/2,clientY:(b.min.apply(b,d)+b.max.apply(b,d))/2}},getVelocity:function(a,c,d){return{x:b.abs(c/a)||0,y:b.abs(d/a)||0}},getAngle:function(a,c){var d=c.clientY-a.clientY,e=c.clientX-a.clientX;return 180*b.atan2(d,e)/b.PI},getDirection:function(a,d){var e=b.abs(a.clientX-d.clientX),f=b.abs(a.clientY-d.clientY);return e>=f?a.clientX-d.clientX>0?c.Direction.LEFT:c.Direction.RIGHT:a.clientY-d.clientY>0?c.Direction.UP:c.Direction.DOWN},getDistance:function(a,c){var d=c.clientX-a.clientX,e=c.clientY-a.clientY;return b.sqrt(d*d+e*e)},getScale:function(a,b){return a.length>=2&&b.length>=2?this.getDistance(b[0],b[1])/this.getDistance(a[0],a[1]):1},getRotation:function(a,b){return a.length>=2&&b.length>=2?this.getAngle(b[1],b[0])-this.getAngle(a[1],a[0]):0},isVertical:function(a){return a===c.Direction.UP||a===c.Direction.DOWN},isHorizontal:function(a){return a===c.Direction.LEFT||a===c.Direction.RIGHT},getOrientation:function(a){return this.isVertical(a)?c.Orientation.VERTICAL:c.Orientation.HORIZONTAL}}}(d,a.Math),function(a){var b=a.event.gesture,c=a.util.object.merge,d=function(a,b){this.sender=b,this.strategy=a.create(),this.name=this.strategy.name,this.index=this.strategy.index||100,this.options=this.strategy.options||{}};d.prototype.detect=function(a){return this.strategy.handler(a,this.sender,this.strategy.options)},d.Sender={sendEvent:function(){}},d.plugin={},d.plugin.create=function(a){var b;return a.types||(a.types=[a.name]),b=function(b){this.options=c({},a.defaults,b)},b.prototype.create=function(){return c({options:this.options},a)},d.plugin[a.name]=b,b},b.Detector=d}(d),function(a,b,c){var d=a.event.gesture,e=d.utils,f=d.Detector,g=a.util.object.merge,h={start:"dragstart",drag:"drag",end:"dragend",cancel:"dragcancel",prepare:"dragprepare"},i=!!b.navigator.userAgent.match(/tizen/i)&&function(){var b,d=!0;if(c&&c.systeminfo&&c.systeminfo.getCapability)try{return b=c.systeminfo.getCapability("http://tizen.org/feature/platform.version"),"3.0">b}catch(e){a.error("Error name: "+e.name+", message: "+e.message)}return d}(),j=b.navigator.userAgent.indexOf("Chrome")>-1,k=d.Result,l=f.plugin.create({name:"drag",index:500,defaults:{blockHorizontal:!1,blockVertical:!1,threshold:20,delay:0},isTriggered:!1,handler:function(a,b,c){var f,l=c.threshold,m=k.PENDING,n=a.direction;if(!this.isTriggered&&a.eventType===d.Event.MOVE){if(Math.abs(a.deltaX)=0?(c._targetElement=c._minEffectElement,c.show()):d<=c._maxValue&&(c._targetElement=c._maxEffectElement,c.show())},_getValue:function(a,b){return this._orientation===f.HORIZONTAL?a:b},_beginShow:function(){var a=this;a._targetElement&&!a._isShowAnimating&&(a._targetElement.style.display="block",a._targetElement.classList.remove(i.hide),a._targetElement.classList.add(i.show),a._isShowAnimating=!0,a._isHideAnimating=!1)},_finishShow:function(){var a=this;a._isShowAnimating=!1,a._isDrag||(a._targetElement.classList.remove(i.show),a._beginHide())},_beginHide:function(){var a=this;a._isHideAnimating||(a._targetElement.classList.remove(i.show),a._targetElement.classList.add(i.hide),a._isHideAnimating=!0,a._isShowAnimating=!1)},_finishHide:function(){var a=this;a._isHideAnimating=!1,a._targetElement.classList.remove(i.hide),a.hide(),a._checkAndShow()},handleEvent:function(a){a.type.toLowerCase().indexOf("animationend")>-1&&"-"!==a.animationName.charAt(0)&&(this._isShowAnimating?this._finishShow():this._isHideAnimating&&this._finishHide())},destroy:function(){var a=this,b=this._maxEffectElement,c=this._minEffectElement;c.removeEventListener("animationEnd",this),c.removeEventListener("webkitAnimationEnd",this),c.removeEventListener("mozAnimationEnd",this),c.removeEventListener("msAnimationEnd",this),c.removeEventListener("oAnimationEnd",this),b.removeEventListener("animationEnd",this),b.removeEventListener("webkitAnimationEnd",this),b.removeEventListener("mozAnimationEnd",this),b.removeEventListener("msAnimationEnd",this),b.removeEventListener("oAnimationEnd",this),a._container.removeChild(c),a._container.removeChild(b),a._container=null,a._minEffectElement=null,a._maxEffectElement=null,a._targetElement=null,a._isShow=null,a._orientation=null,a._maxValue=null}},b.widget.core.scroller.effect.Bouncing=e}(a.document,d),function(b,c){var d=c.widget.BaseWidget,e=c.engine,f=c.util.object,g=c.event,h=new d,i=c.widget.core.scroller.effect.Bouncing,j={START:"scrollstart",MOVE:"scrollmove",END:"scrollend",CANCEL:"scrollcancel"},k=!1,l=function(){};l.Orientation={VERTICAL:"vertical",HORIZONTAL:"horizontal"},l.EventType=j,h._build=function(a){return 1!==a.children.length?c.error("[Scroller] Scroller should have only one child."):(this.scroller=a.children[0],this.scrollerStyle=this.scroller.style,this.bouncingEffect=null,this.scrollbar=null,this.scrollerWidth=0,this.scrollerHeight=0,this.scrollerOffsetX=0,this.scrollerOffsetY=0,this.maxScrollX=0,this.maxScrollY=0,this.startScrollerOffsetX=0,this.startScrollerOffsetY=0,this.orientation=null,this.enabled=!0,this.scrolled=!1,this.dragging=!1,this.scrollCanceled=!1),a},h._configure=function(){this.options=f.merge({},this.options,{scrollDelay:0,threshold:30,scrollbar:"",useBouncingEffect:!0,orientation:"vertical"})},h._init=function(a){var b=null,c=this.options,d=null,e=a.style,f=null,g=a.offsetWidth/2,h=a.offsetHeight/2;return b=a.children[0],this.scroller=b,f=b.style,this.scrollerStyle=f,d=b.children,this.orientation=this.orientation||("horizontal"===c.orientation?l.Orientation.HORIZONTAL:l.Orientation.VERTICAL),this.scrollerWidth=b.offsetWidth,this.scrollerHeight=b.offsetHeight,d.length?(this.maxScrollX=g-this.scrollerWidth+d[d.length-1].offsetWidth/2,this.maxScrollY=h-this.scrollerHeight+d[d.length-1].offsetHeight/2,this.minScrollX=g-d[0].offsetWidth/2,this.minScrollY=h-d[0].offsetHeight/2):(this.maxScrollY=360,this.minScrollY=0),this.scrolled=!1,this.touching=!0,this.scrollCanceled=!1,this.orientation===l.Orientation.HORIZONTAL?this.maxScrollY=0:this.maxScrollX=0,e.overflow="hidden",e.position="relative",f.position="absolute",f.top="0px",f.left="0px",f.width=this.scrollerWidth+"px",f.height=this.scrollerHeight+"px",this._initScrollbar(),this._initBouncingEffect(),a},h._initScrollbar=function(){var a,b=this.options.scrollbar;b&&(a=c.widget.core.scroller.scrollbar.type[b],a&&(this.scrollbar=e.instanceWidget(this.element,"ScrollBar",{type:a,orientation:this.orientation})))},h._initBouncingEffect=function(){var a=this.options;a.useBouncingEffect&&(this.bouncingEffect=new i(this.element,{maxScrollX:this.maxScrollX,maxScrollY:this.maxScrollY,orientation:this.orientation}))},h._resetLayout=function(){var a=this.element.style,b=this.scrollerStyle;a.overflow="",a.position="",a.overflow="hidden",a.position="relative",b&&(b.position="",b.top="",b.left="",b.width="",b.height="",b["-webkit-transform"]="",b["-moz-transition"]="",b["-ms-transition"]="",b["-o-transition"]="",b.transition="")},h._bindEvents=function(){c.event.enableGesture(this.scroller,new c.event.gesture.Drag({threshold:this.options.threshold,delay:this.options.scrollDelay,blockVertical:this.orientation===l.Orientation.HORIZONTAL,blockHorizontal:this.orientation===l.Orientation.VERTICAL})),g.on(this.scroller,"drag dragstart dragend dragcancel",this),a.addEventListener("resize",this)},h._unbindEvents=function(){this.scroller&&(c.event.disableGesture(this.scroller),g.off(this.scroller,"drag dragstart dragend dragcancel",this),a.removeEventListener("resize",this))},h.handleEvent=function(a){switch(a.type){case"dragstart":this._start(a);break;case"drag":this._move(a);break;case"dragend":this._end(a);break;case"dragcancel":this._cancel(a);break;case"resize":this.refresh()}},h._refresh=function(){this._unbindEvents(),this._clear(),this._init(this.element),this._bindEvents()},h.scrollTo=function(a,b,c){this._translate(a,b,c),this._translateScrollbar(a,b,c)},h._translate=function(b,c,d){var e,f={normal:"none",webkit:"none",moz:"none",ms:"none",o:"none"},g=this.scrollerStyle;d&&(f.normal="transform "+d/1e3+"s ease-out",f.webkit="-webkit-transform "+d/1e3+"s ease-out",f.moz="-moz-transform "+d/1e3+"s ease-out",f.ms="-ms-transform "+d/1e3+"s ease-out",f.o="-o-transform "+d/1e3+"s ease-out"),e="translate3d("+b+"px,"+c+"px, 0)",g["-webkit-transform"]=g["-moz-transform"]=g["-ms-transform"]=g["-o-transform"]=g.transform=e,g.transition=f.normal,g["-webkit-transition"]=f.webkit,g["-moz-transition"]=f.moz,g["-ms-transition"]=f.ms,g["-o-transition"]=f.o,this.scrollerOffsetX=a.parseInt(b,10),this.scrollerOffsetY=a.parseInt(c,10)},h._translateScrollbar=function(a,b,c,d){this.scrollbar&&this.scrollbar.translate(this.orientation===l.Orientation.HORIZONTAL?-a:-b,c,d)},h._start=function(){var a=this;a.scrolled=!1,a.dragging=!0,a.scrollCanceled=!1,a.startScrollerOffsetX=a.scrollerOffsetX,a.startScrollerOffsetY=a.scrollerOffsetY},h._move=function(a){var b=this.startScrollerOffsetX,c=this.startScrollerOffsetY,d=!k;this.enabled&&!this.scrollCanceled&&this.dragging&&(this.orientation===l.Orientation.HORIZONTAL?b+=a.detail.estimatedDeltaX:c+=a.detail.estimatedDeltaY,(b>this.minScrollX||bthis.minScrollX?this.minScrollX:this.maxScrollX),(c>this.minScrollY||cthis.minScrollY?this.minScrollY:this.maxScrollY),b!==this.scrollerOffsetX||c!==this.scrollerOffsetY?(this.scrolled||this.trigger(j.START),this.scrolled=!0,this._translate(b,c),this._translateScrollbar(b,c,0,d),this.trigger(j.MOVE),this.bouncingEffect&&this.bouncingEffect.hide()):(this.bouncingEffect&&this.bouncingEffect.drag(b,c),this._translateScrollbar(b,c,0,d)))},h._end=function(){this.dragging&&(this.bouncingEffect&&this.bouncingEffect.dragEnd(),this.scrollbar&&this.scrollbar.end(),this._endScroll(),this.dragging=!1)},h._endScroll=function(){this.scrolled&&this.trigger(j.END),this.scrolled=!1},h._cancel=function(){this.scrollCanceled=!0,this.scrolled&&(this._translate(this.startScrollerOffsetX,this.startScrollerOffsetY),this._translateScrollbar(this.startScrollerOffsetX,this.startScrollerOffsetY),this.trigger(j.CANCEL)),this.scrollbar&&this.scrollbar.end(),this.scrolled=!1,this.dragging=!1},h._clear=function(){this.scrolled=!1,this.scrollCanceled=!1,this._resetLayout(),this._clearScrollbar(),this._clearBouncingEffect()},h._clearScrollbar=function(){this.scrollbar&&this.scrollbar.destroy(),this.scrollbar=null},h._clearBouncingEffect=function(){this.bouncingEffect&&this.bouncingEffect.destroy(),this.bouncingEffect=null},h._disable=function(){this.enabled=!1},h._enable=function(){this.enabled=!0},h._destroy=function(){this._unbindEvents(),this._clear(),this.scrollerStyle=null,this.scroller=null},l.prototype=h,c.widget.core.scroller.Scroller=l,e.defineWidget("Scroller",".scroller",["scrollTo","cancel"],l)}(a.document,d),function(a,b){b.widget.core.scroller.scrollbar=b.widget.core.scroller.scrollbar||{}}(a,d),function(a,b){b.widget.core.scroller.scrollbar.type=b.widget.core.scroller.scrollbar.type||{}}(a,d),function(a,b){b.widget.core.scroller.scrollbar.type["interface"]={setScrollbarLayout:function(){},remove:function(){},start:function(){},end:function(){},offset:function(){}}}(a.document,d),function(a,b){var c=b.util.object,d=b.widget.core.scroller.scrollbar.type,e=d["interface"],f=b.widget.core.scroller.Scroller;d.bar=c.merge({},e,{options:{animationDuration:500},setScrollbar:function(a,b,c){this._viewLayout=a,this._clipLayout=c,this._firstChildLayout=b,this._ratio=c/b},getScrollbarSize:function(){return this._firstChildLayout/this._viewLayout*this._firstChildLayout*this._ratio},offset:function(a,b){var c,d;return b=b*this._clipLayout/this._viewLayout,a===f.Orientation.VERTICAL?(c=0,d=b):(c=b,d=0),{x:c,y:d}},start:function(a){var b=a.style,c=this.options.animationDuration;b["-webkit-transition"]=b["-moz-transition"]=b["-ms-transition"]=b["-o-transition"]=b.transition="opacity "+c/1e3+"s ease",b.opacity=1},end:function(a){var b=a.style,c=this.options.animationDuration;b["-webkit-transition"]=b["-moz-transition"]=b["-ms-transition"]=b["-o-transition"]=b.transition="opacity "+c/1e3+"s ease",b.opacity=0}})}(a.document,d),function(b,c){var d=c.util.object,e=c.widget.core.scroller.scrollbar.type,f=e["interface"],g=c.widget.core.scroller.Scroller;e.tab=d.merge({},f,{options:{wrapperClass:"ui-scrollbar-tab-type",barClass:"ui-scrollbar-indicator",margin:1},insertAndDecorate:function(b){var c,d,e,f,h=b.wrapper,i=b.bar,j=b.container,k=b.clip,l=b.sections,m=b.orientation,n=this.options.margin,o=k.offsetWidth,p=k.offsetHeight,q=j.offsetWidth,r=j.offsetHeight,s=m===g.Orientation.VERTICAL?p:o,t=m===g.Orientation.VERTICAL?r:q,u=s/t;if(this.containerSize=q,this.maxScrollOffset=s-t,this.scrollZoomRate=q/s,this.barSize=a.parseInt((q-2*n*(u-1))/u),h.className=this.options.wrapperClass,i.className=this.options.barClass,i.style.width=this.barSize+"px",i.style.left="0px",j.insertBefore(h,k),d=i.offsetHeight,c=p-d,k.style.height=c+"px",l&&l.length)for(e=0,f=l.length;f>e;e++)l[e].style.height=c+"px"},remove:function(a){var b=a.wrapper,c=a.container;c&&b&&c.removeChild(b)},offset:function(a,b){return{x:0===b?-1:b===this.maxScrollOffset?this.containerSize-this.barSize-this.options.margin:b*this.scrollZoomRate,y:0}}})}(a.document,d),function(b,c){var d=c.widget.BaseWidget,e=c.engine,f=new d,g=c.util.object,h=c.util.selectors,i=c.widget.core.Page,j={wrapperClass:"ui-scrollbar-bar-type",barClass:"ui-scrollbar-indicator",orientationClass:"ui-scrollbar-",page:i.classes.uiPage},k=c.widget.core.scroller.Scroller,l=function(){this.wrapper=null,this.barElement=null,this.container=null,this.view=null,this.options={},this.type=null,this.maxScroll=null,this.started=!1,this.displayDelayTimeoutId=null,this.lastScrollPosition=0};f._build=function(a){return this.clip=a,this.view=a.children[0],this.firstChild=this.view.children[0],a},f._configure=function(){this.options=g.merge({},this.options,{type:!1,displayDelay:700,orientation:k.Orientation.VERTICAL})},f._init=function(a){this.clip=a,this.view=a.children[0],this.firstChild=this.view.children[0],this.type=this.options.type,this.type&&this._createScrollbar()},f._bindEvents=function(){b.addEventListener("visibilitychange",this)},f._createScrollbar=function(){var a=this.options.orientation,c=b.createElement("DIV"),d=b.createElement("span"),e=this.view,f=this.clip,g=this.firstChild,h=this.type;f.appendChild(c),c.appendChild(d),c.classList.add(j.wrapperClass),d.className=j.barClass,a===k.Orientation.HORIZONTAL?(h.setScrollbar(e.offsetWidth,g.offsetWidth,f.offsetWidth),d.style.width=h.getScrollbarSize()+"px",c.classList.add(j.orientationClass+"horizontal")):(h.setScrollbar(e.offsetHeight,g.offsetHeight,f.offsetHeight),d.style.height=h.getScrollbarSize()+"px",c.classList.add(j.orientationClass+"vertical")),this.wrapper=c,this.barElement=d},f._removeScrollbar=function(){this.clip.removeChild(this.wrapper),this.wrapper=null,this.barElement=null},f._refresh=function(){var a=this;a._clear(),a._init(),a.translate(a.lastScrollPosition)},f.translate=function(b,c,d){var e,f,g,h=this.options.orientation,i={normal:"none",webkit:"none",moz:"none",ms:"none",o:"none"};this.wrapper&&this.type&&this.lastScrollPosition!==b&&(d=d!==!1,this.lastScrollPosition=b,b=this.type.offset(h,b),f=this.barElement.style,c&&(i.normal="transform "+c/1e3+"s ease-out",i.webkit="-webkit-transform "+c/1e3+"s ease-out",i.moz="-moz-transform "+c/1e3+"s ease-out",i.ms="-ms-transform "+c/1e3+"s ease-out",i.o="-o-transform "+c/1e3+"s ease-out"),e="translate3d("+b.x+"px,"+b.y+"px, 0)",f["-webkit-transform"]=f["-moz-transform"]=f["-ms-transform"]=f["-o-transform"]=f.transform=e,f["-webkit-transition"]=i.webkit,f["-moz-transition"]=i.moz,f["-ms-transition"]=i.ms,f["-o-transition"]=i.o,f.transition=i.normal,this.started||this._start(),null!==this.displayDelayTimeoutId&&(a.clearTimeout(this.displayDelayTimeoutId),this.displayDelayTimeoutId=null),d&&(g=(c||0)+this.options.displayDelay,this.displayDelayTimeoutId=a.setTimeout(this._end.bind(this),g)))},f.end=function(){this.displayDelayTimeoutId||(this.displayDelayTimeoutId=a.setTimeout(this._end.bind(this),this.options.displayDelay))},f._start=function(){this.type.start(this.wrapper,this.barElement),this.started=!0},f._end=function(){this.started=!1,this.displayDelayTimeoutId=null,this.type&&this.type.end(this.wrapper,this.barElement)},f.handleEvent=function(a){var d;switch(a.type){case"visibilitychange":d=h.getClosestBySelector(this.clip,"."+j.page),"visible"===b.visibilityState&&d===c.activePage&&this.refresh()}},f._clear=function(){this._removeScrollbar(),this.started=!1,this.type=null,this.barElement=null,this.displayDelayTimeoutId=null},f._destroy=function(){this._clear(),b.removeEventListener("visibilitychange",this),this.options=null,this.clip=null,this.view=null},l.prototype=f,c.widget.core.scroller.scrollbar.ScrollBar=l,e.defineWidget("ScrollBar","",["translate"],l)}(a.document,d),function(a){function b(a,b,d){a.forEach(function(a){c.matchesSelector(a,b)&&a.classList.add(d)})}var c=a.util.selectors,d=[].slice,e=[null,"solo","a","b","c","d"];a.util.grid={makeGrid:function(a,c){var f,g=a.classList,h=d.call(a.children);c||(c=e[h.length],c||(c="a",f=2,g.add("ui-grid-duo"))),f||(f=e.indexOf(c)),g.add("ui-grid-"+c),b(h,":nth-child("+f+"n+1)","ui-block-a"),f>1&&b(h,":nth-child("+f+"n+2)","ui-block-b"),f>2&&b(h,":nth-child("+f+"n+3)","ui-block-c"),f>3&&b(h,":nth-child("+f+"n+4)","ui-block-d"),f>4&&b(h,":nth-child("+f+"n+5)","ui-block-e")}}}(d),function(a){a.util.easing={cubicOut:function(a,b,c,d){return a/=d,a--,c*(a*a*a+1)+b},easeOutQuad:function(a,b,c,d){return-c*(a/=d)*(a-2)+b},easeOutSine:function(a,b,c,d){return c*Math.sin(a/d*(Math.PI/2))+b},easeOutExpo:function(a,b,c,d){return a===d?b+c:c*(-Math.pow(2,-10*a/d)+1)+b},linear:function(a,b,c,d){return b+c*a/d}}}(d),function(a,b,d){var e=b.body,f=d.event,g=d.engine.eventType,h={_window:a,supported:a.orientation!==c&&a.onorientationchange!==c,properties:["orientation"],_orientation:"portrait"},i=function(b){var c=h._window,d=c.innerWidth,e=c.innerHeight;c.screen&&(d=c.screen.availWidth,e=c.screen.availHeight),d>e?h._orientation="landscape":h._orientation="portrait",b||f.trigger(a,"orientationchange",{orientation:h._orientation})},j=function(){if(h._window.orientation)switch(h._window.orientation){case 90:case-90:h._orientation="portrait";break;default:h._orientation="landscape"}else i(!0)},k=function(b,c){b.matches?h._orientation="portrait":h._orientation="landscape",c||f.trigger(a,"orientationchange",{orientation:h._orientation})},l=null;h.getOrientation=function(){return h._orientation},h.trigger=function(a){f.trigger(a,"orientationchange",{orientation:h._orientation})},h.unbind=function(){a.removeEventListener("orientationchange",j,!1),e.removeEventListener("throttledresize",i,!1),b.removeEventListener(g.DESTROY,h.unbind,!1)},h.detect=function(){h.supported?(a.addEventListener("orientationchange",j,!1),j()):h._window.matchMedia?(l=h._window.matchMedia("(orientation: portrait)"),l.matches?h._orientation="portrait":h._orientation="landscape",l.addListener(k)):(e.addEventListener("throttledresize",i,!1),i())},b.addEventListener(g.DESTROY,h.unbind,!1),h.detect(),d.event.orientationchange=h}(a,a.document,d),function(a,b,c){function d(a){"static"===o.getCSSProperty(a,"position")?a.style.position="relative":a.style.position="absolute"}function e(a,b,c,d,e,f,g,h,i,j){var k=(new Date).getTime()-c,n=parseInt(m.cubicOut(k,d,f,j),10),o=parseInt(m.cubicOut(k,e,g,j),10);b.scrollLeft!==h&&(b.scrollLeft=n),b.scrollTop!==i&&(b.scrollTop=o),(n!==h||o!==i)&&n>=0&&o>=0&&a.currentTransition?l.requestAnimationFrame(a.currentTransition):a.currentTransition=null}function f(a,b,c,d,f){f?(a.currentTransition=e.bind(null,a,b,(new Date).getTime(),b.scrollLeft,b.scrollTop,c,d,b.scrollLeft+c,b.scrollTop+d,f),l.requestAnimationFrame(a.currentTransition)):(c&&(b.scrollLeft=b.scrollLeft+c),d&&(b.scrollTop=b.scrollTop+d))}function g(a){var b=a._ui,c=b.jumpHorizontalButton,d=b.jumpVerticalButton,e=c||d?o.getElementOffset(a.element):null;c&&(c.style.left=e.left+"px"),d&&(d.style.top=e.top+"px")}function h(a){var b=a.classList,c=p.getChildrenByClass(a,w.indicatorTop)[0],d=p.getChildrenByClass(a,w.indicatorBottom)[0];b.remove(w.indicatorTopShown),b.remove(w.indicatorBottomShown),b.remove(w.indicatorRightShown),b.remove(w.indicatorLeftShown),c.style="",d.style=""}function i(a,b){var c,d=p.getChildrenByClass(a,w.indicatorTop)[0],e=p.getChildrenByClass(a,w.indicatorBottom)[0];d&&(c=d.style,c.width=b.width+"px",c.top=b.clipTop+"px",c.backgroundColor=b.color),e&&(c=e.style,c.width=b.width+"px",c.top=b.clipTop+b.clipHeight-o.getElementHeight(e)+"px",c.backgroundColor=b.color)}var j=c.widget.BaseWidget,k=c.engine,l=c.util,m=c.util.easing,n=c.event,o=c.util.DOM,p=c.util.selectors,q=null,r=c.widget.core.Page,s=r.classes.uiPage,t=r.classes.uiPageActive,u=r.events,v=function(){var a,b=this;b._scrollState={currentTransition:null},b.scrollDuration=300,b.scrollviewSetHeight=!1,b.options={scroll:"y",scrollJump:!1,scrollIndicator:!1},a=b._ui||{},a.view=null,a.page=null,a.jumpHorizontalButton=null,a.jumpVerticalButton=null,b._ui=a,b._callbacks={repositionJumps:null,jumpTop:null,jumpBottom:null},b._timers={scrollIndicatorHide:null}},w={view:"ui-scrollview-view",clip:"ui-scrollview-clip",jumpTop:"ui-scroll-jump-top-bg",jumpLeft:"ui-scroll-jump-left-bg",indicatorTop:"ui-overflow-indicator-top",indicatorBottom:"ui-overflow-indicator-bottom",indicatorTopShown:"ui-scrollindicator-top",indicatorBottomShown:"ui-scrollindicator-bottom",indicatorLeftShown:"ui-scrollindicator-left",indicatorRightShown:"ui-scrollindicator-right"};v.classes=w,v.prototype=new j,v.prototype._build=function(a){var c,e,f,g=this,h=g._ui,i=p.getChildrenByClass(a,w.view)[0]||b.createElement("div"),j=a.style,l=a.firstChild,m=g.options,n=m.scroll;for(i.className=w.view;l;)c=l,l=l.nextSibling,i!==c&&i.appendChild(c);switch(i.parentNode!==a&&a.appendChild(i),d(i),a.classList.add(w.clip),a.classList.add("ui-content"),n){case"x":j.overflowX="scroll";break;case"xy":j.overflow="scroll";break;default:j.overflowY="auto"}return m.scrollJump&&(n.indexOf("x")>-1&&(f=b.createElement("div"),f.className=w.jumpLeft,e=b.createElement("div"),f.appendChild(e),a.appendChild(f),k.instanceWidget(e,"Button",{icon:"scrollleft",style:"box"}),h.jumpHorizontalButton=f),n.indexOf("y")>-1&&(f=b.createElement("div"),f.className=w.jumpTop,e=b.createElement("div"),f.appendChild(e),a.appendChild(f),k.instanceWidget(e,"Button",{icon:"scrolltop",style:"box"}),h.jumpVerticalButton=f)),h.view=i,m.scrollIndicator&&g._addOverflowIndicator(a),a},v.prototype._init=function(a){var b=this._ui,c=b.page;b.view||(b.view=p.getChildrenByClass(a,w.view)[0]),c||(c=p.getClosestByClass(a,s),c&&(b.page=c,c.classList.contains(t)&&this.options.scrollJump&&g(this)))},v.prototype._addOverflowIndicator=function(a){a.insertAdjacentHTML("beforeend","

")},v.prototype._showScrollIndicator=function(){var b=this,c=b.element,d=b._ui.view,e=c.scrollTop,f=o.getElementHeight(c),g=o.getElementOffset(c),j=o.getElementHeight(d),k=o.getElementWidth(d),l=o.getElementOffset(d);switch(h(c),b.options.scroll){case"x":case"xy":break;default:i(c,{clipTop:g.top,clipHeight:f,width:k,color:a.getComputedStyle(c).backgroundColor}),l.top-eg.top+f&&c.classList.add(w.indicatorBottomShown)}},v.prototype._hideScrollIndicator=function(){var b=this,c=b._timers,d=c.scrollIndicatorHide;d&&a.clearTimeout(d),c.scrollIndicatorHide=a.setTimeout(function(){h(b.element)},1500)},v.prototype.scrollTo=function(a,b,c){var d=this.element;this.translateTo(a-d.scrollLeft,b-d.scrollTop,c)},v.prototype.translateTo=function(a,b,c){f(this._scrollState,this.element,a,b,c)},v.prototype.ensureElementIsVisible=function(a){var b,c,d,e,f,g=this.element,h=o.getElementHeight(g),i=o.getElementWidth(g),j=0,k=h,l=o.getElementHeight(a),m=o.getElementWidth(a),n=0,p=h>=l&&i>=m,q=function(a){var b=a.getAttribute("id"),c=a.tagName.toLowerCase();return b&&["input","textarea","button"].indexOf(c)>-1?a.parentNode.querySelector("label[for="+b+"]"):void 0},r=!0;for(f=a.parentNode;f&&f!==g;)n+=f.offsetTop,f=f.parentNode;switch(b=n+l,r){case p&&n>j&&k>b:case n>j&&k>n&&b>k:case j>n&&k>b:break;case p&&n>j&&b>k:case p&&j>n&&k>b:case p:this.centerToElement(a);break;default:for(c=q(a),c||(c=a),d=c.offsetLeft+o.getCSSProperty(c,"margin-left",0,"integer"),e=c.offsetTop+o.getCSSProperty(c,"margin-top",0,"integer"),f=c.parentNode;f&&f!==g;)d+=f.offsetLeft,e+=f.offsetTop,f=f.parentNode;this.scrollTo(d,e,this.scrollDuration)}},v.prototype.centerToElement=function(a){for(var b=this.element,c=parseInt(o.getElementWidth(b)/2-o.getElementWidth(a)/2,10),d=parseInt(o.getElementHeight(b)/2-o.getElementHeight(a)/2,10),e=a.offsetLeft,f=a.offsetTop,g=a.parentNode;g&&g!==b;)e+=g.offsetLeft+o.getCSSProperty(g,"margin-left",0,"integer"),f+=g.offsetTop+o.getCSSProperty(g,"margin-top",0,"integer"),g=g.parentNode;this.scrollTo(e-c,f-d,this.scrollDuration)},v.prototype.getScrollPosition=function(){var a=this.element;return{x:a.scrollLeft,y:a.scrollTop}},v.prototype._bindEvents=function(c){var d,e,f,h=null,i=function(){n.trigger(c,"scrollstop"),a.clearTimeout(h),h=null},j=this,k=j._ui,l=k.page,m=k.jumpVerticalButton,o=k.jumpHorizontalButton,p=j._callbacks;l&&(this.options.scrollJump&&(d=g.bind(null,this),e=function(){j.scrollTo(c.scrollLeft,0,250); +},f=function(){j.scrollTo(0,c.scrollTop,250)},l.addEventListener(u.SHOW,d,!1),m&&m.firstChild.addEventListener("vclick",e,!1),o&&o.firstChild.addEventListener("vclick",f,!1),p.repositionJumps=d,p.jumpTop=e,p.jumpLeft=f),c.addEventListener("scroll",function(){h?a.clearTimeout(h):n.trigger(c,"scrollstart"),h=a.setTimeout(i,100),n.trigger(c,"scrollupdate")},!1),b.addEventListener("vmousedown",function(){q&&(q=null)},!1),j.options.scrollIndicator&&(p.scrollUpdate=j._showScrollIndicator.bind(j),c.addEventListener("scrollupdate",p.scrollUpdate,!1),p.scrollStop=j._hideScrollIndicator.bind(j),c.addEventListener("scrollstop",p.scrollStop,!1)))},v.prototype._destroy=function(){var b=this,c=b.element,d=b._ui,e=d.page,f=this.options.scrollJump,g=d.jumpVerticalButton,h=d.jumpHorizontalButton,i=b._callbacks,j=i.repositionJumps,k=i.jumpTop,l=i.jumpLeft;f&&(e&&j&&e.removeEventListener(u.SHOW,j,!1),g&&k&&g.firstChild.removeEventListener("vclick",k,!1),h&&l&&h.firstChild.removeEventListener("vclick",l,!1)),b.options.scrollIndicator&&c.removeEventListener("scrollupdate",i.scrollUpdate,!1),b._timers.scrollIndicatorHide&&a.clearTimeout(b._timers.scrollIndicatorHide)},c.widget.core.Scrollview=v}(a,a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=b.event,f=function(){},g={},h={TAB_CHANGE:"tabchange"},i=new c;f.prototype=i,f.classes=g,i._setActive=function(a){var b=this.element;e.trigger(b,h.TAB_CHANGE,{active:a})},i.setActive=function(a){this._setActive(a)},i._getActive=function(){return this.options.active},i.getActive=function(){return this._getActive()},b.widget.core.Tab=f,d.defineWidget("Tab","",["setActive","getActive"],f,"tizen")}(a.document,d),function(a,b){var c=b.widget.core.Tab,d=b.engine,e=b.util.object,f=function(){this.tabSize=0,this.width=0},g=c.prototype,h=new c;f.prototype=h,h._init=function(a){var b=this.options;this.width=a.offsetWidth,a.classList.add(b.wrapperClass)},h._configure=function(){e.merge(this.options,{margin:4,triggerEvent:!1,wrapperClass:"ui-tab-indicator",itemClass:"ui-tab-item",activeClass:"ui-tab-active",active:0})},h._createIndicator=function(){var b,c=this.options,d=a.createDocumentFragment(),e=[],f=c.margin,g=0,h=this.tabSize,i=this.width-f*(h-1),j=Math.floor(i/h),k=i%h,l=0;for(g=0;h>g;g++)e[g]=j;for(g=Math.floor((h-k)/2);k>0;g++,k--)e[g]+=1;for(g=0;h>g;g++)b=a.createElement("span"),b.classList.add(c.itemClass),b.style.width=e[g]+"px",b.style.left=l+"px",l+=e[g]+f,g===c.active&&b.classList.add(c.activeClass),d.appendChild(b);this.element.appendChild(d)},h._removeIndicator=function(){this.element.innerHTML=""},h._refresh=function(){this._removeIndicator(),this._createIndicator()},h._setActive=function(a){var b=this.options,c=this.element.children;b.active=a,[].forEach.call(c,function(a){a.classList.remove(b.activeClass)}),ae&&(f=e),h;f>h;h++)g+=a===i.HORIZONTAL?b[h].offsetWidth:b[h].offsetHeight;return g}function f(a,b,c){var d=e(a,b,c+1),f=b[c];return f&&(d-=a===i.HORIZONTAL?f.offsetWidth/2:f.offsetHeight/2),d}var g=b.widget.core.scroller.Scroller,h=b.event.gesture,i=h.Orientation,j=b.engine,k=b.util.object,l=b.event,m=b.util.object.merge({CHANGE:"sectionchange"},g.EventType),n={uiSectionChanger:"ui-section-changer"};k.inherit(d,g,{_build:function(a){var b,c=this,d=c.options;return c.tabIndicatorElement=null,c.tabIndicator=null,c.sections=null,c.sectionPositions=[],c.activeIndex=0,c.beforeIndex=0,c._super(a),a.classList.add(n.uiSectionChanger),c.scroller.style.position="absolute",b=a.offsetHeight,0===b&&(b=a.parentNode.offsetHeight,a.style.height=b+"px"),c._sectionChangerWidth=a.offsetWidth,c._sectionChangerHeight=b,c._sectionChangerHalfWidth=c._sectionChangerWidth/2,c._sectionChangerHalfHeight=c._sectionChangerHeight/2,c.orientation="horizontal"===d.orientation?i.HORIZONTAL:i.VERTICAL,a},_configure:function(){this._super(),this.options=k.merge(this.options,{items:"section",activeClass:"ui-section-active",circular:!1,animate:!0,animateDuration:100,orientation:"horizontal",changeThreshold:-1,useTab:!1,fillContent:!0})},_init:function(a){var c,d,e,f=this,g=f.options,h=f.scroller;if("tab"===g.scrollbar&&(g.scrollbar=!1,g.useTab=!0),f.sections="string"==typeof g.items?h.querySelectorAll(g.items):g.items,c=f.sections.length,g.circular&&3>c)b.error("[SectionChanger] if you use circular option, you must have at least three sections.");else{for(d=0;c>d;d++)e=f.sections[d].className,e&&e.indexOf(g.activeClass)>-1&&(f.activeIndex=d),f.sectionPositions[d]=d;f._prepareLayout(),f._initLayout(),f._super(a),f._repositionSections(!0),f.setActiveSection(f.activeIndex),g.animate||(g.animateDuration=0),g.changeThreshold<0&&(g.changeThreshold=f._sectionChangerHalfWidth)}return a},_prepareLayout:function(){var a,b=this.options,c=this.sections.length,d=this._sectionChangerWidth,f=this._sectionChangerHeight,g=this.orientation,h=this.scroller.style;b.useTab&&(this._initTabIndicator(),a=this.tabIndicatorElement.offsetHeight,f-=a,this._sectionChangerHalfHeight=f/2,this.element.style.height=f+"px",this._sectionChangerHeight=f),g===i.HORIZONTAL?(h.width=(b.fillContent?d*c:e(g,this.sections))+"px",h.height=f+"px"):(h.width=d+"px",h.height=(b.fillContent?f*c:e(g,this.sections))+"px")},_initLayout:function(){var a,b,c,d=0,f=0;for(b=0,c=this.sections.length;c>b;b++)a=this.sections[b].style,a.position="absolute",this.options.fillContent&&(a.width=this._sectionChangerWidth+"px",a.height=this._sectionChangerHeight+"px"),this.orientation===i.HORIZONTAL?(f=0,d=e(this.orientation,this.sections,b)):(f=e(this.orientation,this.sections,b),d=0),a.top=f+"px",a.left=d+"px"},_initBouncingEffect:function(){var a=this.options;a.circular||this._super()},_translateScrollbar:function(a,b,c,d){var e,f=this,g=f.scrollbar;g&&(e=f.orientation===i.HORIZONTAL?-a+f.minScrollX:-b+f.minScrollY,g.translate(e,c,d))},_translateScrollbarWithPageIndex:function(a,b){var c;this.scrollbar&&(c=e(this.orientation,this.sections,this.activeIndex),this.scrollbar.translate(c,b))},_initTabIndicator:function(){var b=this,c=a.createElement("div"),d=b.element,e=null;b.tabIndicatorElement=c,d.parentNode.insertBefore(c,d),e=new j.instanceWidget(c,"TabIndicator"),b.tabIndicator=e,e.setSize(b.sections.length),e.setActive(b.activeIndex),b.tabIndicatorHandler=function(a){this.tabIndicator.setActive(a.detail.active)}.bind(b),d.addEventListener(m.CHANGE,b.tabIndicatorHandler,!1)},_clearTabIndicator:function(){this.tabIndicator&&(this.element.parentNode.removeChild(this.tabIndicatorElement),this.element.removeEventListener(m.CHANGE,this.tabIndicatorHandler,!1),this.tabIndicator.destroy(),this.tabIndicator=null,this.tabIndicatorElement=null,this.tabIndicatorHandler=null)},_resetLayout:function(){var a,b,c;for(b=0,c=this.sections.length;c>b;b++)a=this.sections[b].style,a.position="",a.width="",a.height="",a.top="",a.left="";this._super()},_bindEvents:function(){var c=this;c._super(),b.event.enableGesture(c.scroller,new b.event.gesture.Swipe({orientation:c.orientation===i.HORIZONTAL?h.Orientation.HORIZONTAL:h.Orientation.VERTICAL})),l.on(c.scroller,"swipe transitionEnd webkitTransitionEnd mozTransitionEnd msTransitionEnd oTransitionEnd",c),a.addEventListener("rotarydetent",c,!0)},_unbindEvents:function(){var c=this;c._super(),c.scroller&&(b.event.disableGesture(c.scroller),l.off(c.scroller,"swipe transitionEnd webkitTransitionEnd mozTransitionEnd msTransitionEnd oTransitionEnd",c)),a.removeEventListener("rotarydetent",c,!0)},handleEvent:function(a){switch(this._super(a),a.type){case"swipe":case"rotarydetent":this._change(a);break;case"webkitTransitionEnd":case"mozTransitionEnd":case"msTransitionEnd":case"oTransitionEnd":case"transitionEnd":a.target===this.scroller&&this._endScroll()}},_notifyChangedSection:function(a){var b,c=this.options.activeClass,d=this.sections.length,e=0;for(e=0;d>e;e++)b=this.sections[e],b.classList.remove(c),e===this.activeIndex&&b.classList.add(c);this.trigger(m.CHANGE,{active:a})},setActiveSection:function(a,b,c){var d=this.sectionPositions[a],e=b,g=this.activeIndex,h=0,j=0;this.orientation===i.HORIZONTAL?h=this._sectionChangerHalfWidth-f(this.orientation,this.sections,d):j=this._sectionChangerHalfHeight-f(this.orientation,this.sections,d),(this.beforeIndex-a>1||this.beforeIndex-a<-1)&&(e=0),this.activeIndex=a,this.beforeIndex=this.activeIndex,h!==this.scrollerOffsetX||j!==this.scrollerOffsetY?(c!==!1&&(this.trigger(m.START),this.scrolled=!0),this._translate(h,j,b),this._translateScrollbarWithPageIndex(a,e)):this._endScroll(),this.activeIndex!==g&&this._notifyChangedSection(this.activeIndex)},getActiveSectionIndex:function(){return this.activeIndex},_start:function(a){this._super(a),this.beforeIndex=this.activeIndex},_move:function(a){var b=this,c=b.options.changeThreshold,d=b.orientation===i.HORIZONTAL?a.detail.deltaX:a.detail.deltaY,e=b.activeIndex,f=b.beforeIndex;b._super(a),b.scrolled&&(d>c?b.activeIndex=b._calculateIndex(f-1):-c>d?b.activeIndex=b._calculateIndex(f+1):b.activeIndex=f,b.activeIndex!==e&&b._notifyChangedSection(b.activeIndex))},_end:function(){var a=this;a.scrollbar&&a.scrollbar.end(),a.enabled&&!a.scrollCanceled&&a.dragging&&(a.bouncingEffect&&a.bouncingEffect.dragEnd(),a.setActiveSection(a.activeIndex,a.options.animateDuration,!1),a.dragging=!1)},_change:function(a){var b=this,c=a.detail.direction,d=c===h.Direction.UP||c===h.Direction.LEFT||"CW"===c?1:-1,e=b._calculateIndex(b.beforeIndex+d);b.enabled&&!b.scrollCanceled&&(b.bouncingEffect&&b.bouncingEffect.dragEnd(),b.activeIndex!==e&&(b.activeIndex=e,b._notifyChangedSection(e)),b.setActiveSection(e,b.options.animateDuration,!1),b.dragging=!1)},_endScroll:function(){this.enabled&&this.scrolled&&!this.scrollCanceled&&(this._repositionSections(),this._super())},_repositionSections:function(a){var b,c,d,g,h,j,k,l=this,m=l.sections,n=l.activeIndex,o=l.orientation,p=o===i.HORIZONTAL,q=m.length,r=l.sectionPositions[n],s=Math.floor(q/2),t=l.options.circular,u=0,v=0;if(p?(j=-f(o,m,t?s:n),k=0):(j=0,k=-f(o,m,t?s:n)),l._translateScrollbarWithPageIndex(n),(a||0===r||r===q-1)&&(p?u=l._sectionChangerHalfWidth+j:v=l._sectionChangerHalfHeight+k,l._translate(u,v),t))for(b=0;q>b;b++)d=(q+n-s+b)%q,c=m[d].style,l.sectionPositions[d]=b,p?(g=0,h=e(o,m,b)):(g=e(o,m,b),h=0),c.top=g+"px",c.left=h+"px"},_calculateIndex:function(a){var b=this.sections.length;return a=this.options.circular?(b+a)%b:0>a?0:a>b-1?b-1:a},_clear:function(){this._clearTabIndicator(),this._super(),this.sectionPositions.length=0},_destroy:function(){var a=this.element;a.style.height=null,a.style.width=null,this._super()}}),b.widget.core.SectionChanger=d,j.defineWidget("SectionChanger","[data-role='section-changer'], .ui-section-changer",["getActiveSectionIndex","setActiveSection"],d)}(a.document,d),function(a,b){function d(a,b,c,d,e){var f=e._ui,g=f.edgeEffect||f.scrollview.querySelector("."+v.edgeEffect),h=g.style,i=q(p(a/8)-1,10);return"vertical"===b?(h.top="start"===c?"0":"auto",h.bottom="start"===c?"auto":"0"):(h.left="start"===c?"0":"auto",h.right="start"===c?"auto":"0"),e._edgeEffectGradientSize=i,h.boxShadow="0 0 0 "+i+"px "+u.replace("{1}",.5)+",0 0 0 "+2*i+"px "+u.replace("{1}",.4)+",0 0 0 "+3*i+"px "+u.replace("{1}",.3)+",0 0 0 "+4*i+"px "+u.replace("{1}",.2)+",0 0 0 "+5*i+"px "+u.replace("{1}",.1),0}function e(a){return l.getClosestByClass(a,"ui-scroller")||a.parentElement}function f(a,b){var c=null;return a.scrollElement&&(c="string"==typeof a.scrollElement?l.getClosestBySelector(b,"."+a.scrollElement):a.scrollElement),c||(c=e(b)),c}function g(a,b){return b.getAttribute("data-index")===""+a}function h(a,b,c){return c>a}function i(a,b){return-1===a.indexOf(b)}function j(a,b){var d,e,f,j=a.element,k=a._itemSize,l=a.options,m="vertical"===l.orientation?"scrollTop":"scrollLeft",n=b.detail&&b.detail[m],o=a._ui,p=o.scrollview.firstElementChild.style,q=0,t=l.dataLength,u=[],w=a._numberOfItems,x=0,y=l.infinite,z=0,A=0,B={scrollTop:0,scrollLeft:0},C=0,D=0;if(l.edgeEffect&&(b.detail.inBounds?a._edgeEffectGradientSize>0?((o.edgeEffect||o.scrollview.querySelector("."+v.edgeEffect)).style.boxShadow="none",a._edgeEffectGradientSize=0):a._scrollviewWidget&&a._scrollviewWidget.hideBouncingEffect():(C=0>n?n:n+a._containerSize-l.dataLength*a._itemSize,n=n-C+l.edgeEffect(C,l.orientation,0>n?"start":"end",n,a))),n!==c){if(a._scrollBegin=n,z=r(n/a._itemSize),z!==r(a._scrollBeginPrev/a._itemSize)&&z>=0){for(nt-w&&!y?(q=t-w,A=k*(z-q)):(q=z-1,A=k),x=q;q+w>x;++x)u[x-q]=s.call(j.children,g.bind(null,x%t))[0];for(d=s.call(j.children,i.bind(null,u)),x=q+w-1;x>=q;--x)D=x%t,(x>=0&&t>x||y)&&(u[x-q]||(e=d.shift(),u[x-q]=e,a._updateListItem(e,D),x-q===w-1||q>D&&n>a._scrollBeginPrev?j.appendChild(e):(f=u.filter(h.bind(null,x-q))[0],f?j.insertBefore(e,f):j.insertBefore(e,j.firstElementChild))));B[m]=A+n%a._itemSize}else n>=0?nt-w&&!y?(q=t-w,A=k*(z-q),B[m]=A+n%k):B[m]=k+n%k:B[m]=n;p.webkitTransform="translate("+-B.scrollLeft+"px, "+-B.scrollTop+"px)",a._scrollBeginPrev=n,a._snapListviewWidget&&a._snapListviewWidget.refresh()}}var k=b.widget.BaseWidget,l=b.util.selectors,m=b.util.scrolling,n=b.support.shape.circle,o=function(){var a=this;a.options={dataLength:0,listItemUpdater:null,scrollElement:null,orientation:"vertical",snap:!1,edgeEffect:n?null:d,infinite:!1},a._ui={edgeEffect:null,scrollview:null},a._scrollBegin=0,a._elementsMap=[],a._itemSize=0,a._numberOfItems=5,a._edgeEffectGradientSize=0},p=Math.abs,q=Math.min,r=Math.floor,s=Array.prototype.filter,t=new k,u="rgba(61, 185, 204, {1})",v={uiVirtualListContainer:"ui-virtual-list-container",edgeEffect:"ui-virtual-list-edge-effect"};o.classes=v,t._build=function(a){var b,c,d=this,e=d._ui,g=o.classes,h=d.options;return a.classList.add(g.uiVirtualListContainer),c="horizontal"===h.orientation.toLowerCase()?"horizontal":"vertical",b=f(h,a),e.scrollview=b,h.orientation=c,a},t._buildList=function(){var c,e,f,g=this,h=g._ui,i=g.options,j=g._ui.scrollview,k="vertical"===i.orientation?"height":"width",n=g.element,o="UL"===n.tagName||"OL"===n.tagName?"li":"div",p=g._numberOfItems,q=l.getClosestBySelector(n,".ui-content").getBoundingClientRect(),r=null,s=[].reduce.call(j.children,function(a,b){return a+b.getBoundingClientRect()[k]},0),t=b.support.shape.circle;for(e=b.engine.getBinding(l.getClosestBySelector(n,".ui-page"),"Scrollview"),e&&(e.option("bouncingEffect",!1),g._scrollviewWidget=e,i.edgeEffect=function(a,b,c){e.showBouncingEffect(c)}),i.dataLengthf;++f)c=a.createElement(o),g._updateListItem(c,f),n.appendChild(c),r=g.element.getBoundingClientRect(),r[k]0?Math.round(r[k]/p):0,g._numberOfItems=p,g._containerSize=q[k],g._numberOfVisibleElements=Math.ceil(q[k]/g._itemSize),m.enable(j,"horizontal"===i.orientation?"x":"y",!0),i.infinite?m.setMaxScroll(null):(m.enableScrollBar(),j.classList.contains("ui-scroller")?m.setMaxScroll((i.dataLength+1)*g._itemSize+s):m.setMaxScroll(i.dataLength*g._itemSize)),i.snap&&t&&m.setSnapSize(g._itemSize),i.edgeEffect===d&&(h.edgeEffect=a.createElement("div"),h.edgeEffect.classList.add(v.edgeEffect,"orientation-"+i.orientation),h.scrollview.appendChild(h.edgeEffect)),m.setBounceBack(!0)},t._updateListItem=function(a,b){a.setAttribute("data-index",b),this.options.listItemUpdater(a,b)},t._refresh=function(){var a=this;a._buildList(),a._snapListviewWidget&&a._snapListviewWidget.refresh(),a.trigger("draw")},t.draw=function(){this.refresh()},t.scrollTo=function(a){m.scrollTo(-a)},t.scrollToIndex=function(a){this.scrollTo(Math.floor(this._itemSize*a))},t._bindEvents=function(){var a=j.bind(null,this),b=this._ui.scrollview;b&&(b.addEventListener("scroll",a,!1),this._scrollEventBound=a)},t._destroy=function(){m.disable()},t.setListItemUpdater=function(a){this.options.listItemUpdater=a,this.refresh()},o.prototype=t,b.engine.defineWidget("VirtualListviewSimple","",["draw","setListItemUpdater","scrollTo","scrollToIndex"],o,"",!0),b.widget.core.VirtualListviewSimple=o}(a.document,d),function(a,b,c){function d(a){var b;return a?(b=Object.keys(a).join(":"),b.indexOf("__impl")>-1||b.indexOf("__upgraded__")>-1||b.indexOf("__attached__")>-1):!1}function e(b){var c=a.ShadowDOMPolyfill&&a.ShadowDOMPolyfill.wrap;return b&&c?c(b):b}function f(b){var d=a.ShadowDOMPolyfill&&a.ShadowDOMPolyfill.unwrap;return b&&d?d(b):(c.error("Unwrap method not available"),b)}function g(a){for(var b,c=a.attributes,d=c.length,e=0,f=a.tagName.toLowerCase();d>e;++e)b=c.item(e),f+="["+b.name+'="'+b.value+'"]';return f}function h(a){for(var c=g(a),d=a.parentNode;d;)c=g(d)+">"+c,d=d.parentNode,d===b&&(d=null);return c}function i(a){for(;a.firstChild;)a.removeChild(a.firstChild)}function j(a,b){for(;a.firstChild;)b.appendChild(a.firstChild)}function k(a,c){var d=b.createElement("div"),e=!1;return a.appendChild(d),d.innerHTML=c.replace(o,function(){return e=!0,""}),{container:d,contentFlag:e}}var l=0,m=[].slice,n=c.util.DOM,o=/(\$\{content\})/gi;n.getNodeSelector=g,n.getNodeSelectorPath=h,n.isNodeEqual=function(c,e){var f,g,i=c,j=e,k=a.ShadowDOMPolyfill&&a.ShadowDOMPolyfill.unwrap;return null===c||null===e?!1:(f=d(c),g=d(e),f&&(i=k?k(c):b.querySelector(h(c))),g&&(j=k?k(e):b.querySelector(h(e))),i===j)},n.isNodeWebComponentPolyfilled=d,n.unwrapWebComponentPolyfill=f,n.wrapWebComponentPolyfill=e,n.isElement=function(a){var b=a;return b?"string"==typeof b.localName&&b.localName.length>0?!0:(a instanceof Element||d(a)&&(b=f(a)),b instanceof Element):!1},n.appendNodes=function(a,b){var c,d,e;if(a){if(b instanceof Array||b instanceof NodeList||b instanceof HTMLCollection)for(e=m.call(b),c=0,d=e.length;d>c;c+=1)a.appendChild(e[c]);else a.appendChild(b),e=b;return e}throw"Context empty!"},n.replaceWithNodes=function(a,b){var c;return b instanceof Array||b instanceof NodeList||b instanceof HTMLCollection?(c=this.insertNodesBefore(a,b),a.parentNode.removeChild(a)):(a.parentNode.replaceChild(b,a),c=b),c},n.removeAllChildren=function(a){a.innerHTML=""},n.insertNodesBefore=function(a,b){var c,d,e,f;if(a){if(e=a.parentNode,b instanceof Array||b instanceof NodeList||b instanceof HTMLCollection)for(f=m.call(b),c=0,d=f.length;d>c;++c)e.insertBefore(f[c],a);else e.insertBefore(b,a),f=b;return f}throw"Context empty!"},n.insertNodeAfter=function(a,b){if(a)return a.parentNode.insertBefore(b,a.nextSibling),b;throw"Context empty!"},n.wrapInHTML=function(a,c){var d,e,f,g=b.createDocumentFragment(),h=b.createDocumentFragment(),m=a.length,n=m?a[0].parentNode:a.parentNode,o=m?a[m-1].nextSibling:a.nextSibling;return f=k(g,c),f.contentFlag===!0?(d=f.container.querySelector("span#temp-container-"+l),e=this.replaceWithNodes(d,a)):(d=f.container.children[0],e=this.appendNodes(d||f.container,a)),j(g.firstChild,h),i(g),n?n.insertBefore(h,o):i(h),e}}(a,a.document,d),function(a,b){b.widget.wearable=b.widget.wearable||{}}(a,d),function(a,b,c){var d=c.widget.BaseWidget,e=c.event,f=c.engine,g=c.util,h=g.scrolling,i=g.DOM,j=g.selectors,k={CIRCLE:"tizen-circular-scrollbar"},l=c.widget.core.scroller.effect.Bouncing,m=function(){this.options={bouncingEffect:!0}},n={uiHeader:"ui-header",uiContent:"ui-content",uiPageScroll:"ui-scroll-on",uiScroller:"ui-scroller"},o=new d;o._build=function(a){var d,e,f,g=n.uiPageScroll,h=[].slice.call(a.children);return a.classList.add(g),d=b.createElement("div"),d.classList.add(n.uiScroller),f=b.createDocumentFragment(),h.forEach(function(a){j.matchesSelector(a,".ui-header:not(.ui-fixed), .ui-content, .ui-footer:not(.ui-fixed)")&&f.appendChild(a)}),a.children.length>0&&a.children[0].classList.contains(n.uiHeader)?i.insertNodeAfter(a.children[0],d):a.insertBefore(d,a.firstChild),d.appendChild(f),c.support.shape.circle&&(d&&d.setAttribute(k.CIRCLE,""),e=a.querySelector("."+n.uiContent),e&&e.setAttribute(k.CIRCLE,"")),this.scroller=d,a},o._setBouncingEffect=function(a,b){var d=this,f=d.scroller;b?(c.event.enableGesture(f,new c.event.gesture.Drag({threshold:30,delay:d.options.scrollDelay,blockVertical:d.orientation===l.Orientation.HORIZONTAL,blockHorizontal:d.orientation===l.Orientation.VERTICAL})),e.on(f,"drag dragstart dragend",d)):(c.event.disableGesture(f),e.off(f,"drag dragstart dragend",d))},o._init=function(){var b=this,c=b.scroller;b.maxScrollX=0,b.maxScrollY=0,c&&(b.maxScrollY=c.scrollHeight-a.innerHeight),b.minScrollX=0,b.minScrollY=0,b.bouncingEffect=new l(b.element,{maxScrollX:b.maxScrollX,maxScrollY:b.maxScrollY,orientation:"vertical"}),b.scrollerOffsetX=0,b.scrollerOffsetY=0,b._setBouncingEffect(b.element,b.options.bouncingEffect)},o._start=function(){var a=this;a.scrolled=!1,a.dragging=!0,a.scrollCanceled=!1,a.startScrollerOffsetX=a.scrollerOffsetX,a.startScrollerOffsetY=a.scrollerOffsetY},o._end=function(){this.dragging&&(this.bouncingEffect&&this.bouncingEffect.dragEnd(),this.dragging=!1)},o.showBouncingEffect=function(a){var b=this.bouncingEffect;"end"===a?b.drag(0,-this.scroller.getBoundingClientRect().height):b.drag(0,0)},o.hideBouncingEffect=function(){var a=this.bouncingEffect;a&&a.dragEnd()},o.handleEvent=function(a){switch(a.type){case"dragstart":this._start(a);break;case"drag":this._move(a);break;case"dragend":this._end(a)}},o._move=function(a){var b,c,d=this,e=d.scroller,f=d.startScrollerOffsetX,g=d.startScrollerOffsetY,i=a.detail.deltaY,j=d.bouncingEffect;h.isElement(e)?(b=h.getScrollPosition(),c=h.getMaxScroll()):(b=e.scrollTop,c=d.maxScrollY),(0===b&&i>0||b===c&&0>i)&&j&&j.drag(0,-b),d.scrollerOffsetX=f,d.scrollerOffsetY=g},m.prototype=o,c.widget.wearable.Scrollview=m,f.defineWidget("Scrollview","",[],m)}(a,a.document,d),function(a,b,c){function d(b,c){var d,e,f,g=b.options,h=g.arrow.split(","),i=b.element,j=a.innerWidth,l=a.innerHeight,m=k.getElementWidth(i,"outer"),n=k.getElementHeight(i,"outer"),o=c.getBoundingClientRect(),p=o.left,q=o.top,r=Math.min(o.width,j-p),s=Math.min(o.height,l-q),t={l:{dir:"l",fixedPositionField:"x",fixedPositionFactor:1,size:m,max:p},r:{dir:"r",fixedPositionField:"x",fixedPositionFactor:-1,size:m,max:j-p-r},b:{dir:"b",fixedPositionField:"y",fixedPositionFactor:-1,size:n,max:q},t:{dir:"t",fixedPositionField:"y",fixedPositionFactor:1,size:n,max:l-q-s}};return d=t[h[0]]||t.t,h.forEach(function(a){var b=t[a],c=b.max;e||(b.sized.max&&(d=b))}),e||(e=d,"x"===e.fixedPositionField?m=e.max:n=e.max),f={x:p+r/2-m/2,y:q+s/2-n/2,w:m,h:n,dir:e.dir},f[e.fixedPositionField]+=("x"===e.fixedPositionField?(m+r)*e.fixedPositionFactor:(n+s)*e.fixedPositionFactor)/2+g.distance*e.fixedPositionFactor,f.x=f.x<0?0:f.x+f.w>j?j-f.w:f.x,f.y=f.y<0?0:f.y+f.h>l?l-f.h:f.y,f}function e(b,c,d,e){var f,g,h,i=b._ui,j=i.wrapper,l=i.arrow,m=b.element,n=l.style,o=a.innerWidth,p=a.innerHeight,q=j.getBoundingClientRect(),r=l.offsetWidth/2,s={"padding-top":0,"padding-bottom":0,"padding-left":0,"padding-right":0,"border-top-width":0,"border-left-width":0,"box-sizing":null},t={"margin-top":0,"margin-bottom":0,"margin-left":0,"margin-right":0,"padding-top":0,"padding-bottom":0,"padding-left":0,"padding-right":0},u={t:{pos:d,min:"left",max:"right",posField:"x",valField:"w",styleField:"left"},b:{pos:d,min:"left",max:"right",posField:"x",valField:"w",styleField:"left"},l:{pos:e,min:"top",max:"bottom",posField:"y",valField:"h",styleField:"top"},r:{pos:e,min:"top",max:"bottom",posField:"y",valField:"h",styleField:"top"}},v=u[c.dir];return k.extractCSSProperties(m,s),k.extractCSSProperties(j,t),h="border-box"===s["box-sizing"],f={t:s["padding-top"]+t["margin-top"]+t["padding-top"],b:s["padding-bottom"]+t["margin-bottom"]+t["padding-bottom"],l:s["padding-left"]+t["margin-left"]+t["padding-left"],r:s["padding-right"]+t["margin-right"]+t["padding-right"]},q={left:f.l+c.x,right:f.l+q.width+c.x,top:f.t+c.y,bottom:q.height+f.t+c.y},q[v.min]>v.pos-r?(g=c[v.posField],g>0?(c[v.posField]=Math.max(v.pos-r,0),v.pos=c[v.posField]+r):v.pos=q[v.min]+r):q[v.max]0?(c[v.posField]+=Math.min(g,v.pos+r-q[v.max]),v.pos=c[v.posField]+c[v.valField]-r):v.pos=q[v.max]-r),n[v.styleField]=v.pos-r-c[v.posField]-(h?s["border-"+v.styleField+"-width"]:0)+"px",c}function f(a,b){var c=b.getBoundingClientRect(),d={};switch(a){case"l":d.x=c.right,d.y=c.top+c.height/2;break;case"r":d.x=c.left,d.y=c.top+c.height/2;break;case"t":d.x=c.left+c.width/2,d.y=c.bottom;break;case"b":d.x=c.left+c.width/2,d.y=c.top}return d}var g=c.widget.core.Popup,h=g.prototype,i=c.engine,j=c.util.object,k=c.util.DOM,l={arrow:"l,b,r,t",positionTo:"window",positionOriginCenter:!1,distance:0,link:null},m=function(){var a,b=this;g.call(b),b.options=j.merge(b.options,l),a=b._ui||{},a.arrow=null,b._ui=a},n="ui-popup",o=j.merge({},g.classes,{context:"ui-ctxpopup",contextOverlay:"ui-ctxpopup-overlay",arrow:"ui-arrow",arrowDir:n+"-arrow-"}),p=j.merge({},g.events,{before_position:"beforeposition"}),q={WINDOW:"window",ORIGIN:"origin",ABSOLUTE:"absolute"},r=new g;m.defaults=j.merge({},g.defaults,l),m.classes=o,m.events=p,m.positionTypes=q,r._build=function(a){var c,d=this,e=d._ui;return h._build.call(d,a),a.classList.add(o.popup),c=b.createElement("div"),c.appendChild(b.createElement("span")),c.classList.add(o.arrow),e.arrow=c,a.appendChild(c),a},r._init=function(a){var b=this,c=b._ui;h._init.call(this,a),c.arrow=c.arrow||a.querySelector("."+o.arrow)},r._layout=function(a){var b=this;this._reposition(),h._layout.call(b,a)},r._reposition=function(a){var b=this,c=b.element,d=b._ui,e=c.classList;a=j.merge({},b.options,a),b.trigger(p.before_position,null,!1),e.add(o.build),b._setContentHeight(),"origin"===a.positionTo&&d.overlay&&d.overlay.classList.add(o.contextOverlay),b._placementCoords(a),e.remove(o.build)},r._placementCoordsWindow=function(b){var c=b.style,d=b.offsetWidth,e=b.offsetHeight,f=k.getCSSProperty(b,"margin-top",0,"float"),g=k.getCSSProperty(b,"margin-bottom",0,"float"),h=a.innerHeight-e-f-g;c.top=h+"px",c.left="50%",c.marginLeft=-(d/2)+"px"},r._placementCoordsAbsolute=function(a,b,c){var d=a.style,e=a.offsetWidth,f=a.offsetHeight;d.top=c+"px",d.left=b+"px",d.marginTop=-(f/2)+"px",d.marginLeft=-(e/2)+"px"},r._findClickedElement=function(a,c){return b.elementFromPoint(a,c)},r._placementCoordsOrigin=function(a,b){var c,g,h,i,j=this,k=j.element,l=k.style,m=k.classList,n=b.x,p=b.y;m.add(o.context),i=k.offsetHeight,c=d(j,a),h=c.dir,m.add(o.arrowDir+h),j._ui.arrow.setAttribute("type",h),("number"!=typeof n&&"number"!=typeof p||j.options.positionOriginCenter)&&(g=f(h,a),n=g.x,p=g.y),c=e(j,c,n,p),i>c.h&&j._setContentHeight(c.h),l.left=c.x+"px",l.top=c.y+"px"},r._placementCoordsElement=function(a){var b,c,e=this,f=e.element,g=f.style;f.classList.add(o.context),c=f.offsetHeight,b=d(e,a),c>b.h&&e._setContentHeight(b.h),g.left=b.x+"px",g.top=b.y+"px"},r._placementCoords=function(a){var c,d,e=this,f=a.positionTo,g=a.x,h=a.y,i=e.element;switch(f){case q.ORIGIN:if(d=a.link,d?"string"==typeof d?c=b.getElementById(d):"object"==typeof d&&(c=d):"number"==typeof g&&"number"==typeof h&&(c=e._findClickedElement(g,h)),c)return void e._placementCoordsOrigin(c,a);break;case q.WINDOW:return void e._placementCoordsWindow(i);case q.ABSOLUTE:if("number"==typeof g&&"number"==typeof h)return void e._placementCoordsAbsolute(i,g,h);break;default:if("string"==typeof f)try{c=b.querySelector(a.positionTo)}catch(j){}else"object"==typeof f&&(c=f);if(c)return void e._placementCoordsElement(c,a)}e._placementCoordsWindow(i)},r._setContentHeight=function(b){var c,d,e,f=this,g=f.element,h=f._ui.content;h&&(c=h.style,(c.height||c.minHeight)&&(c.height="",c.minHeight=""),b=b||a.innerHeight,d=h.offsetHeight,e=g.offsetHeight,e>b&&(d-=e-b,c.height=d+"px",c.minHeight=d+"px"))},r._onHide=function(){var a=this,b=a._ui,c=a.element,d=c.classList,e=b.arrow;d.remove(o.context),["l","r","b","t"].forEach(function(a){d.remove(o.arrowDir+a)}),c&&c.removeAttribute("style"),e&&e.removeAttribute("style"),h._onHide.call(a)},r._destroy=function(){var a=this,b=a._ui,c=b.arrow;h._destroy.call(a),c&&c.parentNode&&c.parentNode.removeChild(c),b.arrow=null},r.reposition=function(a){this._isActive()&&this._reposition(a)},r._refresh=function(){this._isActive()&&(h._refresh.call(this),this.reposition(this.options))},m.prototype=r,c.widget.core.ContextPopup=m,i.defineWidget("Popup","[data-role='popup'], .ui-popup",["open","close","reposition"],m,"core",!0),c.widget.popup=c.widget.Popup}(a,a.document,d),function(a,b,c){var d=c.widget.core.ContextPopup,e=d.prototype,f=c.engine,g=c.util.object,h={fullSize:!1,enablePopupScroll:!1},i=g.merge({},d.classes,{popupScroll:"ui-scroll-on",fixed:"ui-fixed",sideButton:"ui-side-button",hasSideButtons:"ui-has-side-buttons",toast:"ui-popup-toast",ctx:"ui-ctxpopup"}),j=function(){var a=this;d.call(a),a.options=g.merge(a.options,{fullSize:c.getConfig("popupFullSize",h.fullSize),enablePopupScroll:c.getConfig("enablePopupScroll",h.enablePopupScroll)})},k=new d;k._layout=function(b){var c=this,d=b.classList,f=c._ui,g=f.wrapper,h=f.header,j=f.footer,k=f.content,l=0,m=0;c._blockPageScroll(),e._layout.call(c,b),c.options.enablePopupScroll===!0?b.classList.add(i.popupScroll):b.classList.remove(i.popupScroll),d.contains(i.popupScroll)&&(d.add(i.build),h&&(l=h.offsetHeight,h.classList.contains(i.fixed)&&(k.style.marginTop=l+"px")),j&&(m=j.offsetHeight,j.classList.contains(i.fixed)&&(k.style.marginBottom=m+"px"),j.classList.contains(i.sideButton)&&d.add(i.hasSideButtons)),g.style.height=Math.min(k.offsetHeight+l+m,b.offsetHeight)+"px",d.remove(i.build)),!c.options.fullSize||d.contains(i.toast)||d.contains(i.ctx)||(g.style.height=a.innerHeight+"px")},k._onHide=function(){var a=this,b=a._ui,c=b.wrapper;c&&c.removeAttribute("style"),a._unblockPageScroll(),e._onHide.call(a)},k._blockPageScroll=function(){var a=c.widget.Page(this._ui.page);a.getScroller&&(a.getScroller().style.overflow="hidden")},k._unblockPageScroll=function(){var a=c.widget.Page(this._ui.page);a.getScroller&&(a.getScroller().style.overflow="")},j.prototype=k,c.widget.wearable.Popup=j,f.defineWidget("Popup","[data-role='popup'], .ui-popup",["open","close","reposition"],j,"wearable",!0)}(a,a.document,d),function(a,b){var c=b.widget.core.Drawer,d=b.engine,e=function(){var a=this;c.call(a)},f=new c;e.prototype=f,f._configure=function(){var a=this;a.options.width=0},b.widget.wearable.Drawer=e,d.defineWidget("Drawer",".ui-drawer",["transition","setDragHandler","open","close","isOpen","getState"],e,"wearable")}(a.document,d),function(a,b,c){function d(a,b){return a.indexb.index?1:0}var e=a.event.gesture,f=e.utils,g=a.util.object,h=null,i=/touch/,j=function(){var a=this;a.instances=[],a.gestureDetectors=[],a.runningDetectors=[],a.detectorRequestedBlock=null,a.unregisterBlockList=[],a.gestureEvents={},a.velocity=null,a._isReadyDetecting=!1,a._blockMouseEvent=!1,a.touchSupport="ontouchstart"in b};j.prototype={_bindStartEvents:function(a){var b=a.getElement();this.touchSupport?b.addEventListener("touchstart",this,!1):b.addEventListener("mousedown",this,!1)},_bindEvents:function(){var a=this;a.touchSupport?(c.addEventListener("touchmove",a),c.addEventListener("touchend",a),c.addEventListener("touchcancel",a)):(c.addEventListener("mousemove",a),c.addEventListener("mouseup",a))},_unbindStartEvents:function(a){var b=a.getElement();this.touchSupport?b.removeEventListener("touchstart",this,!1):b.removeEventListener("mousedown",this,!1)},_unbindEvents:function(){var a=this;a.touchSupport?(c.removeEventListener("touchmove",a,!1),c.removeEventListener("touchend",a,!1),c.removeEventListener("touchcancel",a,!1)):(c.removeEventListener("mousemove",a,!1), +c.removeEventListener("mouseup",a,!1))},_detectEventType:function(a){var b=a.type;if(b.match(i))this._blockMouseEvent=!0;else if(this._blockMouseEvent||1!==a.which)return null;return b},handleEvent:function(a){var b=this,c=b._detectEventType(a);switch(c){case"mousedown":case"touchstart":b._start(a);break;case"mousemove":case"touchmove":b._move(a);break;case"mouseup":case"touchend":b._end(a);break;case"touchcancel":b._cancel(a)}},_start:function(a){var b=this,c=a.currentTarget,f={},h=[];b._isReadyDetecting||(b._resetDetecting(),b._bindEvents(),f=b._createDefaultEventData(e.Event.START,a),b.gestureEvents={start:f,last:f},b.velocity={event:f,x:0,y:0},f=g.fastMerge(f,b._createGestureEvent(e.Event.START,a)),b._isReadyDetecting=!0),b.instances.forEach(function(a){a.getElement()===c&&(h=h.concat(a.getGestureDetectors()))},b),h.sort(d),b.gestureDetectors=b.gestureDetectors.concat(h),b._detect(h,f)},_move:function(a){var b,c=this;c._isReadyDetecting&&(b=c._createGestureEvent(e.Event.MOVE,a),c._detect(c.gestureDetectors,b),c.gestureEvents.last=b)},_end:function(a){var b=this,c=g.merge({},b.gestureEvents.last,b._createDefaultEventData(e.Event.END,a));0===c.pointers.length&&(b._detect(b.gestureDetectors,c),b.unregisterBlockList.forEach(function(a){this.unregister(a)},b),b._resetDetecting(),b._blockMouseEvent=!1)},_cancel:function(a){var b=this;a=g.merge({},b.gestureEvents.last,b._createDefaultEventData(e.Event.CANCEL,a)),b._detect(b.gestureDetectors,a),b.unregisterBlockList.forEach(function(a){this.unregister(a)},b),b._resetDetecting(),b._blockMouseEvent=!1},_detect:function(a,b){var c=this,d=[];a.forEach(function(a){var f;c.detectorRequestedBlock||(f=a.detect(b),f&e.Result.RUNNING&&c.runningDetectors.indexOf(a)<0&&c.runningDetectors.push(a),f&e.Result.FINISHED&&d.push(a),f&e.Result.BLOCK&&(c.detectorRequestedBlock=a))}),d.forEach(function(a){var b=c.gestureDetectors.indexOf(a);b>-1&&c.gestureDetectors.splice(b,1),b=c.runningDetectors.indexOf(a),b>-1&&c.runningDetectors.splice(b,1)}),c.detectorRequestedBlock&&(c.runningDetectors.forEach(function(a){var c=g.fastMerge({},b);c.eventType=e.Event.BLOCKED,a.detect(c)}),c.runningDetectors.length=0,c.gestureDetectors.length=0,d.indexOf(c.detectorRequestedBlock)<0&&c.gestureDetectors.push(c.detectorRequestedBlock))},_resetDetecting:function(){var a=this;a._isReadyDetecting=!1,a.gestureDetectors.length=0,a.runningDetectors.length=0,a.detectorRequestedBlock=null,a.gestureEvents={},a.velocity=null,a._unbindEvents()},_createDefaultEventData:function(a,b){var c=b.touches;return c||("mouseup"===b.type?c=[]:(b.identifier=1,c=[b])),{eventType:a,timeStamp:Date.now(),pointer:c[0],pointers:c,srcEvent:b,preventDefault:b.preventDefault.bind(b),stopPropagation:b.stopPropagation.bind(b)}},_createGestureEvent:function(a,b){var c,d=this,h=d._createDefaultEventData(a,b),i=d.gestureEvents.start,j=d.gestureEvents.last,k=d.velocity,l=k.event,m={time:h.timeStamp-i.timeStamp,x:h.pointer.clientX-i.pointer.clientX,y:h.pointer.clientY-i.pointer.clientY},n={x:h.pointer.clientX-j.pointer.clientX,y:h.pointer.clientY-j.pointer.clientY},o=e.defaults.estimatedPointerTimeDifference;return i&&h.pointers.length!==i.pointers.length&&(i.pointers=Array.prototype.slice.call(h.pointers)),h.timeStamp-l.timeStamp>e.defaults.updateVelocityInterval&&(g.fastMerge(k,f.getVelocity(h.timeStamp-l.timeStamp,h.pointer.clientX-l.pointer.clientX,h.pointer.clientY-l.pointer.clientY)),k.event=h),c={x:Math.round(h.pointer.clientX+o*k.x*(n.x<0?-1:1)),y:Math.round(h.pointer.clientY+o*k.y*(n.y<0?-1:1))},(n.x<0&&c.x>j.estimatedX||n.x>0&&c.xj.estimatedY||n.y>0&&c.yc&&(b.instances.push(a),b._bindStartEvents(a))},unregister:function(a){var b,c=this;c.gestureDetectors.length?c.unregisterBlockList.push(a):(b=c.instances.indexOf(a),b>-1&&(c.instances.splice(b,1),c._unbindStartEvents(a)),c.instances.length||c._destroy())},_destroy:function(){var a=this;a._resetDetecting(),a.instances.length=0,a.unregisterBlockList.length=0,a._blockMouseEvent=!1,h=null}},j.getInstance=function(){return h||(h=new j),h},e.Manager=j}(d,a,a.document),function(a){var b=a.event.gesture,c=b.Detector,d=b.Manager,e=a.event,f=a.util.object.merge,g=function(a,e){this.element=a,this.eventDetectors=[],this.options=f({},b.defaults,e),this.gestureManager=d.getInstance(),this.eventSender=f({},c.Sender,{sendEvent:this.trigger.bind(this)})};g.prototype={setOptions:function(a){return f(this.options,a),this},addDetector:function(a){var b=new c(a,this.eventSender),d=!!this.eventDetectors.length;return this.eventDetectors.push(b),this.eventDetectors.length&&!d&&this.gestureManager.register(this),this},removeDetector:function(a){var b=this.eventDetectors.indexOf(a);return b>-1&&this.eventDetectors.splice(b,1),this.eventDetectors.length||this.gestureManager.unregister(this),this},trigger:function(a,b){return e.trigger(this.element,a,b,!1)},getElement:function(){return this.element},getGestureDetectors:function(){return this.eventDetectors},destroy:function(){this.element=null,this.eventHandlers={},this.gestureManager=null,this.eventSender=null,this.eventDetectors.length=0}},b.Instance=g}(d),function(a,b){function c(a){var b=a._ui.barElement;j.enableGesture(b,new k.Drag({orientation:a.options.orientation,threshold:0})),j.on(b,"dragstart drag dragend dragcancel",a,!1)}function d(a){var b=a._ui.barElement;j.disableGesture(b),j.off(b,"dragstart drag dragend dragcancel",a,!1)}function e(a,b,c,d,e,f,g,h){parseFloat(h)>parseFloat(e)?a.style.background="-webkit-linear-gradient("+c+","+d+" "+e+", "+f+" "+g+")":a.style.background=d}var f=b.widget.BaseWidget,g=b.engine,h=b.util.selectors,i=b.util.DOM,j=b.event,k=b.event.gesture,l={BACKGROUND:"rgba(145, 145, 145, 0.7)",ACTIVE:"rgba(61, 185, 204, 1)",WARNING_BG:"rgba(201, 133, 133, 1)",WARNING:"rgba(255, 25, 25, 1)"},m={HORIZONTAL:"horizontal"},n=function(){var a=this;a.options={type:"normal",orientation:m.HORIZONTAL,expand:!1,warning:!1,warningLevel:0,disabled:!1},a._ui={}},o={SLIDER:"ui-slider",SLIDER_HORIZONTAL:"ui-slider-horizontal",SLIDER_VERTICAL:"ui-slider-vertical",SLIDER_VALUE:"ui-slider-value",SLIDER_HANDLER:"ui-slider-handler",SLIDER_HANDLER_EXPAND:"ui-slider-handler-expand",SLIDER_CENTER:"ui-slider-center",SLIDER_HANDLER_ACTIVE:"ui-slider-handler-active",SLIDER_WARNING:"ui-slider-warning",SLIDER_DISABLED:"ui-disabled",SLIDER_HANDLER_VALUE:"ui-slider-handler-value",SLIDER_HANDLER_SMALL:"ui-slider-handler-small"},p=new f;n.prototype=p,n.classes=o,p._build=function(b){var c=this,d=c._ui,e=a.createElement("div"),f=a.createElement("div"),g=a.createElement("div");return b.style.display="none",e.classList.add(o.SLIDER),f.classList.add(o.SLIDER_VALUE),e.appendChild(f),g.classList.add(o.SLIDER_HANDLER),e.appendChild(g),b.parentNode.appendChild(e),d.valueElement=f,d.handlerElement=g,d.barElement=e,b},p._init=function(a){var b=this,c=parseFloat(a.getAttribute("min")),d=parseFloat(a.getAttribute("max")),e=parseFloat(a.getAttribute("value"));return b._min=c?c:0,b._max=d?d:100,b._minValue=b._min,b._maxValue=b._max,b._value=e?e:parseFloat(b.element.value),b._interval=b._max-b._min,b._previousValue=b._value,b._warningLevel=parseInt(b.options.warningLevel,10),b._setDisabled(a),b._initLayout(),a},p._initLayout=function(){var a=this,b=a.options,c=a._ui,d=c.barElement,e=c.handlerElement;b.orientation===m.HORIZONTAL?(d.classList.remove(o.SLIDER_VERTICAL),d.classList.add(o.SLIDER_HORIZONTAL)):(d.classList.remove(o.SLIDER_HORIZONTAL),d.classList.add(o.SLIDER_VERTICAL)),"center"===b.type?d.classList.add(o.SLIDER_CENTER):d.classList.remove(o.SLIDER_CENTER),b.expand?e.classList.add(o.SLIDER_HANDLER_EXPAND):e.classList.remove(o.SLIDER_HANDLER_EXPAND),a._barElementWidth=c.barElement.offsetWidth,a.options.orientation!==m.HORIZONTAL&&(a._barElementHeight=c.barElement.offsetHeight),a._setValue(a._value),a._setSliderColors(a._value)},p._setCenterValue=function(a){var b,c,d,e,f,g,h=this,i=h._ui;h.options.orientation===m.HORIZONTAL?(d=h._barElementWidth,e=d/2,b=d*(a-h._min)/h._interval,f=e>b?"right":"left",g=e>b?"left":"right",c="width",i.handlerElement.style.left=b+"px"):(d=h._barElementHeight,e=d/2,b=d*(a-h._min)/h._interval,f=e>b?"top":"bottom",g=e>b?"bottom":"top",c="height",i.handlerElement.style.top=d-b+"px"),i.valueElement.style[f]="50%",i.valueElement.style[g]="initial",i.valueElement.style[c]=Math.abs(e-b)+"px"},p._setNormalValue=function(a){var b,c,d=this,e=d._ui,f=d.options;f.orientation===m.HORIZONTAL?(b=d._barElementWidth,c=b*(a-d._min)/d._interval,e.valueElement.style.width=c+"px",e.handlerElement.style.left=c+"px"):(b=d._barElementHeight,c=b*(a-d._min)/d._interval,e.valueElement.style.height=c+"px",e.handlerElement.style.top=b-c+"px")},p._setValue=function(a){var b,c,d=this,e=d._ui,f=d.options,g=d.element;d._previousValue=d.element.value,ad._max&&(a=d._max),b=parseFloat(a),"center"===f.type?d._setCenterValue(a):"normal"===f.type&&d._setNormalValue(a),d._setHandlerStyle(a),d._updateSliderColors(a),d.options.expand&&(c=o.SLIDER_HANDLER_VALUE,(b>99||-10>b)&&(c+=" "+o.SLIDER_HANDLER_SMALL),e.handlerElement.innerHTML=""+b+""),g.value-0!==b&&(g.setAttribute("value",b),g.value=b,d._value=b,j.trigger(g,"input"))},p._setSliderColors=function(a){var b,c,d,f,g,h=this,i=h._ui,j=i.barElement,k=i.valueElement;"normal"===h.options.type&&h.options.warning&&a>=h._min&&a<=h._max?(h.options.orientation===m.HORIZONTAL?(b="right",c="left",d=h._barElementWidth):(b="top",c="bottom",d=h._barElementHeight),f=d*h._warningLevel/(h._max-h._min)+"px",g=d*a/(h._max-h._min)+"px",e(k,b,c,l.ACTIVE,f,l.WARNING,f,g),e(j,b,c,l.BACKGROUND,f,l.WARNING_BG,f,parseInt(f,10)+2)):(k.style.background=l.ACTIVE,j.style.background=l.BACKGROUND)},p._updateSliderColors=function(a){this._setSliderColors(a)},p._setHandlerStyle=function(a){var b=this;b.options.warning&&(a>=b._warningLevel?b._ui.handlerElement.classList.add(o.SLIDER_WARNING):b._ui.handlerElement.classList.remove(o.SLIDER_WARNING))},p._setDisabled=function(a){var b=this,c=b.options;c.disabled===!0||a.disabled?b._disable(a):b._enable(a)},p._enable=function(a){a&&(this.options.disabled=!1,this._ui.barElement&&this._ui.barElement.classList.remove(o.SLIDER_DISABLED))},p._disable=function(a){a&&(this.options.disabled=!0,this._ui.barElement&&this._ui.barElement.classList.add(o.SLIDER_DISABLED))},p._bindEvents=function(){c(this)},p.handleEvent=function(a){var b=this;if(!this.options.disabled)switch(a.type){case"dragstart":b._onDragstart(a);break;case"dragend":case"dragcancel":b._onDragend(a);break;case"drag":b._onDrag(a)}},p._onDrag=function(a){var b,c,d=this,e=d._ui;d._active&&(b=d.options.orientation===m.HORIZONTAL?a.detail.estimatedX-e.barElement.offsetLeft:d._barElementHeight-(a.detail.estimatedY-i.getElementOffset(e.barElement).top+h.getScrollableParent(d.element).scrollTop),c=d.options.orientation===m.HORIZONTAL?d._interval*b/d._barElementWidth:d._interval*b/d._barElementHeight,c+=d._min,d._setValue(c))},p._onDragstart=function(a){var b=this,c=b._ui,d=b.options.orientation===m.HORIZONTAL?a.detail.estimatedX-c.barElement.offsetLeft:b._barElementHeight-(a.detail.estimatedY-i.getElementOffset(c.barElement).top+h.getScrollableParent(b.element).scrollTop),e=b.options.orientation===m.HORIZONTAL?b._interval*d/b._barElementWidth:b._interval*d/b._barElementHeight;c.handlerElement.classList.add(o.SLIDER_HANDLER_ACTIVE),e+=b._min,b._setValue(e),b._active=!0},p._onDragend=function(){var a=this,b=a._ui;b.handlerElement.classList.remove(o.SLIDER_HANDLER_ACTIVE),a._active=!1,a._previousValue!==a.element.value&&j.trigger(a.element,"change"),a._previousValue=a.element.value},p.refresh=function(){this._setDisabled(this.element),this._initLayout()},p._destroy=function(){var a=this,b=a._ui.barElement;d(a),b.parentNode.removeChild(b),a._ui=null,a._options=null},b.widget.core.Slider=n,g.defineWidget("Slider","input[data-role='slider'], input[type='range'], input[data-type='range']",["value"],n,"core")}(a.document,d),function(b,c){function d(a,b){var c=(b-a._minValue)/(a._maxValue-a._minValue)*100,d=a._ui,f=a._size,g=a.options.thickness,h=d.canvasContext,k=30,l=100,m=0,n=a.options.bgcolor,p=parseInt(a.options.margin,10);i(h,f,g,p,n),m=2*o*(c/100)-.5*o,100===c?j(h,0,2*o,f,g,p):c>0&&j(h,1.5*o,m,f,g,p),a.options.endPoint&&(k=f+(f-p-g/2)*Math.cos(m),l=f+(f-p-g/2)*Math.sin(m),e(d.endPoint,k,l))}function e(a,b,c){a.style.left=b+"px",a.style.top=c+"px"}function f(b,c){var d=parseFloat(c),e=a.innerWidth,f=b._ui,g=f.progressContainer.style,h=f.progressContainer.classList,i=f.canvas,j=0;if(h.remove(u.uiProgressbarFull),isNaN(d))switch(c){case w.FULL:j=e/2,h.add(u.uiProgressbarFull);break;case w.LARGE:j=.15625*e;break;case w.MEDIUM:j=.13125*e;break;case w.SMALL:j=.0875*e}else j=d/2;j=Math.floor(j),b._size=j,g.width=2*j+"px",g.height=2*j+"px",i.width=2*j,i.height=2*j}function g(a,b){b.size&&f(a,b.size),b.containerClassName&&a._ui.progressContainer.classList.add(b.containerClassName),b.endPoint?a._ui.endPoint.classList.add(u.endPointActive):a._ui.endPoint.classList.remove(u.endPointActive),b.pressed?a._ui.endPoint.classList.add(u.endPointPressed):a._ui.endPoint.classList.remove(u.endPointPressed)}function h(a){var b=a.element,d=0;a._maxValue=m.getNumberFromAttribute(b,"max",null,100),a._minValue=m.getNumberFromAttribute(b,"min",null,0),a._maxValue<=a._minValue&&(c.error("max value of progress must be positive number that bigger than zero!"),a._maxValue=100),d=m.getNumberFromAttribute(b,"value",null,(a._maxValue+a._minValue)/2),d>a._maxValue?d=a._maxValue:dc._maxValue?c._maxValue:a

",a.parentElement.insertBefore(c,a)},s._build=function(a){var c=this,d=c.options,h=a.parentElement,i=null,j=null,k=null;return"circle"===d.type?(f.call(this),a.style.display="none",g._build.call(c,a),d.buttons&&c._buildButtons(a),i=w.call(h.querySelectorAll("."+v.icon+", ."+v.title+", ."+v.subtitle+", ."+v.buttons)),i.length&&(j=b.createElement("div"),j.classList.add(v.container),i.forEach(j.appendChild.bind(j)),h.appendChild(j),i=w.call(h.querySelectorAll("."+v.subtitle+", ."+v.title)),k=b.createElement("div"),k.classList.add(v.titles),i.forEach(k.appendChild.bind(k)),j.appendChild(k),c._ui.container=j)):e._build.call(c,a),a},s._init=function(a){var b=this,c=b.options;return"circle"===c.type?(g._init.call(b,a),b._circleInit()):e._init.call(b,a),b._ui.container&&(b._ui.valueField=b._ui.container.querySelector("."+v.number)),b.value(b._value),a},s._circleInit=function(){var b=this;b._step=parseInt(b.element.getAttribute("step"),10)||b._step||1,b._middlePoint.x=a.innerWidth/2,b._middlePoint.y=a.innerHeight/2,b._step<1?b._step=1:b._step>b._maxValue-b._minValue&&(b._step=b._maxValue-b._minValue)},s._bindEvents=function(){var a=this,c=a.options;"circle"===c.type?j.on(b,"rotarydetent touchstart touchmove touchend click",a,!1):e._bindEvents.call(a)},s.handleEvent=function(a){var b=this,c=b.options;if("circle"===c.type)switch(a.type){case"rotarydetent":b._onRotary(a);break;case"touchstart":case"touchmove":case"touchend":b._onTouch(a);break;case"click":b._onClick(a)}else e.handleEvent.call(b,a)},s._onRotary=function(a){var b=this,c=b._step,d=b.value();b.value(d+("CW"===a.detail.direction?c:-c))},s._onTouch=function(a){var b=this,c=a.changedTouches&&a.changedTouches[0]||a,d=c.clientX,e=c.clientY,f=b._isValidStartPosition(d,e);f&&(a.preventDefault(),a.stopPropagation(),b._setValueByCoord(d,e)),b.options.endPoint&&("touchstart"===a.type?b.option("pressed",!0):"touchend"===a.type&&b.option("pressed",!1))},s._onClick=function(a){var b=this,c=a.target.classList;c.contains(v.plus)?b.value(b.value()+b._step):c.contains(v.minus)&&b.value(b.value()-b._step)},s._setPressed=function(a,b){return b="false"===b?!1:b,this.options.pressed===!b?(this.options.pressed=!!b,!0):!1},s._isValidStartPosition=function(a,b){var c=this,d=c._middlePoint.x,e=c._middlePoint.y,f=e-c.options.touchableWidth;return(b-e)*(b-e)+(a-d)*(a-d)>f*f},s._setValueByCoord=function(a,b){var c,d=this;c=d._convertCoordToValue(a,b),0===c&&a===d._middlePoint.x&&g._getValue.call(d)>(d._maxValue+d._minValue)/2&&(c=d._maxValue),d.value(c)},s._convertCoordToValue=function(a,b){return l((n(b-this._middlePoint.y,a-this._middlePoint.x)+q)%p/p*(this._maxValue-this._minValue)+this._minValue)},s._calibrateValue=function(a){var b=this,c=b._step,d=c/2;return m((a-b._minValue+d)/c)*c+b._minValue},s._setValue=function(a){var b=this,c=b._value;return parseInt(a,10)>b._maxValue&&(a=b._maxValue),parseInt(a,10)h;h++)d=b.createElement("ul"),d.classList.add(K.CAROUSEL_ITEM),d.classList.add(K.LISTVIEW),e=b.createElement("ul"),e.classList.add(K.CAROUSEL_ITEM),e.classList.add(K.CAROUSEL_ITEM_SEPARATOR),e.classList.add(K.LISTVIEW),a.items[h]={carouselSeparator:e,carouselElement:d},g.appendChild(e),g.appendChild(d);return f.appendChild(g),f}var i=d.widget,j=i.core.Listview,k=i.core.Page,l=d.event,m=[].slice,n=333,o=180,p=360,q=400,r=1500,s=15,t=400,u=140,v=10,w=40,x=(a.innerHeight-112)/2,y=d.engine,z=d.util,A=z.selectors,B=z.easing.easeOutSine,C=Math.round,D=Math.min,E=Math.max,F=Math.sqrt,G=Math.abs,H=d.util.array,I=function(){var a=this;a.options={selectedIndex:0,ellipsisA:n,ellipsisB:o,bouncingTimeout:1e3,visibleItems:3},a._items=[],a._scrollAnimationEnd=!0,a._carousel={items:[]},a._initializeState(),a._renderCallback=a._render.bind(this),a._halfItemsCount=null,a._rendering=!1,a._lastRenderRequest=0,a._carouselIndex=0,a._ui={selection:null,scroller:null}},J="ui-arc-listview",K={WIDGET:J,PREFIX:J+"-",SELECTION:J+"-selection",SELECTION_SHOW:J+"-selection-show",CAROUSEL:J+"-carousel",CAROUSEL_ITEM:J+"-carousel-item",CAROUSEL_ITEM_SEPARATOR:J+"-carousel-item-separator",GROUP_INDEX:"ui-li-group-index",DIVIDER:"ui-listview-divider",FORCE_RELATIVE:"ui-force-relative-li-children",LISTVIEW:"ui-listview",SELECTED:"ui-arc-listview-selected"},L={CHANGE:"change"},M={PAGE:"."+k.classes.uiPage,POPUP:".ui-popup",SCROLLER:".ui-scroller",ITEMS:"."+J+" > li",SELECTION:"."+J+"-selection",TEXT_INPUT:"input[type='text'], input[type='number'], input[type='password'], input[type='email'], input[type='url'], input[type='tel'], input[type='search']"},N=new j,O=!1,P=0,Q=0,R=0,S=0,T=0,U=0,V=[],W=0,X=0,Y=0;I.createItem=function(){return{element:null,id:0,y:0,rect:null,current:{scale:-1},from:null,to:null,repaint:!1}},I.calcFactors=function(a,b){var c;for(c=0;b>=c;c++)V[c]=F(a*a*(1-c*c/b/b))/a;return V},N._initializeState=function(){this._state={startTime:Date.now(),duration:0,progress:0,scroll:{current:10,from:null,to:null},currentIndex:0,toIndex:0,items:[],separators:[]}},N._setAnimatedItems=function(){var a=this,b=a._items,d=0,f=b[0],g=null,h=null,i=null,j=null,k=a._ui.scroller,l=a._state,m=f.parentElement,n=m.classList;i=m.getBoundingClientRect(),e(m,i),n.add(K.FORCE_RELATIVE),H.forEach(b,function(a,b){b>=0&&!l.items[b]&&a!==c&&(h=a.getBoundingClientRect(),g=I.createItem(),a.classList.contains(K.GROUP_INDEX)||a.classList.contains(K.DIVIDER)?l.separators.push({itemElement:g,insertBefore:b-l.separators.length}):(l.items.push(g),g.id=d,d++),g.element=a,g.y=C(h.top+h.height/2+k.scrollTop),g.height=h.height,g.rect=h,null===j&&(j=h.top-i.top))}),n.remove(K.FORCE_RELATIVE),H.forEach(b,function(a){m.removeChild(a)})},N._updateScale=function(a){var b,c=this,d=c._state,e=d.items,f=0;H.forEach(e,function(e){null!==e&&(b=e.y,e.idd.currentIndex&&(b+=e.height/4),f=c._getScaleByY(b-p/2-a),e.current.scale!==f?(e.from=e.from||{},e.from.scale=e.current.scale,e.to=e.to||{},e.to.scale=f):e.to=null)})},N._getSeparatorBeforeListItem=function(a){for(var b=this,c=b._state,d=c.separators,e=0,f=d.length;f>e;e++){if(d[e].insertBefore===a)return d[e];if(d[e].insertBefore>a)return null}},N._calc=function(){var a=this,b=a._state,c=Date.now(),d=b.startTime,e=c-d,g=b.scroll;e>=b.duration&&(a._scrollAnimationEnd=!0,e=b.duration),b.progress=0!==b.duration?e/b.duration:1,null!==g.to&&(g.current=B(b.progress,g.from,g.to-g.from,1),a._scrollAnimationEnd&&(a.trigger(L.CHANGE,{selected:b.currentIndex}),l.trigger(b.items[b.currentIndex].element,"selected"),b.toIndex=b.currentIndex,g.to=null,g.from=null)),a._updateScale(-1*g.current),H.forEach(b.items,f)},N._setBouncingTimeout=function(){var a=this;setTimeout(function(){a._bouncingEffect.dragEnd()},a.options.bouncingTimeout)},N._drawItem=function(a,b){var c,d,e,c,d,f,g,h,i,j,k,l,m=this,n=m._carousel,o=m._halfItemsCount+1,p=m._carouselIndex;if(null!==a)if(e=a.element,g=m._getSeparatorBeforeListItem(b),h=m._getSeparatorBeforeListItem(b+1),a.repaint){if(l=e.style,o>b-p&&b-p>-o&&(c=n.items[b-p+o-1])){if(d=c.carouselElement,f=c.carouselSeparator,e.parentElement!==d&&d.appendChild(e),g){for(i=g.itemElement.element;f.firstChild;)f.removeChild(f.firstChild);f.appendChild(i)}else f.firstChild&&f.removeChild(f.firstChild);if(j=n.items[b-p+o])if(k=j.carouselSeparator,h){for(;k.firstChild;)k.removeChild(k.firstChild);k.appendChild(h.itemElement.element)}else k.firstChild&&k.removeChild(k.firstChild)}l.transform="translateY(-50%) scale3d("+a.current.scale+","+a.current.scale+","+a.current.scale+")",l.opacity=1.15*a.current.scale,a.repaint=!1}else null!==e.parentNode&&a.current.scale<.01&&e.parentNode.removeChild(e)},N._draw=function(){var a,b=this,c=b._state,d=c.items,e=d.length;for(Math.abs(b._carouselIndex-c.currentIndex)>=2&&(b._carouselIndex=c.currentIndex),a=0;e>a;a++)b._drawItem(d[a],a);b._carouselUpdate(c.currentIndex),b._ui.scroller.scrollTop=-1*c.scroll.current},N._carouselUpdate=function(a){var b,d,e,f,g,h,i,j,k=this,l=k._carousel,m=k._state,n=k._halfItemsCount;for(Math.abs(k._carouselIndex-a)>=2&&(k._carouselIndex=a),e=-n,d=n;d>=e;e++)f=k._carouselIndex+e,b=m.items[f],h=l.items[e+n].carouselElement,i=l.items[e+n].carouselSeparator,b!==c?(j=m.scroll.current+b.y-b.height/2,g=i.childElementCount?j-(b.height+i.offsetHeight)/2:0):(j=0,g=0),h.style.transform="translateY("+j+"px)",i.style.transform="translateY("+g+"px)"},N._render=function(){var a=this,b=a._state;a._calc(),a._draw(),a._scrollAnimationEnd?a._rendering=!1:(b.currentIndex=a._findItemIndexByY(-1*(b.scroll.current-p/2+1)),z.requestAnimationFrame(a._renderCallback))},N._requestRender=function(){var a=this;a._rendering||(a._rendering=!0,z.requestAnimationFrame(a._renderCallback)),a._lastRenderRequest=Date.now()},N._findItemIndexByY=function(a){var b,c,d,e=this._state.items,f=e.length,g=e[0].y,h=e[f-1].y,i=!0,j=h-g,k=0!==j?C((a-g)/j*f):0;for(k=D(f-1,E(0,k));i;)b=G(e[k-1]?a-e[k-1].y:1/0),c=G(a-e[k].y),d=G(e[k+1]?a-e[k+1].y:-(1/0)),c>b?k--:c>d?k++:i=!1;return k},N._refresh=function(){var a,b,c=this,d=c._state,e=Date.now(),f=e-U,g=d.items,h=d.scroll;Q+=-1*f,R+=X,P=R/Q,c._halfItemsCount=Math.ceil((parseInt(c.options.visibleItems,10)+2)/2),0!==S&&(S*=P,S=E(D(S,t),-t),b=-1*(h.current-S-p/2+1),a=c._findItemIndexByY(b),b=g[a].y,d.currentIndex=a,h.from=h.current,h.to=-1*(b-p/2+1),d.duration=D(q*E(Math.abs(P)/4,1),r)),c._scrollAnimationEnd&&(d.startTime=Date.now(),c._scrollAnimationEnd=!1,c._requestRender())},N._scroll=function(){var a=this;S=S===c?0:S,a._refresh(),a._requestRender()},N._getScaleByY=function(a){var b=this,c=C(a);return c>b.options.ellipsisB||c<-b.options.ellipsisB?0:V[G(c)]},N._roll=function(a){var b=this,d=b._state,e=d.scroll;d.duration=a!==c?a:q*(1+(G(d.currentIndex-d.toIndex)-1)/4),e.from=e.current,e.to=-1*(d.items[d.toIndex].y-p/2+1),b._scrollAnimationEnd&&(d.startTime=Date.now(),b._scrollAnimationEnd=!1,b._requestRender())},N._rollDown=function(){var a=this,b=a._state,c=a._bouncingEffect;a.trigger(L.CHANGE,{unselected:b.currentIndex}),b.toIndex0?(b.toIndex--,c.dragEnd()):(c.drag(0,0),a._setBouncingTimeout()),a._roll()},N._onRotary=function(a){var b=this;b._scrollAnimationEnd=!0,"CW"===a.detail.direction?b._rollDown():b._rollUp()},N.scrollToPosition=function(a,b){var c=this,d=c._state;c.trigger(L.CHANGE,{unselected:d.currentIndex}),d.toIndex=a,d.toIndex>d.items.length-1&&(d.toIndex=d.items.length-1),d.toIndex<0&&(d.toIndex=0),b?c._roll(w):c._roll()},N.getSelectedIndex=function(){return this._state.currentIndex},N._onTouchStart=function(a){var b=this,c=a.changedTouches[0],d=b._state;X=0,W=c.clientY,T=Date.now(),Y=0,U=T,P=0,Q=0,R=0,S=0,b._scrollAnimationEnd=!0,O=!1,b._carouselUpdate(d.currentIndex)},N._onTouchMove=function(a){var b,c=this,d=c._state,e=a.changedTouches[0],f=d.scroll,g=f.current,h=c._bouncingEffect;U=Date.now(),b=U-T,X=e.clientY-W,g+=X,Y+=X,O===!1&&(b>u||G(Y)>v)&&(O=!0,c.trigger(L.CHANGE,{unselected:d.currentIndex})),O&&(W=e.clientY,g>0?(g=0,h.drag(0,0),c._setBouncingTimeout()):g<-c._maxScrollY?(g=-c._maxScrollY,h.drag(0,g),c._setBouncingTimeout()):h.dragEnd(),f.current=g,d.currentIndex=c._findItemIndexByY(-1*(g-p/2+1)),c._carouselUpdate(d.currentIndex),S=0,c._scroll(),U=Date.now())},N._onTouchEnd=function(a){var b=a.changedTouches[0],c=this,d=c._state,e=d.scroll,f=c._bouncingEffect;O&&(X=b.clientY-W,W=b.clientY,e.current+=X,e.current>0&&(e.current=0),d.currentIndex=c._findItemIndexByY(-1*(e.current-p/2+1)),c._carouselUpdate(d.currentIndex),S=s,c._scrollAnimationEnd=!0,c._scroll(),U=0,f&&f.dragEnd())},N._selectItem=function(a){var b=this._ui,c=this._state,d=c.items[a].element;d.classList.contains(K.SELECTED)?g(b.arcListviewSelection,d):(l.one(d,"transitionend",function(){g(b.arcListviewSelection,d)}),d.classList.add(K.SELECTED))},N._onChange=function(a){var b=a.detail.selected,d=a.detail.unselected,e=this._ui.arcListviewSelection.classList;a.defaultPrevented||(b!==c?this._selectItem(b):(e.remove(K.SELECTION_SHOW),this._state.items[d].element.classList.remove(K.SELECTED)))},N._onClick=function(a){var b=this,c=a.target,d=b._state,e=A.getClosestByTag(c,"li"),f=d.items.map(function(a){return a.element}).indexOf(e);f&&f!==d.currentIndex&&(b.trigger(L.CHANGE,{unselected:d.currentIndex}),f>=0&&f0&&a%2===0&&(a-=1),c.maxIndexLen=c.maxIndexLen>0?Math.min(a,c.maxIndexLen):a},_makeMergedIndices:function(){var a,b,c=this.indices.original,d=c.length,e=Math.min(this.options.maxIndexLen,d),f=d-e,g=parseInt(f/parseInt(e/2,10),10),h=f%parseInt(e/2,10),i=[],j=[],k=0;for(a=0,b=e;b>a;a++)i[a]=1,a%2&&(i[a]+=g+(h-->0?1:0)),k+=i[a],j.push({start:k-1,length:i[a]});this.indices.merged=j},_drawDOM:function(){var b,c,d,e,f,g=this.indices.original,h=this.indices.merged,i=h.length,j=this.options.indexHeight,k=this.options.moreChar,l=this.container.clientHeight-(i-1)*j,m=this.options.moreCharLineHeight;for(c=a.createDocumentFragment(),e=0;i>e;e++)f=h[e],b=1===f.length?g[f.start]:k,d=a.createElement("li"),d.innerText=b.toUpperCase(),d.style.height=(e===i-1?l:j)+"px",d.style.lineHeight=b===k?j+m+"px":j+"px",c.appendChild(d);this.element.appendChild(c),this.options.ulClass&&this.element.classList.add(this.options.ulClass)},_adjustVerticalCenter:function(){var a=this.indices.merged.length,b=a*this.options.indexHeight,c=parseInt((this.container.offsetHeight-b)/2,10);this.element.style.paddingTop=c+"px"},_appendToContainer:function(){var b=this,c=b.options,d=b.element,e=b.container,f=d.style,g=a.createElement("div"),h=c.paddingBottom+"px";e.appendChild(d),f.left=c.offsetLeft+"px",c.paddingBottom&&(f.paddingBottom=h,g.classList.add("ui-indexscrollbar-margin"),g.style.height=h,e.appendChild(g))},setPaddingTop:function(a){var b=this.element.clientHeight,c=this.element.style.paddingTop,d=this.container.clientHeight;c=""===c?0:parseInt(c,10),b-=c,b>d&&(a-=a+b-d),this.element.style.paddingTop=a+"px",this._setIndexCellInfo()},getOffsetTopByIndex:function(a){var b=this.indexLookupTable[a].cellIndex,c=this.indexElements[b],d=c.offsetTop;return d},_setIndexCellInfo:function(){var a=this.element,b=this.indices.merged,c=e.getElementOffset(this.container).top,d=this.element.querySelectorAll("LI"),f=[];[].forEach.call(d,function(a,d){for(var e=b[d],g=e.start,h=g+e.length,i=c+a.offsetTop,j=a.offsetHeight/e.length;h>g;g++)f.push({cellIndex:d,top:i,range:j}),i+=j}),this.indexLookupTable=f,this.indexElements=a.children},getIndexByPosition:function(a){var b,c,d,e,f=this.indexLookupTable;if(f[0]&&(b=f[0],a=b.top+b.range))return f.length-1;for(c=0,d=f.length;d>c;c++)if(b=f[c],e=a-b.top,e>=0&&ea&&(a=0),this.indices.original[a]},select:function(a){var b,c;this.clearSelected(),this.selectedIndex!==a&&(this.selectedIndex=a,b=this.indexLookupTable[a].cellIndex,c=this.indexElements[b],c.classList.add(this.options.selectedClass))},clearSelected:function(){var a=this.element,b=this.options.selectedClass,c=a.querySelectorAll("."+b);[].forEach.call(c,function(a){a.classList.remove(b)}),this.selectedIndex=-1}},b.widget.core.indexscrollbar.IndexBar=c}(a.document,d),function(a,b){function c(a){a.preventDefault(),a.stopPropagation()}function d(a,b){return this.element=a,this.options=e.merge(b,this._options,!1),this.value=null,this._init(),this}var e=b.util.object,f=b.event;d.prototype={_options:{className:"ui-indexscrollbar-indicator",selectedClass:"ui-selected",alignTo:"container",container:null},_init:function(){var a=this,b=a.options,d=a.element;d.className=b.className,d.innerHTML="",f.on(d,["touchstart","touchmove"],c,!1),b.referenceElement.parentNode.insertBefore(d,b.referenceElement),a.fitToContainer()},fitToContainer:function(a){var b=this,c=b.element,d=c.style,e=b.options,f=e.container,g=f.getBoundingClientRect();a=a||e.alignTo,d.width=g.width+"px","container"===a?d.height=g.height+"px":d.height=g.height+g.top+"px",d.top=("container"===a?g.top:0)+"px",d.left=g.left+"px"},setValue:function(a){var b="",c="";this.value=a,a=a.toUpperCase(),b=a.substr(a.length-1),c=a.substr(0,a.length-1),this.element.firstChild.innerHTML=""+c+''+b+""},show:function(){this.element.style.display="block"},hide:function(){this.element.style.display="none"},destroy:function(){for(var a=this.element;a.firstChild;)a.removeChild(a.firstChild);f.off(a,["touchstart","touchmove"],c,!1),this.element=null}},b.widget.core.indexscrollbar.IndexIndicator=d}(a.document,d),function(b,c){var d=function(){var a=this;a.indicator=null,a.indexBar1=null,a.indexBar2=null,a._ui={},a.index=null,a.touchAreaOffsetLeft=0,a.indexElements=null,a.selectEventTriggerTimeoutId=null,a.ulMarginTop=0,a.eventHandlers={}},e=c.widget.BaseWidget,f=c.event,g=c.util.selectors,h=c.util.object,i=c.util.DOM,j=c.widget.core.indexscrollbar.IndexBar,k=c.widget.core.indexscrollbar.IndexIndicator,l=c.widget.core.Page,m=c.engine.getWidgetDefinition("Page").selector,n={SELECT:"select"},o="vmousedown",p="vmousemove",q="vmouseup",r=!1,s=new e;d.prototype=s,h.merge(s,{widgetName:"IndexScrollbar",widgetClass:"ui-indexscrollbar",_configure:function(){this.options={moreChar:"*",indexScrollbarClass:"ui-indexscrollbar",selectedClass:"ui-state-selected",indicatorClass:"ui-indexscrollbar-indicator",delimiter:",",index:["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","1"],maxIndexLen:0,indexHeight:41,keepSelectEventDelay:50,container:null,supplementaryIndex:null,supplementaryIndexMargin:1,moreCharLineHeight:9,verticalCenter:!0,indicatorAlignTo:"container"}},_build:function(a){return a},_init:function(a){var b=this,c=b.options;return a.classList.add(c.indexScrollbarClass),b._ui.page=g.getClosestBySelector(a,m),b._setIndex(a,c.index),b._setMaxIndexLen(a,c.maxIndexLen),b._setInitialLayout(),b._createSubObjects(),b._updateLayout(),b._extended(!0),a},_refresh:function(){var a=this;a._isExtended()&&(a._unbindEvent(),a.indicator.hide(),a._extended(!1)),a._updateLayout(),a.indexBar1.options.index=a.options.index,a.indexBar1.refresh(),a.indicator.fitToContainer(),a._bindEvents(),a._extended(!0)},_destroy:function(){var a=this;a.isBound()&&(a._unbindEvent(),a._extended(!1),a._destroySubObjects(),a.indicator=null,a.index=null,a.eventHandlers={})},_createSubObjects:function(){var a=this,c=a.options,d=a.element;a.indexBar1=new j(b.createElement("UL"),{container:d,offsetLeft:0,index:c.index,verticalCenter:c.verticalCenter,indexHeight:c.indexHeight,maxIndexLen:c.maxIndexLen,paddingBottom:c.paddingBottom,moreCharLineHeight:c.moreCharLineHeight}),"function"==typeof c.supplementaryIndex&&(a.indexBar2=new j(b.createElement("UL"),{container:d,offsetLeft:-d.clientWidth-c.supplementaryIndexMargin,index:[],indexHeight:c.indexHeight,ulClass:"ui-indexscrollbar-supplementary"}),a.indexBar2.hide()),a.indicator=new k(b.createElement("DIV"),{container:a._getContainer(),referenceElement:a.element,className:c.indicatorClass,alignTo:c.indicatorAlignTo})},_destroySubObjects:function(){var a,b,c,d={iBar1:this.indexBar1,iBar2:this.indexBar2,indicator:this.indicator};for(c in d)d.hasOwnProperty(c)&&(a=d[c],a&&(b=a.element,a.destroy(),b.parentNode.removeChild(b)))},_setInitialLayout:function(){var b=this.element,c=this._getContainer(),d=a.getComputedStyle(c).position,e=b.style;"absolute"!==d&&"relative"!==d&&(e.top=c.offsetTop+"px",e.height=c.offsetHeight+"px")},_setMaxIndexLen:function(a,b){var c=this,d=c.options,e=c._getContainer(),f=e.offsetHeight;0>=b&&(b=Math.floor(f/d.indexHeight)),b>0&&b%2===0&&(b-=1),d.maxIndexLen=b},_updateLayout:function(){var a=this;a._setInitialLayout(),a._draw(),a.touchAreaOffsetLeft=a.element.offsetLeft-10},_draw:function(){return this.indexBar1.show(),this},_removeIndicator:function(){var a=this.indicator,b=a.element.parentNode;b.removeChild(a.element),a.destroy(),this.indicator=null},_getEventReceiverByPosition:function(b){var c,d=a.innerWidth,e=this.element.clientWidth;return c=this.options.supplementaryIndex?b>=d-e&&d>=b?this.indexBar1:this.indexBar2:this.indexBar1},_updateIndicatorAndTriggerEvent:function(b){this.indicator.setValue(b),this.indicator.show(),this.selectEventTriggerTimeoutId&&a.clearTimeout(this.selectEventTriggerTimeoutId),this.selectEventTriggerTimeoutId=a.setTimeout(function(){this.trigger(n.SELECT,{index:b}),this.selectEventTriggerTimeoutId=null}.bind(this),this.options.keepSelectEventDelay)},_onTouchStartHandler:function(a){var c=a.touches||a._originalEvent&&a._originalEvent.touches,d=null,e=null,f=0,g=0;return r=!0,c&&c.length>1?(a.preventDefault(),void a.stopPropagation()):(d=this._getPositionFromEvent(a),e=this.indexBar1,f=e.getIndexByPosition(d.y),g=e.getValueByIndex(f),e.select(f),b.addEventListener(p,this.eventHandlers.touchMove),b.addEventListener(q,this.eventHandlers.touchEnd),b.addEventListener("touchcancel",this.eventHandlers.touchEnd),void this._updateIndicatorAndTriggerEvent(g))},_onTouchMoveHandler:function(a){var b,c,d,e=a._originalEvent&&a._originalEvent.touches,g=null,h=null,i=null;return e&&e.length>1||!r?(f.preventDefault(a),void f.stopPropagation(a)):(g=this._getPositionFromEvent(a),h=this.indexBar1,i=this.indexBar2,c=this._getEventReceiverByPosition(g.x),c===i&&(i.options.index=this.options.supplementaryIndex(h.getValueByIndex(h.selectedIndex)),i.refresh()),b=c.getIndexByPosition(g.y),d=c.getValueByIndex(b),c===i?d=h.getValueByIndex(h.selectedIndex)+d:i&&!i.isShown()&&i.setPaddingTop(h.getOffsetTopByIndex(h.selectedIndex)),c.select(b),c.show(),h===c&&i&&i.hide(),this._updateIndicatorAndTriggerEvent(d),f.preventDefault(a),void f.stopPropagation(a))},_onTouchEndHandler:function(a){var c=this,d=a._originalEvent&&a._originalEvent.touches;(d&&0===d.length||!d)&&(r=!1),c.indicator.hide(),c.indexBar1.clearSelected(),c.indexBar2&&(c.indexBar2.clearSelected(),c.indexBar2.hide()),b.removeEventListener(p,c.eventHandlers.touchMove),b.removeEventListener(q,c.eventHandlers.touchEnd),b.removeEventListener("touchcancel",c.eventHandlers.touchEnd)},_bindOnPageShow:function(){var a=this;a.eventHandlers.onPageShow=a.refresh.bind(a),a._ui.page&&a._ui.page.addEventListener(l.events.BEFORE_SHOW,a.eventHandlers.onPageShow,!1)},_unbindOnPageShow:function(){var a=this;a.eventHandlers.onPageShow&&a._ui.page&&a._ui.page.removeEventListener(l.events.BEFORE_SHOW,a.eventHandlers.onPageShow,!1)},_bindEvents:function(){var a=this;a._bindResizeEvent(),a._bindEventToTriggerSelectEvent(),a._bindOnPageShow()},_unbindEvent:function(){var a=this;a._unbindResizeEvent(),a._unbindEventToTriggerSelectEvent(),a._unbindOnPageShow()},_bindResizeEvent:function(){this.eventHandlers.onresize=function(){this.refresh()}.bind(this),a.addEventListener("resize",this.eventHandlers.onresize)},_unbindResizeEvent:function(){this.eventHandlers.onresize&&a.removeEventListener("resize",this.eventHandlers.onresize)},_bindEventToTriggerSelectEvent:function(){var a=this;a.eventHandlers.touchStart=a._onTouchStartHandler.bind(a),a.eventHandlers.touchEnd=a._onTouchEndHandler.bind(a),a.eventHandlers.touchMove=a._onTouchMoveHandler.bind(a),a.element.addEventListener(o,a.eventHandlers.touchStart)},_unbindEventToTriggerSelectEvent:function(){var a=this;a.element.removeEventListener(o,a.eventHandlers.touchStart)},_data:function(a,b){var c,d=this.element,e=d.__data;if(e||(e=d.__data={}),"object"==typeof a){for(c in a)a.hasOwnProperty(c)&&this._data(c,a[c]);return this}return"undefined"==typeof b?e[a]:(e[a]=b,this)},_isValidElement:function(a){return a.classList.contains(this.widgetClass)},_isExtended:function(){return!!this._data("extended")},_extended:function(a){return this._data("extended",a),this},_setIndex:function(a,b){var c=this.options;"string"==typeof b&&(b=b.split(c.delimiter)),c.index=b},_getOffset:function(a){var b=0,c=0;do c+=a.offsetTop,b+=a.offsetLeft,a=a.offsetParent;while(a);return{top:c,left:b}},_getContainer:function(){var a,c=this.options.container,d=this.element,e=d.parentNode;if(!c){for(;e&&e!==b.body;){if(a=i.getCSSProperty(e,"overflow-y"),"scroll"===a||"auto"===a&&e.scrollHeight>e.clientHeight)return e;e=e.parentNode}c=d.parentNode}return c||d.parentNode},_getPositionFromEvent:function(a){return-1!==a.type.search(/^touch/)?{x:a.touches[0].clientX,y:a.touches[0].clientY}:{x:a.clientX,y:a.clientY}},addEventListener:function(a,b){this.element.addEventListener(a,b)},removeEventListener:function(a,b){this.element.removeEventListener(a,b)}}),c.widget.core.IndexScrollbar=d}(a.document,d),function(a,b){var c=b.engine,d=b.widget.core.IndexScrollbar,e=new d,f=function(){d.call(this)};f.prototype=e,b.widget.wearable.IndexScrollbar=f,c.defineWidget("IndexScrollbar",".ui-indexscrollbar",[],f,"wearable")}(a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=b.event,f=e.trigger,g=new c,h=function(){this._phase=null,this._tid={phaseOne:0,phaseThree:0},this._detent={phaseOne:0},this.options={},this._activeIndex=0},i={CW:"CW",CCW:"CCW"},j={SELECT:"select"},k={INDEXSCROLLBAR:"ui-circularindexscrollbar",INDICATOR:"ui-circularindexscrollbar-indicator",INDICATOR_TEXT:"ui-circularindexscrollbar-indicator-text",SHOW:"ui-circularindexscrollbar-show"};h.prototype=g,g._configure=function(){this.options={delimiter:",",index:["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","1"]}},g._build=function(b){var c,d;return c=a.createElement("div"),c.classList.add(k.INDICATOR),d=a.createElement("span"),d.classList.add(k.INDICATOR_TEXT),c.appendChild(d),b.appendChild(c),b.classList.add(k.INDEXSCROLLBAR),b},g._init=function(a){var b=this,c=b.options;return b._phase=1,b._setIndices(c.index),b._setValueByPosition(b._activeIndex,!0),a},g._setIndices=function(a){var c=this,d=c.options;return null===a?(b.warn("CircularIndexScrollbar must have indices."),void(d.index=null)):("string"==typeof a&&(a=a.split(d.delimiter)),void(d.index=a))},g._setValueByPosition=function(a,b){var c,d=this;d.options.index&&(c=d.element.querySelector("."+k.INDICATOR_TEXT),d._activeIndex=a,c.innerHTML=d.options.index[a],b&&f(d.element,j.SELECT,{index:d.options.index[a]}))},g._nextIndex=function(){var a,b=this,c=b._activeIndex,d=b.options.index.length;d-1>c&&(a=c+1,b._setValueByPosition(a,!0))},g._prevIndex=function(){var a,b=this,c=b._activeIndex;c>0&&(a=c-1,b._setValueByPosition(a,!0))},g._setValue=function(a){var b,c=this,d=c.options.index;d&&(b=d.indexOf(a))>=0&&c._setValueByPosition(b,!1)},g._getValue=function(){var a=this,b=a.options.index;return b?b[a._activeIndex]:null},g._rotary=function(a){var b=this,c=a.detail.direction;b.options.index&&(1===b._phase?b._rotaryPhaseOne():3===b._phase&&(a.stopPropagation(),b._rotaryPhaseThree(c)))},g._rotaryPhaseOne=function(){var a=this;clearTimeout(a._tid.phaseOne),a._tid.phaseOne=setTimeout(function(){1===a._phase&&(a._detent.phaseOne=0)},100),a._detent.phaseOne>3?(a._phase=3,clearTimeout(a._tid.phaseOne),a._detent.phaseOne=0):a._detent.phaseOne++},g._rotaryPhaseThree=function(a){var b=this;clearTimeout(b._tid.phaseThree),b._tid.phaseThree=setTimeout(function(){b.element.classList.remove(k.SHOW),b._phase=1},1e3),3===b._phase&&(b.element.classList.add(k.SHOW),a===i.CW?b._nextIndex():b._prevIndex())},g.handleEvent=function(a){var b=this;switch(a.type){case"rotarydetent":b._rotary(a)}},g._bindEvents=function(){var b=this;e.on(a,"rotarydetent",b)},g._unbindEvents=function(){var b=this;e.off(a,"rotarydetent",b)},g._refresh=function(){var a=this,b=a.options;a._unbindEvents(),a._setIndices(b.index),a._setValueByPosition(a._activeIndex,!0),a._bindEvents()},g._destroy=function(){var a=this;a._unbindEvents()},b.widget.wearable.CircularIndexScrollbar=h,d.defineWidget("CircularIndexScrollbar",".ui-circularindexscrollbar",[],h,"wearable")}(a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=function(){return this},f=new c;e.events={},f._build=function(a){return a},f._init=function(a){return a},f._bindEvents=function(a){return a},f._refresh=function(){return null},f._destroy=function(){return null},e.prototype=f,b.widget.wearable.Progress=e,d.defineWidget("Progress","progress",[],e,"wearable")}(a.document,d),function(a,b){var c=b.widget.BaseWidget,d=b.engine,e=function(){return this},f=new c;e.events={},f._build=function(a){return a},f._init=function(a){return a},f._bindEvents=function(a){return a},f._refresh=function(){return null},f._destroy=function(){return null},e.prototype=f,b.widget.wearable.Progressing=e,d.defineWidget("Progressing",".ui-progress",[],e,"wearable")}(a.document,d),function(a,b){function c(a){return k[a]}function d(a,b){a.classList.add(c(b))}function e(b){return a.createElement(b)}var f=b.widget.BaseWidget,g=b.engine,h=function(){this.options={text:null}},i={},j="ui-switch",k={handler:j+"-handler",inneroffset:j+"-inneroffset",activation:j+"-activation",input:j+"-input",text:j+"-text"},l=new f;h.events=i,h.classes=k,l._build=function(a){var b,c=this.options,f=c.text,g=e("label"),h=e("input"),i=e("div"),j=e("div"),k=e("div");return f&&(b=e("div"),d(b,"text"),b.innerHTML=f,a.appendChild(b)),d(k,"handler"),j.appendChild(k),d(j,"inneroffset"),i.appendChild(j),d(i,"activation"),g.classList.add("ui-toggleswitch"),h.type="checkbox",d(h,"input"),g.appendChild(h),g.appendChild(i),a.appendChild(g),a},h.prototype=l,b.widget.wearable.ToggleSwitch=h,g.defineWidget("ToggleSwitch",".ui-switch",[],h,"wearable")}(a.document,d),function(a,b){function d(a,b){for(var c=a._renderList,d=0,e=c.length;e>d;d+=4)"propset"===c[d]&&(c[d+1][c[d+2]]=c[d+3]);0===e&&b-a._lastRenderClearTimestamp>a._lastRenderClearTTL&&(a._lastRenderClearTimestamp=b,a._sizeMap.length=0,a._avgListItemSize=-1),c.length=0}function e(a,b){var c=a._scroll,d=o,e=a._ui.scrollview,f=c.lastPositionX,g=c.lastPositionY,h=e.scrollLeft,i=b&&b.detail&&b.detail.scrollTop||e.scrollTop;a._refreshScrollbar(),g>i&&(d=p),f>h&&(d=s),i>g&&(d=q),h>f&&(d=r),c.lastJumpY=Math.abs(i-g),c.lastJumpX=Math.abs(h-f),c.lastPositionX=h,c.lastPositionY=i,c.dir=d,c.clipHeight=e.clientHeight,c.clipWidth=e.clientWidth}function f(a,b){return parseInt(b===t?a.clientHeight:a.clientWidth,10)}function g(a,b){var c,d,e,g,h,i,j=a.element,k=a.options,l=a._scroll,m=k.dataLength,n=a._avgListItemSize,o=k.bufferSize,p=!1;for(c=k.orientation===t?l.clipHeight:l.clipWidth,-1===n&&(a._avgListItemSize=n=f(j,k.orientation)/o),e=Math.floor((o-Math.floor(c/n))/2),i=0>=b-e?0:b-e,i+o>=m&&(i=m-o,0>i&&(i=0),p=!0),d=b-i,a._loadData(i),v=!0,h=i*n,k.orientation===t?(p&&(h=a._ui.spacer.clientHeight),a._addToRenderList("propset",j.style,"margin-top",h+"px")):(p&&(h=a._ui.spacer.clientWidth),a._addToRenderList("propset",j.style,"margin-left",h+"px")),g=0;d>g;g+=1)h+=f(j.children[g],k.orientation);k.orientation===t?A.isElement(a._ui.scrollview)?A.scrollTo(h):a._ui.scrollview.scrollTop=h:a._ui.scrollview.scrollLeft=h,v=!1,a._currentIndex=i}function h(a,b,c,d,e,f,g){var h,i,j=0;if(f>0){for(i=g;i>0;i--)h=b.firstElementChild,c.appendChild(h),a._updateListItem(h,e),b.appendChild(h),j+=d(h,e++);a._currentIndex+=g}else{for(i=g;i>0;i--)h=b.lastElementChild,c.appendChild(h),a._updateListItem(h,e),b.insertBefore(h,b.firstElementChild),j-=d(h,e--);a._currentIndex-=g}return j}function i(a,b,c,d,e,f,g){var h,i=0===(2&d),j=1===(2&d),k=a._currentIndex;i&&(h=f+e,0>=k&&(a._currentIndex=k=0,h=0),k>=b-1&&(h=a._ui.spacer.clientHeight),0>h&&(h=0),a._addToRenderList("propset",c,"margin-top",h+"px")),j&&(h=g+e,0>=k&&(a._currentIndex=k=0,h=0),k>=b-1&&(h=a._ui.spacer.clientWidth),0>h&&(h=0),a._addToRenderList("propset",c,"margin-left",h+"px"))}function j(a,b){for(var c=0,d=a.length;--d>=0;)c+=a[d][b];return c}function k(a,b,d,e){return a[e]===c&&(a[e]=b?d.clientWidth:d.clientHeight),a[e]}function l(a){var b,c,d,e,g=a.element,l=a._scroll,m=a.options,n=g.style,u=a._currentIndex,v=parseInt(m.bufferSize,10),w=m.dataLength,x=l.dir,y=l.lastPositionY,z=l.lastPositionX,A=parseInt(n.marginTop,10)||0,B=parseInt(n.marginLeft,10)||0,C=0,D=a._domBuffer,E=a._avgListItemSize,F=j(g.children,m.orientation===t?"clientHeight":"clientWidth"),G=a._sizeMap,H=0,I=0;switch(-1===E&&(a._avgListItemSize=E=f(g,m.orientation)/v),x){case o:break;case q:I=y-A,C=w-u-v;break;case p:I=A+F-(y+l.clipHeight),C=u;break;case s:I=z-B,C=w-u-v;break;case r:I=B+F-(z-l.clipWidth),C=u}I>0&&2>=F/I&&(b=I/E-(v-l.clipHeight/E)/5|0|0,b=Math.min(C,b),c=b/v|0,b%=v,d=x===q||x===s?1:-1,c>0&&(a._loadData(u+d*c*v),u=a._currentIndex,H+=d*c*v*E),e=u+(d>0?v:-1),H+=h(a,g,D,k.bind(null,G,2&x),e,d,b),i(a,w,n,x,H,A,B))}function m(a,b){var c=a._scroll;e(a,b),(c.lastJumpY>0||c.lastJumpX>0&&!v)&&(l(a),z.trigger(a.element,"vlistupdate"))}var n=b.widget.BaseWidget,o=-1,p=0,q=1,r=2,s=3,t="y",u="x",v=!1,w=b.util,x=w.requestAnimationFrame,y=w.selectors,z=b.event,A=b.util.scrolling,B=function(){var b=this;return b._ui={scrollview:null,spacer:null,itemSize:0},b._scroll={direction:[0,0,0,0],dir:o,lastPositionX:0,lastPositionY:0,lastJumpX:0,lastJumpY:0,clipWidth:0,clipHeight:0},b.name="VirtualListview",b._currentIndex=0,b.options={bufferSize:100,dataLength:0,orientation:t,listItemUpdater:null,scrollElement:null,optimizedScrolling:!1},b._scrollEventBound=null,b._render=d.bind(null,this),b._renderList=[],b._sizeMap=[],b._domBuffer=a.createDocumentFragment(),b._lastRenderClearTimestamp=0,b._lastRenderClearTTL=1e4,b._avgListItemSize=-1,b},C=new n;B.classes={uiVirtualListContainer:"ui-virtual-list-container",spacer:"ui-virtual-list-spacer"},C._updateListItem=function(a,b){this.options.listItemUpdater(a,b)},C._setupScrollview=function(a,b){var c,d=y.getClosestByClass(a,"ui-scroller")||a.parentElement;return c=d.style,b===u?(c.overflowX="scroll",c.overflowY="hidden"):(c.overflowX="hidden",c.overflowY="scroll"),d},C._getScrollView=function(a,b){var c=null;return a.scrollElement&&(c="string"==typeof a.scrollElement?y.getClosestBySelector(b,"."+a.scrollElement):a.scrollElement),c||(c=this._setupScrollview(b,a.orientation)),c},C._build=function(b){var c,d,e,f=this,g=f._ui,h=B.classes,i=f.options,j=a.createElement("div");return b.style.position="relative",b.classList.add(h.uiVirtualListContainer),e=i.orientation.toLowerCase()===u?u:t,c=f._getScrollView(i,b),j.classList.add(h.spacer),d=j.style,d.display="block",d.position="static",e===u&&(d["float"]="left"),c.appendChild(j),g.spacer=j,g.scrollview=c,i.orientation=e,b},C._init=function(a){var b,c,d=this,e=d._ui,f=d.options,g=d.scrollview||d._getScrollView(f,a);f.dataLengthc;++c)b=a.createElement(g),j===u&&(b.style["float"]="left"),d._updateListItem(b,c),i.appendChild(b);e.appendChild(i),this._refresh()},C._refresh=function(){this._refreshScrollbar()},C._loadData=function(a){var b=this,c=b.element.firstElementChild;if(b._currentIndex!==a){b._currentIndex=a;do b._updateListItem(c,a),++a,c=c.nextElementSibling;while(c)}},C._refreshScrollbar=function(){var a,b,c=this,d=c.element,e=c.options,f=c._ui,g=f.spacer.style;e.orientation===t?(a=parseFloat(d.clientHeight)||0,b=a/e.bufferSize*e.dataLength,e.optimizedScrolling?A.setMaxScroll(b):c._addToRenderList("propset",g,"height",b-a+"px")):(a=parseFloat(d.clientWidth)||0,b=a/e.bufferSize*e.dataLength,e.optimizedScrolling?A.setMaxScroll(b):c._addToRenderList("propset",g,"width",a/e.bufferSize*(e.dataLength-1)-4/3*a+"px"))},C._addToRenderList=function(){var a=this,b=a._renderList;b.push.apply(b,arguments),x(a._render)},C._bindEvents=function(){var a=m.bind(null,this),b=this._ui.scrollview;b&&(b.addEventListener("scroll",a,!1),this._scrollEventBound=a)},C._destroy=function(){var a=this,b=a._ui.scrollview,c=a._ui.spacer,d=a.element,e=d.style;for(e.position="static",a.options.orientation===t?e.top="auto":e.left="auto",b&&(A.disable(b),b.removeEventListener("scroll",a._scrollEventBound,!1)),c.parentNode&&c.parentNode.removeChild(c);d.firstElementChild;)d.removeChild(d.firstElementChild)},C.scrollTo=function(a){var b=this;A.isElement(b._ui.scrollview)?A.scrollTo(a):b._ui.scrollview.scrollTop=a},C.scrollToIndex=function(a){0>a&&(a=0),a>=this.options.dataLength&&(a=this.options.dataLength-1),e(this),g(this,a)},C.draw=function(){this._buildList(),this.trigger("draw")},C.setListItemUpdater=function(a){this.options.listItemUpdater=a},B.prototype=C,b.widget.core.VirtualListview=B}(a.document,d),function(a,b){var c=b.widget.core.VirtualListview;c.prototype=new c,b.widget.wearable.VirtualListview=c,b.engine.defineWidget("VirtualListview","",["draw","setListItemUpdater","scrollTo","scrollToIndex"],c,"wearable")}(a.document,d),function(a,b,c){function d(a,c){var d=c.detail,e=d.selector,f=-1;e.indexOf(j)>-1&&(d.selector=e=e.replace(k,function(b,c,d){return c&&d?(f=0|d,"#"+a.id+" [data-index='"+f+"']"):b}),f>-1&&(a.scrollToIndex(f),d.nextElement=b.querySelector(e),c.preventDefault()))}var e=c.widget.wearable.VirtualListview,f=c.engine,g=c.util.DOM,h="x",i="y",j="::virtualgrid",k=/(::virtualgrid$(\d+)$)/gi,l=function(){return this.options={bufferSize:100,dataLength:0,orientation:i,listItemUpdater:function(){return null}},this._onFocusQuery=null,this},m=new e,n=e.prototype,o=n.draw,p=n._refreshScrollbar,q=n._bindEvents,r=n._destroy;m.draw=function(){var a=this,c=a.element,d=a._ui,e=null,f=null;a.options.orientation===h&&(e=b.createElement("div"),f=e.style,c.parentNode.appendChild(e),e.appendChild(c),e.appendChild(d.spacer),f.width="10000px",f.height="100%",d.container=e),a._initListItem(),o.call(a)},m._bindEvents=function(a){var b=this;q.call(b,a),b._onFocusQuery=d.bind(null,b),b.element.addEventListener("focusquery",b._onFocusQuery)},m._destroy=function(a){var b=this;r.call(b,a),b.element.removeEventListener("focusquery",b._onFocusQuery)},m._refreshScrollbar=function(){var a=0,b=this._ui;p.call(this),b.container&&(a=this.element.clientWidth+b.spacer.clientWidth,b.container.style.width=a+"px")},m._initListItem=function(){var a=this,c=a.element,d=b.createElement("div"),e=b.createElement("div"),f=d.style,h=a.options.orientation,j=c.style,k=e.style;f.overflow="hidden",e.style.overflow="hidden",c.appendChild(e),e.appendChild(d),a.options.listItemUpdater(d,0),h===i?(j.overflowY="auto",j.overflowX="hidden",k.overflow="hidden",d.style["float"]="left",a._cellSize=g.getElementWidth(d),a._columnsCount=Math.floor(g.getElementWidth(c)/a._cellSize)):(j.overflowX="auto",j.overflowY="hidden",k.overflow="hidden",k["float"]="left",j.height="100%",k.height="100%",a._cellSize=g.getElementHeight(d),a._columnsCount=Math.floor(g.getElementHeight(c)/a._cellSize)),c.removeChild(e),a.options.originalDataLength=a.options.dataLength,a.options.dataLength/=a._columnsCount},m._updateListItem=function(a,c){var d,e,f,g,j,k=a.style,l=this.options;for(a.innerHTML="",k.overflow="hidden",k.position="relative",l.orientation===h&&(k.height="100%"),f=this._columnsCount,j=100/f,e=0;f>e;e++)d=b.createElement("div"),g=d.style,g.overflow="hidden",d.setAttribute("data-index",f*c+e),l.orientation===i?(d.style["float"]="left",d.style.width=j+"%"):d.style.height=j+"%",f*c+eh;h++)if(b=k[h],d=b.coord,f(b)&&d.top=o){i=h;break}i!==q&&i!==c&&(e(a),a._selectTimeout&&clearTimeout(a._selectTimeout),a._selectTimeout=setTimeout(function(){var b=a._listItems&&a._listItems[i].element;b&&(a._selectedIndex=i,b.classList.add(E.SNAP_LISTVIEW_SELECTED),u.trigger(b,z.SELECTED))},300))}function i(a){a._isTouched===!1&&(a._isScrollStarted=!1,u.trigger(a.element,z.SCROLL_END),h(a))}function j(b){var c=b._callbacks,d=c.scrollEnd;b._isScrollStarted||(b._isScrollStarted=!0,u.trigger(b.element,z.SCROLL_START),b._scrollEventCount=0),b._scrollEventCount++,(b._scrollEventCount>2||b._isTouched===!0)&&e(b),b._listItemAnimate(),b._isTouched===!1&&(a.clearTimeout(b._scrollEndTimeoutId),b._scrollEndTimeoutId=a.setTimeout(d,F))}function k(a){a._isTouched=!0}function l(a){a._isTouched=!1,h(a)}function m(a){for(var c;a&&a!==b.body;){if(y.isElement(a))return a;if(c=w.getCSSProperty(a,"overflow-y"),"scroll"===c||"auto"===c&&a.scrollHeight>a.clientHeight)return a;a=a.parentNode}return null}function n(b,c){var d,e,f=b._listItems,g=b._selectedIndex;d=p(c.target,b.element),d&&d.classList.contains(E.SNAP_LISTVIEW_SELECTED)||(e=o(d,f),u.preventDefault(c),u.stopPropagation(c),e>-1&&null!==g&&(g>e?u.trigger(a,"rotarydetent",{direction:"CCW"},!0):e>g&&u.trigger(a,"rotarydetent",{direction:"CW"},!0)))}function o(a,b){var c,d=b.length;for(c=0;d>c;c++)if(b[c].element===a)return c;return-1}function p(a,b){for(var d=a;d.parentNode&&d!==b;){if(d.classList.contains(E.SNAP_LISTVIEW_ITEM))return d;d=d.parentNode}return c}function q(a,b,c,d){return function(a){var c=1-a,e=3*c,f=a*a,g=f*a,h=e*a*c,i=e*f;return h*b+i*d+g}}function r(b,c,d,e,f){var g=q(.25,.46,.45,1),h=0,i=0,j=0,k=0,l=d-c,m=b.scrollTop,n=B.animationTimer;h=a.performance.now(),null!==n&&a.cancelAnimationFrame(n),n=a.requestAnimationFrame(function o(){var c;i=a.performance.now(),j=(i-h)/e,k=g(j),c=l*k,b.scrollTop=m+c,1>=j&&j>=0?n=a.requestAnimationFrame(o):(n=null,f&&"function"==typeof f&&f())})}var s=d.widget.BaseWidget,t=d.engine,u=d.event,v=d.util,w=v.DOM,x=v.selectors,y=v.scrolling,z={SCROLL_START:"scrollstart",SCROLL_END:"scrollend",SELECTED:"selected"},A=d.util.array,B=function(){var a=this;a._ui={page:null,scrollableParent:{element:null,height:0},childItems:{}},a.options={selector:"li:not(.ui-listview-divider)",animate:"none",scale:{from:.67,to:1},opacity:{from:.7,to:1}},a._listItems=[],a._callbacks={},a._scrollEndTimeoutId=null,a._isScrollStarted=!1,a._selectedIndex=null,a._currentIndex=null,a._enabled=!0,a._isTouched=!1,a._scrollEventCount=0},C=new s,D="ui-snap-listview",E={SNAP_CONTAINER:"ui-snap-container",SNAP_DISABLED:"ui-snap-disabled",SNAP_LISTVIEW:D,SNAP_LISTVIEW_SELECTED:D+"-selected",SNAP_LISTVIEW_ITEM:D+"-item"},F=0;B.classes=E,B.animationTimer=null,B.ListItem=function(a,b){var c,d;a.classList.add(E.SNAP_LISTVIEW_ITEM),c=a.offsetTop,d=a.offsetHeight,this.element=a,this.rate=-1,this.coord={top:c,height:d},this.position={begin:c-b,start:c-b+d,stop:c,end:c+d}},B.ListItem.prototype={animate:function(a,b){var c,d=this.element,e=this.position,f=e.begin,g=e.end,h=e.start,i=e.stop;c=a>=h&&i>=a?Math.min(1,Math.abs((a-h)/(i-h))):a>f&&h>a||g>a&&a>i?0:-1,this.rate!==c&&(b(d,c),this.rate=c)}},C._listItemAnimate=function(){var a,b=this,c=b.options.animate,d=b._callbacks[c],e=b._ui.scrollableParent.element||b._ui.page;d&&(a=g(e),A.forEach(b._listItems,function(b){b.animate(a,d)}))},C._initSnapListview=function(a){var c,d,e,f=this,g=f._ui,h=a.firstElementChild.getBoundingClientRect().height;g.page=x.getClosestByClass(a,"ui-page")||b.body,c=m(a),c&&(y.isElement(c)||y.enable(c,"y"),e=a.getBoundingClientRect().top-c.getBoundingClientRect().top-h/2,y.setMaxScroll(c.firstElementChild.getBoundingClientRect().height+e),y.setSnapSize(h),c.classList.add(E.SNAP_CONTAINER),g.scrollableParent.element=c,d=c.clientHeight,g.scrollableParent.height=d)},C._refreshSnapListview=function(a){var b,c=this,d=c._ui,e=c.options,f=[],g=d.scrollableParent.element;g||c._initSnapListview(a),b=d.scrollableParent.height||d.page.offsetHeight,c._selectedIndex=null,A.forEach(a.querySelectorAll(e.selector),function(a,d){f.push(new B.ListItem(a,b)),a.classList.contains(E.SNAP_LISTVIEW_SELECTED)&&(c._selectedIndex=d,c._currentIndex=d)}),c._listItems=f,c._listItemAnimate()},C._build=function(a){var b=a.classList;return t.getBinding(a,"Listview")?(d.warn("Can't create SnapListview on Listview element"),null):(b.contains(E.SNAP_LISTVIEW)||b.add(E.SNAP_LISTVIEW),a)},C._init=function(a){var b=this,c=this.options,d=c.scale.from,e=c.scale.to,f=c.opacity.from,g=c.opacity.to;return b._callbacks={scroll:j.bind(null,b),scrollEnd:i.bind(null,b),scale:function(a,b){var c,h;return 0>b?(a.style.webkitTransform="",void(a.style.opacity="")):(b=b>.5?1-b:b,c=d+(e-d)*b*2,h=f+(g-f)*b*2,a.style.webkitTransform="scale3d("+c+","+c+","+c+")",void(a.style.opacity=h))}},b._refreshSnapListview(a),h(b),a},C._refresh=function(){var a=this,b=a.element;return a._refreshSnapListview(b),h(a),null},C._bindEvents=function(){var a=this,b=a.element,c=a._ui.scrollableParent.element;a._callbacks.touchstart=k.bind(null,a),a._callbacks.touchend=l.bind(null,a),a._callbacks.vclick=n.bind(null,a),c&&u.on(c,"scroll",this._callbacks.scroll,!1),b.addEventListener("touchstart",a._callbacks.touchstart,!1),b.addEventListener("touchend",a._callbacks.touchend,!1),b.addEventListener("vclick",a._callbacks.vclick,!1)},C._unbindEvents=function(){var a=this,b=a.element,c=a._ui.scrollableParent.element;c&&u.off(c,"scroll",this._callbacks.scroll,!1),b.removeEventListener("touchstart",a._callbacks.touchstart,!1),b.removeEventListener("touchend",a._callbacks.touchend,!1),b.removeEventListener("vclick",a._callbacks.vclick,!1)},C._destroy=function(){var b=this;return b._unbindEvents(),b._ui=null,b._callbacks=null,b._listItems=null,b._isScrollStarted=null,b._scrollEndTimeoutId&&a.clearTimeout(b._scrollEndTimeoutId),b._scrollEndTimeoutId=null,b._selectedIndex=null,b._currentIndex=null,y.disable(),null},C._enable=function(){var a=this,b=a._ui.scrollableParent.element||a._ui.page;b.classList.remove(E.SNAP_DISABLED),a._enabled||(a._enabled=!0,a._refresh())},C._disable=function(){var a=this,b=a._ui.scrollableParent.element;b.classList.add(E.SNAP_DISABLED),a._enabled=!1},C.getSelectedIndex=function(){return this._currentIndex||this._selectedIndex},C.scrollToPosition=function(a){return this._scrollToPosition(a)},C._scrollToPosition=function(a,b){var c,d,g=this,h=g._ui,i=g._enabled,j=g._listItems,k=h.scrollableParent,l=j.length,m=j[a];return!i||0>a||a>=l||g._currentIndex===a||!f(m)?!1:(g._currentIndex=a,e(g),c=j[a].coord,d=c.top-k.height/2+c.height/2,r(k.element,-k.element.firstElementChild.getBoundingClientRect().top,d,450,b),!0)},B.prototype=C,d.widget.wearable.SnapListview=B,t.defineWidget("SnapListview",".ui-snap-listview",[],B,"wearable")}(a,a.document,d),function(a){var b=a.event.gesture,c=b.Result,d=b.Detector,e=d.plugin.create({name:"swipe",index:400,defaults:{timeThreshold:400,velocity:.6,orientation:b.Orientation.HORIZONTAL},handler:function(a,d,e){var f=c.PENDING,g=e.velocity;return a.eventType===b.Event.END&&(a.deltaTime>e.timeThreshold||e.orientation!==b.utils.getOrientation(a.direction)?f=c.FINISHED:(a.velocityX>g||a.velocityY>g)&&(d.sendEvent(this.name,a),f=c.FINISHED|c.BLOCK)),f}});b.Swipe=e}(d),function(b,d){var e=d.event.gesture,f=d.event,g=d.engine,h=d.util.DOM,i=d.util.selectors,j={LEFT:"swipelist.left",RIGHT:"swipelist.right"},k=function(){this.container=null,this.swipeElement=null,this.swipeLeftElement=null,this.swipeRightElement=null,this.swipeElementStyle=null,this.swipeLeftElementStyle=null,this.swipeRightElementStyle=null,this.activeElement=null,this.activeTarget=null,this.resetLayoutCallback=null,this.options={},this._interval=0,this._cancelled=!1,this._dragging=!1,this._animating=!1},l=new d.widget.BaseWidget,m=function(a){a.preventDefault()};l._configure=function(){this.options={threshold:10,animationThreshold:150,animationDuration:200,animationInterval:8,container:null,swipeTarget:"li",swipeElement:".ui-swipelist",swipeLeftElement:".ui-swipelist-left",swipeRightElement:".ui-swipelist-right",ltrStartColor:"",ltrEndColor:"",rtlStartColor:"",rtlEndColor:""}},l._init=function(a){var b,e,f=i.getClosestBySelector(a,"."+d.widget.core.Page.classes.uiPage),g=this.options,j=/rgb$([0-9]+), ([0-9]+), ([0-9]+)$/g;g.container?this.container=f.querySelector(g.container):this.container=a.parentNode,this.scrollableElement=i.getScrollableParent(a),this.scrollableElement||(this.scrollableElement=this.container),this.swipeElement=f.querySelector(g.swipeElement),this.swipeLeftElement=g.swipeLeftElement?f.querySelector(g.swipeLeftElement):c,this.swipeRightElement=g.swipeRightElement?f.querySelector(g.swipeRightElement):c,this.swipeElement&&(this.swipeElementStyle=this.swipeElement.style,this.swipeElementStyle.display="none",this.swipeElementStyle.background="transparent",this.swipeElementStyle.width=this.scrollableElement.offsetWidth+"px",this.swipeElementStyle.height=this.scrollableElement.offsetHeight+"px"),this.swipeLeftElement&&(this.swipeLeftElementStyle=this.swipeLeftElement.style,this.swipeLeftElementStyle.display="none",b=this.swipeLeftElement?h.getCSSProperty(this.swipeLeftElement,"background-image").match(j):c),this.swipeRightElement&&(this.swipeRightElementStyle=this.swipeRightElement.style,this.swipeRightElementStyle.display="none",e=this.swipeRightElement?h.getCSSProperty(this.swipeRightElement,"background-image").match(j):c),b&&(g.ltrStartColor=g.ltrStartColor||b[0],g.ltrEndColor=g.ltrEndColor||b[1]),e&&(g.rtlStartColor=g.rtlStartColor||e[0],g.rtlEndColor=g.rtlEndColor||e[1]),this.resetLayoutCallback=null,this.swipeElement.parentNode!==this.container&&(this.resetLayoutCallback=function(a,b,c){return function(){try{b?a.insertBefore(c,b):a.appendChild(c)}catch(d){c.parentNode.removeChild(c)}}}(this.swipeElement.parentNode,this.swipeElement.nextElementSibling,this.swipeElement),this.container.appendChild(this.swipeElement))},l._reset=function(){this.container.style.position="",this.swipeElementStyle.display="",this.swipeElementStyle.background="",this.swipeElementStyle.width="",this.swipeElementStyle.height="",this.swipeLeftElementStyle.display="",this.swipeLeftElementStyle.background="",this.swipeRightElementStyle.display="",this.swipeRightElementStyle.background="",this.resetLayoutCallback&&this.resetLayoutCallback(),this._unbindEvents()},l._bindEvents=function(){d.event.enableGesture(this.element,new e.Drag({threshold:this.options.threshold,blockVertical:!0}),new e.Swipe({orientation:e.Orientation.HORIZONTAL})),f.on(this.element,"drag dragstart dragend dragcancel swipe",this),f.on(b,"scroll touchcancel",this),f.on(this.swipeElement,"touchstart touchmove touchend",m,!1)},l._unbindEvents=function(){d.event.disableGesture(this.element),f.off(this.element,"drag dragstart dragend dragcancel swipe",this),f.off(b,"scroll touchcancel",this),f.off(this.swipeElement,"touchstart touchmove touchend",m,!1)},l.handleEvent=function(a){switch(a.type){case"dragstart":this._start(a);break;case"drag":this._move(a);break;case"dragend":this._end(a);break;case"swipe":this._swipe(a);break;case"dragcancel":case"scroll":this._cancel()}},l._translate=function(b,c,d){var e,f,g,h=c/a.innerWidth*100,i=this;this.swipeLeftElement&&c>=0?(e=i.options.ltrStartColor,f=i.options.ltrEndColor,g="left"):this.swipeRightElement&&0>c&&(e=i.options.rtlStartColor,f=i.options.rtlEndColor,g="right",h=Math.abs(h)),function j(){b.background="-webkit-linear-gradient("+g+", "+e+" 0%, "+f+" "+h+"%)",d&&h=i.options.animationDuration&&(i._animating=!1,i._transitionEnd())}()},l._findSwipeTarget=function(a){for(var b=this.options.swipeTarget;a&&a.webkitMatchesSelector&&!a.webkitMatchesSelector(b);)a=a.parentNode;return a},l._fireEvent=function(a,b){var c=this.activeTarget||this.listElement;f.trigger(c,a,b)},l._start=function(a){var b,c,d,e=a.detail;this._dragging=!1,this._cancelled=!1,this.activeTarget=this._findSwipeTarget(e.srcEvent.target),this.activeTarget&&(b=this.activeTarget.offsetWidth,c=this.activeTarget.offsetHeight,d=this.activeTarget.offsetTop-this.scrollableElement.scrollTop,this.swipeLeftElementStyle&&(this.swipeLeftElementStyle.width=b+"px",this.swipeLeftElementStyle.height=c+"px",this.swipeLeftElementStyle.top=d+"px"),this.swipeRightElementStyle&&(this.swipeRightElementStyle.width=b+"px",this.swipeRightElementStyle.height=c+"px",this.swipeRightElementStyle.top=d+"px"),this._dragging=!0)},l._move=function(a){var b,c=a.detail,d=c.estimatedDeltaX;this._dragging&&!this._cancelled&&(this.swipeLeftElement&&c.direction===e.Direction.RIGHT&&d>=0?(this.swipeRightElementStyle&&(this.swipeRightElementStyle.display="none"),this.activeElement=this.swipeLeftElement,b=this.swipeLeftElementStyle):this.swipeRightElement&&c.direction===e.Direction.LEFT&&0>d&&(this.swipeLeftElementStyle&&(this.swipeLeftElementStyle.display="none"),this.activeElement=this.swipeRightElement,b=this.swipeRightElementStyle),b&&(b.display="block",this.swipeElementStyle.display="block",this._translate(b,d,!1)))},l._end=function(a){var b=a.detail;this._dragging&&!this._cancelled&&(this.swipeLeftElement&&b.estimatedDeltaX>this.options.animationThreshold?this._fire(j.LEFT,a):this.swipeRightElement&&b.estimatedDeltaX<-this.options.animationThreshold?this._fire(j.RIGHT,a):this._hide(),this._dragging=!1)},l._swipe=function(a){var b=a.detail;this._dragging&&!this._cancelled&&(this.swipeLeftElement&&b.direction===e.Direction.RIGHT?this._fire(j.LEFT,a):this.swipeRightElement&&b.direction===e.Direction.LEFT?this._fire(j.RIGHT,a):this._hide(),this._dragging=!1)},l._fire=function(a,b){var c=b.detail;a===j.LEFT?this._translate(this.swipeLeftElementStyle,c.estimatedDeltaX,!0):a===j.RIGHT&&this._translate(this.swipeRightElementStyle,c.estimatedDeltaX,!0)},l._transitionEnd=function(){this._hide(),this.activeElement===this.swipeLeftElement?this._fireEvent(j.LEFT):this.activeElement===this.swipeRightElement&&this._fireEvent(j.RIGHT)},l._cancel=function(){this._dragging=!1,this._cancelled=!0,this._hide()},l._hide=function(){this.swipeElementStyle&&(this.swipeElementStyle.display="none"),this.activeElement&&(this.activeElement.style.display="none")},l._destroy=function(){this._reset(),this.element=null,this.container=null,this.swipeElement=null,this.swipeLeftElement=null,this.swipeRightElement=null,this.swipeElementStyle=null,this.swipeLeftElementStyle=null,this.swipeRightElementStyle=null,this.activeElement=null,this.activeTarget=null,this.startX=null,this.options=null,this.gesture=null,this._cancelled=null,this._dragging=null,this._animating=null},k.prototype=l,d.widget.wearable.SwipeList=k,g.defineWidget("SwipeList",".ui-swipe",[],k)}(a.document,d),function(a){var b=a.event.gesture,c=b.Detector,d=c.plugin.create({name:"longpress",index:600,defaults:{longPressTimeThreshold:750,longPressDistanceThreshold:20,preventClick:!0},isTriggered:!1,longPressTimeOutId:0,handler:function(a,c,d){var e=b.Result.PENDING;switch(a.eventType){case b.Event.START:this.isTriggered=!1,this.longPressTimeOutId=setTimeout(function(){this.isTriggered=!0,c.sendEvent(this.name,a)}.bind(this),d.longPressTimeThreshold);break;case b.Event.MOVE:a.distance>d.longPressDistanceThreshold&&!this.isTriggered&&(clearTimeout(this.longPressTimeOutId),e=b.Result.FINISHED);break;case b.Event.END:this.isTriggered?d.preventClick&&a.preventDefault():clearTimeout(this.longPressTimeOutId),e=b.Result.FINISHED}return e}});b.LongPress=d}(d),function(b,d){function e(a,c,d){var e,g,h,i=[];for(f(a,d),h=c.length,g=0;h>g;g++)g%d.maxItemNumber||(e=b.createElement("div"),e.classList.add(u.LAYER),a.appendChild(e),i.push(e)),e&&(e.appendChild(c[g]),o.getNSData(c[g],"active")&&(c[g].classList.add(u.ITEM_ACTIVE),e.classList.add(u.LAYER_ACTIVE)));return i}function f(a,b){var c,d,e,f,g,h=a.getElementsByClassName(u.LAYER);if(h.length)for(e=h.length,d=0;e>d;d++){for(c=h[0].querySelectorAll(b.itemSelector),g=c.length,f=0;g>f;f++)a.appendChild(c[f]);a.removeChild(h[0])}}function g(a){var c=a.element;q.enableGesture(c,new p.Drag,new p.LongPress,new p.Swipe({orientation:p.Orientation.HORIZONTAL})),q.on(b,"rotarydetent",a,!1),q.on(b,"swipe",a,!0),a.on("dragstart drag dragend click longpress mouseup touchend transitionend animationend webkitAnimationEnd",a,!1)}function h(a){var c=a.element;q.disableGesture(c),q.off(b,"rotarydetent",a,!1),q.off(b,"swipe",a,!0),a.off("dragstart drag dragend click longpress mouseup touchend transitionend animationend webkitAnimationEnd",a,!1)}function i(a){var b=a.previousElementSibling,c=a.nextElementSibling;b&&b.classList.remove(u.LAYER_PREV),c&&c.classList.remove(u.LAYER_NEXT),a.classList.remove(u.LAYER_ACTIVE)}function j(a){var b=a.previousElementSibling,c=a.nextElementSibling;b&&b.classList.contains(u.LAYER)&&b.classList.add(u.LAYER_PREV),c&&c.classList.contains(u.LAYER)&&c.classList.add(u.LAYER_NEXT),a.classList.add(u.LAYER_ACTIVE),a.style.transform="none"}function k(a,b,c,d,e){a.style.transform="rotate("+b+"deg) translate3d(0, "+-c+"px, 0) rotate("+d+"deg) "+e}function l(a,b){a.style.transform="rotate("+b+"deg) translate3d(0, 0, 0)",a.style.transition="transform 300ms"}function m(a,c){var d,e,f,g;d=b.createElement("div"),d.classList.add(u.INDICATOR),a.indicator=d,g=b.createElement("div"),g.classList.add(u.INDICATOR_ICON),a.indicatorIcon=g,a.indicator.appendChild(a.indicatorIcon),e=b.createElement("div"),e.classList.add(u.INDICATOR_TEXT),a.indicatorText=e,d.appendChild(e),f=b.createElement("div"),f.classList.add(u.INDICATOR_SUBTEXT),a.indicatorSubText=f,a.indicator.appendChild(a.indicatorSubText),c.appendChild(a.indicator)}var n=d.engine,o=d.util.DOM,p=d.event.gesture,q=d.event,r=d.util.object,s=a.requestAnimationFrame||a.webkitRequestAnimationFrame,t=function(){var a=this;a._ui={},a.options={editable:!1,plusButton:!0},a._editModeEnabled=!1,a._movedElementIndex=null,a._destinationIndex=null,a._pointedLayer=null,a._changeLayerInterval=null,a._itemsToReorder=[],a._removedItemIndex=null,a._reorderEnd=null,a._reorderAnimationEnd=null},u={SELECTOR:"ui-selector",LAYER:"ui-layer",LAYER_ACTIVE:"ui-layer-active",LAYER_PREV:"ui-layer-prev",LAYER_NEXT:"ui-layer-next",LAYER_HIDE:"ui-layer-hide",ITEM:"ui-item",ITEM_ACTIVE:"ui-item-active",ITEM_REMOVABLE:"ui-item-removable",ITEM_ICON_REMOVE:"ui-item-icon-remove",ITEM_ICON_REMOVE_BG:"ui-item-icon-remove-bg",INDICATOR:"ui-selector-indicator",INDICATOR_ACTIVE:"ui-selector-indicator-active",INDICATOR_TEXT:"ui-selector-indicator-text",INDICATOR_ICON:"ui-selector-indicator-icon",INDICATOR_ICON_ACTIVE:"ui-selector-indicator-icon-active",INDICATOR_ICON_ACTIVE_WITH_TEXT:"ui-selector-indicator-icon-active-with-text",INDICATOR_SUBTEXT:"ui-selector-indicator-subtext",INDICATOR_WITH_SUBTITLE:"ui-selector-indicator-with-subtext",INDICATOR_NEXT_END:"ui-selector-indicator-next-end",INDICATOR_PREV_END:"ui-selector-indicator-prev-end",INDICATOR_ARROW:"ui-selector-indicator-arrow",EDIT_MODE:"ui-selector-edit-mode",REORDER:"ui-selector-reorder",PLUS_BUTTON:"ui-item-plus",ITEM_PLACEHOLDER:"ui-item-placeholder",ITEM_MOVED:"ui-item-moved",ITEM_REMOVED:"ui-item-removed",ITEM_END:"ui-item-moved-end"},v={RADIUS_RATIO:.8,SCALE_FACTOR:.8235},w={ITEM_SELECTOR:"."+u.ITEM,INDICATOR_SELECTOR:"."+u.INDICATOR,INDICATOR_TEXT_SELECTOR:"."+u.INDICATOR_TEXT,INDICATOR_ARROW_SELECTOR:"."+u.INDICATOR_ARROW,ITEM_DEGREE:30,MAX_ITEM_NUMBER:11,ITEM_RADIUS:-1,ITEM_START_DEGREE:30,ITEM_END_DEGREE:330,ITEM_NORMAL_SCALE:"scale("+v.SCALE_FACTOR+")",ITEM_ACTIVE_SCALE:"scale(1)",ITEM_MOVED_SCALE:"scale(0.92)",EMPTY_STATE_TEXT:"Selector is empty"},x={ITEM_CHANGE:"selectoritemchange",LAYER_CHANGE:"selectorlayerchange"},y=d.widget.BaseWidget,z=new y;t.prototype=z,z._configure=function(){var a=this;a.options=r.merge(a.options,{itemSelector:w.ITEM_SELECTOR,indicatorSelector:w.INDICATOR_SELECTOR,indicatorTextSelector:w.INDICATOR_TEXT_SELECTOR,indicatorArrowSelector:w.INDICATOR_ARROW_SELECTOR,itemDegree:w.ITEM_DEGREE,itemRadius:w.ITEM_RADIUS,maxItemNumber:w.MAX_ITEM_NUMBER,indicatorAutoControl:!0,emptyStateText:w.EMPTY_STATE_TEXT})},z._buildIndicator=function(a){var c,d=this,e=d.options,f=d._ui,g=a.querySelector(e.indicatorSelector),h=a.querySelector(e.indicatorArrowSelector),i=a.querySelector(e.indicatorTextSelector);g?(f.indicator=g,i&&(f.indicatorText=i)):m(f,a),h?f.indicatorArrow=h:(c=b.createElement("div"),c.classList.add(u.INDICATOR_ARROW),f.indicatorArrow=c,a.appendChild(f.indicatorArrow))},z._build=function(a){var b,c=this,f=c._ui,g=c.options,h=a.querySelectorAll(c.options.itemSelector);return h&&h.length?(b=e(a,h,g),a.classList.add(u.SELECTOR),g.indicatorAutoControl&&c._buildIndicator(a),f.items=h,f.layers=b,a):(d.warn("Please check your item selector option. Default value is '.ui-item'"),null)},z._init=function(a){var b,c,d=this,e=d.options,f=d._ui.items,g=d._getActiveLayer(),h=d._getActiveItem(),i=a.offsetWidth>a.offsetHeight?a.offsetHeight:a.offsetWidth;for(d._started=!1,d._enabled=!0,d._activeItemIndex=null===h?0:h,e.itemRadius=e.itemRadius<0?i/2*v.RADIUS_RATIO:e.itemRadius,c=f.length,b=0;c>b;b++)o.setNSData(f[b],"index",b),k(f[b],w.ITEM_END_DEGREE,e.itemRadius,-w.ITEM_END_DEGREE,w.ITEM_NORMAL_SCALE);return null===g?(d._activeLayerIndex=0,d._setActiveLayer(0)):(d._activeLayerIndex=g,d._setActiveLayer(g)),a},z._initItems=function(a){var b,c,d,e=this,f=e.options,g=a.querySelectorAll(f.itemSelector);for(d=g.length>f.maxItemNumber?f.maxItemNumber:g.length,c=0;d>c;c++)-1===e._itemsToReorder.indexOf(c)&&(b=w.ITEM_START_DEGREE+f.itemDegree*c,k(g[c],b,f.itemRadius,-b,w.ITEM_NORMAL_SCALE));e._editModeEnabled&&e._animateReorderedItems(),e.options.plusButton&&d--,!e._editModeEnabled&&d>0&&e._setActiveItem(e._activeItemIndex)},z._animateReorderedItems=function(){var a,b,c=this,d=c.options,e=c._ui.layers[c._activeLayerIndex],f=e.querySelectorAll(d.itemSelector),g=c._itemsToReorder,h=g.length;h&&(c._disable(),setTimeout(function(){for(b=0;h>b;b++)a=w.ITEM_START_DEGREE+d.itemDegree*g[b],k(f[g[b]],a,d.itemRadius,-a,w.ITEM_NORMAL_SCALE);c._itemsToReorder=[]},30))},z._addIconRemove=function(a,c){var d,e,f=this.options.maxItemNumber,g=1/v.SCALE_FACTOR,h=b.createElement("div"),i=b.createElement("div");d=parseInt(f/2,10)-1,e=c%f>d?"right":"left",i.classList.add(u.ITEM_ICON_REMOVE_BG),h.classList.add(u.ITEM_ICON_REMOVE+"-"+e),h.style.transform="scale("+g+")",h.appendChild(i),a.classList.add(u.ITEM_REMOVABLE),a.appendChild(h)},z._addRemoveIcons=function(){var a,b,c,d=this,e=d._ui.items;for(c=0;ca;a++)if(d.layers[a].classList.contains(u.LAYER_ACTIVE))return a;return null},z._setActiveLayer=function(a){var b=this,c=b._ui,d=b._activeLayerIndex,e=c.layers[d],f=c.layers[a];e&&i(e),f&&j(f),b._activeLayerIndex=a,c.items.length>0&&c.layers[a]&&(b._initItems(f),q.trigger(f,x,{index:a}))},z._getActiveItem=function(){var a,b,c=this,d=c._ui;for(b=d.items.length,a=0;b>a;a++)if(d.items[a].classList.contains(u.ITEM_ACTIVE))return a;return null},z._setActiveItem=function(a){var b,d,e=this,f=e.element,g=e._ui,h=g.items,i=f.querySelector("."+u.ITEM_ACTIVE);a=a!==c?a:0,b=h[a].style.transform||h[a].style.webkitTransform,i&&(i.style.transform=i.style.transform.replace(w.ITEM_ACTIVE_SCALE,w.ITEM_NORMAL_SCALE),i.classList.remove(u.ITEM_ACTIVE)),h.length&&(h[a].classList.add(u.ITEM_ACTIVE),d=b.replace(w.ITEM_NORMAL_SCALE,w.ITEM_ACTIVE_SCALE),h[a].style.transform=d,h[a].style.webkitTransform=d,e.options.indicatorAutoControl&&e._setIndicatorIndex(a),e._activeItemIndex=a,q.trigger(h[a],x.ITEM_CHANGE,{layer:g.layers[e._activeLayerIndex],layerIndex:e._activeLayerIndex,index:a,title:o.getNSData(h[a],"title")}))},z._setIndicatorIndex=function(a){var b=this,c=b._ui,d=c.items[a],e=o.getNSData(d,"title"),f=o.getNSData(d,"icon"),g=o.getNSData(d,"subtitle"),h=u.INDICATOR_ICON_ACTIVE,i=u.INDICATOR_ICON_ACTIVE_WITH_TEXT,j=u.INDICATOR_WITH_SUBTITLE,k=c.indicator,m=c.indicatorText,n=c.indicatorIcon,p=c.indicatorSubText,q=c.indicatorArrow,r=k.classList,s=n.classList,t=a%b.options.maxItemNumber;e?(m.textContent=e,g?(r.add(j),p.textContent=g):(r.remove(j),p.textContent=""),f&&s.add(i)):(m.textContent="",s.remove(i)),f?(s.add(h),n.style.backgroundImage="url("+f+")",p.textContent=""):(s.remove(h),s.remove(i)),o.setNSData(k,"index",a),l(q,w.ITEM_START_DEGREE+b.options.itemDegree*t)},z._onDragstart=function(){this._started=!0},z._onAnimationEnd=function(a){var b=this,c=b._ui,d=a.target.classList;d.contains(u.INDICATOR)?c.indicator.classList.remove(u.INDICATOR_ACTIVE):d.contains(u.ITEM_MOVED)&&(b._reorderAnimationEnd=!0,b._reorderEnd&&!b._started&&setTimeout(function(){c.movedItem.classList.add(u.ITEM_END)},30))},z._onTransitionEnd=function(a){var b=this,c=a.target,d=c.classList;!b._enabled&&d.contains(u.ITEM)&&(d.contains(u.ITEM_REMOVED)?b.removeItem(parseInt(o.getNSData(c,"index"),10)):d.contains(u.ITEM_END)?b._clearReorder():d.contains(u.ITEM_MOVED)?s(function(){d.add(u.ITEM_END)}):b._reorderEnd||b._enable())},z._clearReorder=function(){var a=this,b=a._ui;b.items[a._destinationIndex].classList.remove(u.ITEM_PLACEHOLDER),a.element.removeChild(a._ui.movedItem),b.movedItem=null,a.element.classList.remove(u.REORDER),a._movedElementIndex=null,a._destinationIndex=null,a._pointedLayer=null,clearInterval(a._changeLayerInterval),a._changeLayerInterval=null,a._enable(),a._reorderEnd=!1,a._reorderAnimationEnd=!1},z._onDragMovedElement=function(a,b,c,d){var e=this,f=e._ui.movedItem.style,g=a&&a.classList;f.top=c+"px",f.left=b+"px",a&&(g.contains(u.LAYER_PREV)?e._pointedLayer="prev":g.contains(u.LAYER_NEXT)?e._pointedLayer="next":(e._pointedLayer=null,clearInterval(e._changeLayerInterval),e._changeLayerInterval=null)),e._enabled&&(a&&null!==e._pointedLayer&&e._moveItemToLayer(),null!==d&&d!==e._destinationIndex&&e._setNewItemDestination(d))},z._onDrag=function(a){var c,d,e,f=this,g=null;this._started&&(c=a.detail.estimatedX,d=a.detail.estimatedY,e=b.elementFromPoint(c,d),e&&e.classList.contains(u.ITEM)&&!e.classList.contains(u.ITEM_PLACEHOLDER)&&(g=parseInt(o.getNSData(e,"index"),10)),f._editModeEnabled||null===g||f._setActiveItem(g),null!==f._movedElementIndex&&f._onDragMovedElement(e,c,d,g))},z._moveItemToLayer=function(){var a=this,b=a._pointedLayer;null===a._changeLayerInterval&&(a._changeLayerInterval=setInterval(function(){null!==a._pointedLayer&&b===a._pointedLayer&&("prev"===b?a._setPreviousLayer():a._setNextLayer())},1e3))},z._setNextLayer=function(){var a,b=this,c=b.options,d=b._ui.items,e=d.length;if(b._enabled){for(a=0;e>a;a++)o.setNSData(d[a],"index",a),k(d[a],w.ITEM_START_DEGREE,c.itemRadius,-w.ITEM_START_DEGREE,w.ITEM_NORMAL_SCALE);b._setItemAndLayer(b._activeLayerIndex+1,(b._activeLayerIndex+1)*b.options.maxItemNumber)}},z._setPreviousLayer=function(){var a,b=this,c=b.options,d=b._ui.items,e=d.length;if(b._enabled){for(a=0;e>a;a++)o.setNSData(d[a],"index",a),k(d[a],w.ITEM_END_DEGREE,c.itemRadius,-w.ITEM_END_DEGREE,w.ITEM_NORMAL_SCALE);b._setItemAndLayer(b._activeLayerIndex-1,b._activeLayerIndex*b.options.maxItemNumber-1)}},z._setNewItemDestination=function(a){var b,c=this,d=c.element,e=c._destinationIndex,g=c._ui.items;f(d,c.options),b=g[e].parentNode,a+1>c._destinationIndex?b.insertBefore(g[e],g[a+1]):b.insertBefore(g[e],g[a]),c._ui.items=d.querySelectorAll("."+u.ITEM+":not(."+u.ITEM_MOVED+")"),c._refresh(),c._destinationIndex=a},z._onTouchEnd=function(){var a,b,c,d=this,e=d._ui;null===d._movedElementIndex||d._reorderEnd||(d.disable(),d._reorderEnd=!0,a=e.movedItem,b=a.style,b.transition="top 200ms, left 200ms, opacity 200ms, transform 200ms",c=e.items[d._destinationIndex].getBoundingClientRect(),d._reorderAnimationEnd&&!d._started?setTimeout(function(){a.classList.add(u.ITEM_END)},30):d._reorderAnimationEnd&&(b.top=c.top+c.width/2+"px",b.left=c.left+c.height/2+"px"))},z._onDragend=function(a){var b,c=this,d=c._getPointedElement(a.detail);!c._editModeEnabled&&d&&d.classList.contains(u.ITEM)&&(b=parseInt(o.getNSData(d,"index"),10),c._setActiveItem(b)),c._started=!1},z._onClickChangeActive=function(a){var c,d,e,f,g=this,h=g._ui,i=b.elementFromPoint(event.pageX,event.pageY),j=g._ui.indicator.classList;h.items.length>0&&(c=h.layers[g._activeLayerIndex],d=c.previousElementSibling,e=c.nextElementSibling),a.classList.contains(u.LAYER_PREV)&&d?g._setPreviousLayer():a.classList.contains(u.LAYER_NEXT)&&e?g._setNextLayer():g._enabled&&!g._editModeEnabled&&(i&&(i.classList.contains(u.INDICATOR)||i.parentElement.classList.contains(u.INDICATOR))&&(j.remove(u.INDICATOR_ACTIVE),s(function(){j.add(u.INDICATOR_ACTIVE)})),i&&i.classList.contains(u.ITEM)&&(f=parseInt(o.getNSData(i,"index"),10),g._setActiveItem(f)))},z._onClick=function(a){var b=this,c=a.target,d=c.classList,e=b._getActiveItem(),f=null;null!==e&&b._ui.items[e]===c&&(f=b._ui.indicator.classList,s(function(){f.add(u.INDICATOR_ACTIVE)})),b._onClickChangeActive(c),c.classList.contains(u.PLUS_BUTTON)&&b.trigger("add"),b._editModeEnabled&&(a.stopImmediatePropagation(),b._enabled&&(d.contains(u.ITEM_ICON_REMOVE+"-left")||d.contains(u.ITEM_ICON_REMOVE+"-right"))&&(b._disable(),c.parentElement.classList.add(u.ITEM_REMOVED)))},z._setItemAndLayer=function(a,b){this._activeItemIndex=b,this._changeLayer(a)},z._onRotaryCW=function(){var a,b=this,c=b._ui,d=b.options,e=c.layers[b._activeLayerIndex],f=e&&e.querySelectorAll(d.itemSelector).length;b._activeItemIndex===f+b._activeLayerIndex*d.maxItemNumber-1||b._editModeEnabled?b._siblingLayerExists("next")?b._setNextLayer():(a=w.ITEM_START_DEGREE+d.itemDegree*(b._activeItemIndex%d.maxItemNumber),l(c.indicatorArrow,a+d.itemDegree/3),setTimeout(function(){l(c.indicatorArrow,a)},100)):b._changeItem(b._activeItemIndex+1)},z._onRotaryCCW=function(){var a=this,b=a._ui,c=a.options;a._activeItemIndex%c.maxItemNumber===0||a._editModeEnabled?a._siblingLayerExists("prev")?a._setPreviousLayer():(l(b.indicatorArrow,w.ITEM_START_DEGREE-w.ITEM_START_DEGREE/3),setTimeout(function(){l(b.indicatorArrow,w.ITEM_START_DEGREE)},100)):a._changeItem(a._activeItemIndex-1)},z._onRotary=function(a){var b=this,c=b._ui,d=b.options,e=a.detail.direction;d.indicatorAutoControl&&b._enabled&&0!==c.items.length&&(a.stopPropagation(),"CW"===e?b._onRotaryCW():b._onRotaryCCW())},z._hideItems=function(a){var b,c,d=this,e=a.getElementsByClassName(u.ITEM);for(a.classList.add(u.LAYER_HIDE),c=e.length,b=0;c>b;b++)k(e[b],w.ITEM_START_DEGREE,d.options.itemRadius,-w.ITEM_START_DEGREE,w.ITEM_NORMAL_SCALE);setTimeout(function(){for(c=e.length,b=0;c>b;b++)k(e[b],w.ITEM_END_DEGREE,d.options.itemRadius,-w.ITEM_END_DEGREE,w.ITEM_NORMAL_SCALE);a.classList.remove(u.LAYER_HIDE)},150)},z._setIndexes=function(){var a,b=this,c=b._ui,d=c.items;for(a=0;ac&&c>=n&&!g[c].classList.contains(u.ITEM_PLACEHOLDER)&&(a>=m&&(b=w.ITEM_START_DEGREE+h.itemDegree*j,k(g[c],b,h.itemRadius,-b,w.ITEM_NORMAL_SCALE)),i.push(c%j))},z._refresh=function(){var a=this,b=a._ui,c=b.items,d=a.options,f=a.element;a._editModeEnabled?(a._removeRemoveIcons(),a._refreshEditMode(),a._setIndexes(),a._addRemoveIcons()):a._setIndexes(),b.layers=e(f,c,d),a._setActiveLayer(a._activeLayerIndex)},z._changeLayer=function(a){var b=this,c=b._ui.layers,e=c[b._activeLayerIndex];return 0>a||a>c.length-1?void d.warn("Please insert index between 0 to layers number"):(b._enabled=!1,b._hideItems(e),void s(function(){b._setActiveLayer(a)}))},z._onLongPress=function(a){var b,c=this,d=c._getPointedElement(a.detail),e=d.classList,f=parseInt(o.getNSData(d,"index"),10);c.options.editable&&c._editModeEnabled===!1&&c._enableEditMode(),c._editModeEnabled&&e.contains(u.ITEM)&&!e.contains(u.PLUS_BUTTON)&&(b=c._ui.items[f],c._cloneMovedItem(f),b.classList.add(u.ITEM_PLACEHOLDER),c._movedElementIndex=f,c._destinationIndex=f,c.element.classList.add(u.REORDER))},z._getPointedElement=function(a){var c=a.estimatedX,d=a.estimatedY;return b.elementFromPoint(c,d)},z._cloneMovedItem=function(a){var b,c,d,e,f,g=this,h=g.element;b=g._ui.items[a],d=b.cloneNode(!0),c=b.getBoundingClientRect(),e=c.left+c.height/2,f=c.top+c.width/2,d.classList.add(u.ITEM_MOVED),d.setAttribute("style","left:"+e+"px; top:"+f+"px"),h.appendChild(d),g._ui.movedItem=h.querySelector("."+u.ITEM_MOVED)},z._onHWKey=function(a){var b=this;"back"===a.keyName&&b.options.editable&&b._editModeEnabled&&b._disableEditMode()},z._siblingLayerExists=function(a){var b=this,c="next"===a,d=b._ui,e=d.layers[b._activeLayerIndex],f=e&&(c?e.nextElementSibling:e.previousElementSibling);return f&&f.classList.contains(c?u.LAYER_NEXT:u.LAYER_PREV)},z._onSwipe=function(a){var b=this;"right"===a.detail.direction&&b._siblingLayerExists("next")?b._setNextLayer():"left"===a.detail.direction&&b._siblingLayerExists("prev")&&b._setPreviousLayer()},z._addPlusButton=function(){var a;a=b.createElement("div"),a.classList.add(u.PLUS_BUTTON),o.setNSData(a,"removable","false"),this.addItem(a)},z._removePlusButton=function(){var a,b=this,c=b._ui.items,d=c.length-1,e=b.options.maxItemNumber,f=b._activeLayerIndex;a=f*e,d===a&&b._changeLayer(f-1),c[d].classList.contains(u.PLUS_BUTTON)&&b.removeItem(d)},z._enableEditMode=function(){var b=this,c=b._ui,d=c.items.length,e=c.items[b._activeItemIndex];b.options.plusButton&&b._addPlusButton(),b._addRemoveIcons(),b.element.classList.add(u.EDIT_MODE),c.indicatorText.textContent="Edit mode",d>0&&(e.classList.remove(u.ITEM_ACTIVE),s(function(){e.style.transform=e.style.transform.replace(w.ITEM_ACTIVE_SCALE,w.ITEM_NORMAL_SCALE)})),q.on(a,"tizenhwkey",b,!0),b._editModeEnabled=!0},z._disableEditMode=function(){var b,c=this,d=c._ui,e=c.element.classList;c.options.plusButton&&c._removePlusButton(),e.remove(u.EDIT_MODE),b=d.items,b.length>0?(b[c._activeItemIndex].classList.add(u.ITEM_ACTIVE),c._removeRemoveIcons(),s(function(){c._setActiveItem(c._activeItemIndex)})):(d.indicatorText.textContent=c.options.emptyStateText,d.indicatorSubText.textContent="",d.indicatorIcon.classList.remove(u.INDICATOR_ICON_ACTIVE,u.INDICATOR_ICON_ACTIVE_WITH_TEXT)),q.off(a,"tizenhwkey",c,!0),c._editModeEnabled=!1},z._changeItem=function(a){this._setActiveItem(a)},z.changeItem=function(a){this._changeItem(a)},z.addItem=function(a,b){var c=this,d=c.element,e=d.querySelectorAll(c.options.itemSelector),g=e.length-1,h=e[g].classList.contains(u.PLUS_BUTTON),i=c._ui,j=h?i.items.length:i.items.length-1;f(c.element,c.options),k(a,w.ITEM_END_DEGREE,c.options.itemRadius,-w.ITEM_END_DEGREE,w.ITEM_NORMAL_SCALE),a.classList.add(u.ITEM),b>=0&&j>b?d.insertBefore(a,e[b]):h?d.insertBefore(a,e[g]):d.appendChild(a),i.items=d.querySelectorAll(c.options.itemSelector),c._refresh()},z.removeItem=function(a){var b,c=this,d=c._ui,e=c.element,g=c.options.maxItemNumber;f(c.element,c.options),e.removeChild(d.items[a]),d.items=e.querySelectorAll(c.options.itemSelector),b=d.items.length,a%g===0&&a===d.items.length-1&&c._changeLayer(c._activeLayerIndex-1),c._activeItemIndex>=b&&(c._activeItemIndex=b-1),c._refresh()},z._destroy=function(){var a,b=this;h(b),a=b._getActiveItem(),null!==a&&b._ui.items[a].classList.remove(u.ITEM_ACTIVE),b._ui=null},z._disable=function(){this._enabled=!1},z._enable=function(){this._enabled=!0},d.widget.wearable.Selector=t,n.defineWidget("Selector",".ui-selector",["changeItem","addItem","removeItem","enable","disable"],t,"wearable")}(a.document,d),function(a,b){function e(a,c){var d=b.createElement("li"),e=b.createElement("a"),f=b.createElement("img");return c=c||"#",f.setAttribute("src",a),f.setAttribute("class",G.THUMB),e.setAttribute("href",c),e.appendChild(f),d.appendChild(e),d.setAttribute("class",G.POSITIONED),d}function f(a){var b=a.element,c=b.classList;a._currentIndex>-1&&(c.remove(G.MODE3X3),c.remove(G.THUMBNAIL),c.add(G.IMAGE),a.options.mode="image")}function g(a,b){for(var c=r.call(a.element.children,0),d=-1;null!==b&&0>d;){if(d=c.indexOf(b),d>-1)return d;b=b.parentNode}return d}function h(a){var b=a.element,c=b.style,d="translate3d("+a.position.left+"px, "+a.position.top+"px, 0)",e="scale("+a.scale+")";c.transform=d+" "+e,c.webkitTransform=d+" "+e,c.opacity=a.opacity}function i(a,b){var c,d,e=a.to,f=a.from,g=a.position;e&&f&&(c=f.position,d=e.position,d&&c&&(g.top=w(b,c.top,d.top-c.top,1),g.left=w(b,c.left,d.left-c.left,1)),a.scale=w(b,f.scale,e.scale-f.scale,1),a.opacity=w(b,f.opacity,e.opacity-f.opacity,1))}function j(a,b){return"object"!=typeof b&&(b={}),b.element=a,b.position={left:0,top:0},b.scale=0,b.opacity=1,b.to={position:{},scale:1,opacity:1},b.from={position:{},scale:0,opacity:1},b}function k(a){for(var b,c,d=a.length,e=0;d>e;++e)b=a[e],c=b.from,c.position={left:b.position.left,top:b.position.top},c.scale=b.scale,c.opacity=b.opacity}function l(a,b,c,d){for(var e,f,g=a.length,h=0;g>h;++h)e=a[h],f=e.to,f.position={},f.position[c]=e.position[c]+b,f.position[d]=e.position[d]}function m(a,b){for(var c=a.length,d=0;c>d;++d)a[d].to.scale=b}function n(a){for(var b,c=a._items,d=c.length,e=0;d>e;++e)b=c[e].to,b.position={},b.position[a._scrollDimension]=e*a._getItemSize("thumbnail")+200*(e-a._currentIndex),b.position[a._nonScrollDimension]=0,b.scale=M.IMAGE,"rectangle"===a.options.shape&&(b.opacity=e===a._currentIndex?O:N)}function o(a,b){var c,d=a._items.length,e=a.options,f=a._settings;switch(b){case"3x3":c=t(v(d/e.lines)*v(H*f.scale)+f.marginLeft+f.marginRight,H);break;case"image":c=d*H;break;case"thumbnail":c=d*H*f.scaleThumbnailX+(d-1.5)*f.marginThumbnail+H*(1-f.scaleThumbnailX);break;default:c=H}return c}var p=d.widget.wearable.Listview,q=d.engine,r=[].slice,s=Math.min,t=Math.max,u=Math.round,v=Math.ceil,w=d.util.easing.easeOutQuad,x=[],y=function(b){var c=Date.now()-b.startTime,d=c/b.duration;b.end||(b.current=w(Math.min(d,1),b.from,b.to,1),b.element[b.propertyName]=b.current,b.requestHandler=a.requestAnimationFrame(b.render)),d>1&&(b.end=!0,a.cancelAnimationFrame(b.requestHandler),b.requestHandler=null)},z=function(a,b,c,d,e){var f={from:a,to:b,current:a,startTime:Date.now(),duration:d,end:!0,render:null,requestHandler:null,element:c,propertyName:e&&e.propertyName||"scrollTop"};return f.render=y.bind(null,f),x.push(f),f},A=function(a){return x.filter(function(b){return b.element===a})[0]},B=function(b,c){for(var d=c.length,e=0,f=b.duration,g=(Date.now()-b.startTime)/f,h=b.drawFn,i=b.timingFn;d>e;++e)i(c[e],s(g,1));for(e=0;d>e;++e)h(c[e],e);b.end?"function"==typeof b.onEnd&&b.onEnd():b.handler=a.requestAnimationFrame(b.request),g>1&&(b.end=!0)},C=function(b,c,d,e,f){var g={end:!1,startTime:Date.now(),duration:c,timingFn:d,drawFn:e,onEnd:f};return b=Array.isArray(b)?b:[b],g.request=B.bind(null,g,b),g.handler=a.requestAnimationFrame(g.request),g},D={2:{circle:{marginTop:-75,marginLeft:38,marginRight:140,scale:.3833,scaleThumbnail:.6,scaleThumbnailX:.6,marginThumbnail:26,size:146},rectangle:{marginTop:-66,marginLeft:57,marginRight:230,scale:.325,scaleThumbnail:.715,scaleThumbnailX:.4722,marginThumbnail:-8,size:130}},3:{circle:{marginTop:0,marginLeft:11,marginRight:179,scale:.3027,scaleThumbnail:.6,scaleThumbnailX:.6,marginThumbnail:26,size:115},rectangle:{}}},E=function(){var a=this;a.options={mode:"3x3",scrollbar:!0,lines:3,shape:"circle",orientation:"horizontal"},a._ui={container:null},a._currentIndex=-1,a._settings=D[3].circle},F="ui-grid",G={SHAPE_PREFIX:F+"-",MODE3X3:F+"-3x3",THUMBNAIL:F+"-thumbnail",IMAGE:F+"-image",THUMB:"thumb",POSITIONED:"ui-positioned"},H=360,I=101,J=5,K=250,L=450,M={IMAGE:1},N=.75,O=1,P=new p;P._scrollTo=function(a,b,c,d){var e=d.propertyName||"scrollTop",f=A(a)||z(a[e],b,a,c,d);f.startTime=Date.now(),f.end?(f.end=!1,f.from=a[e],f.to=b,f.duration=c,f.render()):(f.from=f.current,f.to+=2*b-(f.current+f.to)%b)},P._toggleSelectedItem=function(a){var b=this,c=this._items[b._currentIndex];a?c.element.classList.add("ui-selected"):c.element.classList.remove("ui-selected")},P._getItemSize=function(a){var b=this,c=b._settings;switch(a||b.options.mode){case"3x3":return H*c.scale+J;case"image":return H;case"thumbnail":return H*c.scaleThumbnailX+c.marginThumbnail;default:return 0}},P._prepareInsertItem=function(a,b,c,d){var e=this,f=a[b],g=a.filter(function(a,c){return b>c}),h=a.filter(function(a,c){return c>b});e._applyItemsTo(g),l(h,c,e._scrollDimension,e._nonScrollDimension),l([f],c*b,e._scrollDimension,e._nonScrollDimension),e._applyItemsTo([f]),f.scale=0,m([f],d),k(a)},P._prepareRemoveItem=function(a,b,c){var d=this,e=a.filter(function(a,c){return c>b});l(e,-1*c,d._scrollDimension,d._nonScrollDimension)},P.add=function(a,b){var d=this,f=d.element,g=e(a),l=d._createSnapPoint(),m=d._items;switch(b!==c&&bg;g++)a=c._createSnapPoint(),h.push(a),d.appendChild(a);c._ui.container.appendChild(d),c._snapPoints=h},P._updateSnapPointPositions=function(){var a,b=this,c=b._snapPoints,d=c.length,e=0,f=0,g=3,h=0,i=b._settings,j=i.scale;switch(b.options.mode){case"3x3":e=H*j/2+i.marginLeft,f=H*j/3,g=3;break;case"image":e=H/2,f=H,g=1;break;case"thumbnail":e=H/2,f=H*i.scaleThumbnailX+i.marginThumbnail,g=1}for(;d>h;h++)a=c[h],a.style[b._scrollDimension]=e+f*(h-h%g)+"px"},P._build=function(a){var c=this,d=b.createElement("div");return c._ui.container=d,d.setAttribute("class","ui-grid-container"),c._setScrollbar(a,c.options.scrollbar),a.parentElement.replaceChild(d,a),d.appendChild(a),a},P._setScrollbar=function(a,b){var c=this._ui.container;b?c.setAttribute("tizen-circular-scrollbar",""):c.removeAttribute("tizen-circular-scrollbar")},P._setLines=function(a,b){var c=parseInt(b,10),d=this.options;2!==c&&(c=3),this._settings=D[c][d.shape],d.lines=c},P._setOrientation=function(a,b){var c=this,d=c.options;"vertical"!==b&&(b="horizontal"),"horizontal"===b?(c._scrollProperty="scrollLeft",c._scrollDimension="left",c._nonScrollDimension="top",c._scrollSize="width"):(c._scrollProperty="scrollTop",c._scrollDimension="top",c._nonScrollDimension="left",c._scrollSize="height"),d.orientation=b,a.classList.add(F+"-"+b),c._ui.container.classList.add(F+"-"+b)},P._setShape=function(a,b){var c=b,d=this.options,e=a.classList;"rectangle"!==c&&(c="circle"),e.remove(G.SHAPE_PREFIX+d.shape),e.add(G.SHAPE_PREFIX+c),this._settings=D[d.lines][c],d.shape=c},P._init=function(){var a=this,b=[],c=a.element,d=a.options;a._items=b,c.classList.add("ui-children-positioned"),a._setLines(c,d.lines),a._setShape(c,d.shape),a._setOrientation(c,d.orientation),a._getItems(),a._assembleItemsTo3x3(b),a._transformItems(),a._createSnapPoints(),a._updateSnapPointPositions(),a.mode(d.mode)},P._findChildIndex=function(a){return g(this,a)},P._transformItems=function(){var a=this,b=a._items;a._applyItemsTo(b),b.forEach(h)},P._applyItemsTo=function(a){for(var b,c,d=a.length,e=0;d>e;++e)b=a[e],c=b.to,c.position&&(b.position.left=c.position.left,b.position.top=c.position.top),c.scale&&(b.scale=c.scale),c.opacity&&(b.opacity=c.opacity)},P._assembleItemsTo3x3=function(a){for(var b,c,d,e,f=this,g=a.length,h=0,i=f._settings,j=i.size,k=[[j/2,-I],[0,0],[j/2,I]];g>h;++h)e=a[h].to,3===f.options.lines?(b=h%3,c=k[b][0]+(h/3|0)*j,d=k[b][1]):(c=(h/2|0)*j,d=h%2*j),e.scale=i.scale,e.position={},e.position[f._scrollDimension]=c+i.marginLeft,e.position[f._nonScrollDimension]=d+i.marginTop},P._assembleItemsToImages=function(){for(var a,b=this,c=b._items,d=c.length,e=0,f=b._getItemSize("image");d>e;++e)a=c[e].to,a.position={},a.position[b._scrollDimension]=e*f,a.position[b._nonScrollDimension]=0,a.scale=M.IMAGE},P._scaleItemsToThumbnails=function(){for(var a,b,c=this,d=c._items,e=c._currentIndex,f=d.length,g=c._getItemSize("thumbnail"),h=c._settings,i=h.scaleThumbnailX,j=2*((c._ui.container[c._scrollProperty]-h.marginThumbnail)%g)/g-1,k=Math.abs(j)/2,l=0;f>l;++l)a=d[l].to,a.position={},a.position[c._scrollDimension]=l*g,a.position[c._nonScrollDimension]=0,a.scale=i,b=h.scaleThumbnail-i,a.opacity=N,l===e?(a.scale+=b*(.5+k),a.opacity+=(1-N)*(.5+k)):(l-e===1&&0>j||l-e===-1&&j>=0)&&(a.scale+=b*(.5-k),a.opacity+=(1-N)*(.5-k))},P._moveItemsToImages=function(){for(var a,b=this,c=b._items,d=c.length,e=0;d>e;++e)a=c[e].to,a.position={},a.position[b._scrollDimension]=e*b._getItemSize("image"),a.position[b._nonScrollDimension]=0,a.scale=b._settings.scaleThumbnail,a.opacity=O},P._getItems=function(){for(var a,b=this,c=r.call(b.element.children),d=c.length,e=b._items,f=0;d>f;++f)a=c[f],e[f]=j(a,e[f]),a.classList.add("ui-positioned")},P._getGridSize=function(a){return o(this,a)},P._getGridScrollPosition=function(a){var b,c=this,d=c._getItemSize(a),e=c._currentIndex;switch(a){case"3x3":b=((e-1)/3|0)*v(d);break;case"image":case"thumbnail":b=e*d;break;default:b=0}return b},P._setGridSize=function(a){var b=this,c=b.element;b.options.mode="image",c.style[b._scrollSize]=o(b,a)+"px",c.parentElement[b._scrollProperty]=b._getGridScrollPosition(a)},P._findItemIndexByScroll=function(a){var b=this,c=a[b._scrollProperty],d=b._getItemSize(),e=b._items;switch(b.options.mode){case"image":return s(u(c/d),e.length-1);case"thumbnail":return s(u((c-b._settings.marginThumbnail)/d),e.length-1);default:return-1}},P._gridToImage=function(){var a=this,b=a.element;-1===a._currentIndex&&(a._currentIndex=0),a._dispersionItems(a._currentIndex),k(a._items),C(a._items,L,i,h,function(){f(a),a._assembleItemsToImages(),a._transformItems(),a._setGridSize("image"),a._updateSnapPointPositions()}),d.router.Router.getInstance().open(b,{url:"#image",rel:"grid"})},P._imageToThumbnail=function(){var a=this,b=a.element,c=a._items;n(a),a._transformItems(),a.options.mode="thumbnail",a._changeModeToThumbnail(),b.parentElement[a._scrollProperty]=a._getGridScrollPosition("thumbnail"),k(c),a._scaleItemsToThumbnails(),C(c,L,i,h,function(){b.style[a._scrollSize]=o(a,"thumbnail")+"px",a._updateSnapPointPositions()}),d.router.Router.getInstance().open(b,{url:"#thumbnail",rel:"grid"})},P._imageToGrid=function(){var a=this,b=a.element,c=a._items,d=a._getGridScrollPosition("3x3");a._assembleItemsTo3x3(c),a._transformItems(),a._dispersionItems(a._currentIndex),a._transformItems(),a._changeModeTo3x3(),b.parentElement[a._scrollProperty]=s(d,o(a,"3x3")-H),c[a._currentIndex].position[a._scrollDimension]=s(d,o(a,"3x3")-H),k(c),a._assembleItemsTo3x3(c),C(c,L,i,h,function(){b.style[a._scrollSize]=o(a,"3x3")+"px",a._updateSnapPointPositions()})},P._thumbnailToImage=function(){var a=this,b=a._items;a._moveItemsToImages(),a._transformItems(),a._setGridSize("image"),a._assembleItemsToImages(),k(b),f(a),C(b,L,i,h,function(){a._updateSnapPointPositions()})},P._dispersionItems=function(a){for(var b,c,d=this,e=d.element,f=d._items,g=f[a],h=f.length,i=0;h>i;++i)b=f[i],c=b.position,i!==a?b.to={position:{left:c.left+2.2*(c.left-g.position.left),top:c.top+2.2*(c.top-g.position.top)},scale:d._settings.scale}:(b.to={position:{},scale:M.IMAGE},b.to.position[d._scrollDimension]=e.parentElement[d._scrollProperty],b.to.position[d._nonScrollDimension]=0)},P._onClick=function(a){var b=this;switch(b._currentIndex=b._findChildIndex(a.target),b.options.mode){case"3x3":b.mode("image");break;case"image":b.mode("thumbnail")}},P._onPopState=function(a){var b=this;switch(b._currentIndex=b._findItemIndexByScroll(b._ui.container),b.options.mode){case"image":a.preventDefault(),a.stopImmediatePropagation(),b.mode("3x3");break;case"thumbnail":a.preventDefault(),a.stopImmediatePropagation(),b.mode("image")}},P._onHWKey=function(a){switch(a.keyName){case"back":this._onPopState(a)}},P._onRotary=function(a){var b=this,c=b._getItemSize(),d="CW"===a.detail.direction?1:-1,e=b._ui.container;0!==c&&b._scrollTo(e,d*c,K,{propertyName:b._scrollProperty})},P._onScroll=function(){var a=this,b=a._findItemIndexByScroll(a._ui.container),c=a.options;"rectangle"===c.shape&&"thumbnail"===c.mode&&(a._currentIndex=b,a._scaleItemsToThumbnails(),C(a._items,0,i,h,function(){a._updateSnapPointPositions()})),a.trigger("change",{active:b})},P.handleEvent=function(a){var b=this;switch(a.type){case"rotarydetent":b._onRotary(a);break;case"click":b._onClick(a);break;case"tizenhwkey":b._onHWKey(a);break;case"popstate":b._onPopState(a);break;case"scroll":b._onScroll()}},P._bindEvents=function(c){var d=this;b.addEventListener("rotarydetent",d,!0),a.addEventListener("popstate",d,!0),c.addEventListener("click",d,!0),a.addEventListener("tizenhwkey",d,!0),d._ui.container.addEventListener("scroll",d,!0)},P._unbindEvents=function(){var c=this;b.removeEventListener("rotarydetent",c,!0),a.removeEventListener("popstate",c,!0),c.element.removeEventListener("click",c,!0),a.removeEventListener("tizenhwkey",c,!0),c._ui.container.removeEventListener("scroll",c,!0)},P._destroy=function(){var a=this,b=a._items,c=b.length,d=0;for(a._unbindEvents();c>d;++d)b[d]=null;a._items=[]},E.prototype=P,d.widget.wearable.Grid=E,q.defineWidget("Grid","."+F,[],E,"wearable")}(a,a.document),function(a,b){function d(a,b,c,d){var e,f,g,h,i,j,k=d.max-d.min+d.step,l=k/d.step,m=Math.round((a-d.min)/d.step);return"enabled"===d.loop&&(a>=d.max-2*d.step?3>l-m&&3>b&&(b+=l):a<=d.min+2*d.step&&3>m&&b>l-3&&(b-=l)),e=a-d.min-b*d.step,f=0>e?1:-1,g=Math.abs(e),h=1-d.scaleFactor*g,i=1-d.moveFactor*g,j=1-(d.enabled?d.scaleFactor:1)*g,h=0>h?0:h,j=0>j?0:j,i=f*(o*(1-i))+c,{moveY:i,scale:h,opacity:j}}function e(a){var c=a._ui.items,e=a.options,f=a._itemHeight,g=a._objectValue,h=(a._containerRect.height-f)/2;c.forEach(function(a,b){var c=d(g.value,b,h,e);c.opacity>0?a.style.transform="translateY("+c.moveY+"px) scale("+c.scale+")":a.style.transform="translateY(-1000px)",a.style.opacity=c.opacity}),b.event.trigger(a.element,"spinstep",parseInt(g.value,10))}function f(a){var b=null===a._prevValue?a.options.value:a._prevValue,c=b,d=a.options.value-b,e=0,f=0;return"enabled"===a.options.moduloValue&&(f=d/a.length|0,Math.abs(d)>=a.length&&(c=b+a.length*f),e=d%a.length,"enabled"===a.options.shortPath&&Math.abs(e)>a.length/2&&(f+=0>e?-1:1,c=b+a.length*f)),c}var g=a.document,h=b.widget.BaseWidget,i=b.engine,j=b.event,k=j.gesture,l=b.util.Animate,m=300,n=600,o=100,p=30,q=10,r=0,s=null,t=function(){this.options={min:0,max:9,step:1,moduloValue:"enabled",shortPath:"enabled",duration:n,direction:"up",rollHeight:"custom",itemHeight:38,momentumLevel:0,scaleFactor:.4,moveFactor:.4,loop:"enabled",labels:[],digits:0},this._ui={},this.length=this.options.max-this.options.min+1,this._prevValue=null,null===s&&(s=new k.Drag({blockHorizontal:!0}),j.enableGesture(g,s))},u="ui-spin",v={SPIN:u,ITEM:u+"-item",SELECTED:u+"-item-selected",NEXT:u+"-item-next",PREV:u+"-item-prev",ENABLED:"enabled",ENABLING:u+"-enabling"},w=new h;t.classes=v,t.timing=l.timing,w._valueToIndex=function(a){var b=this.options,c=b.max-b.min+1;for(a-=b.min;ab.max;)a-=c;return parseInt(a,10)%this.length},w._removeSelectedLayout=function(){var a=this;null!==a._prevValue&&a._ui.items[a._valueToIndex(a._prevValue)].classList.remove(v.SELECTED)},w._addSelectedLayout=function(){var a=this,b=a._valueToIndex(a.options.value);a._ui.items[b].classList.add(v.SELECTED)},w._show=function(a){var c=this,d=new l({}),g=null,h={value:f(c)};c._removeSelectedLayout(),g={animation:[{object:h,property:"value",to:c.options.value}],animationConfig:{duration:c.options.enabled?c.options.duration:1,timing:t.timing.ease}},c.state=g,c._objectValue=h,c._animation=d,d.set(g.animation,g.animationConfig),d.tick(e.bind(null,c)),d.start(function(){c._addSelectedLayout(),a&&b.event.trigger(c.element,"spinchange",{value:parseInt(c.options.value,10),dValue:parseInt(c.options.value,10)-parseInt(c._prevValue,10)})})},w._modifyItems=function(){var a,b=this,c=b.options,e=b.element,f=0,h=[].slice.call(e.querySelectorAll("."+v.ITEM)),i=c.max-c.min+1,j=i-h.length,k=null,l=0;if(j>0)for(;j>l;l++)k=g.createElement("div"),k.classList.add(v.ITEM),e.appendChild(k),h.push(k);else if(0>j)for(j=-j;j>l;l++)e.removeChild(h.pop());h.forEach(function(a,d){var e="";if(b.options.labels.length)e=b.options.labels[d];else if(e+=c.min+d,c.digits>0)for(;e.length=f.options.min&&c<=f.options.max||"enabled"===f.options.loop)&&(f._prevValue=f.options.value,"enabled"===f.options.loop&&(c>f.options.max?c=f.options.min:c-1?b:"up"},w._drag=function(b){var c,d,e=this;null===g.getElementById(e.element.id)?j.off(g,"drag dragend",e):e.options.enabled&&(d=e.value(),c=b.detail.deltaY-r,Math.abs(c)>p&&(e._setValue(d-Math.round(c/p),!0),r=b.detail.deltaY,a.navigator.vibrate(q)))},w._dragEnd=function(){r=0},w._click=function(a){var b=a.target,c=this,d=c._ui.items,e=c.value(),f=d.indexOf(b),g=c._valueToIndex(e);f>-1&&f!==g&&(g===d.length-1&&0==f?c._setValue(e+1,!0):0===g&&f==d.length-1?c._setValue(e-1,!0):g>f?c._setValue(e-1,!0):f>g&&c._setValue(e+1,!0))},w.handleEvent=function(a){switch(a.type){case"drag":this._drag(a);break;case"dragend":this._dragEnd(a);break;case"click":this._click(a)}},w._bindEvents=function(){var a=this;j.on(a.element,"click",a)},w._unbindEvents=function(){var a=this;j.off(a.element,"drag dragend",a),j.off(a.element,"click",a)},w._destroy=function(){var a=this,b=a.element;a._unbindEvents(),a._ui.items.forEach(function(a){a.parentNode.removeChild(a)}),b.classList.remove(v.SPIN)},t.prototype=w,b.widget.wearable.Spin=t,i.defineWidget("Spin","."+u,[],t,"wearable")}(a,d),function(){function a(a,b){var c=null;n.forEach(b,function(b){c=a[b],"number"==typeof c||Number.isInteger(c)||(a[b]=parseInt(c,10))})}function b(a,b){var c=null,d=b.width,e=b.height,f=b.degrees,g=b.tickHeight;return c=m.addRadius(a,{classes:b.classes,x:d/2,y:e/2,r:b.r,degrees:f,length:g,direction:"out",width:b.strokeWidth,color:b.color,animation:b.animation||!1})}function c(a,b){m.addCircle(a,{arcStart:0,arcEnd:360,r:b.r,width:b.width,color:b.color,fill:"none"})}function e(a,b){m.addArc(a,{arcStart:b.arcStart,arcEnd:b.arcEnd,r:b.r-50,width:b.width,color:b.color,fill:"none"})}function f(a,b){var c=m.createSVG(a._ui.element),d=null,e=a.options,f=0,g=parseInt(e.start,10),h=parseInt(b.r,10),i=0;return a._ui.svgIndicator=c,m.addCircle(c,{arcStart:0,arcEnd:360,r:h,width:8,color:b.color,fill:"transparent"}),d=c.querySelector("circle"),f=g-90,i=2*Math.PI*h,d.setAttribute("stroke-dasharray",""+i),c.style.transform="rotate("+f+"deg)",d.setAttribute("stroke-dashoffset",""+i),a.minimumCirclePoints=i,d}function g(a,b){var c=0,d=0,e=a+"";if(b>0&&e.toString().lengthc;c++)e="0"+e;return e}function h(a,b,c,d,e){var f=a.options,h=a._ui.svg,i=f.text,j=f.textDigits,k=f.textColor,l="",n=null,o="";n=m.polarToCartesian(c/2,d/2+8,f.textR,e),l=g(b,j),"rotated"===i&&(o="rotate("+e+","+n.x+","+(n.y-8)+")"),m.addText(h,{x:n.x,y:n.y,text:l,transform:o,color:k})}function i(a,c,d){var e=a.options,f=a._ui.svg,g=360/(e.to-e.from),i=d*g+e.start,j=c.getClientRects()[0],k=j.width,l=j.height;e.bigTick&&d%e.bigTick===0?(b(f,{degrees:i,width:k,height:l,tickHeight:e.bigTickHeight,classes:"ui-big",color:e.bigTickColor,strokeWidth:e.bigTickWidth,r:e.bigTickR}),"none"!==a.options.text&&h(a,d,k,l,i)):e.smallTick&&d%e.smallTick===0&&b(f,{degrees:i,width:k,height:l,tickHeight:e.smallTickHeight,classes:"ui-small",color:e.smallTickColor,strokeWidth:e.smallTickWidth,r:e.smallTickR})}function j(a,b){var d={r:b.circleR,width:b.circleWidth,color:b.circleColor};0!==b.circleStartArc||0!==b.circleEndArc?(d.arcStart=b.circleStartArc,d.arcEnd=b.circleEndArc,e(a,d)):c(a,d)}var k=d.widget.BaseWidget,l=d.engine,m=d.util.polar,n=d.util.array,o=function(){this.options={circleR:0,circleStartArc:0,circleEndArc:0,circleWidth:2,circleColor:"white",from:0,to:60,start:0,cut:0,text:"none",textR:180,textColor:"white",textDigits:0,bigTick:0,bigTickColor:"white",bigTickHeight:10,bigTickWidth:3,bigTickR:0,smallTick:0,smallTickHeight:5,smallTickWidth:1,smallTickR:0,smallTickColor:"white",indicatorType:"arc",indicatorColor:"red",indicatorHeight:40,indicatorWidth:2,indicatorR:180},this._ui={element:null},this.indicatorValue=0,this.minimumCirclePoints=0},p="ui-circleindicator",q={WIDGET:p},r=new k;o.classes=q,r._drawIndicator=function(a){var c=this,d=c.options,e=c._ui,g=e.svg,h=a.getClientRects()[0],i=h.width,j=h.height;switch(d.indicatorType){case"line":e.pointer=b(g,{degrees:c.indicatorValue+d.start,width:i,strokeWidth:d.indicatorWidth,height:j,tickHeight:d.indicatorHeight,r:d.indicatorR,classes:"ui-pointer",color:d.indicatorColor,animation:!0});break;case"arc":e.pointer=f(c,{r:d.indicatorR,color:d.indicatorColor})}},r._prepareTicksCircle=function(a){for(var b=this,c=b._ui.svg,d=b.options,e=0,f=d.cut>0&&d.cute;)i(b,a,e),++e;d.circleR&&j(c,d)},r._build=function(b){var c=b.id,d=this,e=m.createSVG(b);return a(d.options,["to","from","textR","cut","bigTick","start","textDigits","bigTickR","smallTick","circleWidth","indicatorR","circleEndArc","circleStartArc","indicatorHeight","indicatorWidth","bigTickHeight","smallTickHeight"]),c||(b.id="tau-custom-widget-"+Date.now()),b.classList.add(p),d._ui={element:b,svgIndicator:null,pointer:null,svg:e},d._prepareTicksCircle(b),d._drawIndicator(b),b},r._getValue=function(){return this.indicatorValue},r._setValue=function(a){var b=this,c=b.options,d=b._ui,e=d.svg,f=d.pointer,g=c.indicatorType,h=d.element.getClientRects()[0],i=c.bigTickR,j=h.width,k=h.height,l=0,n=c.to;b.indicatorValue=a,"line"===g?m.updatePosition(e,".ui-pointer",{degrees:a*(j/n),classes:f.getAttribute("class"),color:f.getAttribute("stroke"),direction:"out",length:40,r:i,width:f.getAttribute("stroke-width"),x:j/2,y:k/2,animation:!0}):"arc"===g&&(l=b.minimumCirclePoints-a*b.minimumCirclePoints/n,f.setAttribute("stroke-dashoffset",""+l))},r._removeItems=function(){for(var a=this._ui.element;a.firstChild;)a.removeChild(a.firstChild)},r._removeTicksCircle=function(){var a,b=this._ui.svg.querySelectorAll(".ui-big, .ui-small"),c=b.length;for(a=0;c>a;a++)b[a].parentElement.removeChild(b[a]); +},r._refresh=function(){var a=this._ui.pointer;this._removeTicksCircle(),this._prepareTicksCircle(this.element),a.parentElement.appendChild(a)},r._destroy=function(){this._removeItems()},o.prototype=r,d.widget.wearable.CircleIndicator=o,l.defineWidget("CircleIndicator","."+q.WIDGET,[],o,"wearable")}(),function(a,b){function c(){var a=this;a.options={min:0,max:12,step:1,disabled:!1,accelerated:0},a._circleIndicator=null,a._spin=null,a._ui={number:null,page:null,container:null,indicator:null,buttonSet:null,label:null,footer:null}}function e(a){d.event.trigger(a.element,"change",{value:a.value()}),history.back()}function f(a,b){var c=parseInt(a.options.step,10),d=Date.now(),e=parseInt(a.options.accelerated,10);a._spin.option("enabled")&&(e&&(d-a._previousRotaryTime<30&&(c*=e),a._previousRotaryTime=d),"CW"===b.detail.direction?a.value(a.value()+c):a.value(a.value()-c))}function g(a,b){b?a._ui.number.classList.contains("enabled")||(a._ui.label.classList.add(p.HIDDEN),a._spin.option("enabled",!0)):a._ui.number.classList.contains("enabled")&&(a._ui.label.classList.remove(p.HIDDEN),a._spin.option("enabled",!1))}function h(a,b){var c=b.target;c&&g(a,j.getClosestByClass(c,m)===a._ui.number)}function i(a,b){var c=b.target;c&&(a.element.value=b.detail.value,a.element.setAttribute("value",b.detail.value))}var j=d.util.selectors,k=new d.widget.BaseWidget,l=d.widget.wearable.Spin,m=l.classes.SPIN,n="ui-number-picker",o="input[type='number']",p={CONTAINER:n+"-container",NUMBER:n+"-number",NUMBER_BLINK:n+"-number-blink",LABEL:n+"-label",LABEL_PRESSED:n+"-label-pressed",BUTTON_SET:n+"-set",DISABLED:n+"-disabled",HIDDEN:"hidden"};c.classes=p,k._extractLabel=function(a){var c="",d=null;return c=a.getAttribute("id"),c&&(d=b.querySelector('*[for="'+c+'"]')),d||(d=j.getClosestByTag(a,"label")),d&&a.parentElement===d&&d.parentElement.replaceChild(a,d),d||(d=b.createElement("label"),a.parentNode.appendChild(d)),d},k._findFooter=function(a){var c=j.getClosestBySelector(a,".ui-page, .ui-popup"),d=null,e=null;return c&&(e=c.querySelector("footer, .ui-footer, .ui-popup-footer"),e||(e=b.createElement("footer"),c.appendChild(e)),d=e.classList,d.add("ui-footer"),d.add("ui-bottom-button"),d.add("ui-fixed")),e},k._createWidgets=function(a){var b=this,c=b._ui,e=b.options;b._circleIndicator=d.widget.CircleIndicator(c.indicator,{text:e.circleType||"none",circleR:e.circleR||0,from:e.from||0,to:e.to||360,indicatorType:"line",indicatorHeight:21,indicatorColor:"rgba(249,123,47,1)",indicatorWidth:6,indicatorR:180,bigTick:e.bigTick||0,bigTickR:e.bigTickR||0,bigTickHeight:e.bigTickHeight||0,bigTickWidth:e.bigTickWidth,smallTick:e.smallTick||0,smallTickR:e.smallTickR||0,smallTickHeight:e.smallTickHeight||0}),a&&(b._spin=d.widget.Spin(c.number,{min:b.options.min,max:b.options.max,loop:"enabled",rollHeight:"custom",itemHeight:38,duration:300,value:a.value}))},k._getOptions=function(a){var b=this.options;a=this.element||a,b.min=parseInt(a.getAttribute("min"),10),b.max=parseInt(a.getAttribute("max"),10),b.step=parseInt(a.getAttribute("step"),10),b.disabled=a.getAttribute("disabled",10)},k._configure=function(a){this._getOptions(a)},k._toggle=function(a){var b=this;b.options.disabled=a,a?b._ui.container.classList.add(p.DISABLED):b._ui.container.classList.remove(p.DISABLED)},k._toggleCircleIndicator=function(a){var b=this;a?b._circleIndicator.element.classList.remove(p.HIDDEN):b._circleIndicator.element.classList.add(p.HIDDEN)},k._refresh=function(){var a=this,b=a.element;a._getOptions(),a._setValue(b.getAttribute("value")),a._toggleCircleIndicator(!1),a._toggle(!!a.options.disabled)},k._updateValue=function(a){this._spin.value(a)},k._getValue=function(){return parseInt(this.element.value,10)},k._setValue=function(a){var b=this,c=b.element,d=b.options;a=parseInt(a,10),a>d.max?a=d.min:a12?(b-=12,d.options.amOrPm="PM"):d.options.amOrPm="AM"),e.numberPickerHoursInput.setAttribute("value",b),e.numberPickerHoursInput.value=b,e.numberPickerMinutesInput.setAttribute("value",c),e.numberPickerMinutesInput.value=c,d._spins&&(d._spins.Hours.value(b),d._spins.Minutes.value((10>c?"0":"")+c)),d._actualMax=parseInt(e.numberPickerHoursInput.max,10)},h._setValue=function(a){var c,d,e,f=this;a instanceof Date?f._setDateValue(a):(a=parseInt(a,10),d=b.querySelector("."+j.ACTIVE_LABEL),d&&(c=d.parentElement.children[2],c.setAttribute("value",a),e=12===f._circleIndicator.options.to?(f._maxHour+a)%f._maxHour:(f._circleIndicator.options.to+a)%f._circleIndicator.options.to,"h"===f.options.format&&12===f._circleIndicator.options.to&&0===e&&(e=12),c.value=e,f._spins&&(60===f._circleIndicator.options.to?f._spins.Minutes.value((10>e?"0":"")+e):f._spins.Hours.value(e))))},h._toggleCircleIndicator=function(){var a=this;a.options.indicator?a._circleIndicator.element.classList.remove(j.HIDDEN):a._circleIndicator.element.classList.add(j.HIDDEN)},h._destroy=function(){var a=this,b=a._ui,c=a.element;for(a._circleIndicator.destroy();c.firstChild;)c.removeChild(c.firstChild);b.footer.classList.remove("ui-bottom-button"),b.footer.children.length&&b.footer.removeChild(b.buttonSet),a._unbindEvents()},h._bindEvents=function(){var a=this,c=a._ui;e.on(b,"rotarydetent",a,!0),e.on(b,"click",a,!0),e.on(c.numberMinutes,"spinchange",a,!0),e.on(c.numberHours,"spinchange",a,!0)},h._unbindEvents=function(){var a=this,c=a._ui;e.off(b,"rotarydetent",a,!0),e.off(b,"click",a,!0),e.on(c.numberMinutes,"spinchange",a,!0),e.on(c.numberHours,"spinchange",a,!0)},d.prototype=h,d.prototype.constructor=d,c.widget.wearable.TimePicker=d,c.engine.defineWidget("TimePicker",k,[],d,"")}(a,a.document,a.tau),function(a,b){var c,d=b.widget.wearable.Selector,e=b.engine,f=function(){var a=this;a.options={},d.call(a)},g={red:"#FE0030",darkorange:"#FE5E34",orange:"#FE8E38",yellow:"#FEEE43",yellowgreen:"#82C350",green:"#00B455",darkturquoise:"#00A99C",deepskyblue:"#00B0EA",darkblue:"#0058A1",purple:"#6A338D",grey:"#727272"},h="ui-colorpicker",i={WIDGET:h,SELECTOR:"ui-selector",ITEM:"ui-item",INDICATOR:"ui-selector-indicator-text",ITEM_ACTIVE:"ui-item-active"},j=new d;f.events={},j._build=function(a){var b=this;return b._createItems(a),d.prototype._build.call(b,a),a.classList.add(h,i.SELECTOR),a},j._createItems=function(b){var c,d=i.ITEM;Object.keys(g).forEach(function(e){c=a.createElement("div"),c.classList.add(d),c.style.backgroundColor=g[e],c.setAttribute("data-title",e),b.appendChild(c)})},j._setActiveItem=function(a){var b,e,f=this;d.prototype._setActiveItem.call(f,a),e=f.element.querySelector("."+i.INDICATOR),b=f.element.querySelector("."+i.ITEM_ACTIVE).getAttribute("data-title"),c=g[b],e.style.backgroundColor=c},j.getSelectedColor=function(){return c},j._destroy=function(){var a=this,b=a.element;d.prototype._destroy.call(a),b.innerHTML=""},f.prototype=j,b.widget.wearable.ColorPicker=f,e.defineWidget("ColorPicker",".ui-colorpicker",["getSelectedColor"],f)}(a.document,d),function(a,b){function e(){var a=this;a._ui={display:{},dayNameContainer:null,footer:null},a.options={min:0,max:12,step:1,disabled:!1},a._circleIndicatorSupporter=null,a._activeSelector=null,a._spins={}}var f=d.widget.BaseWidget,g=d.engine,h=d.event,i=d.widget.wearable.NumberPicker,j=new f,k=d.util.selectors.getClosestByClass,l="ui-date-picker",m={CONTAINER:l+"-container",CONTAINER_PREFIX:l+"-container-",DAYNAME_CONTAINER:l+"-containter-dayname",ACTIVE_LABEL_ANIMATION:l+"-active-label-animation",HIDDEN:l+"-hidden",LABEL_HIDDEN:"ui-number-picker-label-hidden"},n=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],o=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p="."+l,q={month:{to:12,bigTick:1,bigTickHeight:20,smallTick:0},year:{to:50,bigTickHeight:13,bigTick:5,smallTick:1},day:{to:30,bigTickHeight:13,bigTick:2,smallTick:1}},r=1900,s=2050,t=["month","day","year"];j._init=function(){this._setValue(new Date),this._setActiveSelector("month")},j._bindEvents=function(){var a=this;a.on("click",a,!0),h.on(a._ui.display.day,"spinchange",a,!1),h.on(a._ui.display.month,"spinchange",a,!1),h.on(a._ui.display.year,"spinchange",a,!1),h.on(b,"rotarydetent",a,!0)},j._unbindEvents=function(){var a=this;h.off(b,"rotarydetent",a,!0),a.off("click",a,!0)},j._build=function(a){var c=this,d=c._ui,e=b.createElement("footer"),f=b.createElement("button"),g=b.createElement("div");return f.innerHTML="SET",a.classList.add(i.classes.CONTAINER),f.classList.add("ui-btn",i.classes.BUTTON_SET),e.classList.add("ui-footer","ui-bottom-button","ui-fixed"),g.classList.add(m.DAYNAME_CONTAINER),t.forEach(function(b){a.appendChild(c._createContainer(b))}),a.appendChild(g),a.appendChild(e),e.appendChild(f),d.buttonSet=f,d.dayNameContainer=g,d.footer=e,c._buildNumberPicker(),a},j._buildNumberPicker=function(){var a=this,b=a._ui.display;Object.keys(b).forEach(function(c){var e;switch(c){case"month":e={min:1,max:o.length,loop:"enabled",labels:o.join(","),rollHeight:"custom",itemHeight:50,duration:300,value:2};break;case"day":e={min:1,max:31,loop:"enabled",rollHeight:"custom",itemHeight:50,duration:300,value:1};break;case"year":e={min:r,max:s,loop:"enabled",rollHeight:"custom",itemHeight:50,duration:300,value:1}}a._spins[c]=d.widget.Spin(b[c],e)})},j._setOptionsTo=function(a,b){var c=q[a];b&&(c.to=b)},j._createContainer=function(a){var c=this,d=c._ui,e=b.createElement("div"),f=b.createElement("label"),g=b.createElement("div");return e.classList.add(i.classes.NUMBER),g.classList.add(m.CONTAINER),f.classList.add(i.classes.LABEL),f.innerText=a[0].toUpperCase()+a.substr(1),g.appendChild(f),g.appendChild(e),g.classList.add(m.CONTAINER_PREFIX+a),d.display[a]=e,g},j._setValue=function(a){var b=this,c=b._ui,d=n[a.getDay()];b._value=a,Object.keys(c.display).forEach(function(a){b._spins[a].value(b._getValue(a))}),c.dayNameContainer.innerHTML=d},j._getValue=function(a){var b=this._value;switch(a){case"month":return b.getMonth()+1;case"day":return b.getDate();case"year":return b.getFullYear();default:return b}},j._getTextValue=function(a){var b=this._value;switch(a){case"month":return o[b.getMonth()];case"day":return b.getDate();case"year":return b.getFullYear();default:return b}},j._getIndicatorValue=function(a){var b=this._value;switch(a){case"month":return b.getMonth()+1;case"day":return b.getDate();case"year":return b.getFullYear()%50;default:return b}},j._daysInMonth=function(a,b){return a===c&&(a=this._getValue("year")),b===c&&(b=this._getValue("month")-1),new Date(a,b+1,0).getDate()},j.handleEvent=function(a){var b=this;"click"===a.type?(a.preventDefault(),b._onClick(a)):"rotarydetent"===a.type?(a.preventDefault(),b._onRotary(a)):"spinchange"===a.type&&b._onSpinChange(a.detail.value)},j._getMaxValue=function(a){switch(a){case"day":return this._daysInMonth();case"year":return 50;default:return 12}},j._setLabelVisible=function(a,b){var c=k(this._ui.display[a],m.CONTAINER),d=c.querySelector("."+i.classes.LABEL);b?d.classList.remove(m.LABEL_HIDDEN):d.classList.add(m.LABEL_HIDDEN)},j._setActiveSelector=function(a){var b=this,c=b._ui,d=b._getMaxValue(a),e=b._spins;b._activeSelector!==a&&(a&&b._setOptionsTo(a,d),Object.keys(c.display).forEach(function(a){e[a].option("enabled")&&(e[a].option("enabled",!1),b._setLabelVisible(a,!0))}),a&&e[a]&&(e[a].option("enabled",!0),b._setLabelVisible(a,!1))),b._activeSelector=a},j._onClick=function(a){var b=this,c=a.target,d=k(c,m.CONTAINER),e=d?d.className:"",f="";e&&(f=e.replace(m.CONTAINER_PREFIX,"").replace(m.CONTAINER,"").trim()),d&&f&&t.indexOf(f)>-1?b._setActiveSelector(f):c.classList.contains("ui-number-picker-set")?(b.trigger("change",{value:b.value()}),history.back()):b._setActiveSelector("")},j._destroy=function(){this._unbindEvents(),this.element.innerHTML=""},j._changeMonth=function(a){var b,c,d=this,e=d.value(),f=e.getMonth(),g=e.getDate(),h=e.getFullYear();b=f+a,e.setMonth(b),e.setFullYear(h),c=d._daysInMonth(h,b),g>c&&d._daysInMonth(h,f)>c&&(e=new Date(h,b,c)),d._changeValue(e)},j._changeDay=function(a){var b,c=this,d=c.value(),e=d.getMonth(),f=d.getDate(),g=d.getFullYear(),h=c._daysInMonth(g,e);b=f+a,0>a&&1===f?d.setDate(h):d.setDate(b),d.setMonth(e),d.setFullYear(g),c._changeValue(d)},j._changeYear=function(a){var b,c=this,d=c.value(),e=d.getMonth(),f=d.getFullYear(),g=f+a;g>s?g=r:r>g&&(g=s),d.setFullYear(g),b=c._daysInMonth(d.getFullYear(),1),1===e&&c._daysInMonth(f,1)>b&&(d.setMonth(1),d.setDate(b)),c._changeValue(d)},j._changeValue=function(a){var b=this;b._setValue(a)},j._onRotary=function(a){var b,c=this,d=a.detail.direction;switch(b="CW"===d?1:-1,c._activeSelector){case"month":c._changeMonth(b);break;case"day":c._changeDay(b);break;case"year":c._changeYear(b)}},j._onSpinChange=function(a){var b,c=this,d=c.value();switch(c._activeSelector){case"month":b=d.getMonth()+1,c._changeMonth(a-b);break;case"day":b=d.getDate(),c._changeDay(a-b);break;case"year":b=d.getFullYear(),c._changeYear(a-b)}},e.prototype=j,e.prototype.constructor=e,d.widget.wearable.DatePicker=e,g.defineWidget("DatePicker",p,[],e,"")}(a,a.document),function(b,c){var d=c.widget.BaseWidget,e=c.engine,f=c.event,g=c.util.selectors,h=function(){var a=this;a._initialWindowHeight=null,a._hasFocus=!1,a._isInputPaneVisible=!1,a._ui={}},i=new d;h.events={},i._build=function(c){var d,e,f=this,h=f._ui;return e=g.getClosestByClass(c,"ui-page"),e&&(d=g.getChildrenByClass(e,"ui-textinput-pane")[0],d||(d=b.createElement("div"),d.classList.add("ui-textinput-pane"),e.appendChild(d))),h.page=e,h.pane=d,this._initialWindowHeight=a.innerHeight,c},i._init=function(a){var b=this;return b._hideInputPaneBound=b._hideInputPane.bind(b),b._windowResizeBound=b._onWindowResize.bind(b),b._onHWKeyBound=b._onHWKey.bind(b),a},i._bindEvents=function(a){var b=this;f.on(a,"focus",b,!0),f.on(a,"blur",b,!0)},i._showInputPane=function(){var b=this,c=b._ui,d=c.pane,e=b.element,g=e.cloneNode(!0);d.appendChild(g),d.style.display="block",b._isInputPaneVisible=!0,g.focus(),f.on(g,"blur",b._hideInputPaneBound,!0),f.on(a,"resize",b._windowResizeBound,!0),f.on(a,"tizenhwkey",b._onHWKeyBound,!0)},i._hideInputPane=function(){var b,c=this,d=c._ui,e=d.pane,g=c.element;c._isInputPaneVisible&&(b=e.lastChild,g.value=b.value,f.off(b,"blur",c._hideInputPaneBound,!0),e.removeChild(b),e.style.display="none",f.off(a,"resize",c._windowResizeBound,!0),f.off(a,"tizenhwkey",c._onHWKeyBound,!0),c._isInputPaneVisible=!1)},i.handleEvent=function(a){var b=this;switch(a.type){case"focus":b._onFocus(a);break;case"blur":b._onBlur(a)}},i._onFocus=function(a){var b=this;a.preventDefault(),b.element.blur(),b._isInputPaneVisible||b._showInputPane()},i._onWindowResize=function(){var b=this,c=a.innerHeight;c===b._initialWindowHeight&&b._isInputPaneVisible&&b._hideInputPane()},i._onBlur=function(a){var b=this;a.preventDefault(),b._isInputPaneVisible&&b._hideInputPane()},i._onHWKey=function(a){"back"===a.keyName&&(a.preventDefault(),a.stopPropagation(),this._hideInputPane())},i.focus=function(){this.element.focus()},i.blur=function(){this.element.blur()},h.prototype=i,c.widget.wearable.TextInput=h,e.defineWidget("TextInput","input[type='text'], input[type='number'], input[type='password'], input[type='email'], input[type='url'], input[type='tel'], input[type='search']",[],h,"wearable")}(a.document,d),function(a){a.helper=a.helper||{}}(d),function(a,b,c){var d=c.engine,e=function(a,b){this._snapListviewWidget=d.instanceWidget(a,"SnapListview",b)},f=e.prototype;f.destroy=function(){var a=this;a._snapListviewWidget&&a._snapListviewWidget.destroy(),a._snapListviewWidget=null},f.getSnapList=function(){return this._snapListviewWidget},e.create=function(a,b){return new e(a,b)},c.helper.SnapListStyle=e}(b,a,d),function(a,b,c){var d=c.engine,e=c.helper,f=c.util.object,g={marqueeDelay:0,marqueeStyle:"slide",speed:60,iteration:1,timingFunction:"linear",ellipsisEffect:"gradient",runOnlyOnEllipsisText:!0,autoRun:!1,snapListview:!0},h=function(a,b){var c=this;c.options=f.fastMerge({},g),f.fastMerge(c.options,b),c._listviewWidget=null,c._selectedMarqueeWidget=null,c.element=a},i=h.prototype;i._instanceMarquee=function(){var a,b=this,c=b._marqueeElement;b._destroyMarqueeWidget(),c&&(a=d.instanceWidget(c,"Marquee",b.options),a.start(),b._marqueeElement=null,b._selectedMarqueeWidget=a)},i._clickHandlerForRectangular=function(a){var b=this,c=a.target,d=b._selectedMarqueeWidget;d&&c.parentElement===d.element?"running"===d._state?d.reset():d.start():c&&c.classList.contains("ui-marquee")&&(b._marqueeElement=c,requestAnimationFrame(b._instanceMarquee.bind(b)))},i._scrollHandlerForRectangular=function(){this._destroyMarqueeWidget()},i._destroyMarqueeWidget=function(){var a=this._selectedMarqueeWidget;a&&(a.stop(),a.reset(),a.destroy(),this._selectedMarqueeWidget=null)},i._touchStartHandler=function(){this._selectedMarqueeWidget&&this._selectedMarqueeWidget.reset()},i._scrollEndHandler=function(){this._destroyMarqueeWidget()},i._selectedHandler=function(a){var b=this,c=a.target.querySelector(".ui-marquee");c&&(b._marqueeElement=c,requestAnimationFrame(b._instanceMarquee.bind(b)))},i.handleEvent=function(a){var b=this;switch(a.type){case"click":b._clickHandlerForRectangular(a);break;case"scroll":b._scrollHandlerForRectangular(a);break;case"rotarydetent":case"touchstart":b._touchStartHandler(a);break;case"scrollend":b._scrollEndHandler(a);break;case"selected":b._selectedHandler(a)}},i.init=function(){var a,b=this,e=b.element,f=b.options;f.delay=f.delay||f.marqueeDelay,c.support.shape.circle?b._bindEventsForCircular():(b._bindEventsForRectangular(),f.snapListview=!1),a=f.snapListview?"SnapListview":"Listview",b._listviewWidget=d.instanceWidget(e,a,f)},i._bindEventsForRectangular=function(){a.addEventListener("click",this,!1),a.addEventListener("scroll",this,!0)},i._unbindEventsForRectangular=function(){a.removeEventListener("click",this,!1),a.removeEventListener("scroll",this,!0)},i._bindEventsForCircular=function(){var b=this;a.addEventListener("touchstart",b,!1),a.addEventListener("scrollend",b,!1),a.addEventListener("rotarydetent",b,!1),a.addEventListener("selected",b,!1)},i._unbindEventsForCircular=function(){var b=this;a.removeEventListener("touchstart",b,!1),a.removeEventListener("scrollend",b,!1),a.removeEventListener("rotarydetent",b,!1),a.removeEventListener("selected",b,!1)},i.destroy=function(){var a=this;c.support.shape.circle?a._unbindEventsForCircular():a._unbindEventsForRectangular(),a._destroyMarqueeWidget(),a._listviewWidget&&(a._listviewWidget.destroy(),a._listviewWidget=null),a.options=null},h.create=function(a,b){var c=new h(a,b);return c.init(),c},e.SnapListMarqueeStyle=h,e.ListMarqueeStyle=h}(b,a,d),function(a,b,c){function d(a){h.on(a,"touchstart touchend mousedown mouseup",this,!1)}function e(a){h.off(a,"touchstart touchend mousedown mouseup",this,!1)}var f=c.engine,g=c.util.object,h=c.event,i=c.util.selectors,j={more:".ui-more",selector:".ui-selector"},k={page:"ui-page"},l=function(a,b){var c=this;c.options=g.merge({},j),c._drawerWidget=null,c._handlerElement=null,c._selectorWidget=null,c.init(a,b)},m=l.prototype;m.handleEvent=function(a){var b=this;switch(a.type){case"touchstart":case"mousedown":b._onTouchStart(a);break;case"touchend":case"mouseup":b._onTouchEnd(a)}},m._onTouchStart=function(a){a.preventDefault(),a.stopPropagation()},m._onTouchEnd=function(){this._drawerWidget.close()},m.init=function(a,b){var c,d,e=this,h=i.getClosestByClass(a,k.page);g.fastMerge(e.options,b),c=h.querySelector(e.options.handler),d=a.querySelector(e.options.selector),e._drawerWidget=f.instanceWidget(a,"Drawer"),c&&(e._drawerWidget.setDragHandler(c),e._handlerElement=c,e._bindEvents()),d&&(e._selectorWidget=f.instanceWidget(d,"Selector"))},m._bindEvents=function(){var a=this;d.call(a,a._handlerElement)},m._unbindEvents=function(){var a=this;e.call(a,a._handlerElement)},m.destroy=function(){var a=this;a._handlerElement&&a._unbindEvents(),a._drawerWidget=null,a._handlerElement=null,a._selectorWidget=null},l.create=function(a,b){return new l(a,b)},c.helper.DrawerMoreStyle=l}(b,a,d),function(a,b,d){function e(a,b,c,d){return function(a){var c=1-a,e=3*c,f=a*a,g=f*a,h=e*a*c,i=e*f;return a>1?1:h*b+i*d+g}}function f(a,c,d,f){var g=e(.25,.46,.45,1),h=0,i=0,j=0,l=0,m=d-c,n=c;h=b.performance.now(),k=b.requestAnimationFrame(function o(){var c;i=b.performance.now(),j=(i-h)/f,l=g(j),c=m*l,a.scrollTop=n+c,k=1>j&&j>=0?b.requestAnimationFrame(o):null})}function g(a){b.addEdgeEffectONSCROLLTizenUIF&&("CW"===a?b.addEdgeEffectONSCROLLTizenUIF(!1,!0,!1,!1):b.addEdgeEffectONSCROLLTizenUIF(!0,!1,!1,!1))}function h(){null!==k&&(b.cancelAnimationFrame(k),k=null)}var i=d.util.object,j=d.util.selectors,k=null,l=function(a,b){var c=this;c._elScroller=null,c._scrollTop=0,c._dest=0,c._scrollMax=0,c._callbacks={},c.options={scrollDistance:119,scrollDuration:450},c.init(a,b)},m=l.prototype;m._rotaryDetentHandler=function(a){var b=this,c=b._elScroller,d=b.options,e=a.detail.direction;if("CW"===e){if(c.scrollTop===b._scrollMax)return void g(e);if(b._dest=b._scrollTop+d.scrollDistance>b._scrollMax?b._scrollMax:b._scrollTop+d.scrollDistance,b._scrollTop===b._scrollMax&&b._dest===b._scrollMax)return;h()}else if("CCW"===e){if(0===c.scrollTop)return void g(e);if(b._dest=b._scrollTop-d.scrollDistance<0?0:b._scrollTop-d.scrollDistance,0===b._scrollTop&&0===b._dest)return;h()}f(c,c.scrollTop,b._dest,d.scrollDuration),b._scrollTop=b._dest},m._scrollEndEventHandler=function(a){this._scrollTop=a.currentTarget.scrollTop},m.init=function(b,e){var f,g=this;return f=b instanceof HTMLElement?b:a.getElementById(b),null===f?(d.warn("Scrollable element parameter should be HTML element or id of the element."),c):(f=j.getScrollableParent(f),null===f?(d.warn("There is no scrollable element."),c):(g._elScroller=f,g._scrollTop=f.scrollTop,g._scrollMax=f.scrollHeight-f.offsetHeight,i.merge(g.options,e),void g.bindEvents()))},m.bindEvents=function(){var a,c,d=this;a=d._rotaryDetentHandler.bind(d),c=d._scrollEndEventHandler.bind(d),d._callbacks.rotarydetent=a,d._callbacks.scrollend=c,b.addEventListener("rotarydetent",a,!1),d._elScroller.addEventListener("scrollend",c,!1)},m.unbindEvents=function(){var a=this;b.removeEventListener("rotarydetent",a._callbacks.rotarydetent),a._elScroller.removeEventListener("scrollend",a._callbacks.scrollend),a._callbacks.rotarydetent=null},m.destroy=function(){var a=this;a.unbindEvents(),a._elScroller=null,a.options=null,a._callbacks=null},m.getScroller=function(){return this._elScroller},l.create=function(a,b){return new l(a,b)},d.helper.RotaryEventBinder=l}(b,a,d),function(a,b){var c=b.util,d=c.path,e=b.router.history,f={},g="circularindexscrollbar=true",h=/([&|\?]circularindexscrollbar=true)/,i=".ui-circularindexscrollbar";f.orderNumber=2e3,f.filter=i,f.option=function(){return null},f.open=function(){return null},f.find=function(a){var c,e=d.convertUrlToDataUrl(a),f=b.router.Router.getInstance().getContainer().getActivePage();return c=f.element.querySelector("#"+e)},f.parse=function(){return null},f.setActive=function(a){var b,c=d.getLocation(),f=c.replace(h,"");this._activeWidget=a,a?(b=d.addHashSearchParams(f,g),e.replace({},"",b)):c!==f&&e.back(),this.active=!0},f.onHashChange=function(a,b,c){var d=this,e=d._activeWidget,f=c.stateUrl;return e&&f.search(g)>0&&a.search(g)<0?(e.hide(b),d.active=!1,!0):null},b.router.route.circularindexscrollbar=f}(a.document,d),function(){var a=d.history,b={orderNumber:1e3,filter:".ui-grid",option:function(){return null},open:function(b,c){a.replace({url:c.url, +rel:c.rel},c.url,c.title)},onHashChange:function(){return null},find:function(){return null}};d.router.route.grid=b}(),function(a){a.addEventListener("beforerouterinit",function(){d.autoInitializePage!==c&&d.setConfig("autoInitializePage",d.autoInitializePage)},!1),a.addEventListener("routerinit",function(b){var e=b.detail,f=d.util.object,g=e.getRoute("page"),h=e.getRoute("popup"),i=d.history,j=i.back.bind(e),k=d.widget.core.Page.classes,l=k.uiPageActive;d.changePage=e.open.bind(e),a.addEventListener("pageshow",function(){d.activePage=a.querySelector("."+l)}),d.firstPage=g.getFirstElement(),d.getActivePage=g.getActiveElement.bind(g),d.back=j,d.initializePage=e.init.bind(e),d.pageContainer=e.container,d.openPopup=function(a,b){var d;d=a&&a.length!==c&&"object"==typeof a?a[0]:a,b=f.merge({},b,{rel:"popup"}),e.open(d,b)},d.closePopup=h.close.bind(h,null)},!1)}(a.document),function(a){var b=a.engine;a.IndexScrollbar=function(c,d){return a.warn("tau.IndexScrollbar is deprecated. you have to use tau.widget.IndexScrollbar."),b.instanceWidget(c,"IndexScrollbar",d)},a.SectionChanger=function(c,d){return a.warn("tau.SectionChanger is deprecated. you have to use tau.widget.SectionChanger."),b.instanceWidget(c,"SectionChanger",d)},a.SwipeList=function(c,d){return a.warn("tau.SwipeList is deprecated. you have to use tau.widget.SwipeList."),b.instanceWidget(c,"SwipeList",d)},a.VirtualListview=function(c,d){return a.warn("tau.VirtualListview is deprecated. you have to use tau.widget.VirtualListview."),b.instanceWidget(c,"VirtualListview",d)}}(d),function(a,b,c){var d=c.event,e=function(a){var b=a.target,c=!1,e={left:!1,right:!1,top:!1,bottom:!1};b.scrollHeight>b.clientHeight&&(0===b.scrollTop?(c=!0,e.top=!0):b.scrollTop===b.scrollHeight-b.clientHeight&&(c=!0,e.bottom=!0)),b.scrollWidth>b.clientWidth&&(0===b.scrollLeft?(c=!0,e.left=!0):b.scrollLeft===b.scrollWidth-b.clientWidth&&(c=!0,e.right=!0)),c&&d.trigger(b,"scrolledtoedge",e)},f={enable:function(){a.addEventListener("scroll",e,!0)},disable:function(){a.removeEventListener("scroll",e,!0)}};c.event.scrolledtoedge=f}(a,a.document,d),function(a,b,c){function d(a){var b="CCW";a.deltaY>0&&(b="CW"),f.trigger(a.target,"rotarydetent",{direction:b})}var e={enabled:!0,bind:function(){b.addEventListener("mousewheel",d,!0)},unbind:function(){b.removeEventListener("mousewheel",d,!0)}},f=c.event;e.bind(),c.event.pinch=e}(a,a.document,d),function(a){var b=a.event.gesture,c=b.Result,d=a.event.gesture.Detector,e={start:"pinchstart",move:"pinchmove",end:"pinchend",cancel:"pinchcancel","in":"pinchin",out:"pinchout"},f=d.plugin.create({name:"pinch",index:300,eventNames:e,defaults:{velocity:.6,timeThreshold:400},isTriggered:!1,handler:function(a,d,f){var g,h=c.PENDING;switch(a.eventType){case b.Event.MOVE:if(1===a.pointers.length&&a.distance>35)h=c.FINISHED;else if(!this.isTriggered&&a.pointers.length>=2)this.isTriggered=!0,d.sendEvent(e.start,a)===!1&&a.preventDefault(),h=c.RUNNING;else if(this.isTriggered){if(a.deltaTimef.velocity||a.velocityY>f.velocity))return g=a.scale<1?d.sendEvent(e["in"],a):d.sendEvent(e.out,a),g===!1&&a.preventDefault(),this.isTriggered=!1,h=c.FINISHED|c.BLOCK;d.sendEvent(e.move,a)===!1&&a.preventDefault(),h=c.RUNNING}break;case b.Event.BLOCKED:case b.Event.END:this.isTriggered&&(d.sendEvent(e.end,a)===!1&&a.preventDefault(),this.isTriggered=!1,h=c.FINISHED);break;case b.Event.CANCEL:this.isTriggered&&(d.sendEvent(e.cancel,a)===!1&&a.preventDefault(),this.isTriggered=!1,h=c.FINISHED)}return h}});a.event.gesture.Pinch=f}(d),function(){function a(a,b,c){var d,e=c.target,f={};4===e.readyState&&(f.success=200===e.status||0===e.status&&e.responseXML,d=e.responseXML,b.fullDocument||(d=d.body.firstChild),a(f,d))}function b(b,c,d,e){var g,h=c,i=a.bind(null,e,d);d&&(h=f.addSearchParams(c,d)),g=new XMLHttpRequest,g.responseType="document",g.overrideMimeType("text/html"),g.open("GET",h),g.addEventListener("error",i),g.addEventListener("load",i),g.send()}var c=d.template,e=d.util,f=e.path;c.register("html",b)}(),function(a){a.getConfig("autorun",!0)===!0&&a.engine.run()}(d),d.info.profile="wearable"}(window,window.document); \ No newline at end of file diff --git a/lib/tau/wearable/theme/blue/images/Actionbar/b_more_option.png b/lib/tau/wearable/theme/blue/images/Actionbar/b_more_option.png new file mode 100644 index 0000000..ced2924 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Actionbar/b_more_option.png differ diff --git a/lib/tau/wearable/theme/blue/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png b/lib/tau/wearable/theme/blue/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png new file mode 100644 index 0000000..e06b5d5 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Bottom_button/tw_bottom_btn_bg.png b/lib/tau/wearable/theme/blue/images/Bottom_button/tw_bottom_btn_bg.png new file mode 100644 index 0000000..d924082 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Bottom_button/tw_bottom_btn_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Common/b_more_option_btn_next_page.png b/lib/tau/wearable/theme/blue/images/Common/b_more_option_btn_next_page.png new file mode 100644 index 0000000..1798fcb Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Common/b_more_option_btn_next_page.png differ diff --git a/lib/tau/wearable/theme/blue/images/Common/b_more_option_btn_previous_page.png b/lib/tau/wearable/theme/blue/images/Common/b_more_option_btn_previous_page.png new file mode 100644 index 0000000..33df6fc Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Common/b_more_option_btn_previous_page.png differ diff --git a/lib/tau/wearable/theme/blue/images/Common/b_rotary_selector_center_pointer.png b/lib/tau/wearable/theme/blue/images/Common/b_rotary_selector_center_pointer.png new file mode 100644 index 0000000..a4cb7de Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Common/b_rotary_selector_center_pointer.png differ diff --git a/lib/tau/wearable/theme/blue/images/Common/masking_bg.png b/lib/tau/wearable/theme/blue/images/Common/masking_bg.png new file mode 100644 index 0000000..935dad6 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Common/masking_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Common/tw_no_item_bg.png b/lib/tau/wearable/theme/blue/images/Common/tw_no_item_bg.png new file mode 100644 index 0000000..de5ac92 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Common/tw_no_item_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/Check/ref_btn_check_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/Check/ref_btn_check_holo_dark.png new file mode 100644 index 0000000..9006266 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/Check/ref_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/Check/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/Check/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..a147cc4 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/Check/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png new file mode 100644 index 0000000..2f8ad8c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png new file mode 100644 index 0000000..f202392 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..29b536f Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/toggle_changeable.png b/lib/tau/wearable/theme/blue/images/Controller_icon/toggle_changeable.png new file mode 100644 index 0000000..69500e8 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/toggle_changeable.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..b93066e Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_checkbox_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_checkbox_holo_dark.png new file mode 100644 index 0000000..b66d28c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_checkbox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png new file mode 100644 index 0000000..e76b081 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..0fc1881 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radiobox_holo_dark.png b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radiobox_holo_dark.png new file mode 100644 index 0000000..703cb0c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radiobox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radiobox_line.png b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radiobox_line.png new file mode 100644 index 0000000..1f92e88 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Controller_icon/tw_btn_radiobox_line.png differ diff --git a/lib/tau/wearable/theme/blue/images/Grid/tw_basic_grid_horizontal.png b/lib/tau/wearable/theme/blue/images/Grid/tw_basic_grid_horizontal.png new file mode 100644 index 0000000..3ff44bb Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Grid/tw_basic_grid_horizontal.png differ diff --git a/lib/tau/wearable/theme/blue/images/Grid/tw_basic_grid_vertical.png b/lib/tau/wearable/theme/blue/images/Grid/tw_basic_grid_vertical.png new file mode 100644 index 0000000..4485744 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Grid/tw_basic_grid_vertical.png differ diff --git a/lib/tau/wearable/theme/blue/images/Indicator/b_fast_scroll_rollover_bg.png b/lib/tau/wearable/theme/blue/images/Indicator/b_fast_scroll_rollover_bg.png new file mode 100644 index 0000000..dbfb43b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Indicator/b_fast_scroll_rollover_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Indicator/b_index_scroll_bg.png b/lib/tau/wearable/theme/blue/images/Indicator/b_index_scroll_bg.png new file mode 100644 index 0000000..348e3aa Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Indicator/b_index_scroll_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Indicator/indicator_horizontal_dot.png b/lib/tau/wearable/theme/blue/images/Indicator/indicator_horizontal_dot.png new file mode 100644 index 0000000..8aa8044 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Indicator/indicator_horizontal_dot.png differ diff --git a/lib/tau/wearable/theme/blue/images/Indicator/indicator_horizontal_focus_dot.png b/lib/tau/wearable/theme/blue/images/Indicator/indicator_horizontal_focus_dot.png new file mode 100644 index 0000000..0737934 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Indicator/indicator_horizontal_focus_dot.png differ diff --git a/lib/tau/wearable/theme/blue/images/Indicator/list_scroll_triggle.png b/lib/tau/wearable/theme/blue/images/Indicator/list_scroll_triggle.png new file mode 100644 index 0000000..983d398 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Indicator/list_scroll_triggle.png differ diff --git a/lib/tau/wearable/theme/blue/images/List/b_body_edge_shadow.png b/lib/tau/wearable/theme/blue/images/List/b_body_edge_shadow.png new file mode 100644 index 0000000..8dbabd0 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/List/b_body_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/blue/images/List/b_list_focus_bg.png b/lib/tau/wearable/theme/blue/images/List/b_list_focus_bg.png new file mode 100644 index 0000000..d0f08a3 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/List/b_list_focus_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/List/b_list_focus_bg_108.png b/lib/tau/wearable/theme/blue/images/List/b_list_focus_bg_108.png new file mode 100644 index 0000000..339bd67 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/List/b_list_focus_bg_108.png differ diff --git a/lib/tau/wearable/theme/blue/images/List/tw_list_divider.png b/lib/tau/wearable/theme/blue/images/List/tw_list_divider.png new file mode 100644 index 0000000..e304951 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/List/tw_list_divider.png differ diff --git a/lib/tau/wearable/theme/blue/images/List/tw_list_sub_line_left.png b/lib/tau/wearable/theme/blue/images/List/tw_list_sub_line_left.png new file mode 100644 index 0000000..abe2fe0 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/List/tw_list_sub_line_left.png differ diff --git a/lib/tau/wearable/theme/blue/images/List/tw_list_sub_line_right.png b/lib/tau/wearable/theme/blue/images/List/tw_list_sub_line_right.png new file mode 100644 index 0000000..2983174 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/List/tw_list_sub_line_right.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/b_popup_edge_inner_glow.png b/lib/tau/wearable/theme/blue/images/Popup/b_popup_edge_inner_glow.png new file mode 100644 index 0000000..ee1f22b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/b_popup_edge_inner_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/b_popup_edge_shadow.png b/lib/tau/wearable/theme/blue/images/Popup/b_popup_edge_shadow.png new file mode 100644 index 0000000..5590950 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/b_popup_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/toast_check.png b/lib/tau/wearable/theme/blue/images/Popup/toast_check.png new file mode 100644 index 0000000..564a12c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/toast_check.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_ic_popup_left_btn_bg.png b/lib/tau/wearable/theme/blue/images/Popup/tw_ic_popup_left_btn_bg.png new file mode 100644 index 0000000..fbe3a9c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_ic_popup_left_btn_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_ic_popup_right_btn_bg.png b/lib/tau/wearable/theme/blue/images/Popup/tw_ic_popup_right_btn_bg.png new file mode 100644 index 0000000..8d14cf1 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_ic_popup_right_btn_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_popup_bg.png b/lib/tau/wearable/theme/blue/images/Popup/tw_popup_bg.png new file mode 100644 index 0000000..c1909eb Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_popup_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_popup_bg_cover.png b/lib/tau/wearable/theme/blue/images/Popup/tw_popup_bg_cover.png new file mode 100644 index 0000000..689082c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_bg.png b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_bg.png new file mode 100644 index 0000000..25fc62e Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_bg_cover.png b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_bg_cover.png new file mode 100644 index 0000000..05bd6a3 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_image_bg.png b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_image_bg.png new file mode 100644 index 0000000..3505b86 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_image_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_outline.png b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_outline.png new file mode 100644 index 0000000..2310862 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Popup/tw_toast_popup_outline.png differ diff --git a/lib/tau/wearable/theme/blue/images/Processing/processing_bar.png b/lib/tau/wearable/theme/blue/images/Processing/processing_bar.png new file mode 100644 index 0000000..9b587ca Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Processing/processing_bar.png differ diff --git a/lib/tau/wearable/theme/blue/images/Processing/processingfull.png b/lib/tau/wearable/theme/blue/images/Processing/processingfull.png new file mode 100644 index 0000000..09748d3 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Processing/processingfull.png differ diff --git a/lib/tau/wearable/theme/blue/images/Processing/processingsmall.png b/lib/tau/wearable/theme/blue/images/Processing/processingsmall.png new file mode 100644 index 0000000..7b286d8 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Processing/processingsmall.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_bottom_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_bottom_edge.png new file mode 100644 index 0000000..7259d14 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_bottom_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_bottom_glow.png new file mode 100644 index 0000000..5b150b0 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_bottom_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_bottom_edge.png new file mode 100644 index 0000000..6162cb0 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_bottom_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_bottom_glow.png new file mode 100644 index 0000000..b7b03b4 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_left_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_left_edge.png new file mode 100644 index 0000000..e65a520 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_left_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_left_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_left_glow.png new file mode 100644 index 0000000..41c7b3b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_left_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_right_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_right_edge.png new file mode 100644 index 0000000..4ac4de3 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_right_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_right_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_right_glow.png new file mode 100644 index 0000000..e71268b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_right_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_top_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_top_edge.png new file mode 100644 index 0000000..0ef6419 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_top_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_top_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_top_glow.png new file mode 100644 index 0000000..62c8584 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_circle_top_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_left_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_left_edge.png new file mode 100644 index 0000000..413fccd Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_left_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_left_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_left_glow.png new file mode 100644 index 0000000..11015e4 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_left_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_right_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_right_edge.png new file mode 100644 index 0000000..e14f69b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_right_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_right_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_right_glow.png new file mode 100644 index 0000000..69ed30b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_right_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_top_edge.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_top_edge.png new file mode 100644 index 0000000..6138e66 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_top_edge.png differ diff --git a/lib/tau/wearable/theme/blue/images/Scroller/bouncing_top_glow.png b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_top_glow.png new file mode 100644 index 0000000..73b2fc9 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Scroller/bouncing_top_glow.png differ diff --git a/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_add.png b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_add.png new file mode 100644 index 0000000..c013095 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_add.png differ diff --git a/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete.png b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete.png new file mode 100644 index 0000000..29df598 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete.png differ diff --git a/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png new file mode 100644 index 0000000..a6adfe0 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png new file mode 100644 index 0000000..5551c0b Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png differ diff --git a/lib/tau/wearable/theme/blue/images/Slider/b_ic_press_full_circle_bg.png b/lib/tau/wearable/theme/blue/images/Slider/b_ic_press_full_circle_bg.png new file mode 100644 index 0000000..5b9f7e4 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Slider/b_ic_press_full_circle_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Slider/b_slider_icon_minus.png b/lib/tau/wearable/theme/blue/images/Slider/b_slider_icon_minus.png new file mode 100644 index 0000000..35affbe Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Slider/b_slider_icon_minus.png differ diff --git a/lib/tau/wearable/theme/blue/images/Slider/b_slider_icon_plus.png b/lib/tau/wearable/theme/blue/images/Slider/b_slider_icon_plus.png new file mode 100644 index 0000000..63e81d4 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Slider/b_slider_icon_plus.png differ diff --git a/lib/tau/wearable/theme/blue/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png b/lib/tau/wearable/theme/blue/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png new file mode 100644 index 0000000..5e41e9a Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png differ diff --git a/lib/tau/wearable/theme/blue/images/Swipelist/b_logs_icon_body_btn_call_nor.png b/lib/tau/wearable/theme/blue/images/Swipelist/b_logs_icon_body_btn_call_nor.png new file mode 100644 index 0000000..8337333 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Swipelist/b_logs_icon_body_btn_call_nor.png differ diff --git a/lib/tau/wearable/theme/blue/images/TextInput/b_list_edit_field_bg.png b/lib/tau/wearable/theme/blue/images/TextInput/b_list_edit_field_bg.png new file mode 100644 index 0000000..1c212f9 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/TextInput/b_list_edit_field_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/TimePicker/time_picker_bg.png b/lib/tau/wearable/theme/blue/images/TimePicker/time_picker_bg.png new file mode 100644 index 0000000..f777470 Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/TimePicker/time_picker_bg.png differ diff --git a/lib/tau/wearable/theme/blue/images/Title_bar/b_detail_bg_cover.png b/lib/tau/wearable/theme/blue/images/Title_bar/b_detail_bg_cover.png new file mode 100644 index 0000000..bfa456c Binary files /dev/null and b/lib/tau/wearable/theme/blue/images/Title_bar/b_detail_bg_cover.png differ diff --git a/lib/tau/wearable/theme/blue/tau.css b/lib/tau/wearable/theme/blue/tau.css new file mode 100644 index 0000000..fc74e66 --- /dev/null +++ b/lib/tau/wearable/theme/blue/tau.css @@ -0,0 +1,4862 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + index scrollbar (vertical) +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + Swipe list +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + View Switcher +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Empty state +***************************************************************************/ +/*************************************************************************** + Grid +***************************************************************************/ +/************************ +Listview +*************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Button(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/*********************************************************************/ +/* Progress(FIXED) */ +/*********************************************************************/ +* { + outline: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: Tizen, Samsung Sans, Helvetica; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +h2 { + font-size: 1.5em; + margin: .83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +input { + line-height: normal; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="time"], +input[type="date"] { + color: #000000; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +.tau-info-theme { + position: absolute; + top: -999px; + left: -999px; +} +.screen-hidden { + visibility: hidden; + position: absolute; + top: -10000em; + left: -10000em; +} +button, +input { + outline: none; + cursor: pointer; +} +* { + box-sizing: border-box; +} +a { + text-decoration: none; + color: rgba(250, 250, 250, 1); +} +ul, +li { + margin: 0; + padding: 0; + list-style-type: none; +} +img { + margin: 0; + padding: 0; +} +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + height: 100%; + font-size: 2.125rem; + font-family: Tizen, Samsung Sans, Helvetica; + background: rgba(0, 0, 0, 1); + color: rgba(250, 250, 250, 1); +} +tau-page { + display: block; +} +.ui-page { + width: 100%; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + display: none; + background: rgba(0, 0, 0, 1); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ui-page.ui-page-active { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-page.ui-page-build { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + visibility: hidden; +} +.ui-page tau-scrollview { + display: block; +} +.ui-page .ui-content { + width: 100%; + height: auto; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page .ui-content.ui-content-padding { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.ui-page .ui-content.ui-content-fixed-middle { + position: fixed; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-header { + position: relative; + width: 100%; + line-height: 60px; + background-color: rgba(0, 31, 56, 1); +} +.ui-page .ui-header .ui-subtitle { + height: 30px; + font-weight: normal; + line-height: 30px; + padding-left: 16px; + padding-right: 16px; + color: rgba(116, 196, 252, 1); + font-size: 24px; + margin: -0.625rem 0 0.3125rem 0; +} +.ui-page .ui-header .ui-title { + color: rgba(116, 196, 252, 1); + font-size: 32px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + padding-left: 16px; + padding-right: 16px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); + mask-image: linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); +} +.ui-page .ui-header .ui-title.ui-icon { + padding-left: 60px; + background-position: 16px 14px; + background-size: 34px 34px; + background-repeat: no-repeat; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 78px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); + mask-image: linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); +} +.ui-page .ui-header button.ui-more, +.ui-page .ui-header input.ui-more { + border: 0 none; + padding: 0; +} +.ui-page .ui-header .ui-more-disable { + cursor: default; + background-color: transparent; +} +.ui-page .ui-header .ui-more { + display: block; + position: absolute; + top: 0; + right: 0; + width: 68px; + height: 100%; + overflow: hidden; + text-indent: -1000em; + background-position: center center; + background-color: transparent; + cursor: pointer; +} +.ui-page .ui-header .ui-more:active { + background-color: rgba(23, 73, 115, 1); +} +.ui-page .ui-header .ui-more.ui-icon-detail { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-detail[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-footer { + width: 100%; + position: absolute; + bottom: 0; + left: 0; +} +.ui-page.ui-scroll-on .ui-scroller { + width: 100%; + height: auto; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page.ui-scroll-on .ui-content { + height: auto; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.ui-page.ui-scroll-on .ui-footer { + position: relative; +} +.ui-grid-col > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + width: 100%; +} +.ui-page .ui-grid-col-2 > * { + float: left; +} +.ui-page .ui-grid-col-2 > * { + width: 50%; +} +.ui-page .ui-grid-col-3 > * { + float: left; +} +.ui-page .ui-grid-col-3 > * { + width: 33.33333333%; +} +.ui-grid-row > * { + display: block; +} +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } +} +@keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } +} +progress { + position: relative; + padding-left: 1rem; + padding-right: 1rem; + margin-top: 0.875rem; + margin-bottom: 0.875rem; + width: 100%; + height: 0.375rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; +} +progress::-webkit-progress-bar { + position: relative; + background-color: rgba(64, 64, 64, 1); + border-radius: 0.125rem; + overflow: hidden; +} +progress::-webkit-progress-value { + background-color: rgba(55, 161, 237, 1); + height: 0.375rem; + border-radius: 0.125rem; + overflow: hidden; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: rgba(55, 161, 237, 1); +} +progress.ui-progress-indeterminate::-webkit-progress-value { + background-size: 100% 100%; + -webkit-animation: indeterminate 150ms infinite; + animation: indeterminate 150ms infinite; +} +.ui-progress-proportion { + display: block; + float: left; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-progress-ratio { + display: block; + float: right; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-circle-progress { + display: none; +} +.ui-progressbar { + position: relative; + display: inline-block; + pointer-events: none; +} +.ui-progressbar.ui-progressbar-full { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* + * toggle switch + */ +.ui-switch { + width: 100%; + color: rgba(250, 250, 250, 1); +} +.ui-switch-inneroffset, +.ui-switch-handler { + display: none; +} +.ui-switch-text { + margin-top: 30px; + margin-bottom: 40px; + padding: 0 30px; + font-size: 34px; + text-align: center; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + text-align: center; + color: T161; +} +.ui-toggleswitch { + position: relative; + display: inline-block; + width: 103.5px; + height: 55px; + overflow: hidden; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 207px; + height: 110px; +} +.ui-toggleswitch .ui-switch-input { + position: absolute; + width: 100%; + height: 100%; + -webkit-appearance: none; + display: block; +} +.ui-toggleswitch .ui-switch-input::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + -moz-mask-position: 0 0; + -ms-mask-position: 0 0; + -o-mask-position: 0 0; + mask-position: 0 0; + background-color: rgba(102, 101, 101, 1); + z-index: 0; +} +.ui-toggleswitch .ui-switch-input:active::before { + background-color: rgba(102, 101, 101, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: rgba(179, 179, 179, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::before { + background-color: rgba(102, 101, 101, 1); +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 33.3%; + -moz-mask-position: 0 33.3%; + -ms-mask-position: 0 33.3%; + -o-mask-position: 0 33.3%; + mask-position: 0 33.3%; + background-color: rgba(250, 250, 250, 1); + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 1; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 66.7%; + -moz-mask-position: 0 66.7%; + -ms-mask-position: 0 66.7%; + -o-mask-position: 0 66.7%; + mask-position: 0 66.7%; + background-color: rgba(133, 133, 133, 1); + top: 0; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-position: 0 33%; + -moz-mask-position: 0 33%; + -ms-mask-position: 0 33%; + -o-mask-position: 0 33%; + mask-position: 0 33%; + -webkit-transform: translate3d(36.23%, 0, 0); + -ms-transform: translate3d(36.23%, 0, 0); + transform: translate3d(36.23%, 0, 0); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-mask-position: 0 100%; + -moz-mask-position: 0 100%; + -ms-mask-position: 0 100%; + -o-mask-position: 0 100%; + mask-position: 0 100%; + background-color: rgba(115, 191, 15, 1); +} +.ui-toggleswitch .ui-switch-input:checked::before { + background-color: rgba(115, 191, 15, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active::before { + background-color: rgba(75, 102, 39, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: rgba(179, 179, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + background-color: rgba(75, 102, 39, 1); +} +/*********************** +Processing +***********************/ +/** + * @count_of_cols - how many sprites in one row + * @xsize - size of transition on x axis to next sprite + * @ysize - size of transition on y axis to next row of sprites + * @count - counter variable for while loop, loop is ending when count = 0; + * @totalCount - count for 100% of animation + */ +@-webkit-keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@-webkit-keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +@keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +.ui-processing { + background-color: rgba(0, 77, 153, 1); + -webkit-mask-image: url("images/Processing/processingsmall.png"); + mask-image: url("images/Processing/processingsmall.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-name: smallprocess; + animation-name: smallprocess; + width: 4.75rem; + height: 4.75rem; + margin: 0 auto; +} +.ui-processing.ui-processing-full-size { + -webkit-mask-image: url("images/Processing/processing_bar.png"); + mask-image: url("images/Processing/processing_bar.png"); + -webkit-animation-name: fullprocess; + animation-name: fullprocess; + width: 100%; + height: 0.375rem; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + max-width: 19.75rem; +} +.ui-processing.ui-hidden { + display: none; +} +.ui-processing-text { + margin: 0 auto; + text-align: center; + width: 10.5rem; + font-size: 1.5rem; + color: rgba(250, 250, 250, 1); +} +.ui-btn { + display: block; + position: relative; + padding-right: 10px; + padding-left: 10px; + margin: 0; + font-size: 2rem; + line-height: 5.3125rem; + height: 5.3125rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + vertical-align: middle; + text-overflow: ellipsis; + overflow: hidden; + border: 0 none; + color: rgba(250, 250, 250, 1); + background-color: rgba(2, 56, 92, 1); +} +a.ui-btn:active:hover, +.ui-btn:enabled:active:hover { + background-color: rgba(23, 73, 115, 1); +} +.ui-btn:enabled:focus { + background-color: rgba(2, 56, 92, 1); +} +a.ui-btn.ui-state-disabled, +.ui-btn:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(3, 44, 64, 1); + cursor: default; +} +.ui-btn.ui-multiline { + padding-top: 10px; + padding-bottom: 10px; +} +.ui-btn.ui-inline { + display: inline-block; +} +.ui-btn.ui-btn-icon { + background-position: center center; + height: 5.5rem; + width: 5.5rem; + text-indent: -1000em; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; +} +.ui-btn.ui-btn-icon::before { + content: ""; + -webkit-mask-size: 5.5rem 5.5rem; + mask-size: 5.5rem 5.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + mask-position: 0 0; + width: 5.5rem; + height: 5.5rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + position: absolute; + -webkit-mask-image: none; + mask-image: none; + background-position: center center; + background-repeat: no-repeat; +} +.ui-btn.ui-btn-icon-only { + text-indent: -624.9375rem; +} +.ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.75rem 3.75rem; + mask-size: 3.75rem 3.75rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.75rem; + height: 3.75rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + background-color: rgba(250, 250, 250, 1); + -webkit-transition: background 150ms; + transition: background 150ms; +} +.ui-btn.ui-btn-icon-only:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-icon-only:disabled::before { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + background-color: transparent; + height: 33vh; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + content: ''; + position: absolute; + background-color: white; + border-radius: 50%; + width: 30vw; + height: 30vh; + opacity: 0; + left: 50%; + top: 50%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; +} +.ui-btn.ui-btn-text { + height: 3.3125rem; + line-height: 2.6875rem; + padding: 0.3125rem; + margin: auto; + max-width: 16.125rem; + min-width: 4.125rem; +} +.ui-btn.ui-btn-text:enabled:active:hover, +.ui-btn.ui-btn-text:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-text.ui-btn-active { + -webkit-animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; + animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; + overflow: visible; + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after { + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + content: ''; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-size: cover; + mask-size: cover; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled { + background-color: rgba(250, 250, 250, 0.4); + cursor: default; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + height: 141%; + width: 141%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled { + background-color: transparent; + cursor: default; +} +.ui-btn.ui-btn-middle { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +@-webkit-keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@-webkit-keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ui-default { + color: rgba(250, 250, 250, 1); + background-color: rgba(2, 56, 92, 1); +} +a.ui-default:active:hover, +.ui-default:enabled:active:hover { + background-color: rgba(23, 73, 115, 1); +} +.ui-default:enabled:focus { + background-color: rgba(2, 56, 92, 1); +} +a.ui-default.ui-state-disabled, +.ui-default:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(3, 44, 64, 1); + cursor: default; +} +.ui-color-red { + color: rgba(250, 250, 250, 1); + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: rgba(222, 102, 78, 1); +} +.ui-color-red:enabled:focus { + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 11, 1, 1); + cursor: default; +} +.ui-color-orange { + color: rgba(250, 250, 250, 1); + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: rgba(242, 171, 78, 1); +} +.ui-color-orange:enabled:focus { + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 39, 5, 1); + cursor: default; +} +.ui-color-green { + color: rgba(250, 250, 250, 1); + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: rgba(146, 191, 90, 1); +} +.ui-color-green:enabled:focus { + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(50, 54, 48, 1); + cursor: default; +} +.ui-btn:focus, +.ui-btn:active { + outline: none; +} +a.ui-btn { + text-decoration: none; + box-sizing: border-box; +} +button.ui-btn, +input.ui-btn { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +button.ui-btn.ui-inline, +input.ui-btn.ui-inline { + display: inline-block; + width: auto; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-1 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-2 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-3 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-row > .ui-btn { + margin-top: 1px; +} +.ui-grid-row > .ui-btn:first-child { + margin-top: 0; +} +.ui-popup { + box-sizing: border-box; + position: fixed; + left: 0; + width: 100%; + margin: 0; + background-color: rgba(0, 17, 33, 1); + border: 3px solid rgba(0, 55, 92, 1); + display: none; + z-index: 1100; +} +.ui-popup:not(.ui-ctxpopup) { + bottom: 0; +} +.ui-popup .ui-popup-header { + width: 100%; + min-height: 68px; + font-size: 30px; + text-align: left; + background-color: rgba(5, 42, 71, 1); + color: rgba(116, 196, 252, 1); + padding-top: 14px; + padding-right: 13px; + padding-bottom: 14px; + padding-left: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-popup .ui-popup-content { + width: 100%; + min-height: 14rem; + font-size: 2.125rem; + text-align: left; + color: rgba(250, 250, 250, 1); + background-color: rgba(0, 17, 33, 1); + padding: 10px 16px 9px 16px; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -0.5625rem -1rem -0.5625rem -1rem; +} +.ui-popup .ui-popup-content .ui-listview li, +.ui-popup .ui-popup-content .ui-inline-listview li { + font-size: 2.125rem; +} +.ui-popup .ui-popup-footer { + width: 100%; + height: 83px; +} +.ui-popup .ui-popup-footer .ui-btn { + padding-top: 27px; + padding-bottom: 28px; + font-size: 30px; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only { + position: relative; + text-indent: -624.9375rem; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.125rem 3.125rem; + mask-size: 3.125rem 3.125rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.125rem; + height: 3.125rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.ui-popup.ui-popup-active { + display: block; +} +.ui-popup.in { + display: block; +} +.ui-popup.ui-build { + display: block; + visibility: hidden; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) { + max-height: 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper { + width: 100%; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + height: auto; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 2100; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 2100; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.ui-popup.ui-ctxpopup { + background-color: transparent; + width: 100%; + border: 0 none; + border-radius: 0; + overflow: visible; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size { + width: auto; + padding: 0 0 0 0; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content { + width: auto; +} +.ui-popup.ui-ctxpopup .ui-popup-content { + min-height: initial; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(117, 117, 117, 0.9); + color: #333; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li { + color: rgba(0, 0, 0, 1); + border-bottom: 1px solid rgba(204, 204, 204, 1); + min-height: 90px; + padding: 21px 8px 20px 16px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a { + color: rgba(0, 0, 0, 1); + margin: -21px -16px; + padding: 21px 16px; + min-height: 48px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(19, 99, 145, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon { + position: relative; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a { + margin-left: -4.25rem; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before { + content: ""; + position: absolute; + top: 50%; + left: 0.375rem; + width: 3.5rem; + height: 3.5rem; + margin-top: -1.75rem; + background-color: rgba(92, 92, 92, 0.9); + -webkit-mask-size: 3.5rem 3.5rem; + -moz-mask-size: 3.5rem 3.5rem; + -ms-mask-size: 3.5rem 3.5rem; + -o-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview { + height: 4.3125rem; + overflow: hidden; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li { + float: left; + height: 4.1875rem; + line-height: 4.1875rem; + border-right: 1px solid rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a { + display: block; + width: 100%; + height: 100%; + padding: 0rem 0.5rem; + color: rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(19, 99, 145, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext { + width: 3.6875rem; + height: 4.1875rem; + text-indent: -1000em; + overflow: hidden; + position: relative; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 2.6875rem; + height: 2.6875rem; + margin-top: -1.34375rem; + margin-left: -1.34375rem; + background-color: rgba(0, 0, 0, 1); + -webkit-mask-size: 2.6875rem 2.6875rem; + -moz-mask-size: 2.6875rem 2.6875rem; + -ms-mask-size: 2.6875rem 2.6875rem; + -o-mask-size: 2.6875rem 2.6875rem; + mask-size: 2.6875rem 2.6875rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-arrow { + width: 36px; + height: 15px; + overflow: hidden; + position: absolute; + display: none; + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup .ui-arrow span { + box-sizing: border-box; + width: 20px; + height: 20px; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(117, 117, 117, 0.9); + position: absolute; + top: 6px; + left: 8px; + -webkit-transform: rotate(55deg) skew(24deg); + -ms-transform: rotate(55deg) skew(24deg); + transform: rotate(55deg) skew(24deg); + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b { + padding: 20px 20px 0 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t { + padding: 0 20px 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r { + padding: 20px 0 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l { + padding: 20px 20px 20px 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow { + display: block; + bottom: -14px; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow { + display: block; + top: -14px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow { + display: block; + right: -25px; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow { + display: block; + left: -25px; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.ui-popup.ui-popup-toast { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + font-size: 1.5rem; + border: 3px solid rgba(0, 55, 92, 1); + border-radius: 0; + border-left: 0; + border-right: 0; + position: absolute; + bottom: 0; +} +.ui-popup.ui-popup-toast:not(.ui-popup-toast) { + top: auto; + height: auto; +} +.ui-popup.ui-popup-toast .ui-popup-content { + min-height: initial; + padding: 0.6875rem 2.625rem 0.75rem 2.625rem; + background-color: rgba(0, 17, 33, 1); +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 3.5rem; + height: 3.5rem; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + text-indent: -10000px; + overflow: hidden; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 50% 50%; + -moz-mask-position: 50% 50%; + -ms-mask-position: 50% 50%; + -o-mask-position: 50% 50%; + mask-position: 50% 50%; +} +.ui-popup-overlay { + position: fixed; + display: none; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-popup-overlay.in { + display: block; +} +.ui-popup.slideup.in { + -webkit-animation-name: popupslideinfrombottom; + animation-name: popupslideinfrombottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.slideup.out { + -webkit-animation-name: popupslideouttobottom; + animation-name: popupslideouttobottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +.ui-popup.pop.in { + -webkit-animation-name: popuppopin; + animation-name: popuppopin; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.pop.out { + -webkit-animation-name: popuppopout; + animation-name: popuppopout; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +@keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +.ui-popup.ui-popup-toast.pop.in { + -webkit-animation-name: toastpopuppopin; + animation-name: toastpopuppopin; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.ui-popup-toast.pop.out { + -webkit-animation-name: toastpopuppopout; + animation-name: toastpopuppopout; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@-webkit-keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +@keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +.ui-popup-overlay.slideup.in, +.ui-popup-overlay.pop.in { + -webkit-animation: fadein 250ms; + animation: fadein 250ms; +} +.ui-popup-overlay.slideup.out, +.ui-popup-overlay.pop.out { + -webkit-animation: fadeout 250ms forwards; + animation: fadeout 250ms forwards; +} +.ui-popup.ui-popup-arrow-t.slideup.in, +.ui-popup.ui-popup-arrow-l.slideup.in, +.ui-popup.ui-popup-arrow-r.slideup.in { + -webkit-animation: ctxpopupslideinfrombottom 250ms ease-in-out; + animation: ctxpopupslideinfrombottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-t.slideup.out, +.ui-popup.ui-popup-arrow-l.slideup.out, +.ui-popup.ui-popup-arrow-r.slideup.out { + -webkit-animation: ctxpopupslideouttobottom 250ms ease-in-out; + animation: ctxpopupslideouttobottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.in { + -webkit-animation: ctxpopupslideinfromtop 250ms ease-in-out; + animation: ctxpopupslideinfromtop 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.out { + -webkit-animation: ctxpopupslideouttotop 250ms ease-in-out; + animation: ctxpopupslideouttotop 250ms ease-in-out; +} +@-webkit-keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@-webkit-keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +/************************ +Listview +*************************/ +tau-virtuallistview, +tau-listview { + display: block; + list-style-type: disc; + list-style-type: none; +} +.ui-listview li { + font-size: 2rem; + line-height: 3rem; + min-height: 6.25rem; + padding: 0.9375rem 0.5rem 0.9375rem 1rem; + border-bottom: 0.0625rem solid rgba(56, 56, 56, 1); + white-space: nowrap; + position: relative; + color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + min-height: 5.3125rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-listview li.ui-li-grid .ui-processing { + padding: 0; + margin-right: 0.5rem; +} +.ui-listview li.ui-li-grid div:first-child { + width: -webkit-calc(100% - 5.5rem); + width: calc(100% - 5.5rem); + text-align: left; + height: 100%; + margin-left: 1rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + padding: 0; + margin-right: 0.5rem; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + width: 3.5rem; + height: 3.5rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after { + background-color: transparent; +} +.ui-listview li.ui-li-grid.ui-li-grid-full div::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(56, 56, 56, 1); + right: 4.5rem; + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-listview li.ui-li-grid.ui-li-grid-full > * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid.ui-li-grid-full > *.ui-btn-icon { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid .ui-btn-description { + width: 100%; + margin: 0 -50%; + z-index: 2; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + text-align: center; + line-height: 5.3125rem; + pointer-events: none; +} +.ui-listview li.ui-li-grid a.ui-btn, +.ui-listview li.ui-li-grid tau-button.ui-btn { + background-position: center center; + height: 5.3125rem; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + border-bottom: 0.0625rem solid rgba(0, 24, 41, 1); + border-right: 0.0625rem solid rgba(0, 24, 41, 1); +} +.ui-listview li input[type=text], +.ui-listview li input[type=password] { + width: 20.5rem; + height: 3.875rem; + padding: 0.8125rem 0 0.8125rem 0.5rem; + color: rgba(116, 196, 252, 1); + font-size: 2rem; + background-color: rgba(245, 245, 245, 0.15); + border: none; + outline: none; +} +.ui-listview li input[type=text]:focus, +.ui-listview li input[type=password]:focus { + border: 0.0625rem solid rgba(245, 245, 245, 0.15); +} +.ui-listview li input[type=text]:focus::-webkit-input-placeholder, +.ui-listview li input[type=password]:focus::-webkit-input-placeholder { + color: white; +} +.ui-listview li > * { + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: rgba(250, 250, 250, 1); +} +.ui-listview li > a:not(.ui-btn) { + display: block; + width: 100%; + height: auto; + margin: -1.625rem -0.5rem -1.625rem -1rem; + padding: 1.25rem 0.5rem 1.25rem 1rem; + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-listview li.ui-listview-divider { + height: 1.875rem; + min-height: 1.875rem; + line-height: 1.875rem; + padding: 0 0.5rem 0 1rem; + background-color: rgba(29, 72, 105, 1); + color: rgba(151, 197, 230, 1); + font-size: 1.5rem; +} +.ui-listview li .ui-li-sub-text { + color: rgba(85, 135, 171, 1); + font-size: 1.75rem; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text { + width: -webkit-calc(100% - 4.8125rem); + width: calc(100% - 4.8125rem); + height: 100%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(250, 250, 250, 1); + right: 4.25rem; + top: 20%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-divider { + display: none; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete, +.ui-listview li.ui-li-has-action-icon .ui-action-setting, +.ui-listview li.ui-li-has-action-icon .ui-action-add { + position: absolute; + height: 100%; + width: 4.5rem; + right: 0; + top: 0; + -webkit-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center center; + mask-position: center center; + padding: 0; + margin: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + -webkit-mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + -webkit-mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + -webkit-mask-image: url('images/listview/tw_list_add_holo_dark.png'); + mask-image: url('images/listview/tw_list_add_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon { + background-color: transparent; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-datetime-widget { + position: relative; + height: 100%; +} +.ui-datetime { + text-align: center; + padding-top: 56px; +} +.ui-time-picker .ui-datetime { + padding-top: 53px; +} +.ui-datetime:only-child { + padding-top: 92px; +} +.ui-time-picker .ui-datetime:only-child { + padding-top: 89px; +} +.ui-datetime input[type='date'], +.ui-datetime input[type='datetime'], +.ui-datetime input[type='time'] { + display: none; +} +.ui-datefield { + height: 52px; + display: inline-block; + vertical-align: top; +} +.ui-datefield > .ui-btn { + float: left; + height: 52px; + padding: 0; + line-height: 52px; + font-size: 42px; + font-weight: 600; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield .ui-datefield-separator { + display: block; + height: 100%; + float: left; + width: 18px; + background: transparent url('images/Datetimepicker/tw_timepicker_num_dot.png'); +} +.ui-datefield > .ui-btn:enabled:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield > .ui-btn:disabled { + color: #404040; +} +.ui-datafield > .ui-btn.ui-selected, +.ui-datefield > .ui-btn:enabled:active, +.ui-datefield > .ui-btn.ui-state-active:enabled, +.ui-datefield > .ui-btn.ui-selected:enabled { + background-color: #ff9000; + color: #000; +} +/* -- for datepicker -- */ +.ui-date-picker .ui-datefield > .ui-btn:first-child { + margin-right: 2px; +} +.ui-date-picker .ui-datefield > .ui-btn:last-child { + margin-left: 2px; +} +.ui-date-picker .ui-datefield-year { + width: 114px; +} +.ui-date-picker .ui-datefield-month { + width: 102px; +} +.ui-date-picker .ui-datefield-day { + width: 68px; +} +/* -- end (for datepicker) -- */ +/* -- for timepicker -- */ +.ui-time-picker .ui-datefield-hour { + width: 74px; +} +.ui-time-picker .ui-datefield-min { + width: 74px; +} +.ui-time-picker .ui-datefield-period { + width: 84px; + margin-left: 10px; +} +.ui-time-picker .ui-datefield { + height: 58px; +} +.ui-time-picker .ui-datefield > .ui-btn { + height: 58px; + line-height: 58px; + font-size: 50px; +} +.ui-time-picker .ui-datefield > .ui-btn.ui-datefield-period { + font-size: 48px; +} +/* -- (end) for timepicker -- */ +.ui-datetime-wheel { + height: 68px; + margin: 0 10px; + margin-top: 30px; +} +.ui-time-picker .ui-datetime-wheel { + margin-top: 27px; +} +.ui-datetime-wheel .ui-btn { + width: 68px; + height: 68px; + float: left; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus { + float: right; + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-wheel { + display: block; + margin-left: 68px; + margin-right: 68px; + height: 68px; + padding: 10px 0; + box-sizing: border-box; + background: url('images/Datetimepicker/tw_timepicker_wheel_01.png') center center no-repeat; +} +.ui-datetime-btns { + position: absolute; + bottom: 0; + width: 100%; + height: 76px; + box-sizing: border-box; + border-top: 2px solid #262626; +} +/* Button separator */ +.ui-datetime-btns::before { + content: ""; + height: 34px; + width: 1px; + background-color: #262626; + position: absolute; + left: 160px; + top: 20px; +} +.ui-datetime-btns .ui-btn { + height: 100%; + position: relative; + background-color: transparent; +} +.ui-datetime-btns .ui-btn:enabled:active, +.ui-datetime-btns .ui-btn:enabled:focus, +.ui-datetime-btns .ui-btn:enabled:active:focus { + background-color: transparent; +} +.ui-datetime-btns .ui-btn-left { + width: 160px; + float: left; + background: url('images/Datetimepicker/tw_timepicker_left_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn-right { + width: 159px; + float: right; + background: url('images/Datetimepicker/tw_timepicker_right_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn:disabled, +.ui-datetime-btns .ui-btn.ui-state-disabled { + opacity: .2; +} +/* ---------------- */ +.ui-datetime-periods { + height: 102px; + margin-top: 7px; + display: inline-block; +} +.ui-datetime-periods .ui-btn, +.ui-datetime-periods .ui-datetime-periods-separator { + height: 100%; + float: left; + padding: 0; + background: transparent; +} +.ui-datetime-periods .ui-btn { + width: 102px; + font-size: 34px; + line-height: 102px; +} +.ui-datetime-periods .ui-btn:enabled:focus { + background: transparent; +} +.ui-datetime-periods .ui-btn:enabled:active, +.ui-datetime-periods .ui-btn:enabled:active:focus, +.ui-datetime-periods .ui-btn.ui-selected:enabled:active, +.ui-datetime-periods .ui-btn.ui-state-active:enabled:active { + color: inherit; + text-decoration: none; + background: url('images/Datetimepicker/tw_timepicker_time_bg.png') center center no-repeat; +} +.ui-datetime-periods .ui-btn.ui-selected:enabled, +.ui-datetime-periods .ui-btn.ui-state-active:enabled { + color: #ff9000; + text-decoration: underline; +} +.ui-datetime-periods .ui-datetime-periods-separator { + width: 24px; + background: url('images/Datetimepicker/tw_timepicker_num_dot_01.png') center center no-repeat; +} +.ui-datetime-wheel.ui-hidden, +.ui-datetime-periods.ui-hidden { + display: none; +} +/* Transitions originally inspired by those from jQtouch, nice work, folks */ +.ui-viewport-transitioning, +.ui-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; + box-sizing: border-box; +} +.ui-pre-in { + z-index: 100; + visibility: visible; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + display: -webkit-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-direction: column; + top: 0; + left: 0; +} +.in { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; +} +.out { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-duration: 225ms; + animation-duration: 225ms; +} +@-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade.out { + opacity: 0; + -webkit-animation: fadeout 125ms; + animation: fadeout 125ms; +} +.fade.in { + opacity: 1; + -webkit-animation: fadein 225ms; + animation: fadein 225ms; +} +@-webkit-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-webkit-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +.slideup.in:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + -webkit-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + -webkit-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay) { + z-index: 101; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + -webkit-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +@-webkit-keyframes popin { + from { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } +} +@-webkit-keyframes popoutreverse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } +} +@-webkit-keyframes popinreverse { + from { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +.pop.out.reverse { + z-index: 100; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popoutreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popoutreverse; + animation-duration: 225ms; + animation-name: popoutreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in.reverse { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popinreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popinreverse; + animation-duration: 225ms; + animation-name: popinreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in { + -webkit-animation-duration: 225ms; + -webkit-animation-name: popin; + -moz-animation-duration: 225ms; + -moz-animation-name: popin; + animation-duration: 225ms; + animation-name: popin; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.out { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popout; + -moz-animation-duration: 225ms; + -moz-animation-name: popout; + animation-duration: 225ms; + animation-name: popout; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-indexscrollbar { + display: block; + position: fixed; + right: 0; + top: 0; + width: 2.8125rem; + height: 100%; + padding-left: 0.125rem; + background-color: rgba(26, 26, 26, 1); + z-index: 10; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + cursor: pointer; +} +.ui-indexscrollbar ul { + position: absolute; + width: 100%; + top: 0; +} +.ui-indexscrollbar ul li { + color: rgba(89, 89, 89, 1); + display: block; + width: 100%; + text-align: center; + font-size: 1.5rem; + height: 2.25rem; +} +.ui-indexscrollbar ul li.ui-state-selected { + background-color: rgba(36, 36, 36, 1); + color: rgba(55, 161, 237, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary { + position: relative; + height: auto; + top: 0; + right: -2.5rem; + width: 100%; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li { + background-color: rgba(36, 36, 36, 1); + color: rgba(89, 89, 89, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected { + background-color: rgba(36, 36, 36, 1); + color: rgba(55, 161, 237, 1); +} +.ui-indexscrollbar + .ui-listview li { + padding-right: 2.5rem; +} +.ui-indexscrollbar-indicator { + position: fixed; + top: 0; + left: 0; + z-index: 9; + display: none; +} +.ui-indexscrollbar-indicator > span { + width: 8.75rem; + height: 5.4375rem; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -5.625rem; + margin-top: -2.6875rem; + line-height: 5.4375rem; + font-size: 4.375rem; + text-align: center; + background-color: rgba(0, 61, 107, 0.95); + color: rgba(250, 250, 250, 1); +} +.ui-indexscrollbar-indicator > span > span.ui-selected { + color: rgba(55, 161, 237, 1); +} +.ui-circularindexscrollbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + position: absolute; + top: 50%; + left: 50%; + width: 9.875rem; + height: 9.875rem; + line-height: 9.875rem; + border-radius: 50%; + background-color: rgba(0, 61, 107, 0.95); + -webkit-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show { + pointer-events: auto; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator { + opacity: 1; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 4.375rem; + color: rgba(55, 161, 237, 1); +} +/*************************************************************************** + Scrollbar Style +***************************************************************************/ +.ui-scrollbar-bar-type { + position: absolute; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal { + left: 0; + bottom: 0; + width: 100%; + height: 8px; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical { + right: 0; + top: 0; + width: 0.5rem; + height: 100%; +} +.ui-scrollbar-bar-type .ui-scrollbar-indicator { + position: absolute; + background-color: rgba(94, 94, 94, 1); +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator { + height: 0.25rem; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator { + width: 0.25rem; +} +/*************************************************************************** + Scrollbar Bouncing Effect +***************************************************************************/ +.ui-scrollbar-bouncing-effect { + display: none; + position: absolute; + background-repeat: no-repeat; + -webkit-animation-duration: 0.47s; + animation-duration: 0.47s; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(55, 161, 237, 0.7); +} +.ui-scrollbar-bouncing-effect::before { + content: ""; + position: absolute; + background-color: rgba(55, 161, 237, 1); +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 3.125rem; + left: 0; + -webkit-mask-size: 100% 3.125rem; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 0.125rem; + -webkit-mask-size: 100% 0.125rem; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 3.125rem; + height: 100%; + top: 0; + -webkit-mask-size: 3.125rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 0.0625rem; + height: 100%; + -webkit-mask-size: 0.0625rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + -webkit-mask-image: url("images/Scroller/bouncing_top_glow.png"); + mask-image: url("images/Scroller/bouncing_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + -webkit-mask-image: url("images/Scroller/bouncing_top_edge.png"); + mask-image: url("images/Scroller/bouncing_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + -webkit-mask-image: url("images/Scroller/bouncing_bottom_glow.png"); + mask-image: url("images/Scroller/bouncing_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + -webkit-mask-image: url("images/Scroller/bouncing_bottom_edge.png"); + mask-image: url("images/Scroller/bouncing_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + -webkit-mask-image: url("images/Scroller/bouncing_left_glow.png"); + mask-image: url("images/Scroller/bouncing_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + -webkit-mask-image: url("images/Scroller/bouncing_left_edge.png"); + mask-image: url("images/Scroller/bouncing_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + -webkit-mask-image: url("images/Scroller/bouncing_right_glow.png"); + mask-image: url("images/Scroller/bouncing_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + -webkit-mask-image: url("images/Scroller/bouncing_right_edge.png"); + mask-image: url("images/Scroller/bouncing_right_edge.png"); +} +@-webkit-keyframes ui-bouncing-show { + 0% { + opacity: 0; + } + 10% { + opacity: .1; + } + 20% { + opacity: .2; + } + 30% { + opacity: .3; + } + 40% { + opacity: .4; + } + 50% { + opacity: .5; + } + 60% { + opacity: .6; + } + 70% { + opacity: .7; + } + 80% { + opacity: .8; + } + 90% { + opacity: .9; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes ui-bouncing-hide { + 0% { + opacity: 1; + } + 10% { + opacity: .9; + } + 20% { + opacity: .8; + } + 30% { + opacity: .7; + } + 40% { + opacity: .6; + } + 50% { + opacity: .5; + } + 60% { + opacity: .4; + } + 70% { + opacity: .3; + } + 80% { + opacity: .2; + } + 90% { + opacity: .1; + } + 100% { + opacity: 0; + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; + -webkit-animation-name: ui-bouncing-show; + animation-name: ui-bouncing-show; +} +.ui-scrollbar-bouncing-effect.ui-hide { + display: block; + -webkit-animation-name: ui-bouncing-hide; + animation-name: ui-bouncing-hide; +} +.ui-swipelist { + position: absolute; + top: 0; +} +.ui-swipelist .ui-swipelist-icon { + width: 20%; + height: 100%; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; +} +.ui-swipelist .ui-swipelist-text { + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-swipelist-left, +.ui-swipelist-right { + position: absolute; + display: none; +} +.ui-swipelist-left { + background-color: rgba(98, 168, 24, 1); + background-image: -webkit-linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(0, 0, 0, 1) 0%); + background-image: linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(0, 0, 0, 1) 0%); +} +.ui-swipelist-right { + background-color: rgba(235, 164, 23, 1); + background-image: -webkit-linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(0, 0, 0, 1) 0%); + background-image: linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(0, 0, 0, 1) 0%); +} +.ui-swipelist-icon, +.ui-swipelist-text { + position: absolute; +} +.ui-swipelist-left .ui-swipelist-icon { + margin-left: 2%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-left .ui-swipelist-text { + margin-left: 40%; +} +.ui-swipelist-right .ui-swipelist-icon { + margin-left: 80%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-right .ui-swipelist-text { + margin-left: 20%; +} +.ui-tab-indicator { + position: relative; + height: 6px; +} +.ui-tab-indicator .ui-tab-item { + position: absolute; + top: 0; + left: 0; + display: block; + height: 6px; + background-color: rgba(76, 103, 125, 1); +} +.ui-tab-indicator .ui-tab-item.ui-tab-active { + background-color: rgba(55, 161, 237, 1); +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + box-sizing: border-box; + padding: 0; + height: 56px; + width: 56px; + font-size: 32px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + position: relative; +} +input[type="radio"] { + background-color: rgba(0, 14, 26, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; +} +input[type="radio"]::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:checked::before { + content: ""; + background-color: rgba(115, 191, 15, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active { + background-color: rgba(0, 50, 84, 0.4); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +input[type="radio"]:active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input) { + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(0, 14, 26, 1); +} +input[type="checkbox"]:not(.ui-switch-input)::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + content: ""; + -webkit-mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(115, 191, 15, 1); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background-color: rgba(0, 50, 84, 0.4); +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + width: 100%; + height: 100%; + position: absolute; +} +.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input), +.ui-checkbox-small input[type=radio] { + top: 0.4375rem; + margin-right: 0.4375rem; + width: 2.125rem; + height: 2.125rem; +} +.ui-marquee { + position: relative; + white-space: nowrap; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 2.4375rem; + line-height: 2.4375rem; +} +.ui-marquee.ui-marquee-gradient { + text-overflow: clip; + -webkit-mask-image: -webkit-linear-gradient(left, #ffffff 0, #ffffff 85%, transparent 100%); +} +.ui-marquee.ui-marquee-ellipsis .ui-marquee-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-marquee .ui-marquee-content { + left: 0; + position: relative; + overflow: visible; + display: inline-block; +} +.ui-marquee-anim-running { + -webkit-animation-play-state: running; +} +.ui-marquee-anim-stopped { + -webkit-animation-play-state: paused; +} +.ui-marquee.ui-marquee-gradient::after { + background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%); + background: linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%); +} +/**************************************************** + Page Indicator +*****************************************************/ +tau-pageindicator { + display: block; +} +.ui-page-indicator { + display: block; + position: absolute; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + white-space: nowrap; + max-width: 100%; + overflow: hidden; +} +.ui-page-indicator .ui-page-indicator-item { + position: relative; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + -webkit-mask-image: url(images/Indicator/indicator_horizontal_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_dot.png); + background-color: rgba(250, 250, 250, 0.4); + margin-right: 0.5rem; + margin-top: 1.5rem; + transition-property: -webkit-mask-image, mask-image; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ui-page-indicator .ui-page-indicator-item:last-child { + margin-right: 0; +} +.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active { + -webkit-mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + background-color: rgba(250, 250, 250, 1); +} +.ui-page-indicator.ui-page-indicator-circular { + top: 0; + left: 0; + width: 100vw; + height: 100vw; + -webkit-transform: none; + -ms-transform: none; + transform: none; + pointer-events: none; +} +.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.3125rem; + margin-left: -0.3125rem; + margin-right: 0; +} +.ui-snap-container { + -webkit-scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; +} +.ui-snap-container.ui-snap-disabled { + -webkit-scroll-snap-type: none; +} +.ui-snap-listview-item { + -webkit-scroll-snap-coordinate: 50% 50%; +} +tau-drawer { + display: block; +} +.ui-drawer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + background-color: rgba(0, 0, 0, 1); + z-index: 1201; + box-sizing: border-box; +} +.ui-drawer.ui-drawer-close { + overflow: hidden; +} +.ui-drawer.ui-drawer-open { + overflow: auto; +} +.ui-drawer-overlay { + top: 0; + position: fixed; + background-color: rgba(0, 0, 0, 0.8); + z-index: 1200; +} +tau-drawermorestyle { + display: block; +} +tau-sectionchanger { + display: block; +} +.ui-section-changer { + height: 100%; +} +.ui-view-switcher { + height: 100%; + overflow: hidden; +} +.ui-view-switcher.ui-view-carousel .ui-view { + display: none; + position: absolute; + z-index: -1000; + top: 50%; + background-color: #fafafa; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active { + display: inline; + z-index: 100; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim { + opacity: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left { + display: inline; + left: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right { + display: inline; + right: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim { + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; +} +.ui-slider { + position: relative; + box-sizing: border-box; + background-color: rgba(64, 64, 64, 1); +} +.ui-slider .ui-slider-value { + background-color: rgba(55, 161, 237, 1); +} +.ui-slider .ui-slider-handler { + width: 2.25rem; + height: 2.25rem; + background-color: #fafafa; + border-radius: 50%; + position: absolute; + text-indent: 9999px; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-slider.ui-slider-horizontal { + height: 6px; + margin: 20px 22px; +} +.ui-slider.ui-slider-horizontal .ui-slider-value { + height: 6px; +} +.ui-slider.ui-slider-horizontal .ui-slider-handler { + top: 50%; + margin-left: -20px; + border: 3px solid rgba(55, 161, 237, 1); + -webkit-transform: translate(0, -50%) scale(0.6); + -ms-transform: translate(0, -50%) scale(0.6); + transform: translate(0, -50%) scale(0.6); +} +.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active { + -webkit-transform: translate(0, -50%) scale(1); + -ms-transform: translate(0, -50%) scale(1); + transform: translate(0, -50%) scale(1); +} +.ui-slider-title { + text-align: center; + color: rgba(14, 118, 179, 1); + font-size: 28px; +} +.ui-slider-subtitle { + text-align: center; + color: rgba(14, 118, 179, 1); + font-size: 28px; +} +.ui-selector { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-selector .ui-layer { + position: absolute; + display: none; + width: 4.25rem; + height: 4.25rem; + border-radius: 50%; +} +.ui-selector .ui-layer.ui-layer-active { + display: block; + width: 100%; + height: 100%; + z-index: 3; +} +.ui-selector .ui-layer.ui-layer-active .ui-item { + visibility: visible; + -webkit-transition: transform 300ms ease-out; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-selector .ui-layer.ui-layer-hide .ui-item { + visibility: visible; + -webkit-transition: transform 100ms ease-out; + -webkit-transition: -webkit-transform 100ms ease-out; + transition: -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out; + transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; +} +.ui-selector .ui-layer.ui-layer-prev { + display: block; + width: 3rem; + height: 3rem; + left: 50%; + margin-left: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_previous_page.png"); + mask-image: url("images/Common/b_more_option_btn_previous_page.png"); +} +.ui-selector .ui-layer.ui-layer-next { + display: block; + width: 3rem; + height: 3rem; + right: 50%; + margin-right: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_next_page.png"); + mask-image: url("images/Common/b_more_option_btn_next_page.png"); +} +.ui-selector .ui-item { + background-color: rgba(250, 250, 250, 1); + position: absolute; + visibility: hidden; + width: 4.25rem; + height: 4.25rem; + top: 50%; + left: 50%; + border-radius: 50%; + margin: -2.125rem; + z-index: 100; +} +.ui-selector .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-selector .ui-item::before { + -webkit-transition: background-color 200ms ease-out; + transition: background-color 200ms ease-out; +} +.ui-selector .ui-selector-indicator { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + z-index: 4; + width: 10.25rem; + height: 10.25rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.ui-selector .ui-selector-indicator::before { + content: ""; + position: absolute; + width: 90%; + height: 90%; + left: 50%; + top: 50%; + border-radius: 50%; + background-color: transparent; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before { + z-index: -1; + background-color: white; + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + font-size: 1.875rem; + pointer-events: none; + width: 10.25rem; + line-height: 2.5rem; + max-height: 5rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active { + background-repeat: no-repeat; + background-position: 50% 50%; + width: 8.75rem; + height: 8.75rem; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text { + margin-top: -0.25rem; + width: 5.875rem; + height: 5.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active + .ui-selector-indicator-text:not(:empty) { + margin-top: 0.3125rem; + width: 8.625rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + font-size: 1.8125rem; + pointer-events: none; + width: 8.625rem; + line-height: 2.4375rem; + max-height: 2.4375rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text { + width: 9.375rem; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext { + color: T117; + width: 9.375rem; +} +.ui-selector .ui-selector-indicator-arrow { + position: absolute; + width: 13.125rem; + height: 13.125rem; + top: 50%; + left: 50%; + margin: -6.5625rem; + text-align: center; + line-height: 13.125rem; + font-size: 1.75rem; + z-index: 0; +} +.ui-selector .ui-selector-indicator-arrow::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active { + background-color: rgba(250, 250, 250, 1); +} +.scrolling-scrollbar { + position: absolute; + pointer-events: none; + -webkit-transition: opacity 2.5s; + transition: opacity 2.5s; + opacity: 0; +} +.scrolling-scrollbar .scrolling-scrollthumb { + stroke: #009de4; + background-color: #009de4; + position: absolute; +} +.scrolling-scrollbar.scrolling-direction-y { + right: 0; + width: 10px; +} +.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb { + width: 10px; + min-height: 20px; + top: 0; + left: 50%; + margin-left: -5px; +} +.scrolling-scrollbar.scrolling-direction-x { + bottom: 0; + height: 10px; +} +.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb { + height: 10px; + min-width: 20px; + left: 0; + top: 50%; + margin-top: -5px; +} +.scrolling-scrollbar:not(.scrolling-circular) { + background-color: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular { + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.scrolling-scrollbar.scrolling-circular .ui-polar { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + pointer-events: none; +} +.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path { + stroke: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated { + -webkit-transition: all .5s; + transition: all .5s; +} +.scrolling-scrollbar.fade-in { + opacity: 1; + -webkit-transition: opacity .5s; + transition: opacity .5s; +} +.ui-page.ui-empty-state { + background-color: B0911; + color: rgba(250, 250, 250, 1); +} +.ui-page.ui-empty-state header.ui-header { + height: 6.75rem; +} +.ui-page.ui-empty-state:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url("images/Common/tw_no_item_bg.png"); + mask-image: url("images/Common/tw_no_item_bg.png"); + background-color: rgba(255, 255, 255, 0.1); +} +.ui-page.ui-empty-state .ui-title { + color: rgba(116, 196, 252, 1); + font-size: 1.875rem; + line-height: 2.4375rem; +} +.ui-page.ui-empty-state .ui-content { + overflow: hidden; + color: rgba(250, 250, 250, 1); + font-size: 1.75rem; + line-height: 2.3125rem; + padding-left: 3.75rem; + padding-right: 3.75rem; + margin: 0 auto; +} +.ui-page.ui-empty-state .ui-content .ui-icon { + width: 6.125rem; + height: 6.125rem; +} +.ui-page.ui-empty-state .ui-content .ui-empty-state-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 4.625rem; + margin-top: 0.5rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header { + height: 7.8125rem; + margin-top: 0; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title { + padding-top: 3.1875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon { + width: 8.125rem; + height: 6.875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label { + height: 2.3125rem; + margin-top: 1.75rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines { + margin-top: 0.125rem; + height: 4.625rem; +} +.ui-grid { + padding: 0; + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + overflow: hidden; + background-color: rgba(0, 0, 0, 1); +} +.ui-grid.ui-hidden { + display: none; +} +.ui-grid li { + transition-property: border-radius, -webkit-mask-size, mask-size; + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; + position: absolute; + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.ui-grid li a { + position: relative; +} +.ui-grid li a:active:hover:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(38, 38, 38, 0.4); +} +.ui-grid.ui-grid-horizontal { + height: 22.5rem; +} +.ui-grid.ui-grid-horizontal li { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-horizontal.ui-grid-rectangle li { + -webkit-mask-size: 22.5rem auto; + mask-size: 22.5rem auto; + -webkit-mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); + mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); +} +.ui-grid.ui-grid-vertical { + width: 22.5rem; +} +.ui-grid.ui-grid-vertical li { + -webkit-transform-origin: center top; + -ms-transform-origin: center top; + transform-origin: center top; +} +.ui-grid.ui-grid-vertical.ui-grid-rectangle li { + -webkit-mask-size: auto 22.5rem; + mask-size: auto 22.5rem; + -webkit-mask-image: url('images/Grid/tw_basic_grid_vertical.png'); + mask-image: url('images/Grid/tw_basic_grid_vertical.png'); +} +.ui-grid.ui-grid-circle li { + border-radius: 100%; +} +.ui-grid.ui-grid-rectangle li { + border-radius: 1.125rem; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-grid.ui-grid-3x3 { + height: 22.5rem; +} +.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned { + position: absolute; + left: 0; + top: 0; + margin: 0 !important; +} +.ui-grid.ui-grid-3x3 li { + width: 22.5rem; + height: 22.5rem; + position: absolute; + display: inline-block; +} +.ui-grid.ui-grid-3x3 li.ui-selected { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-3x3 li a { + display: inline-block; +} +.ui-grid.ui-grid-3x3 .thumb { + width: 100%; + height: 100%; + position: relative; +} +.ui-grid.ui-grid-image { + padding: 0; +} +.ui-grid.ui-grid-image li { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + width: 22.5rem; + height: 22.5rem; + overflow: hidden; +} +.ui-grid.ui-grid-image li a { + display: inline-block; +} +.ui-grid.ui-grid-image .thumb { + width: 22.5rem; + height: 22.5rem; + position: relative; +} +.ui-grid.ui-grid-thumbnail { + background-color: W143; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li { + -webkit-mask-size: 14rem auto; + mask-size: 14rem auto; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li { + -webkit-mask-size: auto 14rem; + mask-size: auto 14rem; +} +.ui-grid-container { + position: relative; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-scroll-snap-type: mandatory; + -ms-scroll-snap-type: mandatory; + scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; + -ms-scroll-snap-destination: 50% 50%; + scroll-snap-destination: 50% 50%; +} +.ui-grid-container .ui-image-section { + width: 22.5rem; + height: 22.5rem; +} +.ui-grid-container .snap-point { + width: 0.0625rem; + height: 0.0625rem; + position: absolute; + -webkit-scroll-snap-coordinate: 50% 50%; + -ms-scroll-snap-coordinate: 50% 50%; + scroll-snap-coordinate: 50% 50%; + visibility: hidden; +} +.ui-grid-container.ui-grid-horizontal { + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + height: 22.5rem; +} +.ui-grid-container.ui-grid-horizontal .snap-point { + top: 50%; +} +.ui-grid-container.ui-grid-vertical { + overflow-x: hidden; + overflow-y: scroll; + width: 22.5rem; + height: 100%; +} +.ui-grid-container.ui-grid-vertical .snap-point { + left: 50%; +} +.ui-circleindicator { + position: fixed; + z-index: 0; +} +.ui-circleindicator svg { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.ui-circleindicator svg:nth-child(2) circle { + -webkit-transition: stroke-dashoffset 0.5s linear; + transition: stroke-dashoffset 0.5s linear; +} +.ui-circleindicator svg .ui-big { + z-index: 4; +} +.ui-circleindicator svg .ui-pointer { + z-index: 5; +} +/*implementation of animation added by polar*/ +.ui-animated { + -webkit-transition: 1s linear; + transition: 1s linear; +} +.ui-hyperlink { + text-decoration: underline; +} +.ui-spin { + position: relative; + display: inline-block; + height: 3.75rem; + background-color: transparent; + overflow: hidden; + font-size: 1.375rem; + padding: 0; + box-sizing: content-box; + width: 5rem; +} +.ui-spin-item { + background-color: transparent; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1.875rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #4dcfff; +} +.ui-spin-item-selected { + font-size: 1.875rem; + height: 1.875rem; + color: #ffffff; +} +.ui-spin-enabling { + height: 100%; +} +.ui-spin-enabling .ui-spin-item { + -webkit-transition: 300ms opacity linear; + transition: 300ms opacity linear; +} +.tau-info-theme:after { + content: "default"; +} diff --git a/lib/tau/wearable/theme/blue/tau.min.css b/lib/tau/wearable/theme/blue/tau.min.css new file mode 100644 index 0000000..f38976b --- /dev/null +++ b/lib/tau/wearable/theme/blue/tau.min.css @@ -0,0 +1,17 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +*{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}html,button,input,select,textarea{font-family:Tizen,Samsung Sans,Helvetica}body{margin:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button[disabled],input[disabled]{cursor:default}input[type=time],input[type=date]{color:#000}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.tau-info-theme{position:absolute;top:-999px;left:-999px}.screen-hidden{visibility:hidden;position:absolute;top:-10000em;left:-10000em}button,input{outline:0;cursor:pointer}*{box-sizing:border-box}a{text-decoration:none;color:rgba(250,250,250,1)}ul,li{margin:0;padding:0;list-style-type:none}img{margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;font-size:2.125rem;font-family:Tizen,Samsung Sans,Helvetica;background:rgba(0,0,0,1);color:rgba(250,250,250,1)}tau-page{display:block}.ui-page{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-page.ui-page-active{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-page.ui-page-build{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:hidden}.ui-page tau-scrollview{display:block}.ui-page .ui-content{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page .ui-content.ui-content-padding{padding-left:.75rem;padding-right:.75rem}.ui-page .ui-content.ui-content-fixed-middle{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-header{position:relative;width:100%;line-height:60px;background-color:rgba(0,31,56,1)}.ui-page .ui-header .ui-subtitle{height:30px;font-weight:400;line-height:30px;padding-left:16px;padding-right:16px;color:rgba(116,196,252,1);font-size:24px;margin:-.625rem 0 .3125rem 0}.ui-page .ui-header .ui-title{color:rgba(116,196,252,1);font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding-left:16px;padding-right:16px;-webkit-mask-image:-webkit-linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%);mask-image:linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%)}.ui-page .ui-header .ui-title.ui-icon{padding-left:60px;background-position:16px 14px;background-size:34px 34px;background-repeat:no-repeat}.ui-page .ui-header.ui-has-more .ui-title{padding-right:78px;-webkit-mask-image:-webkit-linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%)}.ui-page .ui-header button.ui-more,.ui-page .ui-header input.ui-more{border:0 none;padding:0}.ui-page .ui-header .ui-more-disable{cursor:default;background-color:transparent}.ui-page .ui-header .ui-more{display:block;position:absolute;top:0;right:0;width:68px;height:100%;overflow:hidden;text-indent:-1000em;background-position:center center;background-color:transparent;cursor:pointer}.ui-page .ui-header .ui-more:active{background-color:rgba(23,73,115,1)}.ui-page .ui-header .ui-more.ui-icon-detail{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-detail[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-footer{width:100%;position:absolute;bottom:0;left:0}.ui-page.ui-scroll-on .ui-scroller{width:100%;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page.ui-scroll-on .ui-content{height:auto;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ui-page.ui-scroll-on .ui-footer{position:relative}.ui-grid-col>*{float:left}.ui-page .ui-grid-col-1>*{float:left}.ui-page .ui-grid-col-1>*{width:100%}.ui-page .ui-grid-col-2>*{float:left}.ui-page .ui-grid-col-2>*{width:50%}.ui-page .ui-grid-col-3>*{float:left}.ui-page .ui-grid-col-3>*{width:33.33333333%}.ui-grid-row>*{display:block}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}}@keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}}progress{position:relative;padding-left:1rem;padding-right:1rem;margin-top:.875rem;margin-bottom:.875rem;width:100%;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}progress::-webkit-progress-bar{position:relative;background-color:rgba(64,64,64,1);border-radius:.125rem;overflow:hidden}progress::-webkit-progress-value{background-color:rgba(55,161,237,1);height:.375rem;border-radius:.125rem;overflow:hidden}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:rgba(55,161,237,1)}progress.ui-progress-indeterminate::-webkit-progress-value{background-size:100% 100%;-webkit-animation:indeterminate 150ms infinite;animation:indeterminate 150ms infinite}.ui-progress-proportion{display:block;float:left;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-progress-ratio{display:block;float:right;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-circle-progress{display:none}.ui-progressbar{position:relative;display:inline-block;pointer-events:none}.ui-progressbar.ui-progressbar-full{position:fixed;top:0;left:0;width:100%;height:100%}.ui-switch{width:100%;color:rgba(250,250,250,1)}.ui-switch-inneroffset,.ui-switch-handler{display:none}.ui-switch-text{margin-top:30px;margin-bottom:40px;padding:0 30px;font-size:34px;text-align:center}.ui-switch-sub-text{margin-top:48px;font-size:26px;text-align:center;color:T161}.ui-toggleswitch{position:relative;display:inline-block;width:103.5px;height:55px;overflow:hidden}.ui-toggleswitch.ui-toggleswitch-large{width:207px;height:110px}.ui-toggleswitch .ui-switch-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;display:block}.ui-toggleswitch .ui-switch-input::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;-moz-mask-position:0 0;-ms-mask-position:0 0;-o-mask-position:0 0;mask-position:0 0;background-color:rgba(102,101,101,1);z-index:0}.ui-toggleswitch .ui-switch-input:active::before{background-color:rgba(102,101,101,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:rgba(179,179,179,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::before{background-color:rgba(102,101,101,1)}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 33.3%;-moz-mask-position:0 33.3%;-ms-mask-position:0 33.3%;-o-mask-position:0 33.3%;mask-position:0 33.3%;background-color:rgba(250,250,250,1);position:absolute;top:0;left:0;pointer-events:none;z-index:1}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 66.7%;-moz-mask-position:0 66.7%;-ms-mask-position:0 66.7%;-o-mask-position:0 66.7%;mask-position:0 66.7%;background-color:rgba(133,133,133,1);top:0;left:0}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;background-color:rgba(250,250,250,1);-webkit-mask-position:0 33%;-moz-mask-position:0 33%;-ms-mask-position:0 33%;-o-mask-position:0 33%;mask-position:0 33%;-webkit-transform:translate3d(36.23%,0,0);-ms-transform:translate3d(36.23%,0,0);transform:translate3d(36.23%,0,0)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-mask-position:0 100%;-moz-mask-position:0 100%;-ms-mask-position:0 100%;-o-mask-position:0 100%;mask-position:0 100%;background-color:rgba(115,191,15,1)}.ui-toggleswitch .ui-switch-input:checked::before{background-color:rgba(115,191,15,1)}.ui-toggleswitch .ui-switch-input:checked:active::before{background-color:rgba(75,102,39,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:rgba(179,179,179,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{background-color:rgba(75,102,39,1)}@-webkit-keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@-webkit-keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}@keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}.ui-processing{background-color:rgba(0,77,153,1);-webkit-mask-image:url(images/Processing/processingsmall.png);mask-image:url(images/Processing/processingsmall.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-name:smallprocess;animation-name:smallprocess;width:4.75rem;height:4.75rem;margin:0 auto}.ui-processing.ui-processing-full-size{-webkit-mask-image:url(images/Processing/processing_bar.png);mask-image:url(images/Processing/processing_bar.png);-webkit-animation-name:fullprocess;animation-name:fullprocess;width:100%;height:.375rem;margin-top:.375rem;margin-bottom:.375rem;max-width:19.75rem}.ui-processing.ui-hidden{display:none}.ui-processing-text{margin:0 auto;text-align:center;width:10.5rem;font-size:1.5rem;color:rgba(250,250,250,1)}.ui-btn{display:block;position:relative;padding-right:10px;padding-left:10px;margin:0;font-size:2rem;line-height:5.3125rem;height:5.3125rem;text-align:center;white-space:nowrap;cursor:pointer;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;border:0 none;color:rgba(250,250,250,1);background-color:rgba(2,56,92,1)}a.ui-btn:active:hover,.ui-btn:enabled:active:hover{background-color:rgba(23,73,115,1)}.ui-btn:enabled:focus{background-color:rgba(2,56,92,1)}a.ui-btn.ui-state-disabled,.ui-btn:disabled{color:rgba(250,250,250,.2);background-color:rgba(3,44,64,1);cursor:default}.ui-btn.ui-multiline{padding-top:10px;padding-bottom:10px}.ui-btn.ui-inline{display:inline-block}.ui-btn.ui-btn-icon{background-position:center center;height:5.5rem;width:5.5rem;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem}.ui-btn.ui-btn-icon::before{content:"";-webkit-mask-size:5.5rem 5.5rem;mask-size:5.5rem 5.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;width:5.5rem;height:5.5rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);position:absolute;-webkit-mask-image:none;mask-image:none;background-position:center center;background-repeat:no-repeat}.ui-btn.ui-btn-icon-only{text-indent:-624.9375rem}.ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.75rem 3.75rem;mask-size:3.75rem 3.75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.75rem;height:3.75rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(250,250,250,1);-webkit-transition:background 150ms;transition:background 150ms}.ui-btn.ui-btn-icon-only:active::before{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-icon-only:disabled::before{background-color:rgba(250,250,250,.4)}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{background-color:transparent;height:33vh}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{content:'';position:absolute;background-color:#fff;border-radius:50%;width:30vw;height:30vh;opacity:0;left:50%;top:50%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before,.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before{-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity}.ui-btn.ui-btn-text{height:3.3125rem;line-height:2.6875rem;padding:.3125rem;margin:auto;max-width:16.125rem;min-width:4.125rem}.ui-btn.ui-btn-text:enabled:active:hover,.ui-btn.ui-btn-text:enabled:focus{background-color:transparent}.ui-btn.ui-btn-text.ui-btn-active{-webkit-animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms;animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem;overflow:visible;background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon::after,.ui-btn.ui-btn-no-bg.ui-btn-icon::after{position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';background-color:rgba(250,250,250,1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled{background-color:rgba(250,250,250,.4);cursor:default}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{height:141%;width:141%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled{background-color:transparent;cursor:default}.ui-btn.ui-btn-middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@-webkit-keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@-webkit-keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@-webkit-keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}.ui-default{color:rgba(250,250,250,1);background-color:rgba(2,56,92,1)}a.ui-default:active:hover,.ui-default:enabled:active:hover{background-color:rgba(23,73,115,1)}.ui-default:enabled:focus{background-color:rgba(2,56,92,1)}a.ui-default.ui-state-disabled,.ui-default:disabled{color:rgba(250,250,250,.2);background-color:rgba(3,44,64,1);cursor:default}.ui-color-red{color:rgba(250,250,250,1);background-color:rgba(207,36,2,1)}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:rgba(222,102,78,1)}.ui-color-red:enabled:focus{background-color:rgba(207,36,2,1)}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,11,1,1);cursor:default}.ui-color-orange{color:rgba(250,250,250,1);background-color:rgba(237,134,0,1)}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:rgba(242,171,78,1)}.ui-color-orange:enabled:focus{background-color:rgba(237,134,0,1)}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,39,5,1);cursor:default}.ui-color-green{color:rgba(250,250,250,1);background-color:rgba(97,163,16,1)}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:rgba(146,191,90,1)}.ui-color-green:enabled:focus{background-color:rgba(97,163,16,1)}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:rgba(250,250,250,.2);background-color:rgba(50,54,48,1);cursor:default}.ui-btn:focus,.ui-btn:active{outline:0}a.ui-btn{text-decoration:none;box-sizing:border-box}button.ui-btn,input.ui-btn{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}button.ui-btn.ui-inline,input.ui-btn.ui-inline{display:inline-block;width:auto}.ui-grid-col-1>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-1>.ui-btn:first-child{border-left:0 none}.ui-grid-col-2>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-2>.ui-btn:first-child{border-left:0 none}.ui-grid-col-3>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-3>.ui-btn:first-child{border-left:0 none}.ui-grid-row>.ui-btn{margin-top:1px}.ui-grid-row>.ui-btn:first-child{margin-top:0}.ui-popup{box-sizing:border-box;position:fixed;left:0;width:100%;margin:0;background-color:rgba(0,17,33,1);border:3px solid rgba(0,55,92,1);display:none;z-index:1100}.ui-popup:not(.ui-ctxpopup){bottom:0}.ui-popup .ui-popup-header{width:100%;min-height:68px;font-size:30px;text-align:left;background-color:rgba(5,42,71,1);color:rgba(116,196,252,1);padding-top:14px;padding-right:13px;padding-bottom:14px;padding-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popup .ui-popup-content{width:100%;min-height:14rem;font-size:2.125rem;text-align:left;color:rgba(250,250,250,1);background-color:rgba(0,17,33,1);padding:10px 16px 9px;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-.5625rem -1rem -.5625rem -1rem}.ui-popup .ui-popup-content .ui-listview li,.ui-popup .ui-popup-content .ui-inline-listview li{font-size:2.125rem}.ui-popup .ui-popup-footer{width:100%;height:83px}.ui-popup .ui-popup-footer .ui-btn{padding-top:27px;padding-bottom:28px;font-size:30px}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only{position:relative;text-indent:-624.9375rem}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.125rem 3.125rem;mask-size:3.125rem 3.125rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.125rem;height:3.125rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.ui-popup.ui-popup-active{display:block}.ui-popup.in{display:block}.ui-popup.ui-build{display:block;visibility:hidden}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast){max-height:100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper{width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{height:auto}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed{position:absolute;top:0;left:0;width:100%;z-index:2100}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed{position:absolute;bottom:0;left:0;width:100%;z-index:2100;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ui-popup.ui-ctxpopup{background-color:transparent;width:100%;border:0 none;border-radius:0;overflow:visible}div.ui-popup.ui-ctxpopup.ui-popup-content-size{width:auto;padding:0}div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content{width:auto}.ui-popup.ui-ctxpopup .ui-popup-content{min-height:initial;background-color:rgba(250,250,250,1);border:1px solid rgba(117,117,117,.9);color:#333}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li{color:rgba(0,0,0,1);border-bottom:1px solid rgba(204,204,204,1);min-height:90px;padding:21px 8px 20px 16px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a{color:rgba(0,0,0,1);margin:-21px -16px;padding:21px 16px;min-height:48px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(19,99,145,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon{position:relative;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a{margin-left:-4.25rem;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before{content:"";position:absolute;top:50%;left:.375rem;width:3.5rem;height:3.5rem;margin-top:-1.75rem;background-color:rgba(92,92,92,.9);-webkit-mask-size:3.5rem 3.5rem;-moz-mask-size:3.5rem 3.5rem;-ms-mask-size:3.5rem 3.5rem;-o-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview{height:4.3125rem;overflow:hidden}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li{float:left;height:4.1875rem;line-height:4.1875rem;border-right:1px solid rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a{display:block;width:100%;height:100%;padding:0rem .5rem;color:rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(19,99,145,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext{width:3.6875rem;height:4.1875rem;text-indent:-1000em;overflow:hidden;position:relative}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before{content:"";position:absolute;top:50%;left:50%;width:2.6875rem;height:2.6875rem;margin-top:-1.34375rem;margin-left:-1.34375rem;background-color:rgba(0,0,0,1);-webkit-mask-size:2.6875rem 2.6875rem;-moz-mask-size:2.6875rem 2.6875rem;-ms-mask-size:2.6875rem 2.6875rem;-o-mask-size:2.6875rem 2.6875rem;mask-size:2.6875rem 2.6875rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-arrow{width:36px;height:15px;overflow:hidden;position:absolute;display:none;-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup .ui-arrow span{box-sizing:border-box;width:20px;height:20px;background-color:rgba(250,250,250,1);border:1px solid rgba(117,117,117,.9);position:absolute;top:6px;left:8px;-webkit-transform:rotate(55deg) skew(24deg);-ms-transform:rotate(55deg) skew(24deg);transform:rotate(55deg) skew(24deg);-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b{padding:20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-t{padding:0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r{padding:20px 0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-l{padding:20px 20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow{display:block;bottom:-14px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow{display:block;top:-14px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow{display:block;right:-25px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow{display:block;left:-25px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.ui-popup.ui-popup-toast{margin-left:0;margin-right:0;margin-bottom:0;font-size:1.5rem;border:3px solid rgba(0,55,92,1);border-radius:0;border-left:0;border-right:0;position:absolute;bottom:0}.ui-popup.ui-popup-toast:not(.ui-popup-toast){top:auto;height:auto}.ui-popup.ui-popup-toast .ui-popup-content{min-height:initial;padding:.6875rem 2.625rem .75rem;background-color:rgba(0,17,33,1)}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:3.5rem;height:3.5rem;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-indent:-10000px;overflow:hidden}.ui-popup.ui-popup-toast .ui-popup-toast-icon::after{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%}.ui-popup-overlay{position:fixed;display:none;top:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.7)}.ui-popup-overlay.in{display:block}.ui-popup.slideup.in{-webkit-animation-name:popupslideinfrombottom;animation-name:popupslideinfrombottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.slideup.out{-webkit-animation-name:popupslideouttobottom;animation-name:popupslideouttobottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.ui-popup.pop.in{-webkit-animation-name:popuppopin;animation-name:popuppopin;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.pop.out{-webkit-animation-name:popuppopout;animation-name:popuppopout;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}@keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}.ui-popup.ui-popup-toast.pop.in{-webkit-animation-name:toastpopuppopin;animation-name:toastpopuppopin;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.ui-popup-toast.pop.out{-webkit-animation-name:toastpopuppopout;animation-name:toastpopuppopout;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}.ui-popup-overlay.slideup.in,.ui-popup-overlay.pop.in{-webkit-animation:fadein 250ms;animation:fadein 250ms}.ui-popup-overlay.slideup.out,.ui-popup-overlay.pop.out{-webkit-animation:fadeout 250ms forwards;animation:fadeout 250ms forwards}.ui-popup.ui-popup-arrow-t.slideup.in,.ui-popup.ui-popup-arrow-l.slideup.in,.ui-popup.ui-popup-arrow-r.slideup.in{-webkit-animation:ctxpopupslideinfrombottom 250ms ease-in-out;animation:ctxpopupslideinfrombottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-t.slideup.out,.ui-popup.ui-popup-arrow-l.slideup.out,.ui-popup.ui-popup-arrow-r.slideup.out{-webkit-animation:ctxpopupslideouttobottom 250ms ease-in-out;animation:ctxpopupslideouttobottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.in{-webkit-animation:ctxpopupslideinfromtop 250ms ease-in-out;animation:ctxpopupslideinfromtop 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.out{-webkit-animation:ctxpopupslideouttotop 250ms ease-in-out;animation:ctxpopupslideouttotop 250ms ease-in-out}@-webkit-keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@-webkit-keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}@keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}tau-virtuallistview,tau-listview{display:block;list-style-type:disc;list-style-type:none}.ui-listview li{font-size:2rem;line-height:3rem;min-height:6.25rem;padding:.9375rem .5rem .9375rem 1rem;border-bottom:.0625rem solid rgba(56,56,56,1);white-space:nowrap;position:relative;color:rgba(250,250,250,1)}.ui-listview li.ui-li-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0;min-height:5.3125rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-listview li.ui-li-grid .ui-processing{padding:0;margin-right:.5rem}.ui-listview li.ui-li-grid div:first-child{width:-webkit-calc(100% - 5.5rem);width:calc(100% - 5.5rem);text-align:left;height:100%;margin-left:1rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{padding:0;margin-right:.5rem;background-size:contain;background-position:center center;background-repeat:no-repeat;width:3.5rem;height:3.5rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after{background-color:transparent}.ui-listview li.ui-li-grid.ui-li-grid-full div::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(56,56,56,1);right:4.5rem;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-listview li.ui-li-grid.ui-li-grid-full>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid.ui-li-grid-full>.ui-btn-icon{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid .ui-btn-description{width:100%;margin:0 -50%;z-index:2;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;line-height:5.3125rem;pointer-events:none}.ui-listview li.ui-li-grid a.ui-btn,.ui-listview li.ui-li-grid tau-button.ui-btn{background-position:center center;height:5.3125rem;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem;position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border-bottom:.0625rem solid rgba(0,24,41,1);border-right:.0625rem solid rgba(0,24,41,1)}.ui-listview li input[type=text],.ui-listview li input[type=password]{width:20.5rem;height:3.875rem;padding:.8125rem 0 .8125rem .5rem;color:rgba(116,196,252,1);font-size:2rem;background-color:rgba(245,245,245,.15);border:0;outline:0}.ui-listview li input[type=text]:focus,.ui-listview li input[type=password]:focus{border:.0625rem solid rgba(245,245,245,.15)}.ui-listview li input[type=text]:focus::-webkit-input-placeholder,.ui-listview li input[type=password]:focus::-webkit-input-placeholder{color:#fff}.ui-listview li>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:rgba(250,250,250,1)}.ui-listview li>a:not(.ui-btn){display:block;width:100%;height:auto;margin:-1.625rem -.5rem -1.625rem -1rem;padding:1.25rem .5rem 1.25rem 1rem;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;text-overflow:ellipsis;overflow:hidden}.ui-listview li.ui-listview-divider{height:1.875rem;min-height:1.875rem;line-height:1.875rem;padding:0 .5rem 0 1rem;background-color:rgba(29,72,105,1);color:rgba(151,197,230,1);font-size:1.5rem}.ui-listview li .ui-li-sub-text{color:rgba(85,135,171,1);font-size:1.75rem}.ui-listview li.ui-li-has-action-icon .ui-action-text{width:-webkit-calc(100% - 4.8125rem);width:calc(100% - 4.8125rem);height:100%}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(250,250,250,1);right:4.25rem;top:20%}.ui-listview li.ui-li-has-action-icon .ui-action-divider{display:none}.ui-listview li.ui-li-has-action-icon .ui-action-delete,.ui-listview li.ui-li-has-action-icon .ui-action-setting,.ui-listview li.ui-li-has-action-icon .ui-action-add{position:absolute;height:100%;width:4.5rem;right:0;top:0;-webkit-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;padding:0;margin:0}.ui-listview li.ui-li-has-action-icon .ui-action-delete{-webkit-mask-image:url(images/listview/tw_list_delete_holo_dark.png);mask-image:url(images/listview/tw_list_delete_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-setting{-webkit-mask-image:url(images/listview/tw_list_setting_holo_dark.png);mask-image:url(images/listview/tw_list_setting_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-add{-webkit-mask-image:url(images/listview/tw_list_add_holo_dark.png);mask-image:url(images/listview/tw_list_add_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon{background-color:transparent}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-datetime-widget{position:relative;height:100%}.ui-datetime{text-align:center;padding-top:56px}.ui-time-picker .ui-datetime{padding-top:53px}.ui-datetime:only-child{padding-top:92px}.ui-time-picker .ui-datetime:only-child{padding-top:89px}.ui-datetime input[type=date],.ui-datetime input[type=datetime],.ui-datetime input[type=time]{display:none}.ui-datefield{height:52px;display:inline-block;vertical-align:top}.ui-datefield>.ui-btn{float:left;height:52px;padding:0;line-height:52px;font-size:42px;font-weight:600;border-radius:2px;background-color:rgba(255,255,255,.15)}.ui-datefield .ui-datefield-separator{display:block;height:100%;float:left;width:18px;background:transparent url(images/Datetimepicker/tw_timepicker_num_dot.png)}.ui-datefield>.ui-btn:enabled:focus{background-color:rgba(255,255,255,.15)}.ui-datefield>.ui-btn:disabled{color:#404040}.ui-datafield>.ui-btn.ui-selected,.ui-datefield>.ui-btn:enabled:active,.ui-datefield>.ui-btn.ui-state-active:enabled,.ui-datefield>.ui-btn.ui-selected:enabled{background-color:#ff9000;color:#000}.ui-date-picker .ui-datefield>.ui-btn:first-child{margin-right:2px}.ui-date-picker .ui-datefield>.ui-btn:last-child{margin-left:2px}.ui-date-picker .ui-datefield-year{width:114px}.ui-date-picker .ui-datefield-month{width:102px}.ui-date-picker .ui-datefield-day{width:68px}.ui-time-picker .ui-datefield-hour{width:74px}.ui-time-picker .ui-datefield-min{width:74px}.ui-time-picker .ui-datefield-period{width:84px;margin-left:10px}.ui-time-picker .ui-datefield{height:58px}.ui-time-picker .ui-datefield>.ui-btn{height:58px;line-height:58px;font-size:50px}.ui-time-picker .ui-datefield>.ui-btn.ui-datefield-period{font-size:48px}.ui-datetime-wheel{height:68px;margin:0 10px;margin-top:30px}.ui-time-picker .ui-datetime-wheel{margin-top:27px}.ui-datetime-wheel .ui-btn{width:68px;height:68px;float:left}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus{float:right;background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-wheel{display:block;margin-left:68px;margin-right:68px;height:68px;padding:10px 0;box-sizing:border-box;background:url(images/Datetimepicker/tw_timepicker_wheel_01.png) center center no-repeat}.ui-datetime-btns{position:absolute;bottom:0;width:100%;height:76px;box-sizing:border-box;border-top:2px solid #262626}.ui-datetime-btns::before{content:"";height:34px;width:1px;background-color:#262626;position:absolute;left:160px;top:20px}.ui-datetime-btns .ui-btn{height:100%;position:relative;background-color:transparent}.ui-datetime-btns .ui-btn:enabled:active,.ui-datetime-btns .ui-btn:enabled:focus,.ui-datetime-btns .ui-btn:enabled:active:focus{background-color:transparent}.ui-datetime-btns .ui-btn-left{width:160px;float:left;background:url(images/Datetimepicker/tw_timepicker_left_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn-right{width:159px;float:right;background:url(images/Datetimepicker/tw_timepicker_right_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn:disabled,.ui-datetime-btns .ui-btn.ui-state-disabled{opacity:.2}.ui-datetime-periods{height:102px;margin-top:7px;display:inline-block}.ui-datetime-periods .ui-btn,.ui-datetime-periods .ui-datetime-periods-separator{height:100%;float:left;padding:0;background:transparent}.ui-datetime-periods .ui-btn{width:102px;font-size:34px;line-height:102px}.ui-datetime-periods .ui-btn:enabled:focus{background:transparent}.ui-datetime-periods .ui-btn:enabled:active,.ui-datetime-periods .ui-btn:enabled:active:focus,.ui-datetime-periods .ui-btn.ui-selected:enabled:active,.ui-datetime-periods .ui-btn.ui-state-active:enabled:active{color:inherit;text-decoration:none;background:url(images/Datetimepicker/tw_timepicker_time_bg.png) center center no-repeat}.ui-datetime-periods .ui-btn.ui-selected:enabled,.ui-datetime-periods .ui-btn.ui-state-active:enabled{color:#ff9000;text-decoration:underline}.ui-datetime-periods .ui-datetime-periods-separator{width:24px;background:url(images/Datetimepicker/tw_timepicker_num_dot_01.png) center center no-repeat}.ui-datetime-wheel.ui-hidden,.ui-datetime-periods.ui-hidden{display:none}.ui-viewport-transitioning,.ui-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;box-sizing:border-box}.ui-pre-in{z-index:100;visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;top:0;left:0}.in{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:350ms;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:225ms;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation:fadeout 125ms;animation:fadeout 125ms}.fade.in{opacity:1;-webkit-animation:fadein 225ms;animation:fadein 225ms}@-webkit-keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-webkit-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideup.in:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);-webkit-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay){z-index:101;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1)}@-webkit-keyframes popin{from{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}}@-webkit-keyframes popoutreverse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}}@-webkit-keyframes popinreverse{from{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}.pop.out.reverse{z-index:100;-webkit-animation-duration:225ms;-webkit-animation-name:popoutreverse;-moz-animation-duration:225ms;-moz-animation-name:popoutreverse;animation-duration:225ms;animation-name:popoutreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in.reverse{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popinreverse;-moz-animation-duration:225ms;-moz-animation-name:popinreverse;animation-duration:225ms;animation-name:popinreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in{-webkit-animation-duration:225ms;-webkit-animation-name:popin;-moz-animation-duration:225ms;-moz-animation-name:popin;animation-duration:225ms;animation-name:popin;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.out{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popout;-moz-animation-duration:225ms;-moz-animation-name:popout;animation-duration:225ms;animation-name:popout;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-indexscrollbar{display:block;position:fixed;right:0;top:0;width:2.8125rem;height:100%;padding-left:.125rem;background-color:rgba(26,26,26,1);z-index:10;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ui-indexscrollbar ul{position:absolute;width:100%;top:0}.ui-indexscrollbar ul li{color:rgba(89,89,89,1);display:block;width:100%;text-align:center;font-size:1.5rem;height:2.25rem}.ui-indexscrollbar ul li.ui-state-selected{background-color:rgba(36,36,36,1);color:rgba(55,161,237,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary{position:relative;height:auto;top:0;right:-2.5rem;width:100%}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li{background-color:rgba(36,36,36,1);color:rgba(89,89,89,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected{background-color:rgba(36,36,36,1);color:rgba(55,161,237,1)}.ui-indexscrollbar+.ui-listview li{padding-right:2.5rem}.ui-indexscrollbar-indicator{position:fixed;top:0;left:0;z-index:9;display:none}.ui-indexscrollbar-indicator>span{width:8.75rem;height:5.4375rem;position:absolute;display:block;top:50%;left:50%;margin-left:-5.625rem;margin-top:-2.6875rem;line-height:5.4375rem;font-size:4.375rem;text-align:center;background-color:rgba(0,61,107,.95);color:rgba(250,250,250,1)}.ui-indexscrollbar-indicator>span>span.ui-selected{color:rgba(55,161,237,1)}.ui-circularindexscrollbar{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{position:absolute;top:50%;left:50%;width:9.875rem;height:9.875rem;line-height:9.875rem;border-radius:50%;background-color:rgba(0,61,107,.95);-webkit-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-circularindexscrollbar.ui-circularindexscrollbar-show{pointer-events:auto}.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator{opacity:1}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:4.375rem;color:rgba(55,161,237,1)}.ui-scrollbar-bar-type{position:absolute}.ui-scrollbar-bar-type.ui-scrollbar-horizontal{left:0;bottom:0;width:100%;height:8px}.ui-scrollbar-bar-type.ui-scrollbar-vertical{right:0;top:0;width:.5rem;height:100%}.ui-scrollbar-bar-type .ui-scrollbar-indicator{position:absolute;background-color:rgba(94,94,94,1)}.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator{height:.25rem}.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator{width:.25rem}.ui-scrollbar-bouncing-effect{display:none;position:absolute;background-repeat:no-repeat;-webkit-animation-duration:.47s;animation-duration:.47s;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(55,161,237,.7)}.ui-scrollbar-bouncing-effect::before{content:"";position:absolute;background-color:rgba(55,161,237,1)}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:3.125rem;left:0;-webkit-mask-size:100% 3.125rem}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:.125rem;-webkit-mask-size:100% .125rem}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:3.125rem;height:100%;top:0;-webkit-mask-size:3.125rem 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:.0625rem;height:100%;-webkit-mask-size:.0625rem 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;-webkit-mask-image:url(images/Scroller/bouncing_top_glow.png);mask-image:url(images/Scroller/bouncing_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{-webkit-mask-image:url(images/Scroller/bouncing_top_edge.png);mask-image:url(images/Scroller/bouncing_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;-webkit-mask-image:url(images/Scroller/bouncing_bottom_glow.png);mask-image:url(images/Scroller/bouncing_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{-webkit-mask-image:url(images/Scroller/bouncing_bottom_edge.png);mask-image:url(images/Scroller/bouncing_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;-webkit-mask-image:url(images/Scroller/bouncing_left_glow.png);mask-image:url(images/Scroller/bouncing_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{-webkit-mask-image:url(images/Scroller/bouncing_left_edge.png);mask-image:url(images/Scroller/bouncing_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;-webkit-mask-image:url(images/Scroller/bouncing_right_glow.png);mask-image:url(images/Scroller/bouncing_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{-webkit-mask-image:url(images/Scroller/bouncing_right_edge.png);mask-image:url(images/Scroller/bouncing_right_edge.png)}@-webkit-keyframes ui-bouncing-show{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes ui-bouncing-hide{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}100%{opacity:0}}.ui-scrollbar-bouncing-effect.ui-show{display:block;-webkit-animation-name:ui-bouncing-show;animation-name:ui-bouncing-show}.ui-scrollbar-bouncing-effect.ui-hide{display:block;-webkit-animation-name:ui-bouncing-hide;animation-name:ui-bouncing-hide}.ui-swipelist{position:absolute;top:0}.ui-swipelist .ui-swipelist-icon{width:20%;height:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ui-swipelist .ui-swipelist-text{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-swipelist-left,.ui-swipelist-right{position:absolute;display:none}.ui-swipelist-left{background-color:rgba(98,168,24,1);background-image:-webkit-linear-gradient(left,rgba(98,168,24,1) 0,rgba(0,0,0,1) 0);background-image:linear-gradient(left,rgba(98,168,24,1) 0,rgba(0,0,0,1) 0)}.ui-swipelist-right{background-color:rgba(235,164,23,1);background-image:-webkit-linear-gradient(right,rgba(235,164,23,1) 0,rgba(0,0,0,1) 0);background-image:linear-gradient(right,rgba(235,164,23,1) 0,rgba(0,0,0,1) 0)}.ui-swipelist-icon,.ui-swipelist-text{position:absolute}.ui-swipelist-left .ui-swipelist-icon{margin-left:2%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-left .ui-swipelist-text{margin-left:40%}.ui-swipelist-right .ui-swipelist-icon{margin-left:80%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-right .ui-swipelist-text{margin-left:20%}.ui-tab-indicator{position:relative;height:6px}.ui-tab-indicator .ui-tab-item{position:absolute;top:0;left:0;display:block;height:6px;background-color:rgba(76,103,125,1)}.ui-tab-indicator .ui-tab-item.ui-tab-active{background-color:rgba(55,161,237,1)}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{box-sizing:border-box;padding:0;height:56px;width:56px;font-size:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}input[type=radio]{background-color:rgba(0,14,26,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%}input[type=radio]::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:checked::before{content:"";background-color:rgba(115,191,15,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:active{background-color:rgba(0,50,84,.4);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=radio]:active::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=radio]:active:checked::before{content:"";background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input){-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(0,14,26,1)}input[type=checkbox]:not(.ui-switch-input)::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):checked::before{content:"";-webkit-mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(115,191,15,1);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active{background-color:rgba(0,50,84,.4)}input[type=checkbox]:not(.ui-switch-input):active::after{content:"";background-color:rgba(250,250,250,.3);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active:checked::before{content:"";background-color:rgba(250,250,250,1);width:100%;height:100%;position:absolute}.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input),.ui-checkbox-small input[type=radio]{top:.4375rem;margin-right:.4375rem;width:2.125rem;height:2.125rem}.ui-marquee{position:relative;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:2.4375rem;line-height:2.4375rem}.ui-marquee.ui-marquee-gradient{text-overflow:clip;-webkit-mask-image:-webkit-linear-gradient(left,#fff 0,#fff 85%,transparent 100%)}.ui-marquee.ui-marquee-ellipsis .ui-marquee-content{display:block;overflow:hidden;text-overflow:ellipsis}.ui-marquee .ui-marquee-content{left:0;position:relative;overflow:visible;display:inline-block}.ui-marquee-anim-running{-webkit-animation-play-state:running}.ui-marquee-anim-stopped{-webkit-animation-play-state:paused}.ui-marquee.ui-marquee-gradient::after{background:-webkit-linear-gradient(left,transparent 0,rgba(0,0,0,1) 100%);background:linear-gradient(left,transparent 0,rgba(0,0,0,1) 100%)}tau-pageindicator{display:block}.ui-page-indicator{display:block;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap;max-width:100%;overflow:hidden}.ui-page-indicator .ui-page-indicator-item{position:relative;display:inline-block;width:.625rem;height:.625rem;-webkit-mask-image:url(images/Indicator/indicator_horizontal_dot.png);mask-image:url(images/Indicator/indicator_horizontal_dot.png);background-color:rgba(250,250,250,.4);margin-right:.5rem;margin-top:1.5rem;transition-property:-webkit-mask-image,mask-image;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ui-page-indicator .ui-page-indicator-item:last-child{margin-right:0}.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active{-webkit-mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);background-color:rgba(250,250,250,1)}.ui-page-indicator.ui-page-indicator-circular{top:0;left:0;width:100vw;height:100vw;-webkit-transform:none;-ms-transform:none;transform:none;pointer-events:none}.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item{position:absolute;top:50%;left:50%;margin-top:-.3125rem;margin-left:-.3125rem;margin-right:0}.ui-snap-container{-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%}.ui-snap-container.ui-snap-disabled{-webkit-scroll-snap-type:none}.ui-snap-listview-item{-webkit-scroll-snap-coordinate:50% 50%}tau-drawer{display:block}.ui-drawer{width:100%;height:100%;position:fixed;top:0;background-color:rgba(0,0,0,1);z-index:1201;box-sizing:border-box}.ui-drawer.ui-drawer-close{overflow:hidden}.ui-drawer.ui-drawer-open{overflow:auto}.ui-drawer-overlay{top:0;position:fixed;background-color:rgba(0,0,0,.8);z-index:1200}tau-drawermorestyle{display:block}tau-sectionchanger{display:block}.ui-section-changer{height:100%}.ui-view-switcher{height:100%;overflow:hidden}.ui-view-switcher.ui-view-carousel .ui-view{display:none;position:absolute;z-index:-1000;top:50%;background-color:#fafafa}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active{display:inline;z-index:100;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim{opacity:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left{display:inline;left:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right{display:inline;right:0}.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim{position:absolute;top:0;width:100%;height:100%;opacity:.6;background-color:#000}.ui-slider{position:relative;box-sizing:border-box;background-color:rgba(64,64,64,1)}.ui-slider .ui-slider-value{background-color:rgba(55,161,237,1)}.ui-slider .ui-slider-handler{width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:50%;position:absolute;text-indent:9999px;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-slider.ui-slider-horizontal{height:6px;margin:20px 22px}.ui-slider.ui-slider-horizontal .ui-slider-value{height:6px}.ui-slider.ui-slider-horizontal .ui-slider-handler{top:50%;margin-left:-20px;border:3px solid rgba(55,161,237,1);-webkit-transform:translate(0,-50%) scale(0.6);-ms-transform:translate(0,-50%) scale(0.6);transform:translate(0,-50%) scale(0.6)}.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active{-webkit-transform:translate(0,-50%) scale(1);-ms-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1)}.ui-slider-title{text-align:center;color:rgba(14,118,179,1);font-size:28px}.ui-slider-subtitle{text-align:center;color:rgba(14,118,179,1);font-size:28px}.ui-selector{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.7)}.ui-selector .ui-layer{position:absolute;display:none;width:4.25rem;height:4.25rem;border-radius:50%}.ui-selector .ui-layer.ui-layer-active{display:block;width:100%;height:100%;z-index:3}.ui-selector .ui-layer.ui-layer-active .ui-item{visibility:visible;-webkit-transition:transform 300ms ease-out;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-selector .ui-layer.ui-layer-hide .ui-item{visibility:visible;-webkit-transition:transform 100ms ease-out;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out}.ui-selector .ui-layer.ui-layer-prev{display:block;width:3rem;height:3rem;left:50%;margin-left:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_previous_page.png);mask-image:url(images/Common/b_more_option_btn_previous_page.png)}.ui-selector .ui-layer.ui-layer-next{display:block;width:3rem;height:3rem;right:50%;margin-right:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_next_page.png);mask-image:url(images/Common/b_more_option_btn_next_page.png)}.ui-selector .ui-item{background-color:rgba(250,250,250,1);position:absolute;visibility:hidden;width:4.25rem;height:4.25rem;top:50%;left:50%;border-radius:50%;margin:-2.125rem;z-index:100}.ui-selector .ui-item:active{background-color:rgba(191,191,191,1)}.ui-selector .ui-item::before{-webkit-transition:background-color 200ms ease-out;transition:background-color 200ms ease-out}.ui-selector .ui-selector-indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:4;width:10.25rem;height:10.25rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-selector .ui-selector-indicator::before{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;border-radius:50%;background-color:transparent;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before{z-index:-1;background-color:#fff;-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity;-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{font-size:1.875rem;pointer-events:none;width:10.25rem;line-height:2.5rem;max-height:5rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active{background-repeat:no-repeat;background-position:50% 50%;width:8.75rem;height:8.75rem;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text{margin-top:-.25rem;width:5.875rem;height:5.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active+.ui-selector-indicator-text:not(:empty){margin-top:.3125rem;width:8.625rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{font-size:1.8125rem;pointer-events:none;width:8.625rem;line-height:2.4375rem;max-height:2.4375rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text{width:9.375rem}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext{color:T117;width:9.375rem}.ui-selector .ui-selector-indicator-arrow{position:absolute;width:13.125rem;height:13.125rem;top:50%;left:50%;margin:-6.5625rem;text-align:center;line-height:13.125rem;font-size:1.75rem;z-index:0}.ui-selector .ui-selector-indicator-arrow::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;-webkit-mask-image:url(images/Common/b_rotary_selector_center_pointer.png);mask-image:url(images/Common/b_rotary_selector_center_pointer.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B0116}.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active{background-color:rgba(250,250,250,1)}.scrolling-scrollbar{position:absolute;pointer-events:none;-webkit-transition:opacity 2.5s;transition:opacity 2.5s;opacity:0}.scrolling-scrollbar .scrolling-scrollthumb{stroke:#009de4;background-color:#009de4;position:absolute}.scrolling-scrollbar.scrolling-direction-y{right:0;width:10px}.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb{width:10px;min-height:20px;top:0;left:50%;margin-left:-5px}.scrolling-scrollbar.scrolling-direction-x{bottom:0;height:10px}.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb{height:10px;min-width:20px;left:0;top:50%;margin-top:-5px}.scrolling-scrollbar:not(.scrolling-circular){background-color:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular{width:100%;height:100%;top:0;left:0}.scrolling-scrollbar.scrolling-circular .ui-polar{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path{stroke:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated{-webkit-transition:all .5s;transition:all .5s}.scrolling-scrollbar.fade-in{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.ui-page.ui-empty-state{background-color:B0911;color:rgba(250,250,250,1)}.ui-page.ui-empty-state header.ui-header{height:6.75rem}.ui-page.ui-empty-state:after{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Common/tw_no_item_bg.png);mask-image:url(images/Common/tw_no_item_bg.png);background-color:rgba(255,255,255,.1)}.ui-page.ui-empty-state .ui-title{color:rgba(116,196,252,1);font-size:1.875rem;line-height:2.4375rem}.ui-page.ui-empty-state .ui-content{overflow:hidden;color:rgba(250,250,250,1);font-size:1.75rem;line-height:2.3125rem;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}.ui-page.ui-empty-state .ui-content .ui-icon{width:6.125rem;height:6.125rem}.ui-page.ui-empty-state .ui-content .ui-empty-state-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:4.625rem;margin-top:.5rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header{height:7.8125rem;margin-top:0}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title{padding-top:3.1875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon{width:8.125rem;height:6.875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label{height:2.3125rem;margin-top:1.75rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines{margin-top:.125rem;height:4.625rem}.ui-grid{padding:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;background-color:rgba(0,0,0,1)}.ui-grid.ui-hidden{display:none}.ui-grid li{transition-property:border-radius,-webkit-mask-size,mask-size;-webkit-transition-duration:450ms;transition-duration:450ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;position:absolute;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui-grid li a{position:relative}.ui-grid li a:active:hover:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(38,38,38,.4)}.ui-grid.ui-grid-horizontal{height:22.5rem}.ui-grid.ui-grid-horizontal li{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-horizontal.ui-grid-rectangle li{-webkit-mask-size:22.5rem auto;mask-size:22.5rem auto;-webkit-mask-image:url(images/Grid/tw_basic_grid_horizontal.png);mask-image:url(images/Grid/tw_basic_grid_horizontal.png)}.ui-grid.ui-grid-vertical{width:22.5rem}.ui-grid.ui-grid-vertical li{-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.ui-grid.ui-grid-vertical.ui-grid-rectangle li{-webkit-mask-size:auto 22.5rem;mask-size:auto 22.5rem;-webkit-mask-image:url(images/Grid/tw_basic_grid_vertical.png);mask-image:url(images/Grid/tw_basic_grid_vertical.png)}.ui-grid.ui-grid-circle li{border-radius:100%}.ui-grid.ui-grid-rectangle li{border-radius:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-grid.ui-grid-3x3{height:22.5rem}.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned{position:absolute;left:0;top:0;margin:0!important}.ui-grid.ui-grid-3x3 li{width:22.5rem;height:22.5rem;position:absolute;display:inline-block}.ui-grid.ui-grid-3x3 li.ui-selected{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-3x3 li a{display:inline-block}.ui-grid.ui-grid-3x3 .thumb{width:100%;height:100%;position:relative}.ui-grid.ui-grid-image{padding:0}.ui-grid.ui-grid-image li{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:22.5rem;height:22.5rem;overflow:hidden}.ui-grid.ui-grid-image li a{display:inline-block}.ui-grid.ui-grid-image .thumb{width:22.5rem;height:22.5rem;position:relative}.ui-grid.ui-grid-thumbnail{background-color:W143}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li{-webkit-mask-size:14rem auto;mask-size:14rem auto}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li{-webkit-mask-size:auto 14rem;mask-size:auto 14rem}.ui-grid-container{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;-ms-scroll-snap-destination:50% 50%;scroll-snap-destination:50% 50%}.ui-grid-container .ui-image-section{width:22.5rem;height:22.5rem}.ui-grid-container .snap-point{width:.0625rem;height:.0625rem;position:absolute;-webkit-scroll-snap-coordinate:50% 50%;-ms-scroll-snap-coordinate:50% 50%;scroll-snap-coordinate:50% 50%;visibility:hidden}.ui-grid-container.ui-grid-horizontal{overflow-x:scroll;overflow-y:hidden;width:100%;height:22.5rem}.ui-grid-container.ui-grid-horizontal .snap-point{top:50%}.ui-grid-container.ui-grid-vertical{overflow-x:hidden;overflow-y:scroll;width:22.5rem;height:100%}.ui-grid-container.ui-grid-vertical .snap-point{left:50%}.ui-circleindicator{position:fixed;z-index:0}.ui-circleindicator svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.ui-circleindicator svg:nth-child(2) circle{-webkit-transition:stroke-dashoffset .5s linear;transition:stroke-dashoffset .5s linear}.ui-circleindicator svg .ui-big{z-index:4}.ui-circleindicator svg .ui-pointer{z-index:5}.ui-animated{-webkit-transition:1s linear;transition:1s linear}.ui-hyperlink{text-decoration:underline}.ui-spin{position:relative;display:inline-block;height:3.75rem;background-color:transparent;overflow:hidden;font-size:1.375rem;padding:0;box-sizing:content-box;width:5rem}.ui-spin-item{background-color:transparent;position:absolute;left:0;top:0;width:100%;height:1.875rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#4dcfff}.ui-spin-item-selected{font-size:1.875rem;height:1.875rem;color:#fff}.ui-spin-enabling{height:100%}.ui-spin-enabling .ui-spin-item{-webkit-transition:300ms opacity linear;transition:300ms opacity linear}.tau-info-theme:after{content:"default"} \ No newline at end of file diff --git a/lib/tau/wearable/theme/brown/images/Actionbar/b_more_option.png b/lib/tau/wearable/theme/brown/images/Actionbar/b_more_option.png new file mode 100644 index 0000000..ced2924 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Actionbar/b_more_option.png differ diff --git a/lib/tau/wearable/theme/brown/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png b/lib/tau/wearable/theme/brown/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png new file mode 100644 index 0000000..e06b5d5 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Bottom_button/tw_bottom_btn_bg.png b/lib/tau/wearable/theme/brown/images/Bottom_button/tw_bottom_btn_bg.png new file mode 100644 index 0000000..d924082 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Bottom_button/tw_bottom_btn_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Common/b_more_option_btn_next_page.png b/lib/tau/wearable/theme/brown/images/Common/b_more_option_btn_next_page.png new file mode 100644 index 0000000..1798fcb Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Common/b_more_option_btn_next_page.png differ diff --git a/lib/tau/wearable/theme/brown/images/Common/b_more_option_btn_previous_page.png b/lib/tau/wearable/theme/brown/images/Common/b_more_option_btn_previous_page.png new file mode 100644 index 0000000..33df6fc Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Common/b_more_option_btn_previous_page.png differ diff --git a/lib/tau/wearable/theme/brown/images/Common/b_rotary_selector_center_pointer.png b/lib/tau/wearable/theme/brown/images/Common/b_rotary_selector_center_pointer.png new file mode 100644 index 0000000..a4cb7de Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Common/b_rotary_selector_center_pointer.png differ diff --git a/lib/tau/wearable/theme/brown/images/Common/masking_bg.png b/lib/tau/wearable/theme/brown/images/Common/masking_bg.png new file mode 100644 index 0000000..935dad6 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Common/masking_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Common/tw_no_item_bg.png b/lib/tau/wearable/theme/brown/images/Common/tw_no_item_bg.png new file mode 100644 index 0000000..de5ac92 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Common/tw_no_item_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/Check/ref_btn_check_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/Check/ref_btn_check_holo_dark.png new file mode 100644 index 0000000..9006266 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/Check/ref_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/Check/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/Check/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..a147cc4 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/Check/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png new file mode 100644 index 0000000..2f8ad8c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png new file mode 100644 index 0000000..f202392 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..29b536f Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/toggle_changeable.png b/lib/tau/wearable/theme/brown/images/Controller_icon/toggle_changeable.png new file mode 100644 index 0000000..69500e8 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/toggle_changeable.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..b93066e Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_checkbox_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_checkbox_holo_dark.png new file mode 100644 index 0000000..b66d28c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_checkbox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png new file mode 100644 index 0000000..e76b081 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..0fc1881 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radiobox_holo_dark.png b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radiobox_holo_dark.png new file mode 100644 index 0000000..703cb0c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radiobox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radiobox_line.png b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radiobox_line.png new file mode 100644 index 0000000..1f92e88 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Controller_icon/tw_btn_radiobox_line.png differ diff --git a/lib/tau/wearable/theme/brown/images/Grid/tw_basic_grid_horizontal.png b/lib/tau/wearable/theme/brown/images/Grid/tw_basic_grid_horizontal.png new file mode 100644 index 0000000..3ff44bb Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Grid/tw_basic_grid_horizontal.png differ diff --git a/lib/tau/wearable/theme/brown/images/Grid/tw_basic_grid_vertical.png b/lib/tau/wearable/theme/brown/images/Grid/tw_basic_grid_vertical.png new file mode 100644 index 0000000..4485744 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Grid/tw_basic_grid_vertical.png differ diff --git a/lib/tau/wearable/theme/brown/images/Indicator/b_fast_scroll_rollover_bg.png b/lib/tau/wearable/theme/brown/images/Indicator/b_fast_scroll_rollover_bg.png new file mode 100644 index 0000000..dbfb43b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Indicator/b_fast_scroll_rollover_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Indicator/b_index_scroll_bg.png b/lib/tau/wearable/theme/brown/images/Indicator/b_index_scroll_bg.png new file mode 100644 index 0000000..348e3aa Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Indicator/b_index_scroll_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Indicator/indicator_horizontal_dot.png b/lib/tau/wearable/theme/brown/images/Indicator/indicator_horizontal_dot.png new file mode 100644 index 0000000..8aa8044 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Indicator/indicator_horizontal_dot.png differ diff --git a/lib/tau/wearable/theme/brown/images/Indicator/indicator_horizontal_focus_dot.png b/lib/tau/wearable/theme/brown/images/Indicator/indicator_horizontal_focus_dot.png new file mode 100644 index 0000000..0737934 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Indicator/indicator_horizontal_focus_dot.png differ diff --git a/lib/tau/wearable/theme/brown/images/Indicator/list_scroll_triggle.png b/lib/tau/wearable/theme/brown/images/Indicator/list_scroll_triggle.png new file mode 100644 index 0000000..983d398 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Indicator/list_scroll_triggle.png differ diff --git a/lib/tau/wearable/theme/brown/images/List/b_body_edge_shadow.png b/lib/tau/wearable/theme/brown/images/List/b_body_edge_shadow.png new file mode 100644 index 0000000..8dbabd0 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/List/b_body_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/brown/images/List/b_list_focus_bg.png b/lib/tau/wearable/theme/brown/images/List/b_list_focus_bg.png new file mode 100644 index 0000000..d0f08a3 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/List/b_list_focus_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/List/b_list_focus_bg_108.png b/lib/tau/wearable/theme/brown/images/List/b_list_focus_bg_108.png new file mode 100644 index 0000000..339bd67 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/List/b_list_focus_bg_108.png differ diff --git a/lib/tau/wearable/theme/brown/images/List/tw_list_divider.png b/lib/tau/wearable/theme/brown/images/List/tw_list_divider.png new file mode 100644 index 0000000..e304951 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/List/tw_list_divider.png differ diff --git a/lib/tau/wearable/theme/brown/images/List/tw_list_sub_line_left.png b/lib/tau/wearable/theme/brown/images/List/tw_list_sub_line_left.png new file mode 100644 index 0000000..abe2fe0 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/List/tw_list_sub_line_left.png differ diff --git a/lib/tau/wearable/theme/brown/images/List/tw_list_sub_line_right.png b/lib/tau/wearable/theme/brown/images/List/tw_list_sub_line_right.png new file mode 100644 index 0000000..2983174 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/List/tw_list_sub_line_right.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/b_popup_edge_inner_glow.png b/lib/tau/wearable/theme/brown/images/Popup/b_popup_edge_inner_glow.png new file mode 100644 index 0000000..ee1f22b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/b_popup_edge_inner_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/b_popup_edge_shadow.png b/lib/tau/wearable/theme/brown/images/Popup/b_popup_edge_shadow.png new file mode 100644 index 0000000..5590950 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/b_popup_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/toast_check.png b/lib/tau/wearable/theme/brown/images/Popup/toast_check.png new file mode 100644 index 0000000..564a12c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/toast_check.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_ic_popup_left_btn_bg.png b/lib/tau/wearable/theme/brown/images/Popup/tw_ic_popup_left_btn_bg.png new file mode 100644 index 0000000..fbe3a9c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_ic_popup_left_btn_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_ic_popup_right_btn_bg.png b/lib/tau/wearable/theme/brown/images/Popup/tw_ic_popup_right_btn_bg.png new file mode 100644 index 0000000..8d14cf1 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_ic_popup_right_btn_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_popup_bg.png b/lib/tau/wearable/theme/brown/images/Popup/tw_popup_bg.png new file mode 100644 index 0000000..c1909eb Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_popup_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_popup_bg_cover.png b/lib/tau/wearable/theme/brown/images/Popup/tw_popup_bg_cover.png new file mode 100644 index 0000000..689082c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_bg.png b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_bg.png new file mode 100644 index 0000000..25fc62e Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_bg_cover.png b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_bg_cover.png new file mode 100644 index 0000000..05bd6a3 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_image_bg.png b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_image_bg.png new file mode 100644 index 0000000..3505b86 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_image_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_outline.png b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_outline.png new file mode 100644 index 0000000..2310862 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Popup/tw_toast_popup_outline.png differ diff --git a/lib/tau/wearable/theme/brown/images/Processing/processing_bar.png b/lib/tau/wearable/theme/brown/images/Processing/processing_bar.png new file mode 100644 index 0000000..9b587ca Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Processing/processing_bar.png differ diff --git a/lib/tau/wearable/theme/brown/images/Processing/processingfull.png b/lib/tau/wearable/theme/brown/images/Processing/processingfull.png new file mode 100644 index 0000000..09748d3 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Processing/processingfull.png differ diff --git a/lib/tau/wearable/theme/brown/images/Processing/processingsmall.png b/lib/tau/wearable/theme/brown/images/Processing/processingsmall.png new file mode 100644 index 0000000..7b286d8 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Processing/processingsmall.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_bottom_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_bottom_edge.png new file mode 100644 index 0000000..7259d14 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_bottom_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_bottom_glow.png new file mode 100644 index 0000000..5b150b0 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_bottom_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_bottom_edge.png new file mode 100644 index 0000000..6162cb0 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_bottom_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_bottom_glow.png new file mode 100644 index 0000000..b7b03b4 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_left_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_left_edge.png new file mode 100644 index 0000000..e65a520 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_left_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_left_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_left_glow.png new file mode 100644 index 0000000..41c7b3b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_left_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_right_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_right_edge.png new file mode 100644 index 0000000..4ac4de3 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_right_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_right_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_right_glow.png new file mode 100644 index 0000000..e71268b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_right_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_top_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_top_edge.png new file mode 100644 index 0000000..0ef6419 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_top_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_top_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_top_glow.png new file mode 100644 index 0000000..62c8584 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_circle_top_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_left_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_left_edge.png new file mode 100644 index 0000000..413fccd Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_left_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_left_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_left_glow.png new file mode 100644 index 0000000..11015e4 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_left_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_right_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_right_edge.png new file mode 100644 index 0000000..e14f69b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_right_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_right_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_right_glow.png new file mode 100644 index 0000000..69ed30b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_right_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_top_edge.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_top_edge.png new file mode 100644 index 0000000..6138e66 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_top_edge.png differ diff --git a/lib/tau/wearable/theme/brown/images/Scroller/bouncing_top_glow.png b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_top_glow.png new file mode 100644 index 0000000..73b2fc9 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Scroller/bouncing_top_glow.png differ diff --git a/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_add.png b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_add.png new file mode 100644 index 0000000..c013095 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_add.png differ diff --git a/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete.png b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete.png new file mode 100644 index 0000000..29df598 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete.png differ diff --git a/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png new file mode 100644 index 0000000..a6adfe0 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png new file mode 100644 index 0000000..5551c0b Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png differ diff --git a/lib/tau/wearable/theme/brown/images/Slider/b_ic_press_full_circle_bg.png b/lib/tau/wearable/theme/brown/images/Slider/b_ic_press_full_circle_bg.png new file mode 100644 index 0000000..5b9f7e4 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Slider/b_ic_press_full_circle_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Slider/b_slider_icon_minus.png b/lib/tau/wearable/theme/brown/images/Slider/b_slider_icon_minus.png new file mode 100644 index 0000000..35affbe Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Slider/b_slider_icon_minus.png differ diff --git a/lib/tau/wearable/theme/brown/images/Slider/b_slider_icon_plus.png b/lib/tau/wearable/theme/brown/images/Slider/b_slider_icon_plus.png new file mode 100644 index 0000000..63e81d4 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Slider/b_slider_icon_plus.png differ diff --git a/lib/tau/wearable/theme/brown/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png b/lib/tau/wearable/theme/brown/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png new file mode 100644 index 0000000..5e41e9a Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png differ diff --git a/lib/tau/wearable/theme/brown/images/Swipelist/b_logs_icon_body_btn_call_nor.png b/lib/tau/wearable/theme/brown/images/Swipelist/b_logs_icon_body_btn_call_nor.png new file mode 100644 index 0000000..8337333 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Swipelist/b_logs_icon_body_btn_call_nor.png differ diff --git a/lib/tau/wearable/theme/brown/images/TextInput/b_list_edit_field_bg.png b/lib/tau/wearable/theme/brown/images/TextInput/b_list_edit_field_bg.png new file mode 100644 index 0000000..1c212f9 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/TextInput/b_list_edit_field_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/TimePicker/time_picker_bg.png b/lib/tau/wearable/theme/brown/images/TimePicker/time_picker_bg.png new file mode 100644 index 0000000..f777470 Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/TimePicker/time_picker_bg.png differ diff --git a/lib/tau/wearable/theme/brown/images/Title_bar/b_detail_bg_cover.png b/lib/tau/wearable/theme/brown/images/Title_bar/b_detail_bg_cover.png new file mode 100644 index 0000000..bfa456c Binary files /dev/null and b/lib/tau/wearable/theme/brown/images/Title_bar/b_detail_bg_cover.png differ diff --git a/lib/tau/wearable/theme/brown/tau.css b/lib/tau/wearable/theme/brown/tau.css new file mode 100644 index 0000000..03666a5 --- /dev/null +++ b/lib/tau/wearable/theme/brown/tau.css @@ -0,0 +1,4862 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + index scrollbar (vertical) +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + Swipe list +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + View Switcher +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Empty state +***************************************************************************/ +/*************************************************************************** + Grid +***************************************************************************/ +/************************ +Listview +*************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Button(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/*********************************************************************/ +/* Progress(FIXED) */ +/*********************************************************************/ +* { + outline: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: Tizen, Samsung Sans, Helvetica; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +h2 { + font-size: 1.5em; + margin: .83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +input { + line-height: normal; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="time"], +input[type="date"] { + color: #000000; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +.tau-info-theme { + position: absolute; + top: -999px; + left: -999px; +} +.screen-hidden { + visibility: hidden; + position: absolute; + top: -10000em; + left: -10000em; +} +button, +input { + outline: none; + cursor: pointer; +} +* { + box-sizing: border-box; +} +a { + text-decoration: none; + color: rgba(250, 250, 250, 1); +} +ul, +li { + margin: 0; + padding: 0; + list-style-type: none; +} +img { + margin: 0; + padding: 0; +} +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + height: 100%; + font-size: 2.125rem; + font-family: Tizen, Samsung Sans, Helvetica; + background: rgba(36, 27, 19, 1); + color: rgba(250, 250, 250, 1); +} +tau-page { + display: block; +} +.ui-page { + width: 100%; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + display: none; + background: rgba(36, 27, 19, 1); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ui-page.ui-page-active { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-page.ui-page-build { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + visibility: hidden; +} +.ui-page tau-scrollview { + display: block; +} +.ui-page .ui-content { + width: 100%; + height: auto; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page .ui-content.ui-content-padding { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.ui-page .ui-content.ui-content-fixed-middle { + position: fixed; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-header { + position: relative; + width: 100%; + line-height: 60px; + background-color: rgba(51, 40, 30, 1); +} +.ui-page .ui-header .ui-subtitle { + height: 30px; + font-weight: normal; + line-height: 30px; + padding-left: 16px; + padding-right: 16px; + color: rgba(255, 145, 0, 1); + font-size: 24px; + margin: -0.625rem 0 0.3125rem 0; +} +.ui-page .ui-header .ui-title { + color: rgba(255, 145, 0, 1); + font-size: 32px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + padding-left: 16px; + padding-right: 16px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); + mask-image: linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); +} +.ui-page .ui-header .ui-title.ui-icon { + padding-left: 60px; + background-position: 16px 14px; + background-size: 34px 34px; + background-repeat: no-repeat; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 78px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); + mask-image: linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); +} +.ui-page .ui-header button.ui-more, +.ui-page .ui-header input.ui-more { + border: 0 none; + padding: 0; +} +.ui-page .ui-header .ui-more-disable { + cursor: default; + background-color: transparent; +} +.ui-page .ui-header .ui-more { + display: block; + position: absolute; + top: 0; + right: 0; + width: 68px; + height: 100%; + overflow: hidden; + text-indent: -1000em; + background-position: center center; + background-color: transparent; + cursor: pointer; +} +.ui-page .ui-header .ui-more:active { + background-color: rgba(110, 88, 67, 1); +} +.ui-page .ui-header .ui-more.ui-icon-detail { + background-color: rgba(255, 145, 0, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-detail[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(255, 145, 0, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow { + background-color: rgba(255, 145, 0, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(255, 145, 0, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall { + background-color: rgba(255, 145, 0, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(255, 145, 0, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-footer { + width: 100%; + position: absolute; + bottom: 0; + left: 0; +} +.ui-page.ui-scroll-on .ui-scroller { + width: 100%; + height: auto; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page.ui-scroll-on .ui-content { + height: auto; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.ui-page.ui-scroll-on .ui-footer { + position: relative; +} +.ui-grid-col > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + width: 100%; +} +.ui-page .ui-grid-col-2 > * { + float: left; +} +.ui-page .ui-grid-col-2 > * { + width: 50%; +} +.ui-page .ui-grid-col-3 > * { + float: left; +} +.ui-page .ui-grid-col-3 > * { + width: 33.33333333%; +} +.ui-grid-row > * { + display: block; +} +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } +} +@keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(153, 87, 0, 1); + } +} +progress { + position: relative; + padding-left: 1rem; + padding-right: 1rem; + margin-top: 0.875rem; + margin-bottom: 0.875rem; + width: 100%; + height: 0.375rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; +} +progress::-webkit-progress-bar { + position: relative; + background-color: rgba(71, 71, 71, 1); + border-radius: 0.125rem; + overflow: hidden; +} +progress::-webkit-progress-value { + background-color: rgba(255, 145, 0, 1); + height: 0.375rem; + border-radius: 0.125rem; + overflow: hidden; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: rgba(255, 145, 0, 1); +} +progress.ui-progress-indeterminate::-webkit-progress-value { + background-size: 100% 100%; + -webkit-animation: indeterminate 150ms infinite; + animation: indeterminate 150ms infinite; +} +.ui-progress-proportion { + display: block; + float: left; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-progress-ratio { + display: block; + float: right; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-circle-progress { + display: none; +} +.ui-progressbar { + position: relative; + display: inline-block; + pointer-events: none; +} +.ui-progressbar.ui-progressbar-full { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* + * toggle switch + */ +.ui-switch { + width: 100%; + color: rgba(250, 250, 250, 1); +} +.ui-switch-inneroffset, +.ui-switch-handler { + display: none; +} +.ui-switch-text { + margin-top: 30px; + margin-bottom: 40px; + padding: 0 30px; + font-size: 34px; + text-align: center; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + text-align: center; + color: T161; +} +.ui-toggleswitch { + position: relative; + display: inline-block; + width: 103.5px; + height: 55px; + overflow: hidden; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 207px; + height: 110px; +} +.ui-toggleswitch .ui-switch-input { + position: absolute; + width: 100%; + height: 100%; + -webkit-appearance: none; + display: block; +} +.ui-toggleswitch .ui-switch-input::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + -moz-mask-position: 0 0; + -ms-mask-position: 0 0; + -o-mask-position: 0 0; + mask-position: 0 0; + background-color: rgba(107, 106, 106, 1); + z-index: 0; +} +.ui-toggleswitch .ui-switch-input:active::before { + background-color: rgba(107, 106, 106, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: rgba(184, 184, 184, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::before { + background-color: rgba(107, 106, 106, 1); +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 33.3%; + -moz-mask-position: 0 33.3%; + -ms-mask-position: 0 33.3%; + -o-mask-position: 0 33.3%; + mask-position: 0 33.3%; + background-color: rgba(250, 250, 250, 1); + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 1; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 66.7%; + -moz-mask-position: 0 66.7%; + -ms-mask-position: 0 66.7%; + -o-mask-position: 0 66.7%; + mask-position: 0 66.7%; + background-color: rgba(138, 138, 138, 1); + top: 0; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-position: 0 33%; + -moz-mask-position: 0 33%; + -ms-mask-position: 0 33%; + -o-mask-position: 0 33%; + mask-position: 0 33%; + -webkit-transform: translate3d(36.23%, 0, 0); + -ms-transform: translate3d(36.23%, 0, 0); + transform: translate3d(36.23%, 0, 0); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-mask-position: 0 100%; + -moz-mask-position: 0 100%; + -ms-mask-position: 0 100%; + -o-mask-position: 0 100%; + mask-position: 0 100%; + background-color: rgba(118, 196, 16, 1); +} +.ui-toggleswitch .ui-switch-input:checked::before { + background-color: rgba(118, 196, 16, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active::before { + background-color: rgba(78, 107, 41, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: rgba(184, 184, 184, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + background-color: rgba(78, 107, 41, 1); +} +/*********************** +Processing +***********************/ +/** + * @count_of_cols - how many sprites in one row + * @xsize - size of transition on x axis to next sprite + * @ysize - size of transition on y axis to next row of sprites + * @count - counter variable for while loop, loop is ending when count = 0; + * @totalCount - count for 100% of animation + */ +@-webkit-keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@-webkit-keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +@keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +.ui-processing { + background-color: rgba(153, 87, 0, 1); + -webkit-mask-image: url("images/Processing/processingsmall.png"); + mask-image: url("images/Processing/processingsmall.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-name: smallprocess; + animation-name: smallprocess; + width: 4.75rem; + height: 4.75rem; + margin: 0 auto; +} +.ui-processing.ui-processing-full-size { + -webkit-mask-image: url("images/Processing/processing_bar.png"); + mask-image: url("images/Processing/processing_bar.png"); + -webkit-animation-name: fullprocess; + animation-name: fullprocess; + width: 100%; + height: 0.375rem; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + max-width: 19.75rem; +} +.ui-processing.ui-hidden { + display: none; +} +.ui-processing-text { + margin: 0 auto; + text-align: center; + width: 10.5rem; + font-size: 1.5rem; + color: rgba(250, 250, 250, 1); +} +.ui-btn { + display: block; + position: relative; + padding-right: 10px; + padding-left: 10px; + margin: 0; + font-size: 2rem; + line-height: 5.3125rem; + height: 5.3125rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + vertical-align: middle; + text-overflow: ellipsis; + overflow: hidden; + border: 0 none; + color: rgba(250, 250, 250, 1); + background-color: rgba(74, 64, 55, 1); +} +a.ui-btn:active:hover, +.ui-btn:enabled:active:hover { + background-color: rgba(110, 88, 67, 1); +} +.ui-btn:enabled:focus { + background-color: rgba(74, 64, 55, 1); +} +a.ui-btn.ui-state-disabled, +.ui-btn:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(13, 12, 11, 1); + cursor: default; +} +.ui-btn.ui-multiline { + padding-top: 10px; + padding-bottom: 10px; +} +.ui-btn.ui-inline { + display: inline-block; +} +.ui-btn.ui-btn-icon { + background-position: center center; + height: 5.5rem; + width: 5.5rem; + text-indent: -1000em; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; +} +.ui-btn.ui-btn-icon::before { + content: ""; + -webkit-mask-size: 5.5rem 5.5rem; + mask-size: 5.5rem 5.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + mask-position: 0 0; + width: 5.5rem; + height: 5.5rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + position: absolute; + -webkit-mask-image: none; + mask-image: none; + background-position: center center; + background-repeat: no-repeat; +} +.ui-btn.ui-btn-icon-only { + text-indent: -624.9375rem; +} +.ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.75rem 3.75rem; + mask-size: 3.75rem 3.75rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.75rem; + height: 3.75rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + background-color: rgba(250, 250, 250, 1); + -webkit-transition: background 150ms; + transition: background 150ms; +} +.ui-btn.ui-btn-icon-only:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-icon-only:disabled::before { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + background-color: transparent; + height: 33vh; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + content: ''; + position: absolute; + background-color: white; + border-radius: 50%; + width: 30vw; + height: 30vh; + opacity: 0; + left: 50%; + top: 50%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; +} +.ui-btn.ui-btn-text { + height: 3.3125rem; + line-height: 2.6875rem; + padding: 0.3125rem; + margin: auto; + max-width: 16.125rem; + min-width: 4.125rem; +} +.ui-btn.ui-btn-text:enabled:active:hover, +.ui-btn.ui-btn-text:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-text.ui-btn-active { + -webkit-animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; + animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; + overflow: visible; + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after { + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + content: ''; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-size: cover; + mask-size: cover; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled { + background-color: rgba(250, 250, 250, 0.4); + cursor: default; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + height: 141%; + width: 141%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled { + background-color: transparent; + cursor: default; +} +.ui-btn.ui-btn-middle { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +@-webkit-keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@-webkit-keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ui-default { + color: rgba(250, 250, 250, 1); + background-color: rgba(74, 64, 55, 1); +} +a.ui-default:active:hover, +.ui-default:enabled:active:hover { + background-color: rgba(110, 88, 67, 1); +} +.ui-default:enabled:focus { + background-color: rgba(74, 64, 55, 1); +} +a.ui-default.ui-state-disabled, +.ui-default:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(13, 12, 11, 1); + cursor: default; +} +.ui-color-red { + color: rgba(250, 250, 250, 1); + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: rgba(222, 102, 78, 1); +} +.ui-color-red:enabled:focus { + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 11, 1, 1); + cursor: default; +} +.ui-color-orange { + color: rgba(250, 250, 250, 1); + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: rgba(242, 171, 78, 0.4); +} +.ui-color-orange:enabled:focus { + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 39, 5, 1); + cursor: default; +} +.ui-color-green { + color: rgba(250, 250, 250, 1); + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: rgba(146, 191, 90, 1); +} +.ui-color-green:enabled:focus { + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(50, 54, 48, 1); + cursor: default; +} +.ui-btn:focus, +.ui-btn:active { + outline: none; +} +a.ui-btn { + text-decoration: none; + box-sizing: border-box; +} +button.ui-btn, +input.ui-btn { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +button.ui-btn.ui-inline, +input.ui-btn.ui-inline { + display: inline-block; + width: auto; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px rgba(36, 27, 19, 1); +} +.ui-grid-col-1 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px rgba(36, 27, 19, 1); +} +.ui-grid-col-2 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px rgba(36, 27, 19, 1); +} +.ui-grid-col-3 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-row > .ui-btn { + margin-top: 1px; +} +.ui-grid-row > .ui-btn:first-child { + margin-top: 0; +} +.ui-popup { + box-sizing: border-box; + position: fixed; + left: 0; + width: 100%; + margin: 0; + background-color: rgba(31, 24, 19, 1); + border: 3px solid rgba(255, 145, 0, 1); + display: none; + z-index: 1100; +} +.ui-popup:not(.ui-ctxpopup) { + bottom: 0; +} +.ui-popup .ui-popup-header { + width: 100%; + min-height: 68px; + font-size: 30px; + text-align: left; + background-color: rgba(43, 37, 31, 1); + color: rgba(242, 159, 51, 1); + padding-top: 14px; + padding-right: 13px; + padding-bottom: 14px; + padding-left: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-popup .ui-popup-content { + width: 100%; + min-height: 14rem; + font-size: 2.125rem; + text-align: left; + color: rgba(250, 250, 250, 1); + background-color: rgba(31, 24, 19, 1); + padding: 10px 16px 9px 16px; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -0.5625rem -1rem -0.5625rem -1rem; +} +.ui-popup .ui-popup-content .ui-listview li, +.ui-popup .ui-popup-content .ui-inline-listview li { + font-size: 2.125rem; +} +.ui-popup .ui-popup-footer { + width: 100%; + height: 83px; +} +.ui-popup .ui-popup-footer .ui-btn { + padding-top: 27px; + padding-bottom: 28px; + font-size: 30px; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only { + position: relative; + text-indent: -624.9375rem; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.125rem 3.125rem; + mask-size: 3.125rem 3.125rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.125rem; + height: 3.125rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.ui-popup.ui-popup-active { + display: block; +} +.ui-popup.in { + display: block; +} +.ui-popup.ui-build { + display: block; + visibility: hidden; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) { + max-height: 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper { + width: 100%; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + height: auto; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 2100; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 2100; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.ui-popup.ui-ctxpopup { + background-color: transparent; + width: 100%; + border: 0 none; + border-radius: 0; + overflow: visible; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size { + width: auto; + padding: 0 0 0 0; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content { + width: auto; +} +.ui-popup.ui-ctxpopup .ui-popup-content { + min-height: initial; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(122, 122, 122, 0.9); + color: #333; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li { + color: rgba(0, 0, 0, 1); + border-bottom: 1px solid rgba(204, 204, 204, 1); + min-height: 90px; + padding: 21px 8px 20px 16px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a { + color: rgba(0, 0, 0, 1); + margin: -21px -16px; + padding: 21px 16px; + min-height: 48px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(217, 130, 17, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon { + position: relative; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a { + margin-left: -4.25rem; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before { + content: ""; + position: absolute; + top: 50%; + left: 0.375rem; + width: 3.5rem; + height: 3.5rem; + margin-top: -1.75rem; + background-color: rgba(99, 99, 99, 0.9); + -webkit-mask-size: 3.5rem 3.5rem; + -moz-mask-size: 3.5rem 3.5rem; + -ms-mask-size: 3.5rem 3.5rem; + -o-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview { + height: 4.3125rem; + overflow: hidden; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li { + float: left; + height: 4.1875rem; + line-height: 4.1875rem; + border-right: 1px solid rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a { + display: block; + width: 100%; + height: 100%; + padding: 0rem 0.5rem; + color: rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(217, 130, 17, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext { + width: 3.6875rem; + height: 4.1875rem; + text-indent: -1000em; + overflow: hidden; + position: relative; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 2.6875rem; + height: 2.6875rem; + margin-top: -1.34375rem; + margin-left: -1.34375rem; + background-color: rgba(0, 0, 0, 1); + -webkit-mask-size: 2.6875rem 2.6875rem; + -moz-mask-size: 2.6875rem 2.6875rem; + -ms-mask-size: 2.6875rem 2.6875rem; + -o-mask-size: 2.6875rem 2.6875rem; + mask-size: 2.6875rem 2.6875rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-arrow { + width: 36px; + height: 15px; + overflow: hidden; + position: absolute; + display: none; + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup .ui-arrow span { + box-sizing: border-box; + width: 20px; + height: 20px; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(122, 122, 122, 0.9); + position: absolute; + top: 6px; + left: 8px; + -webkit-transform: rotate(55deg) skew(24deg); + -ms-transform: rotate(55deg) skew(24deg); + transform: rotate(55deg) skew(24deg); + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b { + padding: 20px 20px 0 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t { + padding: 0 20px 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r { + padding: 20px 0 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l { + padding: 20px 20px 20px 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow { + display: block; + bottom: -14px; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow { + display: block; + top: -14px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow { + display: block; + right: -25px; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow { + display: block; + left: -25px; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.ui-popup.ui-popup-toast { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + font-size: 1.5rem; + border: 3px solid rgba(255, 145, 0, 1); + border-radius: 0; + border-left: 0; + border-right: 0; + position: absolute; + bottom: 0; +} +.ui-popup.ui-popup-toast:not(.ui-popup-toast) { + top: auto; + height: auto; +} +.ui-popup.ui-popup-toast .ui-popup-content { + min-height: initial; + padding: 0.6875rem 2.625rem 0.75rem 2.625rem; + background-color: rgba(31, 24, 19, 1); +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 3.5rem; + height: 3.5rem; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + text-indent: -10000px; + overflow: hidden; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 50% 50%; + -moz-mask-position: 50% 50%; + -ms-mask-position: 50% 50%; + -o-mask-position: 50% 50%; + mask-position: 50% 50%; +} +.ui-popup-overlay { + position: fixed; + display: none; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-popup-overlay.in { + display: block; +} +.ui-popup.slideup.in { + -webkit-animation-name: popupslideinfrombottom; + animation-name: popupslideinfrombottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.slideup.out { + -webkit-animation-name: popupslideouttobottom; + animation-name: popupslideouttobottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +.ui-popup.pop.in { + -webkit-animation-name: popuppopin; + animation-name: popuppopin; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.pop.out { + -webkit-animation-name: popuppopout; + animation-name: popuppopout; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +@keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +.ui-popup.ui-popup-toast.pop.in { + -webkit-animation-name: toastpopuppopin; + animation-name: toastpopuppopin; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.ui-popup-toast.pop.out { + -webkit-animation-name: toastpopuppopout; + animation-name: toastpopuppopout; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@-webkit-keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +@keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +.ui-popup-overlay.slideup.in, +.ui-popup-overlay.pop.in { + -webkit-animation: fadein 250ms; + animation: fadein 250ms; +} +.ui-popup-overlay.slideup.out, +.ui-popup-overlay.pop.out { + -webkit-animation: fadeout 250ms forwards; + animation: fadeout 250ms forwards; +} +.ui-popup.ui-popup-arrow-t.slideup.in, +.ui-popup.ui-popup-arrow-l.slideup.in, +.ui-popup.ui-popup-arrow-r.slideup.in { + -webkit-animation: ctxpopupslideinfrombottom 250ms ease-in-out; + animation: ctxpopupslideinfrombottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-t.slideup.out, +.ui-popup.ui-popup-arrow-l.slideup.out, +.ui-popup.ui-popup-arrow-r.slideup.out { + -webkit-animation: ctxpopupslideouttobottom 250ms ease-in-out; + animation: ctxpopupslideouttobottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.in { + -webkit-animation: ctxpopupslideinfromtop 250ms ease-in-out; + animation: ctxpopupslideinfromtop 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.out { + -webkit-animation: ctxpopupslideouttotop 250ms ease-in-out; + animation: ctxpopupslideouttotop 250ms ease-in-out; +} +@-webkit-keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@-webkit-keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +/************************ +Listview +*************************/ +tau-virtuallistview, +tau-listview { + display: block; + list-style-type: disc; + list-style-type: none; +} +.ui-listview li { + font-size: 2rem; + line-height: 3rem; + min-height: 6.25rem; + padding: 0.9375rem 0.5rem 0.9375rem 1rem; + border-bottom: 0.0625rem solid rgba(46, 46, 46, 1); + white-space: nowrap; + position: relative; + color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + min-height: 5.3125rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-listview li.ui-li-grid .ui-processing { + padding: 0; + margin-right: 0.5rem; +} +.ui-listview li.ui-li-grid div:first-child { + width: -webkit-calc(100% - 5.5rem); + width: calc(100% - 5.5rem); + text-align: left; + height: 100%; + margin-left: 1rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + padding: 0; + margin-right: 0.5rem; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + width: 3.5rem; + height: 3.5rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after { + background-color: transparent; +} +.ui-listview li.ui-li-grid.ui-li-grid-full div::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(48, 48, 48, 1); + right: 4.5rem; + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-listview li.ui-li-grid.ui-li-grid-full > * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid.ui-li-grid-full > *.ui-btn-icon { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid .ui-btn-description { + width: 100%; + margin: 0 -50%; + z-index: 2; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + text-align: center; + line-height: 5.3125rem; + pointer-events: none; +} +.ui-listview li.ui-li-grid a.ui-btn, +.ui-listview li.ui-li-grid tau-button.ui-btn { + background-position: center center; + height: 5.3125rem; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + border-bottom: 0.0625rem solid rgba(36, 27, 19, 1); + border-right: 0.0625rem solid rgba(36, 27, 19, 1); +} +.ui-listview li input[type=text], +.ui-listview li input[type=password] { + width: 20.5rem; + height: 3.875rem; + padding: 0.8125rem 0 0.8125rem 0.5rem; + color: rgba(255, 145, 0, 1); + font-size: 2rem; + background-color: rgba(245, 245, 245, 0.15); + border: none; + outline: none; +} +.ui-listview li input[type=text]:focus, +.ui-listview li input[type=password]:focus { + border: 0.0625rem solid rgba(245, 245, 245, 0.15); +} +.ui-listview li input[type=text]:focus::-webkit-input-placeholder, +.ui-listview li input[type=password]:focus::-webkit-input-placeholder { + color: white; +} +.ui-listview li > * { + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: rgba(250, 250, 250, 1); +} +.ui-listview li > a:not(.ui-btn) { + display: block; + width: 100%; + height: auto; + margin: -1.625rem -0.5rem -1.625rem -1rem; + padding: 1.25rem 0.5rem 1.25rem 1rem; + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-listview li.ui-listview-divider { + height: 1.875rem; + min-height: 1.875rem; + line-height: 1.875rem; + padding: 0 0.5rem 0 1rem; + background-color: rgba(79, 74, 70, 1); + color: rgba(245, 245, 245, 1); + font-size: 1.5rem; +} +.ui-listview li .ui-li-sub-text { + color: rgba(143, 110, 79, 1); + font-size: 1.75rem; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text { + width: -webkit-calc(100% - 4.8125rem); + width: calc(100% - 4.8125rem); + height: 100%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(250, 250, 250, 1); + right: 4.25rem; + top: 20%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-divider { + display: none; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete, +.ui-listview li.ui-li-has-action-icon .ui-action-setting, +.ui-listview li.ui-li-has-action-icon .ui-action-add { + position: absolute; + height: 100%; + width: 4.5rem; + right: 0; + top: 0; + -webkit-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center center; + mask-position: center center; + padding: 0; + margin: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + -webkit-mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + -webkit-mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + -webkit-mask-image: url('images/listview/tw_list_add_holo_dark.png'); + mask-image: url('images/listview/tw_list_add_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: rgba(89, 74, 59, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active { + background-color: rgba(89, 74, 59, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon { + background-color: transparent; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active { + background-color: rgba(89, 74, 59, 1); + color: rgba(250, 250, 250, 1); +} +.ui-datetime-widget { + position: relative; + height: 100%; +} +.ui-datetime { + text-align: center; + padding-top: 56px; +} +.ui-time-picker .ui-datetime { + padding-top: 53px; +} +.ui-datetime:only-child { + padding-top: 92px; +} +.ui-time-picker .ui-datetime:only-child { + padding-top: 89px; +} +.ui-datetime input[type='date'], +.ui-datetime input[type='datetime'], +.ui-datetime input[type='time'] { + display: none; +} +.ui-datefield { + height: 52px; + display: inline-block; + vertical-align: top; +} +.ui-datefield > .ui-btn { + float: left; + height: 52px; + padding: 0; + line-height: 52px; + font-size: 42px; + font-weight: 600; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield .ui-datefield-separator { + display: block; + height: 100%; + float: left; + width: 18px; + background: transparent url('images/Datetimepicker/tw_timepicker_num_dot.png'); +} +.ui-datefield > .ui-btn:enabled:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield > .ui-btn:disabled { + color: #404040; +} +.ui-datafield > .ui-btn.ui-selected, +.ui-datefield > .ui-btn:enabled:active, +.ui-datefield > .ui-btn.ui-state-active:enabled, +.ui-datefield > .ui-btn.ui-selected:enabled { + background-color: #ff9000; + color: #000; +} +/* -- for datepicker -- */ +.ui-date-picker .ui-datefield > .ui-btn:first-child { + margin-right: 2px; +} +.ui-date-picker .ui-datefield > .ui-btn:last-child { + margin-left: 2px; +} +.ui-date-picker .ui-datefield-year { + width: 114px; +} +.ui-date-picker .ui-datefield-month { + width: 102px; +} +.ui-date-picker .ui-datefield-day { + width: 68px; +} +/* -- end (for datepicker) -- */ +/* -- for timepicker -- */ +.ui-time-picker .ui-datefield-hour { + width: 74px; +} +.ui-time-picker .ui-datefield-min { + width: 74px; +} +.ui-time-picker .ui-datefield-period { + width: 84px; + margin-left: 10px; +} +.ui-time-picker .ui-datefield { + height: 58px; +} +.ui-time-picker .ui-datefield > .ui-btn { + height: 58px; + line-height: 58px; + font-size: 50px; +} +.ui-time-picker .ui-datefield > .ui-btn.ui-datefield-period { + font-size: 48px; +} +/* -- (end) for timepicker -- */ +.ui-datetime-wheel { + height: 68px; + margin: 0 10px; + margin-top: 30px; +} +.ui-time-picker .ui-datetime-wheel { + margin-top: 27px; +} +.ui-datetime-wheel .ui-btn { + width: 68px; + height: 68px; + float: left; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus { + float: right; + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-wheel { + display: block; + margin-left: 68px; + margin-right: 68px; + height: 68px; + padding: 10px 0; + box-sizing: border-box; + background: url('images/Datetimepicker/tw_timepicker_wheel_01.png') center center no-repeat; +} +.ui-datetime-btns { + position: absolute; + bottom: 0; + width: 100%; + height: 76px; + box-sizing: border-box; + border-top: 2px solid #262626; +} +/* Button separator */ +.ui-datetime-btns::before { + content: ""; + height: 34px; + width: 1px; + background-color: #262626; + position: absolute; + left: 160px; + top: 20px; +} +.ui-datetime-btns .ui-btn { + height: 100%; + position: relative; + background-color: transparent; +} +.ui-datetime-btns .ui-btn:enabled:active, +.ui-datetime-btns .ui-btn:enabled:focus, +.ui-datetime-btns .ui-btn:enabled:active:focus { + background-color: transparent; +} +.ui-datetime-btns .ui-btn-left { + width: 160px; + float: left; + background: url('images/Datetimepicker/tw_timepicker_left_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn-right { + width: 159px; + float: right; + background: url('images/Datetimepicker/tw_timepicker_right_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn:disabled, +.ui-datetime-btns .ui-btn.ui-state-disabled { + opacity: .2; +} +/* ---------------- */ +.ui-datetime-periods { + height: 102px; + margin-top: 7px; + display: inline-block; +} +.ui-datetime-periods .ui-btn, +.ui-datetime-periods .ui-datetime-periods-separator { + height: 100%; + float: left; + padding: 0; + background: transparent; +} +.ui-datetime-periods .ui-btn { + width: 102px; + font-size: 34px; + line-height: 102px; +} +.ui-datetime-periods .ui-btn:enabled:focus { + background: transparent; +} +.ui-datetime-periods .ui-btn:enabled:active, +.ui-datetime-periods .ui-btn:enabled:active:focus, +.ui-datetime-periods .ui-btn.ui-selected:enabled:active, +.ui-datetime-periods .ui-btn.ui-state-active:enabled:active { + color: inherit; + text-decoration: none; + background: url('images/Datetimepicker/tw_timepicker_time_bg.png') center center no-repeat; +} +.ui-datetime-periods .ui-btn.ui-selected:enabled, +.ui-datetime-periods .ui-btn.ui-state-active:enabled { + color: #ff9000; + text-decoration: underline; +} +.ui-datetime-periods .ui-datetime-periods-separator { + width: 24px; + background: url('images/Datetimepicker/tw_timepicker_num_dot_01.png') center center no-repeat; +} +.ui-datetime-wheel.ui-hidden, +.ui-datetime-periods.ui-hidden { + display: none; +} +/* Transitions originally inspired by those from jQtouch, nice work, folks */ +.ui-viewport-transitioning, +.ui-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; + box-sizing: border-box; +} +.ui-pre-in { + z-index: 100; + visibility: visible; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + display: -webkit-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-direction: column; + top: 0; + left: 0; +} +.in { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; +} +.out { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-duration: 225ms; + animation-duration: 225ms; +} +@-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade.out { + opacity: 0; + -webkit-animation: fadeout 125ms; + animation: fadeout 125ms; +} +.fade.in { + opacity: 1; + -webkit-animation: fadein 225ms; + animation: fadein 225ms; +} +@-webkit-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-webkit-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +.slideup.in:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + -webkit-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + -webkit-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay) { + z-index: 101; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + -webkit-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +@-webkit-keyframes popin { + from { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } +} +@-webkit-keyframes popoutreverse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } +} +@-webkit-keyframes popinreverse { + from { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +.pop.out.reverse { + z-index: 100; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popoutreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popoutreverse; + animation-duration: 225ms; + animation-name: popoutreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in.reverse { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popinreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popinreverse; + animation-duration: 225ms; + animation-name: popinreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in { + -webkit-animation-duration: 225ms; + -webkit-animation-name: popin; + -moz-animation-duration: 225ms; + -moz-animation-name: popin; + animation-duration: 225ms; + animation-name: popin; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.out { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popout; + -moz-animation-duration: 225ms; + -moz-animation-name: popout; + animation-duration: 225ms; + animation-name: popout; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-indexscrollbar { + display: block; + position: fixed; + right: 0; + top: 0; + width: 2.8125rem; + height: 100%; + padding-left: 0.125rem; + background-color: rgba(33, 33, 33, 1); + z-index: 10; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + cursor: pointer; +} +.ui-indexscrollbar ul { + position: absolute; + width: 100%; + top: 0; +} +.ui-indexscrollbar ul li { + color: rgba(94, 94, 94, 1); + display: block; + width: 100%; + text-align: center; + font-size: 1.5rem; + height: 2.25rem; +} +.ui-indexscrollbar ul li.ui-state-selected { + background-color: rgba(43, 43, 43, 1); + color: rgba(255, 145, 0, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary { + position: relative; + height: auto; + top: 0; + right: -2.5rem; + width: 100%; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li { + background-color: rgba(43, 43, 43, 1); + color: rgba(94, 94, 94, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected { + background-color: rgba(43, 43, 43, 1); + color: rgba(255, 145, 0, 1); +} +.ui-indexscrollbar + .ui-listview li { + padding-right: 2.5rem; +} +.ui-indexscrollbar-indicator { + position: fixed; + top: 0; + left: 0; + z-index: 9; + display: none; +} +.ui-indexscrollbar-indicator > span { + width: 8.75rem; + height: 5.4375rem; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -5.625rem; + margin-top: -2.6875rem; + line-height: 5.4375rem; + font-size: 4.375rem; + text-align: center; + background-color: rgba(89, 74, 59, 0.95); + color: rgba(245, 245, 245, 1); +} +.ui-indexscrollbar-indicator > span > span.ui-selected { + color: rgba(255, 145, 0, 1); +} +.ui-circularindexscrollbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + position: absolute; + top: 50%; + left: 50%; + width: 9.875rem; + height: 9.875rem; + line-height: 9.875rem; + border-radius: 50%; + background-color: rgba(89, 74, 59, 0.95); + -webkit-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show { + pointer-events: auto; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator { + opacity: 1; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 4.375rem; + color: rgba(255, 145, 0, 1); +} +/*************************************************************************** + Scrollbar Style +***************************************************************************/ +.ui-scrollbar-bar-type { + position: absolute; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal { + left: 0; + bottom: 0; + width: 100%; + height: 8px; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical { + right: 0; + top: 0; + width: 0.5rem; + height: 100%; +} +.ui-scrollbar-bar-type .ui-scrollbar-indicator { + position: absolute; + background-color: rgba(102, 102, 102, 1); +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator { + height: 0.25rem; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator { + width: 0.25rem; +} +/*************************************************************************** + Scrollbar Bouncing Effect +***************************************************************************/ +.ui-scrollbar-bouncing-effect { + display: none; + position: absolute; + background-repeat: no-repeat; + -webkit-animation-duration: 0.47s; + animation-duration: 0.47s; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(255, 145, 0, 0.4); +} +.ui-scrollbar-bouncing-effect::before { + content: ""; + position: absolute; + background-color: rgba(255, 145, 0, 1); +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 3.125rem; + left: 0; + -webkit-mask-size: 100% 3.125rem; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 0.125rem; + -webkit-mask-size: 100% 0.125rem; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 3.125rem; + height: 100%; + top: 0; + -webkit-mask-size: 3.125rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 0.0625rem; + height: 100%; + -webkit-mask-size: 0.0625rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + -webkit-mask-image: url("images/Scroller/bouncing_top_glow.png"); + mask-image: url("images/Scroller/bouncing_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + -webkit-mask-image: url("images/Scroller/bouncing_top_edge.png"); + mask-image: url("images/Scroller/bouncing_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + -webkit-mask-image: url("images/Scroller/bouncing_bottom_glow.png"); + mask-image: url("images/Scroller/bouncing_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + -webkit-mask-image: url("images/Scroller/bouncing_bottom_edge.png"); + mask-image: url("images/Scroller/bouncing_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + -webkit-mask-image: url("images/Scroller/bouncing_left_glow.png"); + mask-image: url("images/Scroller/bouncing_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + -webkit-mask-image: url("images/Scroller/bouncing_left_edge.png"); + mask-image: url("images/Scroller/bouncing_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + -webkit-mask-image: url("images/Scroller/bouncing_right_glow.png"); + mask-image: url("images/Scroller/bouncing_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + -webkit-mask-image: url("images/Scroller/bouncing_right_edge.png"); + mask-image: url("images/Scroller/bouncing_right_edge.png"); +} +@-webkit-keyframes ui-bouncing-show { + 0% { + opacity: 0; + } + 10% { + opacity: .1; + } + 20% { + opacity: .2; + } + 30% { + opacity: .3; + } + 40% { + opacity: .4; + } + 50% { + opacity: .5; + } + 60% { + opacity: .6; + } + 70% { + opacity: .7; + } + 80% { + opacity: .8; + } + 90% { + opacity: .9; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes ui-bouncing-hide { + 0% { + opacity: 1; + } + 10% { + opacity: .9; + } + 20% { + opacity: .8; + } + 30% { + opacity: .7; + } + 40% { + opacity: .6; + } + 50% { + opacity: .5; + } + 60% { + opacity: .4; + } + 70% { + opacity: .3; + } + 80% { + opacity: .2; + } + 90% { + opacity: .1; + } + 100% { + opacity: 0; + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; + -webkit-animation-name: ui-bouncing-show; + animation-name: ui-bouncing-show; +} +.ui-scrollbar-bouncing-effect.ui-hide { + display: block; + -webkit-animation-name: ui-bouncing-hide; + animation-name: ui-bouncing-hide; +} +.ui-swipelist { + position: absolute; + top: 0; +} +.ui-swipelist .ui-swipelist-icon { + width: 20%; + height: 100%; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; +} +.ui-swipelist .ui-swipelist-text { + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-swipelist-left, +.ui-swipelist-right { + position: absolute; + display: none; +} +.ui-swipelist-left { + background-color: rgba(98, 168, 24, 1); + background-image: -webkit-linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(36, 27, 19, 1) 0%); + background-image: linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(36, 27, 19, 1) 0%); +} +.ui-swipelist-right { + background-color: rgba(235, 164, 23, 1); + background-image: -webkit-linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(36, 27, 19, 1) 0%); + background-image: linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(36, 27, 19, 1) 0%); +} +.ui-swipelist-icon, +.ui-swipelist-text { + position: absolute; +} +.ui-swipelist-left .ui-swipelist-icon { + margin-left: 2%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-left .ui-swipelist-text { + margin-left: 40%; +} +.ui-swipelist-right .ui-swipelist-icon { + margin-left: 80%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-right .ui-swipelist-text { + margin-left: 20%; +} +.ui-tab-indicator { + position: relative; + height: 6px; +} +.ui-tab-indicator .ui-tab-item { + position: absolute; + top: 0; + left: 0; + display: block; + height: 6px; + background-color: rgba(64, 58, 53, 1); +} +.ui-tab-indicator .ui-tab-item.ui-tab-active { + background-color: rgba(250, 145, 7, 1); +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + box-sizing: border-box; + padding: 0; + height: 56px; + width: 56px; + font-size: 32px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + position: relative; +} +input[type="radio"] { + background-color: rgba(18, 9, 0, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; +} +input[type="radio"]::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:checked::before { + content: ""; + background-color: rgba(118, 196, 16, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active { + background-color: rgba(79, 36, 0, 0.4); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +input[type="radio"]:active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input) { + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(18, 9, 0, 1); +} +input[type="checkbox"]:not(.ui-switch-input)::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + content: ""; + -webkit-mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(118, 196, 16, 1); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background-color: rgba(79, 36, 0, 0.4); +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + width: 100%; + height: 100%; + position: absolute; +} +.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input), +.ui-checkbox-small input[type=radio] { + top: 0.4375rem; + margin-right: 0.4375rem; + width: 2.125rem; + height: 2.125rem; +} +.ui-marquee { + position: relative; + white-space: nowrap; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 2.4375rem; + line-height: 2.4375rem; +} +.ui-marquee.ui-marquee-gradient { + text-overflow: clip; + -webkit-mask-image: -webkit-linear-gradient(left, #ffffff 0, #ffffff 85%, transparent 100%); +} +.ui-marquee.ui-marquee-ellipsis .ui-marquee-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-marquee .ui-marquee-content { + left: 0; + position: relative; + overflow: visible; + display: inline-block; +} +.ui-marquee-anim-running { + -webkit-animation-play-state: running; +} +.ui-marquee-anim-stopped { + -webkit-animation-play-state: paused; +} +.ui-marquee.ui-marquee-gradient::after { + background: -webkit-linear-gradient(left, transparent 0%, rgba(36, 27, 19, 1) 100%); + background: linear-gradient(left, transparent 0%, rgba(36, 27, 19, 1) 100%); +} +/**************************************************** + Page Indicator +*****************************************************/ +tau-pageindicator { + display: block; +} +.ui-page-indicator { + display: block; + position: absolute; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + white-space: nowrap; + max-width: 100%; + overflow: hidden; +} +.ui-page-indicator .ui-page-indicator-item { + position: relative; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + -webkit-mask-image: url(images/Indicator/indicator_horizontal_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_dot.png); + background-color: rgba(250, 250, 250, 0.4); + margin-right: 0.5rem; + margin-top: 1.5rem; + transition-property: -webkit-mask-image, mask-image; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ui-page-indicator .ui-page-indicator-item:last-child { + margin-right: 0; +} +.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active { + -webkit-mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + background-color: rgba(250, 250, 250, 1); +} +.ui-page-indicator.ui-page-indicator-circular { + top: 0; + left: 0; + width: 100vw; + height: 100vw; + -webkit-transform: none; + -ms-transform: none; + transform: none; + pointer-events: none; +} +.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.3125rem; + margin-left: -0.3125rem; + margin-right: 0; +} +.ui-snap-container { + -webkit-scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; +} +.ui-snap-container.ui-snap-disabled { + -webkit-scroll-snap-type: none; +} +.ui-snap-listview-item { + -webkit-scroll-snap-coordinate: 50% 50%; +} +tau-drawer { + display: block; +} +.ui-drawer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + background-color: rgba(36, 27, 19, 1); + z-index: 1201; + box-sizing: border-box; +} +.ui-drawer.ui-drawer-close { + overflow: hidden; +} +.ui-drawer.ui-drawer-open { + overflow: auto; +} +.ui-drawer-overlay { + top: 0; + position: fixed; + background-color: rgba(0, 0, 0, 0.8); + z-index: 1200; +} +tau-drawermorestyle { + display: block; +} +tau-sectionchanger { + display: block; +} +.ui-section-changer { + height: 100%; +} +.ui-view-switcher { + height: 100%; + overflow: hidden; +} +.ui-view-switcher.ui-view-carousel .ui-view { + display: none; + position: absolute; + z-index: -1000; + top: 50%; + background-color: #fafafa; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active { + display: inline; + z-index: 100; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim { + opacity: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left { + display: inline; + left: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right { + display: inline; + right: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim { + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; +} +.ui-slider { + position: relative; + box-sizing: border-box; + background-color: rgba(71, 71, 71, 1); +} +.ui-slider .ui-slider-value { + background-color: rgba(255, 145, 0, 1); +} +.ui-slider .ui-slider-handler { + width: 2.25rem; + height: 2.25rem; + background-color: #fafafa; + border-radius: 50%; + position: absolute; + text-indent: 9999px; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-slider.ui-slider-horizontal { + height: 6px; + margin: 20px 22px; +} +.ui-slider.ui-slider-horizontal .ui-slider-value { + height: 6px; +} +.ui-slider.ui-slider-horizontal .ui-slider-handler { + top: 50%; + margin-left: -20px; + border: 3px solid rgba(255, 145, 0, 1); + -webkit-transform: translate(0, -50%) scale(0.6); + -ms-transform: translate(0, -50%) scale(0.6); + transform: translate(0, -50%) scale(0.6); +} +.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active { + -webkit-transform: translate(0, -50%) scale(1); + -ms-transform: translate(0, -50%) scale(1); + transform: translate(0, -50%) scale(1); +} +.ui-slider-title { + text-align: center; + color: rgba(255, 145, 0, 1); + font-size: 28px; +} +.ui-slider-subtitle { + text-align: center; + color: rgba(255, 145, 0, 1); + font-size: 28px; +} +.ui-selector { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: B0511D; +} +.ui-selector .ui-layer { + position: absolute; + display: none; + width: 4.25rem; + height: 4.25rem; + border-radius: 50%; +} +.ui-selector .ui-layer.ui-layer-active { + display: block; + width: 100%; + height: 100%; + z-index: 3; +} +.ui-selector .ui-layer.ui-layer-active .ui-item { + visibility: visible; + -webkit-transition: transform 300ms ease-out; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-selector .ui-layer.ui-layer-hide .ui-item { + visibility: visible; + -webkit-transition: transform 100ms ease-out; + -webkit-transition: -webkit-transform 100ms ease-out; + transition: -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out; + transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; +} +.ui-selector .ui-layer.ui-layer-prev { + display: block; + width: 3rem; + height: 3rem; + left: 50%; + margin-left: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_previous_page.png"); + mask-image: url("images/Common/b_more_option_btn_previous_page.png"); +} +.ui-selector .ui-layer.ui-layer-next { + display: block; + width: 3rem; + height: 3rem; + right: 50%; + margin-right: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_next_page.png"); + mask-image: url("images/Common/b_more_option_btn_next_page.png"); +} +.ui-selector .ui-item { + background-color: B0554; + position: absolute; + visibility: hidden; + width: 4.25rem; + height: 4.25rem; + top: 50%; + left: 50%; + border-radius: 50%; + margin: -2.125rem; + z-index: 100; +} +.ui-selector .ui-item:active { + background-color: B0554P; +} +.ui-selector .ui-item::before { + -webkit-transition: background-color 200ms ease-out; + transition: background-color 200ms ease-out; +} +.ui-selector .ui-selector-indicator { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + z-index: 4; + width: 10.25rem; + height: 10.25rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.ui-selector .ui-selector-indicator::before { + content: ""; + position: absolute; + width: 90%; + height: 90%; + left: 50%; + top: 50%; + border-radius: 50%; + background-color: transparent; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before { + z-index: -1; + background-color: white; + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + font-size: 1.875rem; + pointer-events: none; + width: 10.25rem; + line-height: 2.5rem; + max-height: 5rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active { + background-repeat: no-repeat; + background-position: 50% 50%; + width: 8.75rem; + height: 8.75rem; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text { + margin-top: -0.25rem; + width: 5.875rem; + height: 5.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active + .ui-selector-indicator-text:not(:empty) { + margin-top: 0.3125rem; + width: 8.625rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + font-size: 1.8125rem; + pointer-events: none; + width: 8.625rem; + line-height: 2.4375rem; + max-height: 2.4375rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text { + width: 9.375rem; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext { + color: T117; + width: 9.375rem; +} +.ui-selector .ui-selector-indicator-arrow { + position: absolute; + width: 13.125rem; + height: 13.125rem; + top: 50%; + left: 50%; + margin: -6.5625rem; + text-align: center; + line-height: 13.125rem; + font-size: 1.75rem; + z-index: 0; +} +.ui-selector .ui-selector-indicator-arrow::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active { + background-color: B0554; +} +.scrolling-scrollbar { + position: absolute; + pointer-events: none; + -webkit-transition: opacity 2.5s; + transition: opacity 2.5s; + opacity: 0; +} +.scrolling-scrollbar .scrolling-scrollthumb { + stroke: #009de4; + background-color: #009de4; + position: absolute; +} +.scrolling-scrollbar.scrolling-direction-y { + right: 0; + width: 10px; +} +.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb { + width: 10px; + min-height: 20px; + top: 0; + left: 50%; + margin-left: -5px; +} +.scrolling-scrollbar.scrolling-direction-x { + bottom: 0; + height: 10px; +} +.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb { + height: 10px; + min-width: 20px; + left: 0; + top: 50%; + margin-top: -5px; +} +.scrolling-scrollbar:not(.scrolling-circular) { + background-color: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular { + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.scrolling-scrollbar.scrolling-circular .ui-polar { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + pointer-events: none; +} +.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path { + stroke: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated { + -webkit-transition: all .5s; + transition: all .5s; +} +.scrolling-scrollbar.fade-in { + opacity: 1; + -webkit-transition: opacity .5s; + transition: opacity .5s; +} +.ui-page.ui-empty-state { + background-color: B0911; + color: rgba(250, 250, 250, 1); +} +.ui-page.ui-empty-state header.ui-header { + height: 6.75rem; +} +.ui-page.ui-empty-state:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url("images/Common/tw_no_item_bg.png"); + mask-image: url("images/Common/tw_no_item_bg.png"); + background-color: rgba(255, 255, 255, 0.1); +} +.ui-page.ui-empty-state .ui-title { + color: rgba(255, 145, 0, 1); + font-size: 1.875rem; + line-height: 2.4375rem; +} +.ui-page.ui-empty-state .ui-content { + overflow: hidden; + color: rgba(250, 250, 250, 1); + font-size: 1.75rem; + line-height: 2.3125rem; + padding-left: 3.75rem; + padding-right: 3.75rem; + margin: 0 auto; +} +.ui-page.ui-empty-state .ui-content .ui-icon { + width: 6.125rem; + height: 6.125rem; +} +.ui-page.ui-empty-state .ui-content .ui-empty-state-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 4.625rem; + margin-top: 0.5rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header { + height: 7.8125rem; + margin-top: 0; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title { + padding-top: 3.1875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon { + width: 8.125rem; + height: 6.875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label { + height: 2.3125rem; + margin-top: 1.75rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines { + margin-top: 0.125rem; + height: 4.625rem; +} +.ui-grid { + padding: 0; + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + overflow: hidden; + background-color: rgba(36, 27, 19, 1); +} +.ui-grid.ui-hidden { + display: none; +} +.ui-grid li { + transition-property: border-radius, -webkit-mask-size, mask-size; + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; + position: absolute; + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.ui-grid li a { + position: relative; +} +.ui-grid li a:active:hover:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(38, 38, 38, 0.4); +} +.ui-grid.ui-grid-horizontal { + height: 22.5rem; +} +.ui-grid.ui-grid-horizontal li { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-horizontal.ui-grid-rectangle li { + -webkit-mask-size: 22.5rem auto; + mask-size: 22.5rem auto; + -webkit-mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); + mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); +} +.ui-grid.ui-grid-vertical { + width: 22.5rem; +} +.ui-grid.ui-grid-vertical li { + -webkit-transform-origin: center top; + -ms-transform-origin: center top; + transform-origin: center top; +} +.ui-grid.ui-grid-vertical.ui-grid-rectangle li { + -webkit-mask-size: auto 22.5rem; + mask-size: auto 22.5rem; + -webkit-mask-image: url('images/Grid/tw_basic_grid_vertical.png'); + mask-image: url('images/Grid/tw_basic_grid_vertical.png'); +} +.ui-grid.ui-grid-circle li { + border-radius: 100%; +} +.ui-grid.ui-grid-rectangle li { + border-radius: 1.125rem; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-grid.ui-grid-3x3 { + height: 22.5rem; +} +.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned { + position: absolute; + left: 0; + top: 0; + margin: 0 !important; +} +.ui-grid.ui-grid-3x3 li { + width: 22.5rem; + height: 22.5rem; + position: absolute; + display: inline-block; +} +.ui-grid.ui-grid-3x3 li.ui-selected { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-3x3 li a { + display: inline-block; +} +.ui-grid.ui-grid-3x3 .thumb { + width: 100%; + height: 100%; + position: relative; +} +.ui-grid.ui-grid-image { + padding: 0; +} +.ui-grid.ui-grid-image li { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + width: 22.5rem; + height: 22.5rem; + overflow: hidden; +} +.ui-grid.ui-grid-image li a { + display: inline-block; +} +.ui-grid.ui-grid-image .thumb { + width: 22.5rem; + height: 22.5rem; + position: relative; +} +.ui-grid.ui-grid-thumbnail { + background-color: W143; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li { + -webkit-mask-size: 14rem auto; + mask-size: 14rem auto; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li { + -webkit-mask-size: auto 14rem; + mask-size: auto 14rem; +} +.ui-grid-container { + position: relative; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-scroll-snap-type: mandatory; + -ms-scroll-snap-type: mandatory; + scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; + -ms-scroll-snap-destination: 50% 50%; + scroll-snap-destination: 50% 50%; +} +.ui-grid-container .ui-image-section { + width: 22.5rem; + height: 22.5rem; +} +.ui-grid-container .snap-point { + width: 0.0625rem; + height: 0.0625rem; + position: absolute; + -webkit-scroll-snap-coordinate: 50% 50%; + -ms-scroll-snap-coordinate: 50% 50%; + scroll-snap-coordinate: 50% 50%; + visibility: hidden; +} +.ui-grid-container.ui-grid-horizontal { + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + height: 22.5rem; +} +.ui-grid-container.ui-grid-horizontal .snap-point { + top: 50%; +} +.ui-grid-container.ui-grid-vertical { + overflow-x: hidden; + overflow-y: scroll; + width: 22.5rem; + height: 100%; +} +.ui-grid-container.ui-grid-vertical .snap-point { + left: 50%; +} +.ui-circleindicator { + position: fixed; + z-index: 0; +} +.ui-circleindicator svg { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.ui-circleindicator svg:nth-child(2) circle { + -webkit-transition: stroke-dashoffset 0.5s linear; + transition: stroke-dashoffset 0.5s linear; +} +.ui-circleindicator svg .ui-big { + z-index: 4; +} +.ui-circleindicator svg .ui-pointer { + z-index: 5; +} +/*implementation of animation added by polar*/ +.ui-animated { + -webkit-transition: 1s linear; + transition: 1s linear; +} +.ui-hyperlink { + text-decoration: underline; +} +.ui-spin { + position: relative; + display: inline-block; + height: 3.75rem; + background-color: transparent; + overflow: hidden; + font-size: 1.375rem; + padding: 0; + box-sizing: content-box; + width: 5rem; +} +.ui-spin-item { + background-color: transparent; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1.875rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #4dcfff; +} +.ui-spin-item-selected { + font-size: 1.875rem; + height: 1.875rem; + color: #ffffff; +} +.ui-spin-enabling { + height: 100%; +} +.ui-spin-enabling .ui-spin-item { + -webkit-transition: 300ms opacity linear; + transition: 300ms opacity linear; +} +.tau-info-theme:after { + content: "default"; +} diff --git a/lib/tau/wearable/theme/brown/tau.min.css b/lib/tau/wearable/theme/brown/tau.min.css new file mode 100644 index 0000000..17c92cc --- /dev/null +++ b/lib/tau/wearable/theme/brown/tau.min.css @@ -0,0 +1,17 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +*{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}html,button,input,select,textarea{font-family:Tizen,Samsung Sans,Helvetica}body{margin:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button[disabled],input[disabled]{cursor:default}input[type=time],input[type=date]{color:#000}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.tau-info-theme{position:absolute;top:-999px;left:-999px}.screen-hidden{visibility:hidden;position:absolute;top:-10000em;left:-10000em}button,input{outline:0;cursor:pointer}*{box-sizing:border-box}a{text-decoration:none;color:rgba(250,250,250,1)}ul,li{margin:0;padding:0;list-style-type:none}img{margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;font-size:2.125rem;font-family:Tizen,Samsung Sans,Helvetica;background:rgba(36,27,19,1);color:rgba(250,250,250,1)}tau-page{display:block}.ui-page{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;background:rgba(36,27,19,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-page.ui-page-active{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-page.ui-page-build{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:hidden}.ui-page tau-scrollview{display:block}.ui-page .ui-content{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page .ui-content.ui-content-padding{padding-left:.75rem;padding-right:.75rem}.ui-page .ui-content.ui-content-fixed-middle{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-header{position:relative;width:100%;line-height:60px;background-color:rgba(51,40,30,1)}.ui-page .ui-header .ui-subtitle{height:30px;font-weight:400;line-height:30px;padding-left:16px;padding-right:16px;color:rgba(255,145,0,1);font-size:24px;margin:-.625rem 0 .3125rem 0}.ui-page .ui-header .ui-title{color:rgba(255,145,0,1);font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding-left:16px;padding-right:16px;-webkit-mask-image:-webkit-linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%);mask-image:linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%)}.ui-page .ui-header .ui-title.ui-icon{padding-left:60px;background-position:16px 14px;background-size:34px 34px;background-repeat:no-repeat}.ui-page .ui-header.ui-has-more .ui-title{padding-right:78px;-webkit-mask-image:-webkit-linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%)}.ui-page .ui-header button.ui-more,.ui-page .ui-header input.ui-more{border:0 none;padding:0}.ui-page .ui-header .ui-more-disable{cursor:default;background-color:transparent}.ui-page .ui-header .ui-more{display:block;position:absolute;top:0;right:0;width:68px;height:100%;overflow:hidden;text-indent:-1000em;background-position:center center;background-color:transparent;cursor:pointer}.ui-page .ui-header .ui-more:active{background-color:rgba(110,88,67,1)}.ui-page .ui-header .ui-more.ui-icon-detail{background-color:rgba(255,145,0,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-detail[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(255,145,0,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow{background-color:rgba(255,145,0,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(255,145,0,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall{background-color:rgba(255,145,0,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(255,145,0,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-footer{width:100%;position:absolute;bottom:0;left:0}.ui-page.ui-scroll-on .ui-scroller{width:100%;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page.ui-scroll-on .ui-content{height:auto;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ui-page.ui-scroll-on .ui-footer{position:relative}.ui-grid-col>*{float:left}.ui-page .ui-grid-col-1>*{float:left}.ui-page .ui-grid-col-1>*{width:100%}.ui-page .ui-grid-col-2>*{float:left}.ui-page .ui-grid-col-2>*{width:50%}.ui-page .ui-grid-col-3>*{float:left}.ui-page .ui-grid-col-3>*{width:33.33333333%}.ui-grid-row>*{display:block}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}}@keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(153,87,0,1)}}progress{position:relative;padding-left:1rem;padding-right:1rem;margin-top:.875rem;margin-bottom:.875rem;width:100%;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}progress::-webkit-progress-bar{position:relative;background-color:rgba(71,71,71,1);border-radius:.125rem;overflow:hidden}progress::-webkit-progress-value{background-color:rgba(255,145,0,1);height:.375rem;border-radius:.125rem;overflow:hidden}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:rgba(255,145,0,1)}progress.ui-progress-indeterminate::-webkit-progress-value{background-size:100% 100%;-webkit-animation:indeterminate 150ms infinite;animation:indeterminate 150ms infinite}.ui-progress-proportion{display:block;float:left;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-progress-ratio{display:block;float:right;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-circle-progress{display:none}.ui-progressbar{position:relative;display:inline-block;pointer-events:none}.ui-progressbar.ui-progressbar-full{position:fixed;top:0;left:0;width:100%;height:100%}.ui-switch{width:100%;color:rgba(250,250,250,1)}.ui-switch-inneroffset,.ui-switch-handler{display:none}.ui-switch-text{margin-top:30px;margin-bottom:40px;padding:0 30px;font-size:34px;text-align:center}.ui-switch-sub-text{margin-top:48px;font-size:26px;text-align:center;color:T161}.ui-toggleswitch{position:relative;display:inline-block;width:103.5px;height:55px;overflow:hidden}.ui-toggleswitch.ui-toggleswitch-large{width:207px;height:110px}.ui-toggleswitch .ui-switch-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;display:block}.ui-toggleswitch .ui-switch-input::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;-moz-mask-position:0 0;-ms-mask-position:0 0;-o-mask-position:0 0;mask-position:0 0;background-color:rgba(107,106,106,1);z-index:0}.ui-toggleswitch .ui-switch-input:active::before{background-color:rgba(107,106,106,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:rgba(184,184,184,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::before{background-color:rgba(107,106,106,1)}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 33.3%;-moz-mask-position:0 33.3%;-ms-mask-position:0 33.3%;-o-mask-position:0 33.3%;mask-position:0 33.3%;background-color:rgba(250,250,250,1);position:absolute;top:0;left:0;pointer-events:none;z-index:1}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 66.7%;-moz-mask-position:0 66.7%;-ms-mask-position:0 66.7%;-o-mask-position:0 66.7%;mask-position:0 66.7%;background-color:rgba(138,138,138,1);top:0;left:0}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;background-color:rgba(250,250,250,1);-webkit-mask-position:0 33%;-moz-mask-position:0 33%;-ms-mask-position:0 33%;-o-mask-position:0 33%;mask-position:0 33%;-webkit-transform:translate3d(36.23%,0,0);-ms-transform:translate3d(36.23%,0,0);transform:translate3d(36.23%,0,0)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-mask-position:0 100%;-moz-mask-position:0 100%;-ms-mask-position:0 100%;-o-mask-position:0 100%;mask-position:0 100%;background-color:rgba(118,196,16,1)}.ui-toggleswitch .ui-switch-input:checked::before{background-color:rgba(118,196,16,1)}.ui-toggleswitch .ui-switch-input:checked:active::before{background-color:rgba(78,107,41,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:rgba(184,184,184,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{background-color:rgba(78,107,41,1)}@-webkit-keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@-webkit-keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}@keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}.ui-processing{background-color:rgba(153,87,0,1);-webkit-mask-image:url(images/Processing/processingsmall.png);mask-image:url(images/Processing/processingsmall.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-name:smallprocess;animation-name:smallprocess;width:4.75rem;height:4.75rem;margin:0 auto}.ui-processing.ui-processing-full-size{-webkit-mask-image:url(images/Processing/processing_bar.png);mask-image:url(images/Processing/processing_bar.png);-webkit-animation-name:fullprocess;animation-name:fullprocess;width:100%;height:.375rem;margin-top:.375rem;margin-bottom:.375rem;max-width:19.75rem}.ui-processing.ui-hidden{display:none}.ui-processing-text{margin:0 auto;text-align:center;width:10.5rem;font-size:1.5rem;color:rgba(250,250,250,1)}.ui-btn{display:block;position:relative;padding-right:10px;padding-left:10px;margin:0;font-size:2rem;line-height:5.3125rem;height:5.3125rem;text-align:center;white-space:nowrap;cursor:pointer;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;border:0 none;color:rgba(250,250,250,1);background-color:rgba(74,64,55,1)}a.ui-btn:active:hover,.ui-btn:enabled:active:hover{background-color:rgba(110,88,67,1)}.ui-btn:enabled:focus{background-color:rgba(74,64,55,1)}a.ui-btn.ui-state-disabled,.ui-btn:disabled{color:rgba(250,250,250,.2);background-color:rgba(13,12,11,1);cursor:default}.ui-btn.ui-multiline{padding-top:10px;padding-bottom:10px}.ui-btn.ui-inline{display:inline-block}.ui-btn.ui-btn-icon{background-position:center center;height:5.5rem;width:5.5rem;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem}.ui-btn.ui-btn-icon::before{content:"";-webkit-mask-size:5.5rem 5.5rem;mask-size:5.5rem 5.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;width:5.5rem;height:5.5rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);position:absolute;-webkit-mask-image:none;mask-image:none;background-position:center center;background-repeat:no-repeat}.ui-btn.ui-btn-icon-only{text-indent:-624.9375rem}.ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.75rem 3.75rem;mask-size:3.75rem 3.75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.75rem;height:3.75rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(250,250,250,1);-webkit-transition:background 150ms;transition:background 150ms}.ui-btn.ui-btn-icon-only:active::before{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-icon-only:disabled::before{background-color:rgba(250,250,250,.4)}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{background-color:transparent;height:33vh}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{content:'';position:absolute;background-color:#fff;border-radius:50%;width:30vw;height:30vh;opacity:0;left:50%;top:50%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before,.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before{-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity}.ui-btn.ui-btn-text{height:3.3125rem;line-height:2.6875rem;padding:.3125rem;margin:auto;max-width:16.125rem;min-width:4.125rem}.ui-btn.ui-btn-text:enabled:active:hover,.ui-btn.ui-btn-text:enabled:focus{background-color:transparent}.ui-btn.ui-btn-text.ui-btn-active{-webkit-animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms;animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem;overflow:visible;background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon::after,.ui-btn.ui-btn-no-bg.ui-btn-icon::after{position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';background-color:rgba(250,250,250,1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled{background-color:rgba(250,250,250,.4);cursor:default}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{height:141%;width:141%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled{background-color:transparent;cursor:default}.ui-btn.ui-btn-middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@-webkit-keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@-webkit-keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@-webkit-keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}.ui-default{color:rgba(250,250,250,1);background-color:rgba(74,64,55,1)}a.ui-default:active:hover,.ui-default:enabled:active:hover{background-color:rgba(110,88,67,1)}.ui-default:enabled:focus{background-color:rgba(74,64,55,1)}a.ui-default.ui-state-disabled,.ui-default:disabled{color:rgba(250,250,250,.2);background-color:rgba(13,12,11,1);cursor:default}.ui-color-red{color:rgba(250,250,250,1);background-color:rgba(207,36,2,1)}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:rgba(222,102,78,1)}.ui-color-red:enabled:focus{background-color:rgba(207,36,2,1)}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,11,1,1);cursor:default}.ui-color-orange{color:rgba(250,250,250,1);background-color:rgba(237,134,0,1)}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:rgba(242,171,78,.4)}.ui-color-orange:enabled:focus{background-color:rgba(237,134,0,1)}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,39,5,1);cursor:default}.ui-color-green{color:rgba(250,250,250,1);background-color:rgba(97,163,16,1)}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:rgba(146,191,90,1)}.ui-color-green:enabled:focus{background-color:rgba(97,163,16,1)}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:rgba(250,250,250,.2);background-color:rgba(50,54,48,1);cursor:default}.ui-btn:focus,.ui-btn:active{outline:0}a.ui-btn{text-decoration:none;box-sizing:border-box}button.ui-btn,input.ui-btn{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}button.ui-btn.ui-inline,input.ui-btn.ui-inline{display:inline-block;width:auto}.ui-grid-col-1>.ui-btn{border-left:solid 1px rgba(36,27,19,1)}.ui-grid-col-1>.ui-btn:first-child{border-left:0 none}.ui-grid-col-2>.ui-btn{border-left:solid 1px rgba(36,27,19,1)}.ui-grid-col-2>.ui-btn:first-child{border-left:0 none}.ui-grid-col-3>.ui-btn{border-left:solid 1px rgba(36,27,19,1)}.ui-grid-col-3>.ui-btn:first-child{border-left:0 none}.ui-grid-row>.ui-btn{margin-top:1px}.ui-grid-row>.ui-btn:first-child{margin-top:0}.ui-popup{box-sizing:border-box;position:fixed;left:0;width:100%;margin:0;background-color:rgba(31,24,19,1);border:3px solid rgba(255,145,0,1);display:none;z-index:1100}.ui-popup:not(.ui-ctxpopup){bottom:0}.ui-popup .ui-popup-header{width:100%;min-height:68px;font-size:30px;text-align:left;background-color:rgba(43,37,31,1);color:rgba(242,159,51,1);padding-top:14px;padding-right:13px;padding-bottom:14px;padding-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popup .ui-popup-content{width:100%;min-height:14rem;font-size:2.125rem;text-align:left;color:rgba(250,250,250,1);background-color:rgba(31,24,19,1);padding:10px 16px 9px;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-.5625rem -1rem -.5625rem -1rem}.ui-popup .ui-popup-content .ui-listview li,.ui-popup .ui-popup-content .ui-inline-listview li{font-size:2.125rem}.ui-popup .ui-popup-footer{width:100%;height:83px}.ui-popup .ui-popup-footer .ui-btn{padding-top:27px;padding-bottom:28px;font-size:30px}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only{position:relative;text-indent:-624.9375rem}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.125rem 3.125rem;mask-size:3.125rem 3.125rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.125rem;height:3.125rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.ui-popup.ui-popup-active{display:block}.ui-popup.in{display:block}.ui-popup.ui-build{display:block;visibility:hidden}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast){max-height:100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper{width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{height:auto}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed{position:absolute;top:0;left:0;width:100%;z-index:2100}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed{position:absolute;bottom:0;left:0;width:100%;z-index:2100;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ui-popup.ui-ctxpopup{background-color:transparent;width:100%;border:0 none;border-radius:0;overflow:visible}div.ui-popup.ui-ctxpopup.ui-popup-content-size{width:auto;padding:0}div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content{width:auto}.ui-popup.ui-ctxpopup .ui-popup-content{min-height:initial;background-color:rgba(250,250,250,1);border:1px solid rgba(122,122,122,.9);color:#333}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li{color:rgba(0,0,0,1);border-bottom:1px solid rgba(204,204,204,1);min-height:90px;padding:21px 8px 20px 16px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a{color:rgba(0,0,0,1);margin:-21px -16px;padding:21px 16px;min-height:48px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(217,130,17,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon{position:relative;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a{margin-left:-4.25rem;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before{content:"";position:absolute;top:50%;left:.375rem;width:3.5rem;height:3.5rem;margin-top:-1.75rem;background-color:rgba(99,99,99,.9);-webkit-mask-size:3.5rem 3.5rem;-moz-mask-size:3.5rem 3.5rem;-ms-mask-size:3.5rem 3.5rem;-o-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview{height:4.3125rem;overflow:hidden}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li{float:left;height:4.1875rem;line-height:4.1875rem;border-right:1px solid rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a{display:block;width:100%;height:100%;padding:0rem .5rem;color:rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(217,130,17,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext{width:3.6875rem;height:4.1875rem;text-indent:-1000em;overflow:hidden;position:relative}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before{content:"";position:absolute;top:50%;left:50%;width:2.6875rem;height:2.6875rem;margin-top:-1.34375rem;margin-left:-1.34375rem;background-color:rgba(0,0,0,1);-webkit-mask-size:2.6875rem 2.6875rem;-moz-mask-size:2.6875rem 2.6875rem;-ms-mask-size:2.6875rem 2.6875rem;-o-mask-size:2.6875rem 2.6875rem;mask-size:2.6875rem 2.6875rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-arrow{width:36px;height:15px;overflow:hidden;position:absolute;display:none;-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup .ui-arrow span{box-sizing:border-box;width:20px;height:20px;background-color:rgba(250,250,250,1);border:1px solid rgba(122,122,122,.9);position:absolute;top:6px;left:8px;-webkit-transform:rotate(55deg) skew(24deg);-ms-transform:rotate(55deg) skew(24deg);transform:rotate(55deg) skew(24deg);-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b{padding:20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-t{padding:0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r{padding:20px 0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-l{padding:20px 20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow{display:block;bottom:-14px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow{display:block;top:-14px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow{display:block;right:-25px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow{display:block;left:-25px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.ui-popup.ui-popup-toast{margin-left:0;margin-right:0;margin-bottom:0;font-size:1.5rem;border:3px solid rgba(255,145,0,1);border-radius:0;border-left:0;border-right:0;position:absolute;bottom:0}.ui-popup.ui-popup-toast:not(.ui-popup-toast){top:auto;height:auto}.ui-popup.ui-popup-toast .ui-popup-content{min-height:initial;padding:.6875rem 2.625rem .75rem;background-color:rgba(31,24,19,1)}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:3.5rem;height:3.5rem;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-indent:-10000px;overflow:hidden}.ui-popup.ui-popup-toast .ui-popup-toast-icon::after{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%}.ui-popup-overlay{position:fixed;display:none;top:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.7)}.ui-popup-overlay.in{display:block}.ui-popup.slideup.in{-webkit-animation-name:popupslideinfrombottom;animation-name:popupslideinfrombottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.slideup.out{-webkit-animation-name:popupslideouttobottom;animation-name:popupslideouttobottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.ui-popup.pop.in{-webkit-animation-name:popuppopin;animation-name:popuppopin;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.pop.out{-webkit-animation-name:popuppopout;animation-name:popuppopout;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}@keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}.ui-popup.ui-popup-toast.pop.in{-webkit-animation-name:toastpopuppopin;animation-name:toastpopuppopin;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.ui-popup-toast.pop.out{-webkit-animation-name:toastpopuppopout;animation-name:toastpopuppopout;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}.ui-popup-overlay.slideup.in,.ui-popup-overlay.pop.in{-webkit-animation:fadein 250ms;animation:fadein 250ms}.ui-popup-overlay.slideup.out,.ui-popup-overlay.pop.out{-webkit-animation:fadeout 250ms forwards;animation:fadeout 250ms forwards}.ui-popup.ui-popup-arrow-t.slideup.in,.ui-popup.ui-popup-arrow-l.slideup.in,.ui-popup.ui-popup-arrow-r.slideup.in{-webkit-animation:ctxpopupslideinfrombottom 250ms ease-in-out;animation:ctxpopupslideinfrombottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-t.slideup.out,.ui-popup.ui-popup-arrow-l.slideup.out,.ui-popup.ui-popup-arrow-r.slideup.out{-webkit-animation:ctxpopupslideouttobottom 250ms ease-in-out;animation:ctxpopupslideouttobottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.in{-webkit-animation:ctxpopupslideinfromtop 250ms ease-in-out;animation:ctxpopupslideinfromtop 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.out{-webkit-animation:ctxpopupslideouttotop 250ms ease-in-out;animation:ctxpopupslideouttotop 250ms ease-in-out}@-webkit-keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@-webkit-keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}@keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}tau-virtuallistview,tau-listview{display:block;list-style-type:disc;list-style-type:none}.ui-listview li{font-size:2rem;line-height:3rem;min-height:6.25rem;padding:.9375rem .5rem .9375rem 1rem;border-bottom:.0625rem solid rgba(46,46,46,1);white-space:nowrap;position:relative;color:rgba(250,250,250,1)}.ui-listview li.ui-li-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0;min-height:5.3125rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-listview li.ui-li-grid .ui-processing{padding:0;margin-right:.5rem}.ui-listview li.ui-li-grid div:first-child{width:-webkit-calc(100% - 5.5rem);width:calc(100% - 5.5rem);text-align:left;height:100%;margin-left:1rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{padding:0;margin-right:.5rem;background-size:contain;background-position:center center;background-repeat:no-repeat;width:3.5rem;height:3.5rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after{background-color:transparent}.ui-listview li.ui-li-grid.ui-li-grid-full div::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(48,48,48,1);right:4.5rem;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-listview li.ui-li-grid.ui-li-grid-full>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid.ui-li-grid-full>.ui-btn-icon{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid .ui-btn-description{width:100%;margin:0 -50%;z-index:2;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;line-height:5.3125rem;pointer-events:none}.ui-listview li.ui-li-grid a.ui-btn,.ui-listview li.ui-li-grid tau-button.ui-btn{background-position:center center;height:5.3125rem;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem;position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border-bottom:.0625rem solid rgba(36,27,19,1);border-right:.0625rem solid rgba(36,27,19,1)}.ui-listview li input[type=text],.ui-listview li input[type=password]{width:20.5rem;height:3.875rem;padding:.8125rem 0 .8125rem .5rem;color:rgba(255,145,0,1);font-size:2rem;background-color:rgba(245,245,245,.15);border:0;outline:0}.ui-listview li input[type=text]:focus,.ui-listview li input[type=password]:focus{border:.0625rem solid rgba(245,245,245,.15)}.ui-listview li input[type=text]:focus::-webkit-input-placeholder,.ui-listview li input[type=password]:focus::-webkit-input-placeholder{color:#fff}.ui-listview li>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:rgba(250,250,250,1)}.ui-listview li>a:not(.ui-btn){display:block;width:100%;height:auto;margin:-1.625rem -.5rem -1.625rem -1rem;padding:1.25rem .5rem 1.25rem 1rem;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;text-overflow:ellipsis;overflow:hidden}.ui-listview li.ui-listview-divider{height:1.875rem;min-height:1.875rem;line-height:1.875rem;padding:0 .5rem 0 1rem;background-color:rgba(79,74,70,1);color:rgba(245,245,245,1);font-size:1.5rem}.ui-listview li .ui-li-sub-text{color:rgba(143,110,79,1);font-size:1.75rem}.ui-listview li.ui-li-has-action-icon .ui-action-text{width:-webkit-calc(100% - 4.8125rem);width:calc(100% - 4.8125rem);height:100%}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(250,250,250,1);right:4.25rem;top:20%}.ui-listview li.ui-li-has-action-icon .ui-action-divider{display:none}.ui-listview li.ui-li-has-action-icon .ui-action-delete,.ui-listview li.ui-li-has-action-icon .ui-action-setting,.ui-listview li.ui-li-has-action-icon .ui-action-add{position:absolute;height:100%;width:4.5rem;right:0;top:0;-webkit-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;padding:0;margin:0}.ui-listview li.ui-li-has-action-icon .ui-action-delete{-webkit-mask-image:url(images/listview/tw_list_delete_holo_dark.png);mask-image:url(images/listview/tw_list_delete_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-setting{-webkit-mask-image:url(images/listview/tw_list_setting_holo_dark.png);mask-image:url(images/listview/tw_list_setting_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-add{-webkit-mask-image:url(images/listview/tw_list_add_holo_dark.png);mask-image:url(images/listview/tw_list_add_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:rgba(89,74,59,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active{background-color:rgba(89,74,59,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon{background-color:transparent}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active{background-color:rgba(89,74,59,1);color:rgba(250,250,250,1)}.ui-datetime-widget{position:relative;height:100%}.ui-datetime{text-align:center;padding-top:56px}.ui-time-picker .ui-datetime{padding-top:53px}.ui-datetime:only-child{padding-top:92px}.ui-time-picker .ui-datetime:only-child{padding-top:89px}.ui-datetime input[type=date],.ui-datetime input[type=datetime],.ui-datetime input[type=time]{display:none}.ui-datefield{height:52px;display:inline-block;vertical-align:top}.ui-datefield>.ui-btn{float:left;height:52px;padding:0;line-height:52px;font-size:42px;font-weight:600;border-radius:2px;background-color:rgba(255,255,255,.15)}.ui-datefield .ui-datefield-separator{display:block;height:100%;float:left;width:18px;background:transparent url(images/Datetimepicker/tw_timepicker_num_dot.png)}.ui-datefield>.ui-btn:enabled:focus{background-color:rgba(255,255,255,.15)}.ui-datefield>.ui-btn:disabled{color:#404040}.ui-datafield>.ui-btn.ui-selected,.ui-datefield>.ui-btn:enabled:active,.ui-datefield>.ui-btn.ui-state-active:enabled,.ui-datefield>.ui-btn.ui-selected:enabled{background-color:#ff9000;color:#000}.ui-date-picker .ui-datefield>.ui-btn:first-child{margin-right:2px}.ui-date-picker .ui-datefield>.ui-btn:last-child{margin-left:2px}.ui-date-picker .ui-datefield-year{width:114px}.ui-date-picker .ui-datefield-month{width:102px}.ui-date-picker .ui-datefield-day{width:68px}.ui-time-picker .ui-datefield-hour{width:74px}.ui-time-picker .ui-datefield-min{width:74px}.ui-time-picker .ui-datefield-period{width:84px;margin-left:10px}.ui-time-picker .ui-datefield{height:58px}.ui-time-picker .ui-datefield>.ui-btn{height:58px;line-height:58px;font-size:50px}.ui-time-picker .ui-datefield>.ui-btn.ui-datefield-period{font-size:48px}.ui-datetime-wheel{height:68px;margin:0 10px;margin-top:30px}.ui-time-picker .ui-datetime-wheel{margin-top:27px}.ui-datetime-wheel .ui-btn{width:68px;height:68px;float:left}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus{float:right;background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-wheel{display:block;margin-left:68px;margin-right:68px;height:68px;padding:10px 0;box-sizing:border-box;background:url(images/Datetimepicker/tw_timepicker_wheel_01.png) center center no-repeat}.ui-datetime-btns{position:absolute;bottom:0;width:100%;height:76px;box-sizing:border-box;border-top:2px solid #262626}.ui-datetime-btns::before{content:"";height:34px;width:1px;background-color:#262626;position:absolute;left:160px;top:20px}.ui-datetime-btns .ui-btn{height:100%;position:relative;background-color:transparent}.ui-datetime-btns .ui-btn:enabled:active,.ui-datetime-btns .ui-btn:enabled:focus,.ui-datetime-btns .ui-btn:enabled:active:focus{background-color:transparent}.ui-datetime-btns .ui-btn-left{width:160px;float:left;background:url(images/Datetimepicker/tw_timepicker_left_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn-right{width:159px;float:right;background:url(images/Datetimepicker/tw_timepicker_right_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn:disabled,.ui-datetime-btns .ui-btn.ui-state-disabled{opacity:.2}.ui-datetime-periods{height:102px;margin-top:7px;display:inline-block}.ui-datetime-periods .ui-btn,.ui-datetime-periods .ui-datetime-periods-separator{height:100%;float:left;padding:0;background:transparent}.ui-datetime-periods .ui-btn{width:102px;font-size:34px;line-height:102px}.ui-datetime-periods .ui-btn:enabled:focus{background:transparent}.ui-datetime-periods .ui-btn:enabled:active,.ui-datetime-periods .ui-btn:enabled:active:focus,.ui-datetime-periods .ui-btn.ui-selected:enabled:active,.ui-datetime-periods .ui-btn.ui-state-active:enabled:active{color:inherit;text-decoration:none;background:url(images/Datetimepicker/tw_timepicker_time_bg.png) center center no-repeat}.ui-datetime-periods .ui-btn.ui-selected:enabled,.ui-datetime-periods .ui-btn.ui-state-active:enabled{color:#ff9000;text-decoration:underline}.ui-datetime-periods .ui-datetime-periods-separator{width:24px;background:url(images/Datetimepicker/tw_timepicker_num_dot_01.png) center center no-repeat}.ui-datetime-wheel.ui-hidden,.ui-datetime-periods.ui-hidden{display:none}.ui-viewport-transitioning,.ui-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;box-sizing:border-box}.ui-pre-in{z-index:100;visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;top:0;left:0}.in{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:350ms;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:225ms;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation:fadeout 125ms;animation:fadeout 125ms}.fade.in{opacity:1;-webkit-animation:fadein 225ms;animation:fadein 225ms}@-webkit-keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-webkit-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideup.in:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);-webkit-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay){z-index:101;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1)}@-webkit-keyframes popin{from{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}}@-webkit-keyframes popoutreverse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}}@-webkit-keyframes popinreverse{from{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}.pop.out.reverse{z-index:100;-webkit-animation-duration:225ms;-webkit-animation-name:popoutreverse;-moz-animation-duration:225ms;-moz-animation-name:popoutreverse;animation-duration:225ms;animation-name:popoutreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in.reverse{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popinreverse;-moz-animation-duration:225ms;-moz-animation-name:popinreverse;animation-duration:225ms;animation-name:popinreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in{-webkit-animation-duration:225ms;-webkit-animation-name:popin;-moz-animation-duration:225ms;-moz-animation-name:popin;animation-duration:225ms;animation-name:popin;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.out{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popout;-moz-animation-duration:225ms;-moz-animation-name:popout;animation-duration:225ms;animation-name:popout;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-indexscrollbar{display:block;position:fixed;right:0;top:0;width:2.8125rem;height:100%;padding-left:.125rem;background-color:rgba(33,33,33,1);z-index:10;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ui-indexscrollbar ul{position:absolute;width:100%;top:0}.ui-indexscrollbar ul li{color:rgba(94,94,94,1);display:block;width:100%;text-align:center;font-size:1.5rem;height:2.25rem}.ui-indexscrollbar ul li.ui-state-selected{background-color:rgba(43,43,43,1);color:rgba(255,145,0,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary{position:relative;height:auto;top:0;right:-2.5rem;width:100%}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li{background-color:rgba(43,43,43,1);color:rgba(94,94,94,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected{background-color:rgba(43,43,43,1);color:rgba(255,145,0,1)}.ui-indexscrollbar+.ui-listview li{padding-right:2.5rem}.ui-indexscrollbar-indicator{position:fixed;top:0;left:0;z-index:9;display:none}.ui-indexscrollbar-indicator>span{width:8.75rem;height:5.4375rem;position:absolute;display:block;top:50%;left:50%;margin-left:-5.625rem;margin-top:-2.6875rem;line-height:5.4375rem;font-size:4.375rem;text-align:center;background-color:rgba(89,74,59,.95);color:rgba(245,245,245,1)}.ui-indexscrollbar-indicator>span>span.ui-selected{color:rgba(255,145,0,1)}.ui-circularindexscrollbar{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{position:absolute;top:50%;left:50%;width:9.875rem;height:9.875rem;line-height:9.875rem;border-radius:50%;background-color:rgba(89,74,59,.95);-webkit-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-circularindexscrollbar.ui-circularindexscrollbar-show{pointer-events:auto}.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator{opacity:1}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:4.375rem;color:rgba(255,145,0,1)}.ui-scrollbar-bar-type{position:absolute}.ui-scrollbar-bar-type.ui-scrollbar-horizontal{left:0;bottom:0;width:100%;height:8px}.ui-scrollbar-bar-type.ui-scrollbar-vertical{right:0;top:0;width:.5rem;height:100%}.ui-scrollbar-bar-type .ui-scrollbar-indicator{position:absolute;background-color:rgba(102,102,102,1)}.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator{height:.25rem}.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator{width:.25rem}.ui-scrollbar-bouncing-effect{display:none;position:absolute;background-repeat:no-repeat;-webkit-animation-duration:.47s;animation-duration:.47s;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(255,145,0,.4)}.ui-scrollbar-bouncing-effect::before{content:"";position:absolute;background-color:rgba(255,145,0,1)}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:3.125rem;left:0;-webkit-mask-size:100% 3.125rem}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:.125rem;-webkit-mask-size:100% .125rem}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:3.125rem;height:100%;top:0;-webkit-mask-size:3.125rem 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:.0625rem;height:100%;-webkit-mask-size:.0625rem 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;-webkit-mask-image:url(images/Scroller/bouncing_top_glow.png);mask-image:url(images/Scroller/bouncing_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{-webkit-mask-image:url(images/Scroller/bouncing_top_edge.png);mask-image:url(images/Scroller/bouncing_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;-webkit-mask-image:url(images/Scroller/bouncing_bottom_glow.png);mask-image:url(images/Scroller/bouncing_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{-webkit-mask-image:url(images/Scroller/bouncing_bottom_edge.png);mask-image:url(images/Scroller/bouncing_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;-webkit-mask-image:url(images/Scroller/bouncing_left_glow.png);mask-image:url(images/Scroller/bouncing_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{-webkit-mask-image:url(images/Scroller/bouncing_left_edge.png);mask-image:url(images/Scroller/bouncing_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;-webkit-mask-image:url(images/Scroller/bouncing_right_glow.png);mask-image:url(images/Scroller/bouncing_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{-webkit-mask-image:url(images/Scroller/bouncing_right_edge.png);mask-image:url(images/Scroller/bouncing_right_edge.png)}@-webkit-keyframes ui-bouncing-show{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes ui-bouncing-hide{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}100%{opacity:0}}.ui-scrollbar-bouncing-effect.ui-show{display:block;-webkit-animation-name:ui-bouncing-show;animation-name:ui-bouncing-show}.ui-scrollbar-bouncing-effect.ui-hide{display:block;-webkit-animation-name:ui-bouncing-hide;animation-name:ui-bouncing-hide}.ui-swipelist{position:absolute;top:0}.ui-swipelist .ui-swipelist-icon{width:20%;height:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ui-swipelist .ui-swipelist-text{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-swipelist-left,.ui-swipelist-right{position:absolute;display:none}.ui-swipelist-left{background-color:rgba(98,168,24,1);background-image:-webkit-linear-gradient(left,rgba(98,168,24,1) 0,rgba(36,27,19,1) 0);background-image:linear-gradient(left,rgba(98,168,24,1) 0,rgba(36,27,19,1) 0)}.ui-swipelist-right{background-color:rgba(235,164,23,1);background-image:-webkit-linear-gradient(right,rgba(235,164,23,1) 0,rgba(36,27,19,1) 0);background-image:linear-gradient(right,rgba(235,164,23,1) 0,rgba(36,27,19,1) 0)}.ui-swipelist-icon,.ui-swipelist-text{position:absolute}.ui-swipelist-left .ui-swipelist-icon{margin-left:2%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-left .ui-swipelist-text{margin-left:40%}.ui-swipelist-right .ui-swipelist-icon{margin-left:80%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-right .ui-swipelist-text{margin-left:20%}.ui-tab-indicator{position:relative;height:6px}.ui-tab-indicator .ui-tab-item{position:absolute;top:0;left:0;display:block;height:6px;background-color:rgba(64,58,53,1)}.ui-tab-indicator .ui-tab-item.ui-tab-active{background-color:rgba(250,145,7,1)}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{box-sizing:border-box;padding:0;height:56px;width:56px;font-size:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}input[type=radio]{background-color:rgba(18,9,0,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%}input[type=radio]::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:checked::before{content:"";background-color:rgba(118,196,16,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:active{background-color:rgba(79,36,0,.4);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=radio]:active::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=radio]:active:checked::before{content:"";background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input){-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(18,9,0,1)}input[type=checkbox]:not(.ui-switch-input)::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):checked::before{content:"";-webkit-mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(118,196,16,1);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active{background-color:rgba(79,36,0,.4)}input[type=checkbox]:not(.ui-switch-input):active::after{content:"";background-color:rgba(250,250,250,.3);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active:checked::before{content:"";background-color:rgba(250,250,250,1);width:100%;height:100%;position:absolute}.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input),.ui-checkbox-small input[type=radio]{top:.4375rem;margin-right:.4375rem;width:2.125rem;height:2.125rem}.ui-marquee{position:relative;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:2.4375rem;line-height:2.4375rem}.ui-marquee.ui-marquee-gradient{text-overflow:clip;-webkit-mask-image:-webkit-linear-gradient(left,#fff 0,#fff 85%,transparent 100%)}.ui-marquee.ui-marquee-ellipsis .ui-marquee-content{display:block;overflow:hidden;text-overflow:ellipsis}.ui-marquee .ui-marquee-content{left:0;position:relative;overflow:visible;display:inline-block}.ui-marquee-anim-running{-webkit-animation-play-state:running}.ui-marquee-anim-stopped{-webkit-animation-play-state:paused}.ui-marquee.ui-marquee-gradient::after{background:-webkit-linear-gradient(left,transparent 0,rgba(36,27,19,1) 100%);background:linear-gradient(left,transparent 0,rgba(36,27,19,1) 100%)}tau-pageindicator{display:block}.ui-page-indicator{display:block;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap;max-width:100%;overflow:hidden}.ui-page-indicator .ui-page-indicator-item{position:relative;display:inline-block;width:.625rem;height:.625rem;-webkit-mask-image:url(images/Indicator/indicator_horizontal_dot.png);mask-image:url(images/Indicator/indicator_horizontal_dot.png);background-color:rgba(250,250,250,.4);margin-right:.5rem;margin-top:1.5rem;transition-property:-webkit-mask-image,mask-image;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ui-page-indicator .ui-page-indicator-item:last-child{margin-right:0}.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active{-webkit-mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);background-color:rgba(250,250,250,1)}.ui-page-indicator.ui-page-indicator-circular{top:0;left:0;width:100vw;height:100vw;-webkit-transform:none;-ms-transform:none;transform:none;pointer-events:none}.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item{position:absolute;top:50%;left:50%;margin-top:-.3125rem;margin-left:-.3125rem;margin-right:0}.ui-snap-container{-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%}.ui-snap-container.ui-snap-disabled{-webkit-scroll-snap-type:none}.ui-snap-listview-item{-webkit-scroll-snap-coordinate:50% 50%}tau-drawer{display:block}.ui-drawer{width:100%;height:100%;position:fixed;top:0;background-color:rgba(36,27,19,1);z-index:1201;box-sizing:border-box}.ui-drawer.ui-drawer-close{overflow:hidden}.ui-drawer.ui-drawer-open{overflow:auto}.ui-drawer-overlay{top:0;position:fixed;background-color:rgba(0,0,0,.8);z-index:1200}tau-drawermorestyle{display:block}tau-sectionchanger{display:block}.ui-section-changer{height:100%}.ui-view-switcher{height:100%;overflow:hidden}.ui-view-switcher.ui-view-carousel .ui-view{display:none;position:absolute;z-index:-1000;top:50%;background-color:#fafafa}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active{display:inline;z-index:100;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim{opacity:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left{display:inline;left:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right{display:inline;right:0}.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim{position:absolute;top:0;width:100%;height:100%;opacity:.6;background-color:#000}.ui-slider{position:relative;box-sizing:border-box;background-color:rgba(71,71,71,1)}.ui-slider .ui-slider-value{background-color:rgba(255,145,0,1)}.ui-slider .ui-slider-handler{width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:50%;position:absolute;text-indent:9999px;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-slider.ui-slider-horizontal{height:6px;margin:20px 22px}.ui-slider.ui-slider-horizontal .ui-slider-value{height:6px}.ui-slider.ui-slider-horizontal .ui-slider-handler{top:50%;margin-left:-20px;border:3px solid rgba(255,145,0,1);-webkit-transform:translate(0,-50%) scale(0.6);-ms-transform:translate(0,-50%) scale(0.6);transform:translate(0,-50%) scale(0.6)}.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active{-webkit-transform:translate(0,-50%) scale(1);-ms-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1)}.ui-slider-title{text-align:center;color:rgba(255,145,0,1);font-size:28px}.ui-slider-subtitle{text-align:center;color:rgba(255,145,0,1);font-size:28px}.ui-selector{position:absolute;top:0;left:0;height:100%;width:100%;background-color:B0511D}.ui-selector .ui-layer{position:absolute;display:none;width:4.25rem;height:4.25rem;border-radius:50%}.ui-selector .ui-layer.ui-layer-active{display:block;width:100%;height:100%;z-index:3}.ui-selector .ui-layer.ui-layer-active .ui-item{visibility:visible;-webkit-transition:transform 300ms ease-out;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-selector .ui-layer.ui-layer-hide .ui-item{visibility:visible;-webkit-transition:transform 100ms ease-out;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out}.ui-selector .ui-layer.ui-layer-prev{display:block;width:3rem;height:3rem;left:50%;margin-left:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_previous_page.png);mask-image:url(images/Common/b_more_option_btn_previous_page.png)}.ui-selector .ui-layer.ui-layer-next{display:block;width:3rem;height:3rem;right:50%;margin-right:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_next_page.png);mask-image:url(images/Common/b_more_option_btn_next_page.png)}.ui-selector .ui-item{background-color:B0554;position:absolute;visibility:hidden;width:4.25rem;height:4.25rem;top:50%;left:50%;border-radius:50%;margin:-2.125rem;z-index:100}.ui-selector .ui-item:active{background-color:B0554P}.ui-selector .ui-item::before{-webkit-transition:background-color 200ms ease-out;transition:background-color 200ms ease-out}.ui-selector .ui-selector-indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:4;width:10.25rem;height:10.25rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-selector .ui-selector-indicator::before{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;border-radius:50%;background-color:transparent;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before{z-index:-1;background-color:#fff;-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity;-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{font-size:1.875rem;pointer-events:none;width:10.25rem;line-height:2.5rem;max-height:5rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active{background-repeat:no-repeat;background-position:50% 50%;width:8.75rem;height:8.75rem;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text{margin-top:-.25rem;width:5.875rem;height:5.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active+.ui-selector-indicator-text:not(:empty){margin-top:.3125rem;width:8.625rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{font-size:1.8125rem;pointer-events:none;width:8.625rem;line-height:2.4375rem;max-height:2.4375rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text{width:9.375rem}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext{color:T117;width:9.375rem}.ui-selector .ui-selector-indicator-arrow{position:absolute;width:13.125rem;height:13.125rem;top:50%;left:50%;margin:-6.5625rem;text-align:center;line-height:13.125rem;font-size:1.75rem;z-index:0}.ui-selector .ui-selector-indicator-arrow::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;-webkit-mask-image:url(images/Common/b_rotary_selector_center_pointer.png);mask-image:url(images/Common/b_rotary_selector_center_pointer.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B0116}.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active{background-color:B0554}.scrolling-scrollbar{position:absolute;pointer-events:none;-webkit-transition:opacity 2.5s;transition:opacity 2.5s;opacity:0}.scrolling-scrollbar .scrolling-scrollthumb{stroke:#009de4;background-color:#009de4;position:absolute}.scrolling-scrollbar.scrolling-direction-y{right:0;width:10px}.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb{width:10px;min-height:20px;top:0;left:50%;margin-left:-5px}.scrolling-scrollbar.scrolling-direction-x{bottom:0;height:10px}.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb{height:10px;min-width:20px;left:0;top:50%;margin-top:-5px}.scrolling-scrollbar:not(.scrolling-circular){background-color:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular{width:100%;height:100%;top:0;left:0}.scrolling-scrollbar.scrolling-circular .ui-polar{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path{stroke:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated{-webkit-transition:all .5s;transition:all .5s}.scrolling-scrollbar.fade-in{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.ui-page.ui-empty-state{background-color:B0911;color:rgba(250,250,250,1)}.ui-page.ui-empty-state header.ui-header{height:6.75rem}.ui-page.ui-empty-state:after{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Common/tw_no_item_bg.png);mask-image:url(images/Common/tw_no_item_bg.png);background-color:rgba(255,255,255,.1)}.ui-page.ui-empty-state .ui-title{color:rgba(255,145,0,1);font-size:1.875rem;line-height:2.4375rem}.ui-page.ui-empty-state .ui-content{overflow:hidden;color:rgba(250,250,250,1);font-size:1.75rem;line-height:2.3125rem;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}.ui-page.ui-empty-state .ui-content .ui-icon{width:6.125rem;height:6.125rem}.ui-page.ui-empty-state .ui-content .ui-empty-state-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:4.625rem;margin-top:.5rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header{height:7.8125rem;margin-top:0}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title{padding-top:3.1875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon{width:8.125rem;height:6.875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label{height:2.3125rem;margin-top:1.75rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines{margin-top:.125rem;height:4.625rem}.ui-grid{padding:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;background-color:rgba(36,27,19,1)}.ui-grid.ui-hidden{display:none}.ui-grid li{transition-property:border-radius,-webkit-mask-size,mask-size;-webkit-transition-duration:450ms;transition-duration:450ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;position:absolute;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui-grid li a{position:relative}.ui-grid li a:active:hover:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(38,38,38,.4)}.ui-grid.ui-grid-horizontal{height:22.5rem}.ui-grid.ui-grid-horizontal li{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-horizontal.ui-grid-rectangle li{-webkit-mask-size:22.5rem auto;mask-size:22.5rem auto;-webkit-mask-image:url(images/Grid/tw_basic_grid_horizontal.png);mask-image:url(images/Grid/tw_basic_grid_horizontal.png)}.ui-grid.ui-grid-vertical{width:22.5rem}.ui-grid.ui-grid-vertical li{-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.ui-grid.ui-grid-vertical.ui-grid-rectangle li{-webkit-mask-size:auto 22.5rem;mask-size:auto 22.5rem;-webkit-mask-image:url(images/Grid/tw_basic_grid_vertical.png);mask-image:url(images/Grid/tw_basic_grid_vertical.png)}.ui-grid.ui-grid-circle li{border-radius:100%}.ui-grid.ui-grid-rectangle li{border-radius:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-grid.ui-grid-3x3{height:22.5rem}.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned{position:absolute;left:0;top:0;margin:0!important}.ui-grid.ui-grid-3x3 li{width:22.5rem;height:22.5rem;position:absolute;display:inline-block}.ui-grid.ui-grid-3x3 li.ui-selected{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-3x3 li a{display:inline-block}.ui-grid.ui-grid-3x3 .thumb{width:100%;height:100%;position:relative}.ui-grid.ui-grid-image{padding:0}.ui-grid.ui-grid-image li{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:22.5rem;height:22.5rem;overflow:hidden}.ui-grid.ui-grid-image li a{display:inline-block}.ui-grid.ui-grid-image .thumb{width:22.5rem;height:22.5rem;position:relative}.ui-grid.ui-grid-thumbnail{background-color:W143}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li{-webkit-mask-size:14rem auto;mask-size:14rem auto}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li{-webkit-mask-size:auto 14rem;mask-size:auto 14rem}.ui-grid-container{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;-ms-scroll-snap-destination:50% 50%;scroll-snap-destination:50% 50%}.ui-grid-container .ui-image-section{width:22.5rem;height:22.5rem}.ui-grid-container .snap-point{width:.0625rem;height:.0625rem;position:absolute;-webkit-scroll-snap-coordinate:50% 50%;-ms-scroll-snap-coordinate:50% 50%;scroll-snap-coordinate:50% 50%;visibility:hidden}.ui-grid-container.ui-grid-horizontal{overflow-x:scroll;overflow-y:hidden;width:100%;height:22.5rem}.ui-grid-container.ui-grid-horizontal .snap-point{top:50%}.ui-grid-container.ui-grid-vertical{overflow-x:hidden;overflow-y:scroll;width:22.5rem;height:100%}.ui-grid-container.ui-grid-vertical .snap-point{left:50%}.ui-circleindicator{position:fixed;z-index:0}.ui-circleindicator svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.ui-circleindicator svg:nth-child(2) circle{-webkit-transition:stroke-dashoffset .5s linear;transition:stroke-dashoffset .5s linear}.ui-circleindicator svg .ui-big{z-index:4}.ui-circleindicator svg .ui-pointer{z-index:5}.ui-animated{-webkit-transition:1s linear;transition:1s linear}.ui-hyperlink{text-decoration:underline}.ui-spin{position:relative;display:inline-block;height:3.75rem;background-color:transparent;overflow:hidden;font-size:1.375rem;padding:0;box-sizing:content-box;width:5rem}.ui-spin-item{background-color:transparent;position:absolute;left:0;top:0;width:100%;height:1.875rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#4dcfff}.ui-spin-item-selected{font-size:1.875rem;height:1.875rem;color:#fff}.ui-spin-enabling{height:100%}.ui-spin-enabling .ui-spin-item{-webkit-transition:300ms opacity linear;transition:300ms opacity linear}.tau-info-theme:after{content:"default"} \ No newline at end of file diff --git a/lib/tau/wearable/theme/changeable/images/Actionbar/b_more_option.png b/lib/tau/wearable/theme/changeable/images/Actionbar/b_more_option.png new file mode 100644 index 0000000..ced2924 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Actionbar/b_more_option.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png new file mode 100644 index 0000000..e06b5d5 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Bottom_button/tw_bottom_btn_bg.png b/lib/tau/wearable/theme/changeable/images/Bottom_button/tw_bottom_btn_bg.png new file mode 100644 index 0000000..d924082 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Bottom_button/tw_bottom_btn_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Common/b_more_option_btn_next_page.png b/lib/tau/wearable/theme/changeable/images/Common/b_more_option_btn_next_page.png new file mode 100644 index 0000000..1798fcb Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Common/b_more_option_btn_next_page.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Common/b_more_option_btn_previous_page.png b/lib/tau/wearable/theme/changeable/images/Common/b_more_option_btn_previous_page.png new file mode 100644 index 0000000..33df6fc Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Common/b_more_option_btn_previous_page.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Common/b_rotary_selector_center_pointer.png b/lib/tau/wearable/theme/changeable/images/Common/b_rotary_selector_center_pointer.png new file mode 100644 index 0000000..a4cb7de Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Common/b_rotary_selector_center_pointer.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Common/masking_bg.png b/lib/tau/wearable/theme/changeable/images/Common/masking_bg.png new file mode 100644 index 0000000..935dad6 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Common/masking_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Common/tw_no_item_bg.png b/lib/tau/wearable/theme/changeable/images/Common/tw_no_item_bg.png new file mode 100644 index 0000000..de5ac92 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Common/tw_no_item_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/ref_btn_check_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/ref_btn_check_holo_dark.png new file mode 100644 index 0000000..9006266 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/ref_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..a147cc4 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/Check/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png new file mode 100644 index 0000000..2f8ad8c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png new file mode 100644 index 0000000..f202392 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..29b536f Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/toggle_changeable.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/toggle_changeable.png new file mode 100644 index 0000000..69500e8 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/toggle_changeable.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..b93066e Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_checkbox_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_checkbox_holo_dark.png new file mode 100644 index 0000000..b66d28c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_checkbox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png new file mode 100644 index 0000000..e76b081 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..0fc1881 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radiobox_holo_dark.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radiobox_holo_dark.png new file mode 100644 index 0000000..703cb0c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radiobox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radiobox_line.png b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radiobox_line.png new file mode 100644 index 0000000..1f92e88 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Controller_icon/tw_btn_radiobox_line.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Grid/tw_basic_grid_horizontal.png b/lib/tau/wearable/theme/changeable/images/Grid/tw_basic_grid_horizontal.png new file mode 100644 index 0000000..3ff44bb Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Grid/tw_basic_grid_horizontal.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Grid/tw_basic_grid_vertical.png b/lib/tau/wearable/theme/changeable/images/Grid/tw_basic_grid_vertical.png new file mode 100644 index 0000000..4485744 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Grid/tw_basic_grid_vertical.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Indicator/b_fast_scroll_rollover_bg.png b/lib/tau/wearable/theme/changeable/images/Indicator/b_fast_scroll_rollover_bg.png new file mode 100644 index 0000000..dbfb43b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Indicator/b_fast_scroll_rollover_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Indicator/b_index_scroll_bg.png b/lib/tau/wearable/theme/changeable/images/Indicator/b_index_scroll_bg.png new file mode 100644 index 0000000..348e3aa Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Indicator/b_index_scroll_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Indicator/indicator_horizontal_dot.png b/lib/tau/wearable/theme/changeable/images/Indicator/indicator_horizontal_dot.png new file mode 100644 index 0000000..8aa8044 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Indicator/indicator_horizontal_dot.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Indicator/indicator_horizontal_focus_dot.png b/lib/tau/wearable/theme/changeable/images/Indicator/indicator_horizontal_focus_dot.png new file mode 100644 index 0000000..0737934 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Indicator/indicator_horizontal_focus_dot.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Indicator/list_scroll_triggle.png b/lib/tau/wearable/theme/changeable/images/Indicator/list_scroll_triggle.png new file mode 100644 index 0000000..983d398 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Indicator/list_scroll_triggle.png differ diff --git a/lib/tau/wearable/theme/changeable/images/List/b_body_edge_shadow.png b/lib/tau/wearable/theme/changeable/images/List/b_body_edge_shadow.png new file mode 100644 index 0000000..8dbabd0 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/List/b_body_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/List/b_list_focus_bg.png b/lib/tau/wearable/theme/changeable/images/List/b_list_focus_bg.png new file mode 100644 index 0000000..d0f08a3 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/List/b_list_focus_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/List/b_list_focus_bg_108.png b/lib/tau/wearable/theme/changeable/images/List/b_list_focus_bg_108.png new file mode 100644 index 0000000..339bd67 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/List/b_list_focus_bg_108.png differ diff --git a/lib/tau/wearable/theme/changeable/images/List/tw_list_divider.png b/lib/tau/wearable/theme/changeable/images/List/tw_list_divider.png new file mode 100644 index 0000000..e304951 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/List/tw_list_divider.png differ diff --git a/lib/tau/wearable/theme/changeable/images/List/tw_list_sub_line_left.png b/lib/tau/wearable/theme/changeable/images/List/tw_list_sub_line_left.png new file mode 100644 index 0000000..abe2fe0 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/List/tw_list_sub_line_left.png differ diff --git a/lib/tau/wearable/theme/changeable/images/List/tw_list_sub_line_right.png b/lib/tau/wearable/theme/changeable/images/List/tw_list_sub_line_right.png new file mode 100644 index 0000000..2983174 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/List/tw_list_sub_line_right.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/b_popup_edge_inner_glow.png b/lib/tau/wearable/theme/changeable/images/Popup/b_popup_edge_inner_glow.png new file mode 100644 index 0000000..ee1f22b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/b_popup_edge_inner_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/b_popup_edge_shadow.png b/lib/tau/wearable/theme/changeable/images/Popup/b_popup_edge_shadow.png new file mode 100644 index 0000000..5590950 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/b_popup_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/toast_check.png b/lib/tau/wearable/theme/changeable/images/Popup/toast_check.png new file mode 100644 index 0000000..564a12c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/toast_check.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_ic_popup_left_btn_bg.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_ic_popup_left_btn_bg.png new file mode 100644 index 0000000..fbe3a9c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_ic_popup_left_btn_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_ic_popup_right_btn_bg.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_ic_popup_right_btn_bg.png new file mode 100644 index 0000000..8d14cf1 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_ic_popup_right_btn_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_popup_bg.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_popup_bg.png new file mode 100644 index 0000000..c1909eb Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_popup_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_popup_bg_cover.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_popup_bg_cover.png new file mode 100644 index 0000000..689082c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_bg.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_bg.png new file mode 100644 index 0000000..25fc62e Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_bg_cover.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_bg_cover.png new file mode 100644 index 0000000..05bd6a3 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_image_bg.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_image_bg.png new file mode 100644 index 0000000..3505b86 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_image_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_outline.png b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_outline.png new file mode 100644 index 0000000..2310862 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Popup/tw_toast_popup_outline.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Processing/processing_bar.png b/lib/tau/wearable/theme/changeable/images/Processing/processing_bar.png new file mode 100644 index 0000000..9b587ca Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Processing/processing_bar.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Processing/processingfull.png b/lib/tau/wearable/theme/changeable/images/Processing/processingfull.png new file mode 100644 index 0000000..09748d3 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Processing/processingfull.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Processing/processingsmall.png b/lib/tau/wearable/theme/changeable/images/Processing/processingsmall.png new file mode 100644 index 0000000..7b286d8 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Processing/processingsmall.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_bottom_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_bottom_edge.png new file mode 100644 index 0000000..7259d14 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_bottom_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_bottom_glow.png new file mode 100644 index 0000000..5b150b0 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_bottom_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_bottom_edge.png new file mode 100644 index 0000000..6162cb0 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_bottom_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_bottom_glow.png new file mode 100644 index 0000000..b7b03b4 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_left_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_left_edge.png new file mode 100644 index 0000000..e65a520 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_left_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_left_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_left_glow.png new file mode 100644 index 0000000..41c7b3b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_left_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_right_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_right_edge.png new file mode 100644 index 0000000..4ac4de3 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_right_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_right_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_right_glow.png new file mode 100644 index 0000000..e71268b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_right_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_top_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_top_edge.png new file mode 100644 index 0000000..0ef6419 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_top_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_top_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_top_glow.png new file mode 100644 index 0000000..62c8584 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_circle_top_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_left_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_left_edge.png new file mode 100644 index 0000000..413fccd Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_left_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_left_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_left_glow.png new file mode 100644 index 0000000..11015e4 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_left_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_right_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_right_edge.png new file mode 100644 index 0000000..e14f69b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_right_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_right_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_right_glow.png new file mode 100644 index 0000000..69ed30b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_right_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_top_edge.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_top_edge.png new file mode 100644 index 0000000..6138e66 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_top_edge.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_top_glow.png b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_top_glow.png new file mode 100644 index 0000000..73b2fc9 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Scroller/bouncing_top_glow.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_add.png b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_add.png new file mode 100644 index 0000000..c013095 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_add.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete.png b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete.png new file mode 100644 index 0000000..29df598 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png new file mode 100644 index 0000000..a6adfe0 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png new file mode 100644 index 0000000..5551c0b Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Slider/b_ic_press_full_circle_bg.png b/lib/tau/wearable/theme/changeable/images/Slider/b_ic_press_full_circle_bg.png new file mode 100644 index 0000000..5b9f7e4 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Slider/b_ic_press_full_circle_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Slider/b_slider_icon_minus.png b/lib/tau/wearable/theme/changeable/images/Slider/b_slider_icon_minus.png new file mode 100644 index 0000000..35affbe Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Slider/b_slider_icon_minus.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Slider/b_slider_icon_plus.png b/lib/tau/wearable/theme/changeable/images/Slider/b_slider_icon_plus.png new file mode 100644 index 0000000..63e81d4 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Slider/b_slider_icon_plus.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png b/lib/tau/wearable/theme/changeable/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png new file mode 100644 index 0000000..5e41e9a Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Swipelist/b_logs_icon_body_btn_call_nor.png b/lib/tau/wearable/theme/changeable/images/Swipelist/b_logs_icon_body_btn_call_nor.png new file mode 100644 index 0000000..8337333 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Swipelist/b_logs_icon_body_btn_call_nor.png differ diff --git a/lib/tau/wearable/theme/changeable/images/TextInput/b_list_edit_field_bg.png b/lib/tau/wearable/theme/changeable/images/TextInput/b_list_edit_field_bg.png new file mode 100644 index 0000000..1c212f9 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/TextInput/b_list_edit_field_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/TimePicker/time_picker_bg.png b/lib/tau/wearable/theme/changeable/images/TimePicker/time_picker_bg.png new file mode 100644 index 0000000..f777470 Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/TimePicker/time_picker_bg.png differ diff --git a/lib/tau/wearable/theme/changeable/images/Title_bar/b_detail_bg_cover.png b/lib/tau/wearable/theme/changeable/images/Title_bar/b_detail_bg_cover.png new file mode 100644 index 0000000..bfa456c Binary files /dev/null and b/lib/tau/wearable/theme/changeable/images/Title_bar/b_detail_bg_cover.png differ diff --git a/lib/tau/wearable/theme/changeable/tau.circle.css b/lib/tau/wearable/theme/changeable/tau.circle.css new file mode 100644 index 0000000..15ed597 --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.circle.css @@ -0,0 +1,4130 @@ +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar / Header +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Footer +***************************************************************************/ +/*************************************************************************** + Toast Popup +***************************************************************************/ +/*************************************************************************** + Small Toast Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Multiline List +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Text Input +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Hyper Link +***************************************************************************/ +/*************************************************************************** + Number Picker +***************************************************************************/ +/*************************************************************************** + Time Picker +***************************************************************************/ +/*************************************************************************** + Date Picker +***************************************************************************/ +/*************************************************************************** + Time/Number/Date Indicator +***************************************************************************/ +/*************************************************************************** + More Options +***************************************************************************/ +/*************************************************************************** + IconButton +***************************************************************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* List(FIXED) */ +/**********************************************************************/ +/************************ +Listview +*************************/ +/*************************************************************************** + Common Style + +***************************************************************************/ +/*************************************************************************** + Development Tip + If you want to implement specific css code of circle device, + you should implement specific code here. + But when you implement code, you should check duplicate value + between common/layout.less and this file. + If you have duplicate value, please change static value to variable value. +***************************************************************************/ +body { + background: rgba(0, 0, 0, 1); + color: rgba(204, 204, 204, 1); +} +.ui-page { + background: rgba(0, 0, 0, 1); +} +.ui-page .ui-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + height: 5.75rem; + line-height: 39px; + background-color: transparent; + text-align: center; + margin-top: 1.4375rem; +} +.ui-page .ui-header.ui-header-medium { + margin-top: 0.75rem; +} +.ui-page .ui-header.ui-header-medium .ui-title { + margin-bottom: 0.875rem; +} +.ui-page .ui-header.ui-header-medium .ui-subtitle { + margin-top: -0.4375rem; +} +.ui-page .ui-header.ui-header-small { + margin-top: 0.125rem; +} +.ui-page .ui-header.ui-header-small .ui-title { + margin-bottom: 0.25rem; +} +.ui-page .ui-header.ui-header-small .ui-subtitle { + margin-top: 0.1875rem; +} +.ui-page .ui-header.ui-header-smaller { + margin-top: 0.125rem; + height: 5.0625rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.ui-page .ui-header .ui-title { + color: rgba(77, 207, 255, 1); + margin: 0.875rem 4rem 1.5625rem; + padding-left: 0; + padding-right: 0; + font-size: 30px; + -webkit-mask-image: none; + mask-image: none; +} +.ui-page .ui-header .ui-title.ui-icon { + background: none !important; + padding-left: 1.5rem; +} +.ui-page .ui-header.ui-header-big { + height: 5.875rem; +} +.ui-page .ui-header.ui-header-big .ui-title { + font-size: 2rem; + margin-top: 1.75rem; + margin-bottom: 1.6875rem; + color: rgba(77, 207, 255, 1); +} +.ui-page .ui-header .ui-subtitle { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: rgba(77, 207, 255, 1); + font-size: 1.5rem; + font-weight: normal; + margin: -1.125rem 2.1875rem 0; + line-height: 2rem; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 1.5rem; + -webkit-mask-image: none; + mask-image: none; +} +.ui-page .ui-header.ui-has-more .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + border: 0 none; + padding: 0; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow { + -webkit-mask-image: none; + mask-image: none; + -webkit-mask-position: initial; + mask-position: initial; + background-color: transparent; + overflow: visible; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled="disabled"] { + -webkit-mask-position: initial; + mask-position: initial; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active { + background-color: transparent; +} +.ui-page .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + background-color: transparent; + overflow: visible; + border: 0 none; + padding: 0; + text-indent: -9999px; +} +.ui-page .ui-more::before { + content: ""; + position: absolute; + width: 12.5rem; + height: 12.5rem; + background-color: rgba(255, 255, 255, 0.13); + border-radius: 50%; + opacity: 0; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + top: 50%; + left: 50%; + margin-top: -6.25rem; + margin-left: -6.25rem; + -webkit-transition: all ease-out 200ms; + transition: all ease-out 200ms; + pointer-events: none; +} +.ui-page .ui-more:active::before { + opacity: 1; + -webkit-transition: transform ease-out 300ms; + -webkit-transition: -webkit-transform ease-out 300ms; + transition: -webkit-transform ease-out 300ms; + transition: transform ease-out 300ms; + transition: transform ease-out 300ms, -webkit-transform ease-out 300ms; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.ui-page .ui-more::after { + content: ""; + position: absolute; + width: 1rem; + height: 2.25rem; + -webkit-mask-box-image-source: url("images/Actionbar/b_more_option.png"); + background-color: rgba(250, 250, 250, 1); + border-radius: 50%; + top: 50%; + right: 0.375rem; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-content { + text-align: center; + font-size: 32px; + line-height: 2.625rem; +} +.ui-page .ui-content.ui-content-padding { + font-stretch: ultra-condensed; + padding-left: 2.0625rem; + padding-right: 2.0625rem; +} +.ui-page .ui-footer.ui-bottom-button { + position: fixed !important; + bottom: 0.375rem; + z-index: 1000; + max-height: 6.25rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 6.25rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: rgba(250, 250, 250, 1); + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 4.5rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(0, 53, 74, 0.9); + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: rgba(250, 250, 250, 1); + background-color: #002f4d; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled { + color: rgba(250, 250, 250, 0.35); + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +/*************************************************************************** + Page Scroll +***************************************************************************/ +.ui-page.ui-scroll-on { + overflow: hidden; + -webkit-overflow-scrolling: auto; + -moz-overflow-scrolling: auto; + -o-overflow-scrolling: auto; + -ms-overflow-scrolling: auto; + overflow-scrolling: auto; +} +.ui-page.ui-scroll-on .ui-content { + margin-top: 7.1875rem; + padding-bottom: 6.25rem; + padding-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-scroller > .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-content ~ .ui-footer:not(.ui-expandable-footer) { + margin-top: -5.3125rem; +} +/* + * Common definition for theme + */ +/*************************************************************** + default font size (base font from WRT) + => small: 13px + => normal: 17px + => large: 20px + +This is only applied to gear2. +so, we set @font_size_default as 17px on gear2 and it was changed to 16px since gear-S. +This value only used for @rem_base, not for html font-size +html font-size is set by WRT base font-size +***************************************************************/ +a { + color: rgba(204, 204, 204, 1); +} +/*************************************************************************** + toggle switch +***************************************************************************/ +.ui-switch-text { + margin-top: 60px; + margin-bottom: 48px; + font-size: 34px; + padding: 0; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + color: T161; +} +.ui-toggleswitch { + width: 76px; + height: 76px; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 76px; + height: 76px; +} +.ui-toggleswitch .ui-switch-input { + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png'); + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-transition: background-color 300ms linear; + transition: background-color 300ms linear; +} +.ui-toggleswitch .ui-switch-input::before { + content: none; +} +.ui-toggleswitch .ui-switch-input:active { + -webkit-transition: background-color 300ms linear; + transition: background-color 300ms linear; + background-color: rgba(250, 250, 250, 0.3); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::after { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-toggleswitch .ui-switch-input:disabled { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button::after { + background-color: rgba(250, 250, 250, 0.2); +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + -webkit-mask-image: url('images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png'); + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png'); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -webkit-transition: -webkit-transform 100ms 0ms linear; + transition: -webkit-transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear; + background-color: rgba(77, 207, 255, 1); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.ui-toggleswitch .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-button::after { + content: ""; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png'); + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png'); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: transform 200ms 100ms linear; + -webkit-transition: -webkit-transform 200ms 100ms linear; + transition: -webkit-transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + background-color: rgba(250, 250, 250, 0.5); + position: absolute; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked { + background-color: rgba(77, 207, 255, 1); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: rgba(77, 207, 255, 1); + -webkit-transition: transform 200ms 100ms linear; + -webkit-transition: -webkit-transform 200ms 100ms linear; + transition: -webkit-transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::after { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -webkit-transition: -webkit-transform 100ms 0ms linear; + transition: -webkit-transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear; +} +.ui-toggleswitch .ui-switch-input:checked:active { + background-color: rgba(54, 145, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: rgba(54, 145, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:disabled { + background-color: rgba(77, 207, 255, 0.3); +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: rgba(77, 207, 255, 0.3); +} +/*************************************************************************** + Popup +***************************************************************************/ +@-webkit-keyframes toastCheck { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 6% { + -webkit-mask-position: -5.125rem 0rem; + mask-position: -5.125rem 0rem; + } + 11% { + -webkit-mask-position: -10.25rem 0rem; + mask-position: -10.25rem 0rem; + } + 17% { + -webkit-mask-position: -15.375rem 0rem; + mask-position: -15.375rem 0rem; + } + 22% { + -webkit-mask-position: 0rem -5.125rem; + mask-position: 0rem -5.125rem; + } + 28% { + -webkit-mask-position: -5.125rem -5.125rem; + mask-position: -5.125rem -5.125rem; + } + 33% { + -webkit-mask-position: -10.25rem -5.125rem; + mask-position: -10.25rem -5.125rem; + } + 39% { + -webkit-mask-position: -15.375rem -5.125rem; + mask-position: -15.375rem -5.125rem; + } + 44% { + -webkit-mask-position: 0rem -10.25rem; + mask-position: 0rem -10.25rem; + } + 50% { + -webkit-mask-position: -5.125rem -10.25rem; + mask-position: -5.125rem -10.25rem; + } + 56% { + -webkit-mask-position: -10.25rem -10.25rem; + mask-position: -10.25rem -10.25rem; + } + 61% { + -webkit-mask-position: -15.375rem -10.25rem; + mask-position: -15.375rem -10.25rem; + } + 67% { + -webkit-mask-position: 0rem -15.375rem; + mask-position: 0rem -15.375rem; + } + 72% { + -webkit-mask-position: -5.125rem -15.375rem; + mask-position: -5.125rem -15.375rem; + } + 78% { + -webkit-mask-position: -10.25rem -15.375rem; + mask-position: -10.25rem -15.375rem; + } + 83% { + -webkit-mask-position: -15.375rem -15.375rem; + mask-position: -15.375rem -15.375rem; + } + 89% { + -webkit-mask-position: 0rem -20.5rem; + mask-position: 0rem -20.5rem; + } + 94% { + -webkit-mask-position: -5.125rem -20.5rem; + mask-position: -5.125rem -20.5rem; + } + 100% { + -webkit-mask-position: -10.25rem -20.5rem; + mask-position: -10.25rem -20.5rem; + } +} +@keyframes toastCheck { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 6% { + -webkit-mask-position: -5.125rem 0rem; + mask-position: -5.125rem 0rem; + } + 11% { + -webkit-mask-position: -10.25rem 0rem; + mask-position: -10.25rem 0rem; + } + 17% { + -webkit-mask-position: -15.375rem 0rem; + mask-position: -15.375rem 0rem; + } + 22% { + -webkit-mask-position: 0rem -5.125rem; + mask-position: 0rem -5.125rem; + } + 28% { + -webkit-mask-position: -5.125rem -5.125rem; + mask-position: -5.125rem -5.125rem; + } + 33% { + -webkit-mask-position: -10.25rem -5.125rem; + mask-position: -10.25rem -5.125rem; + } + 39% { + -webkit-mask-position: -15.375rem -5.125rem; + mask-position: -15.375rem -5.125rem; + } + 44% { + -webkit-mask-position: 0rem -10.25rem; + mask-position: 0rem -10.25rem; + } + 50% { + -webkit-mask-position: -5.125rem -10.25rem; + mask-position: -5.125rem -10.25rem; + } + 56% { + -webkit-mask-position: -10.25rem -10.25rem; + mask-position: -10.25rem -10.25rem; + } + 61% { + -webkit-mask-position: -15.375rem -10.25rem; + mask-position: -15.375rem -10.25rem; + } + 67% { + -webkit-mask-position: 0rem -15.375rem; + mask-position: 0rem -15.375rem; + } + 72% { + -webkit-mask-position: -5.125rem -15.375rem; + mask-position: -5.125rem -15.375rem; + } + 78% { + -webkit-mask-position: -10.25rem -15.375rem; + mask-position: -10.25rem -15.375rem; + } + 83% { + -webkit-mask-position: -15.375rem -15.375rem; + mask-position: -15.375rem -15.375rem; + } + 89% { + -webkit-mask-position: 0rem -20.5rem; + mask-position: 0rem -20.5rem; + } + 94% { + -webkit-mask-position: -5.125rem -20.5rem; + mask-position: -5.125rem -20.5rem; + } + 100% { + -webkit-mask-position: -10.25rem -20.5rem; + mask-position: -10.25rem -20.5rem; + } +} +.ui-popup { + width: 100%; + height: 100%; + overflow: hidden; + border: 0; + border-radius: 50%; + background-color: rgba(0, 0, 0, 1); + /*********************** + Popup Container Scroll + ***********************/ + /**************************************** + Popup Toast + ****************************************/ + /*********************** + Option Popup + ***********************/ +} +.ui-popup ::-webkit-scrollbar { + display: none; +} +.ui-popup .ui-popup-header { + text-align: center; + min-height: 99px; + background-color: transparent; + color: rgba(77, 207, 255, 1); + padding-top: 60px; + padding-right: 61px; + padding-bottom: 0; + padding-left: 61px; +} +.ui-popup .ui-popup-header + .ui-popup-content { + padding-top: 26px; +} +.ui-popup .ui-popup-content { + color: rgba(204, 204, 204, 1); + background-color: transparent; + font-size: 32px; + line-height: 2.625rem; + padding: 3.75rem 1.875rem 0.625rem; + text-align: center; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -1.5625rem -3.4375rem -1rem -3.4375rem; +} +.ui-popup.ui-has-side-buttons .ui-popup-content { + padding-left: 4rem; + padding-right: 4rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn { + top: 33.33%; + position: fixed; + text-indent: -9999px; + padding: 0; + line-height: 2.3125rem; + font-size: 1.75rem; + font-weight: bold; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + color: rgba(250, 250, 250, 1); + margin: 0.5rem 0; + height: 6.25rem; + width: 3.75rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + content: ""; + width: 50px; + height: 50px; + position: absolute; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(0, 53, 74, 0.9); + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active { + color: rgba(250, 250, 250, 1); + background-color: #002f4d; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled { + color: rgba(250, 250, 250, 0.35); + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1) { + left: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2) { + right: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button { + position: fixed; + bottom: 0; + z-index: 1000; + max-height: 6.25rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 6.25rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: rgba(250, 250, 250, 1); + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 3.75rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(0, 53, 74, 0.9); + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: rgba(250, 250, 250, 1); + background-color: #002f4d; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled { + color: rgba(250, 250, 250, 0.35); + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup-more-options { + background-color: transparent; +} +.ui-popup-more-options .ui-selector { + background-color: rgba(0, 0, 0, 0.95); +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-text { + color: rgba(250, 250, 250, 1); +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext { + color: rgba(77, 207, 255, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before { + background-color: rgba(8, 8, 8, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active { + background-color: rgba(22, 165, 217, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before { + background-color: rgba(22, 165, 217, 1); +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after { + content: ""; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + background-color: rgba(77, 207, 255, 0); + -webkit-mask-image: url(images/Popup/b_popup_edge_inner_glow.png); + mask-image: url(images/Popup/b_popup_edge_inner_glow.png); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + margin-top: 4.75rem; + margin-bottom: 4.75rem; + padding-top: 0; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header + .ui-popup-content { + margin-top: 0; + padding-top: 8px; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer { + margin-top: -4.75rem; +} +.ui-popup.ui-popup-toast { + min-height: 100%; + background-color: rgba(0, 0, 0, 1); + background-image: none; + border: none; + margin: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + /**************************************** + Popup Toast Small + ****************************************/ +} +.ui-popup.ui-popup-toast.ui-popup-active, +.ui-popup.ui-popup-toast.in, +.ui-popup.ui-popup-toast.ui-build { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper { + width: 100%; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content { + padding: 0 1.875rem; + height: auto; + background-color: transparent; + color: rgba(250, 250, 250, 1); + font-size: 28px; + text-align: center; + line-height: 37px; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + font-size: 32px; + line-height: 42px; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 5.125rem; + height: 5.125rem; + margin-bottom: 1rem; +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon { + -webkit-mask-image: url("images/Popup/toast_check.png"); + mask-image: url("images/Popup/toast_check.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-name: toastCheck; + animation-name: toastCheck; + -webkit-animation-duration: 300ms; + animation-duration: 300ms; + -webkit-animation-delay: 300ms; + animation-delay: 300ms; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(230, 230, 230, 1); +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after { + content: none; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small { + height: 10rem; + min-height: 5.375rem; + width: 10rem; + position: fixed; + margin-bottom: 0.3125rem; + background-color: rgba(48, 48, 48, 0.95); + border: solid 0.0625rem rgba(38, 38, 38, 0.95); + border-radius: 50%; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content { + padding: 0 1.1875rem; + max-height: 6rem; + color: rgba(255, 255, 255, 1); + font-size: 1.5rem; + line-height: 2rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon { + -webkit-transform: translateX(-50%) scale(0.6097561); + -ms-transform: translateX(-50%) scale(0.6097561); + transform: translateX(-50%) scale(0.6097561); + margin: -1rem 0; + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only { + width: 5.375rem; + height: 5.375rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + padding-bottom: 0.375rem; +} +.ui-popup.ui-ctxpopup { + height: auto; +} +/*************************************************************************** + listview +***************************************************************************/ +.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item) { + margin-top: 3.125rem; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content .ui-listview { + margin-top: 0; +} +.ui-page .ui-scroller.ui-snap-container .ui-header { + margin: 0; + height: 7.1875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview { + margin-top: 0.6875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-content { + padding-bottom: 7.875rem; +} +.ui-listview.ui-arc-listview { + padding-bottom: 0; +} +.ui-listview li { + font-size: 2.25rem; + font-weight: 500; + min-height: 6.75rem; + max-height: 22.5rem; + padding: 0 1.875rem; + border: 0 none; + border-bottom: 0 solid transparent; + border-image: -webkit-linear-gradient(bottom, transparent, #245B85, transparent) 1; + border-image: linear-gradient(0deg, transparent, #245B85, transparent) 1; + color: rgba(250, 250, 250, 1); + text-align: center; + line-height: 2.9375rem; + box-sizing: content-box; + -webkit-transition-property: max-height; + transition-property: max-height; + -webkit-transition-duration: 1ms; + transition-duration: 1ms; +} +.ui-listview li.ui-listview-divider, +.ui-listview li.ui-li-group-index { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: transparent; + color: rgba(199, 199, 199, 1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0; +} +.ui-listview li.ui-listview-divider::before, +.ui-listview li.ui-li-group-index::before { + content: ""; + height: 100%; + width: auto; + -webkit-mask-image: url("images/List/tw_list_sub_line_left.png"); + mask-image: url("images/List/tw_list_sub_line_left.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: -0.75rem 50%; + -moz-mask-position: -0.75rem 50%; + -ms-mask-position: -0.75rem 50%; + -o-mask-position: -0.75rem 50%; + mask-position: -0.75rem 50%; + background: rgba(255, 255, 255, 0.2); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-listview li.ui-listview-divider::after, +.ui-listview li.ui-li-group-index::after { + content: ""; + height: 100%; + width: auto; + -webkit-mask-image: url("images/List/tw_list_sub_line_right.png"); + mask-image: url("images/List/tw_list_sub_line_right.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: 0.75rem 50%; + -moz-mask-position: 0.75rem 50%; + -ms-mask-position: 0.75rem 50%; + -o-mask-position: 0.75rem 50%; + mask-position: 0.75rem 50%; + background: rgba(255, 255, 255, 0.2); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-listview li.ui-li-btn { + padding: 0; +} +.ui-listview li.ui-li-btn .ui-btn { + padding: 2.625rem 2.5rem; + margin: 0; + line-height: inherit; +} +.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn { + padding: 1.75rem 1.25rem; +} +.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn { + padding: 1.75rem 1.875rem; + height: 100%; + text-indent: -9999px; +} +.ui-listview li > * { + color: rgba(250, 250, 250, 1); +} +.ui-listview li > a:first-child:last-child, +.ui-listview li button:first-child:last-child { + padding: 0; + margin: 0; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub { + padding-top: 0.5625rem; + padding-bottom: 0.5rem; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub { + padding-top: 0.0625rem; + padding-bottom: 0.25rem; +} +.ui-listview li:last-child { + border: 0; +} +.ui-listview li.li-divider { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: rgba(255, 255, 255, 0.2); + color: rgba(199, 199, 199, 1); + padding: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + background-color: rgba(204, 204, 204, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: B041P; + color: rgba(250, 250, 250, 1); +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active { + background-color: transparent; + color: rgba(250, 250, 250, 1); +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(250, 250, 250, 0.65); + pointer-events: none; +} +.ui-listview.ui-snap-listview li, +.ui-listview.ui-arc-listview-carousel-item li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a, +.ui-listview.ui-arc-listview-carousel-item li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a > span, +.ui-listview.ui-arc-listview-carousel-item li a > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.ui-listview.ui-snap-listview li.ui-li-grid, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div { + text-align: inherit; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after { + opacity: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *.ui-btn-icon { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn { + padding: 0; + margin: 0 1.125rem 0 0; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + border-radius: 50%; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle { + border-radius: 50%; + width: 5.5rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active { + -webkit-animation: btn-circle-opacity-press linear 567ms; + animation: btn-circle-opacity-press linear 567ms; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child { + margin-right: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child:first-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child:first-child { + margin-right: 1.25rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn-description, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn-description { + -webkit-transform: none; + -ms-transform: none; + transform: none; + margin: 0; + width: auto; +} +.ui-listview.ui-snap-listview li .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text { + color: rgba(179, 179, 179, 1); + font-size: 1.5rem; + display: block; + -webkit-transition-property: opacity, line-height; + transition-property: opacity, line-height; + -webkit-transition-timing-function: ease-in-out, ease-in-out; + transition-timing-function: ease-in-out, ease-in-out; + -webkit-transition-duration: 100ms, 200ms; + transition-duration: 100ms, 200ms; + opacity: 0; + line-height: 0.01px; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected { + line-height: 2.9375rem; + max-height: 45rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text { + opacity: 1; + line-height: 2rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 18.75rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child) { + padding-top: 0.125rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active { + color: rgba(250, 250, 250, 1); +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before { + background-color: rgba(250, 250, 250, 0.65); +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active { + background-color: B041P; + color: rgba(250, 250, 250, 1); +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + background-color: rgba(250, 250, 250, 0.5); + border-radius: 20vw; + pointer-events: none; +} +.ui-listview.ui-snap-listview li li, +.ui-listview.ui-arc-listview-carousel-item li li { + border: none; +} +.ui-listview.ui-snap-listview li li.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before { + background-color: transparent; +} +.ui-listview.ui-arc-listview-carousel-item-separator { + height: auto; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li { + padding: 1.5625rem 1.875rem 1.625rem; + min-height: auto; + color: rgba(250, 250, 250, 1); + overflow: hidden; + line-height: 3rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before { + display: block; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + content: ""; + width: 100%; + height: 0.0625rem; + background-color: white; + -webkit-mask-box-image: url("images/List/tw_list_divider.png") 0 128 0 128 repeat repeat; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a { + color: rgba(250, 250, 250, 0.4); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text { + white-space: normal; + color: rgba(204, 204, 204, 1); + padding-top: 0.5625rem; + padding-bottom: 0.625rem; + font-size: 1.9375rem; + line-height: 2.3125rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active { + color: rgba(204, 204, 204, 0.4); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline { + padding-top: 0.5625rem; + padding-bottom: 0.625rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text { + color: rgba(179, 179, 179, 1); + font-size: 1.5rem; + line-height: 2rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text { + color: T9262P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left { + padding-left: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right { + padding-right: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img { + background-color: unset; + position: absolute; + top: -webkit-calc(49.5%); + top: calc(49.5%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left { + left: 1rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right { + right: 1rem; +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + height: 76px; + width: 76px; +} +input[type="checkbox"]:not(.ui-switch-input) { + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input)::before { + content: ""; + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + height: 100%; + width: 100%; + opacity: 0; + position: absolute; + -webkit-transition: all 300ms ease-in; + transition: all 300ms ease-in; +} +input[type="checkbox"]:not(.ui-switch-input)::after { + -webkit-mask-image: url('images/Controller_icon/Check/tw_btn_check_holo_dark.png'); + mask-image: url('images/Controller_icon/Check/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: center bottom; + mask-position: center bottom; + height: 0; + -webkit-transition-property: height; + transition-property: height; + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + bottom: 0; + -webkit-mask-size: 100%; + mask-size: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + -webkit-animation: checkon 300ms ease-out; + animation: checkon 300ms ease-out; + -webkit-transition: none; + transition: none; + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + opacity: 1; +} +input[type="checkbox"]:not(.ui-switch-input):checked::after { + background-color: rgba(77, 207, 255, 1); + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + height: 0; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::after { + background-color: rgba(77, 207, 255, 1); + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background: radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::before { + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::after { + background-color: rgba(77, 207, 255, 0.3); + height: 100%; +} +@-webkit-keyframes checkon { + from { + opacity: .5; + } + 100% { + opacity: 1; + } +} +@keyframes checkon { + from { + opacity: .5; + } + 100% { + opacity: 1; + } +} +input[type="radio"] { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%, transparent); + -webkit-mask-image: none; + mask-image: none; +} +input[type="radio"]::after { + content: ""; + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: rgba(255, 255, 255, 0.2); +} +input[type="radio"]::before { + content: ""; + background-color: rgba(77, 207, 255, 1); + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + position: absolute; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform 300ms; + transition: -webkit-transform 300ms; + transition: transform 300ms; + transition: transform 300ms, -webkit-transform 300ms; +} +input[type="radio"]:checked { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%, transparent); +} +input[type="radio"]:checked::before { + background-color: rgba(77, 207, 255, 1); + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + z-index: 1; +} +input[type="radio"]:active { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.4) 63%, rgba(255, 255, 255, 0.4) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.4) 63%, rgba(255, 255, 255, 0.4) 68%, transparent 72%, transparent); + -webkit-mask-image: none; + mask-image: none; +} +input[type="radio"]:active::after { + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: rgba(250, 250, 250, 0.15); +} +input[type="radio"]:active:checked { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(54, 145, 179, 1) 63%, rgba(54, 145, 179, 1) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(54, 145, 179, 1) 63%, rgba(54, 145, 179, 1) 68%, transparent 72%, transparent); +} +input[type="radio"]:active:checked::before { + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: rgba(54, 145, 179, 1); +} +input[type="radio"]:active:checked::after { + content: none; +} +input[type="radio"]:disabled { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%, transparent); + -webkit-mask-image: none; + mask-image: none; +} +input[type="radio"]:disabled::before { + -webkit-transition: none; + transition: none; +} +input[type="radio"]:disabled::after { + background-color: rgba(250, 250, 250, 0.1); +} +input[type="radio"]:disabled:checked { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%, transparent); +} +input[type="radio"]:disabled:checked::before { + background-color: rgba(77, 207, 255, 0.3); + -webkit-transition: none; + transition: none; +} +input[type="radio"]:disabled:checked::after { + content: none; +} +/*************************************************************************** + button +***************************************************************************/ +.ui-btn { + color: rgba(250, 250, 250, 1); + background-color: transparent; + height: auto; +} +.ui-btn.ui-btn-icon-only::before { + -webkit-mask-size: 3.125rem 3.125rem; + mask-size: 3.125rem 3.125rem; + width: 3.125rem; + height: 3.125rem; +} +.ui-default { + color: rgba(250, 250, 250, 1); + background-color: transparent; +} +.ui-color-red { + color: rgba(250, 250, 250, 1); + background-color: W012; +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: W012; +} +.ui-color-red:enabled:focus { + background-color: W012; +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: rgba(250, 250, 250, 1); + background-color: W012; +} +.ui-color-orange { + color: rgba(250, 250, 250, 1); + background-color: W013; +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: W013; +} +.ui-color-orange:enabled:focus { + background-color: W013; +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: rgba(250, 250, 250, 1); + background-color: W013; +} +.ui-color-green { + color: rgba(250, 250, 250, 1); + background-color: W014; +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: W014; +} +.ui-color-green:enabled:focus { + background-color: W014; +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: rgba(250, 250, 250, 1); + background-color: W014; +} +.ui-color-blue { + color: rgba(250, 250, 250, 1); + background-color: rgba(1, 59, 74, 1); +} +a.ui-color-blue:active:hover, +.ui-color-blue:enabled:active:hover { + background-color: rgba(1, 59, 74, 1); +} +.ui-color-blue:enabled:focus { + background-color: rgba(1, 59, 74, 1); +} +a.ui-color-blue.ui-state-disabled, +.ui-color-blue:disabled { + color: rgba(250, 250, 250, 1); + background-color: rgba(1, 59, 74, 1); +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +/*************************************************************************** + circle progress bar +***************************************************************************/ +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left { + border: 0.5rem solid rgba(77, 207, 255, 1); +} +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right { + border: 0.5rem solid rgba(77, 207, 255, 1); +} +.ui-progressbar .ui-progressbar-bg { + border: 0.5rem solid rgba(0, 67, 115, 1); +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left, +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right { + border: 0.25rem solid rgba(77, 207, 255, 1); +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-bg { + border: 0.25rem solid rgba(0, 67, 115, 1); +} +.ui-progressbar-end-point { + position: absolute; + z-index: 1000; + width: 20px; + height: 20px; + background: #37a1ed; + border-radius: 50%; + left: 180px; + top: 180px; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + display: none; +} +.ui-progressbar-end-point::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: rgba(55, 161, 237, 0.5); + left: 0; + right: 0; + border-radius: 50%; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-duration: .25s; + transition-duration: .25s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ui-progressbar-end-point-active { + display: block; +} +.ui-progressbar-end-point-pressed::after { + content: ""; + -webkit-transform: scale(2); + -ms-transform: scale(2); + transform: scale(2); +} +/*************************************************************************** + circular index scroll bar +***************************************************************************/ +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + background-color: rgba(69, 68, 68, 0.9); +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + color: rgba(77, 207, 255, 1); +} +.ui-indexscrollbar { + display: none; +} +/*************************************************************************** + drawer +***************************************************************************/ +.ui-drawer { + background-color: rgba(0, 0, 0, 0.85); + border-radius: 50%; +} +.ui-drawer-overlay { + background-color: rgba(0, 0, 0, 0.85); +} +/*************************************************************************** + progress +***************************************************************************/ +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 25% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 50% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 75% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 100% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } +} +progress { + color: rgba(204, 204, 204, 1); +} +progress::-webkit-progress-bar { + background-color: rgba(0, 67, 115, 1); +} +progress::-webkit-progress-value { + background-color: rgba(77, 207, 255, 1); +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: rgba(77, 207, 255, 1); +} +/*********************** +Processing +***********************/ +@-webkit-keyframes fullprocess { + 0% { + -webkit-mask-position: 0vw 0vw; + mask-position: 0vw 0vw; + } + 2% { + -webkit-mask-position: -100vw 0vw; + mask-position: -100vw 0vw; + } + 3% { + -webkit-mask-position: -200vw 0vw; + mask-position: -200vw 0vw; + } + 5% { + -webkit-mask-position: -300vw 0vw; + mask-position: -300vw 0vw; + } + 7% { + -webkit-mask-position: -400vw 0vw; + mask-position: -400vw 0vw; + } + 8% { + -webkit-mask-position: -500vw 0vw; + mask-position: -500vw 0vw; + } + 10% { + -webkit-mask-position: -600vw 0vw; + mask-position: -600vw 0vw; + } + 12% { + -webkit-mask-position: 0vw -100vw; + mask-position: 0vw -100vw; + } + 14% { + -webkit-mask-position: -100vw -100vw; + mask-position: -100vw -100vw; + } + 15% { + -webkit-mask-position: -200vw -100vw; + mask-position: -200vw -100vw; + } + 17% { + -webkit-mask-position: -300vw -100vw; + mask-position: -300vw -100vw; + } + 19% { + -webkit-mask-position: -400vw -100vw; + mask-position: -400vw -100vw; + } + 20% { + -webkit-mask-position: -500vw -100vw; + mask-position: -500vw -100vw; + } + 22% { + -webkit-mask-position: -600vw -100vw; + mask-position: -600vw -100vw; + } + 24% { + -webkit-mask-position: 0vw -200vw; + mask-position: 0vw -200vw; + } + 25% { + -webkit-mask-position: -100vw -200vw; + mask-position: -100vw -200vw; + } + 27% { + -webkit-mask-position: -200vw -200vw; + mask-position: -200vw -200vw; + } + 29% { + -webkit-mask-position: -300vw -200vw; + mask-position: -300vw -200vw; + } + 31% { + -webkit-mask-position: -400vw -200vw; + mask-position: -400vw -200vw; + } + 32% { + -webkit-mask-position: -500vw -200vw; + mask-position: -500vw -200vw; + } + 34% { + -webkit-mask-position: -600vw -200vw; + mask-position: -600vw -200vw; + } + 36% { + -webkit-mask-position: 0vw -300vw; + mask-position: 0vw -300vw; + } + 37% { + -webkit-mask-position: -100vw -300vw; + mask-position: -100vw -300vw; + } + 39% { + -webkit-mask-position: -200vw -300vw; + mask-position: -200vw -300vw; + } + 41% { + -webkit-mask-position: -300vw -300vw; + mask-position: -300vw -300vw; + } + 42% { + -webkit-mask-position: -400vw -300vw; + mask-position: -400vw -300vw; + } + 44% { + -webkit-mask-position: -500vw -300vw; + mask-position: -500vw -300vw; + } + 46% { + -webkit-mask-position: -600vw -300vw; + mask-position: -600vw -300vw; + } + 47% { + -webkit-mask-position: 0vw -400vw; + mask-position: 0vw -400vw; + } + 49% { + -webkit-mask-position: -100vw -400vw; + mask-position: -100vw -400vw; + } + 51% { + -webkit-mask-position: -200vw -400vw; + mask-position: -200vw -400vw; + } + 53% { + -webkit-mask-position: -300vw -400vw; + mask-position: -300vw -400vw; + } + 54% { + -webkit-mask-position: -400vw -400vw; + mask-position: -400vw -400vw; + } + 56% { + -webkit-mask-position: -500vw -400vw; + mask-position: -500vw -400vw; + } + 58% { + -webkit-mask-position: -600vw -400vw; + mask-position: -600vw -400vw; + } + 59% { + -webkit-mask-position: 0vw -500vw; + mask-position: 0vw -500vw; + } + 61% { + -webkit-mask-position: -100vw -500vw; + mask-position: -100vw -500vw; + } + 63% { + -webkit-mask-position: -200vw -500vw; + mask-position: -200vw -500vw; + } + 64% { + -webkit-mask-position: -300vw -500vw; + mask-position: -300vw -500vw; + } + 66% { + -webkit-mask-position: -400vw -500vw; + mask-position: -400vw -500vw; + } + 68% { + -webkit-mask-position: -500vw -500vw; + mask-position: -500vw -500vw; + } + 69% { + -webkit-mask-position: -600vw -500vw; + mask-position: -600vw -500vw; + } + 71% { + -webkit-mask-position: 0vw -600vw; + mask-position: 0vw -600vw; + } + 73% { + -webkit-mask-position: -100vw -600vw; + mask-position: -100vw -600vw; + } + 75% { + -webkit-mask-position: -200vw -600vw; + mask-position: -200vw -600vw; + } + 76% { + -webkit-mask-position: -300vw -600vw; + mask-position: -300vw -600vw; + } + 78% { + -webkit-mask-position: -400vw -600vw; + mask-position: -400vw -600vw; + } + 80% { + -webkit-mask-position: -500vw -600vw; + mask-position: -500vw -600vw; + } + 81% { + -webkit-mask-position: -600vw -600vw; + mask-position: -600vw -600vw; + } + 83% { + -webkit-mask-position: 0vw -700vw; + mask-position: 0vw -700vw; + } + 85% { + -webkit-mask-position: -100vw -700vw; + mask-position: -100vw -700vw; + } + 86% { + -webkit-mask-position: -200vw -700vw; + mask-position: -200vw -700vw; + } + 88% { + -webkit-mask-position: -300vw -700vw; + mask-position: -300vw -700vw; + } + 90% { + -webkit-mask-position: -400vw -700vw; + mask-position: -400vw -700vw; + } + 92% { + -webkit-mask-position: -500vw -700vw; + mask-position: -500vw -700vw; + } + 93% { + -webkit-mask-position: -600vw -700vw; + mask-position: -600vw -700vw; + } + 95% { + -webkit-mask-position: 0vw -800vw; + mask-position: 0vw -800vw; + } + 97% { + -webkit-mask-position: -100vw -800vw; + mask-position: -100vw -800vw; + } + 98% { + -webkit-mask-position: -200vw -800vw; + mask-position: -200vw -800vw; + } + 100% { + -webkit-mask-position: -300vw -800vw; + mask-position: -300vw -800vw; + } +} +@keyframes fullprocess { + 0% { + -webkit-mask-position: 0vw 0vw; + mask-position: 0vw 0vw; + } + 2% { + -webkit-mask-position: -100vw 0vw; + mask-position: -100vw 0vw; + } + 3% { + -webkit-mask-position: -200vw 0vw; + mask-position: -200vw 0vw; + } + 5% { + -webkit-mask-position: -300vw 0vw; + mask-position: -300vw 0vw; + } + 7% { + -webkit-mask-position: -400vw 0vw; + mask-position: -400vw 0vw; + } + 8% { + -webkit-mask-position: -500vw 0vw; + mask-position: -500vw 0vw; + } + 10% { + -webkit-mask-position: -600vw 0vw; + mask-position: -600vw 0vw; + } + 12% { + -webkit-mask-position: 0vw -100vw; + mask-position: 0vw -100vw; + } + 14% { + -webkit-mask-position: -100vw -100vw; + mask-position: -100vw -100vw; + } + 15% { + -webkit-mask-position: -200vw -100vw; + mask-position: -200vw -100vw; + } + 17% { + -webkit-mask-position: -300vw -100vw; + mask-position: -300vw -100vw; + } + 19% { + -webkit-mask-position: -400vw -100vw; + mask-position: -400vw -100vw; + } + 20% { + -webkit-mask-position: -500vw -100vw; + mask-position: -500vw -100vw; + } + 22% { + -webkit-mask-position: -600vw -100vw; + mask-position: -600vw -100vw; + } + 24% { + -webkit-mask-position: 0vw -200vw; + mask-position: 0vw -200vw; + } + 25% { + -webkit-mask-position: -100vw -200vw; + mask-position: -100vw -200vw; + } + 27% { + -webkit-mask-position: -200vw -200vw; + mask-position: -200vw -200vw; + } + 29% { + -webkit-mask-position: -300vw -200vw; + mask-position: -300vw -200vw; + } + 31% { + -webkit-mask-position: -400vw -200vw; + mask-position: -400vw -200vw; + } + 32% { + -webkit-mask-position: -500vw -200vw; + mask-position: -500vw -200vw; + } + 34% { + -webkit-mask-position: -600vw -200vw; + mask-position: -600vw -200vw; + } + 36% { + -webkit-mask-position: 0vw -300vw; + mask-position: 0vw -300vw; + } + 37% { + -webkit-mask-position: -100vw -300vw; + mask-position: -100vw -300vw; + } + 39% { + -webkit-mask-position: -200vw -300vw; + mask-position: -200vw -300vw; + } + 41% { + -webkit-mask-position: -300vw -300vw; + mask-position: -300vw -300vw; + } + 42% { + -webkit-mask-position: -400vw -300vw; + mask-position: -400vw -300vw; + } + 44% { + -webkit-mask-position: -500vw -300vw; + mask-position: -500vw -300vw; + } + 46% { + -webkit-mask-position: -600vw -300vw; + mask-position: -600vw -300vw; + } + 47% { + -webkit-mask-position: 0vw -400vw; + mask-position: 0vw -400vw; + } + 49% { + -webkit-mask-position: -100vw -400vw; + mask-position: -100vw -400vw; + } + 51% { + -webkit-mask-position: -200vw -400vw; + mask-position: -200vw -400vw; + } + 53% { + -webkit-mask-position: -300vw -400vw; + mask-position: -300vw -400vw; + } + 54% { + -webkit-mask-position: -400vw -400vw; + mask-position: -400vw -400vw; + } + 56% { + -webkit-mask-position: -500vw -400vw; + mask-position: -500vw -400vw; + } + 58% { + -webkit-mask-position: -600vw -400vw; + mask-position: -600vw -400vw; + } + 59% { + -webkit-mask-position: 0vw -500vw; + mask-position: 0vw -500vw; + } + 61% { + -webkit-mask-position: -100vw -500vw; + mask-position: -100vw -500vw; + } + 63% { + -webkit-mask-position: -200vw -500vw; + mask-position: -200vw -500vw; + } + 64% { + -webkit-mask-position: -300vw -500vw; + mask-position: -300vw -500vw; + } + 66% { + -webkit-mask-position: -400vw -500vw; + mask-position: -400vw -500vw; + } + 68% { + -webkit-mask-position: -500vw -500vw; + mask-position: -500vw -500vw; + } + 69% { + -webkit-mask-position: -600vw -500vw; + mask-position: -600vw -500vw; + } + 71% { + -webkit-mask-position: 0vw -600vw; + mask-position: 0vw -600vw; + } + 73% { + -webkit-mask-position: -100vw -600vw; + mask-position: -100vw -600vw; + } + 75% { + -webkit-mask-position: -200vw -600vw; + mask-position: -200vw -600vw; + } + 76% { + -webkit-mask-position: -300vw -600vw; + mask-position: -300vw -600vw; + } + 78% { + -webkit-mask-position: -400vw -600vw; + mask-position: -400vw -600vw; + } + 80% { + -webkit-mask-position: -500vw -600vw; + mask-position: -500vw -600vw; + } + 81% { + -webkit-mask-position: -600vw -600vw; + mask-position: -600vw -600vw; + } + 83% { + -webkit-mask-position: 0vw -700vw; + mask-position: 0vw -700vw; + } + 85% { + -webkit-mask-position: -100vw -700vw; + mask-position: -100vw -700vw; + } + 86% { + -webkit-mask-position: -200vw -700vw; + mask-position: -200vw -700vw; + } + 88% { + -webkit-mask-position: -300vw -700vw; + mask-position: -300vw -700vw; + } + 90% { + -webkit-mask-position: -400vw -700vw; + mask-position: -400vw -700vw; + } + 92% { + -webkit-mask-position: -500vw -700vw; + mask-position: -500vw -700vw; + } + 93% { + -webkit-mask-position: -600vw -700vw; + mask-position: -600vw -700vw; + } + 95% { + -webkit-mask-position: 0vw -800vw; + mask-position: 0vw -800vw; + } + 97% { + -webkit-mask-position: -100vw -800vw; + mask-position: -100vw -800vw; + } + 98% { + -webkit-mask-position: -200vw -800vw; + mask-position: -200vw -800vw; + } + 100% { + -webkit-mask-position: -300vw -800vw; + mask-position: -300vw -800vw; + } +} +.ui-page-active .ui-processing { + opacity: 1; +} +.ui-processing { + opacity: 0; + background-color: rgba(77, 207, 255, 1); + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.ui-processing.ui-processing-alternate { + background-color: rgba(250, 250, 250, 1); +} +.ui-processing.ui-processing-on-center { + position: fixed; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.ui-processing.ui-processing-full-size { + -webkit-mask-image: url("images/Processing/processingfull.png"); + mask-image: url("images/Processing/processingfull.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-name: fullprocess; + animation-name: fullprocess; + pointer-events: none; + position: fixed; + width: 100vw; + height: 100vw; + top: 0; + left: 0; + margin: 0; +} +/** widget interactions **/ +.ui-listview li .ui-processing { + position: absolute; + right: 2rem; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-scrollbar-bouncing-effect { + -webkit-animation-duration: .7s; + animation-duration: .7s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + background-color: rgba(77, 207, 255, 0.2); +} +.ui-scrollbar-bouncing-effect::before { + -webkit-animation-duration: .7s; + animation-duration: .7s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(77, 207, 255, 0); +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 5.5rem; + left: 0; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 5.5rem; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 5.5rem; + height: 100%; + top: 0; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 5.5rem; + height: 100%; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_top_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_top_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_bottom_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_bottom_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_left_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_left_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_right_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_right_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_right_edge.png"); +} +@-webkit-keyframes -ui-bouncing-show-additional { + 0% { + opacity: 0; + } + 42% { + opacity: 0; + } + 100% { + opacity: .7; + } +} +@keyframes -ui-bouncing-show-additional { + 0% { + opacity: 0; + } + 42% { + opacity: 0; + } + 100% { + opacity: .7; + } +} +@-webkit-keyframes ui-bouncing-show-top { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-top { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-show-left { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-left { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-show-right { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-right { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-show-bottom { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-bottom { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes -ui-bouncing-hide-additional { + 0% { + opacity: .7; + } + 42% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes -ui-bouncing-hide-additional { + 0% { + opacity: .7; + } + 42% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes ui-bouncing-hide-left { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-left { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-hide-right { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-right { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-hide-bottom { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes ui-bouncing-hide-bottom { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@-webkit-keyframes ui-bouncing-hide-top { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes ui-bouncing-hide-top { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-left { + -webkit-animation-name: ui-bouncing-show-left; + animation-name: ui-bouncing-show-left; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-right { + -webkit-animation-name: ui-bouncing-show-right; + animation-name: ui-bouncing-show-right; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-bottom { + -webkit-animation-name: ui-bouncing-show-bottom; + animation-name: ui-bouncing-show-bottom; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-top { + -webkit-animation-name: ui-bouncing-show-top; + animation-name: ui-bouncing-show-top; +} +.ui-scrollbar-bouncing-effect.ui-show::before { + -webkit-animation-name: -ui-bouncing-show-additional; + animation-name: -ui-bouncing-show-additional; +} +.ui-scrollbar-bouncing-effect.ui-hide { + -webkit-animation-duration: .3s; + animation-duration: .3s; + display: block; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-left { + -webkit-animation-name: ui-bouncing-hide-left; + animation-name: ui-bouncing-hide-left; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-right { + -webkit-animation-name: ui-bouncing-hide-right; + animation-name: ui-bouncing-hide-right; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom { + -webkit-animation-name: ui-bouncing-hide-bottom; + animation-name: ui-bouncing-hide-bottom; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-top { + -webkit-animation-name: ui-bouncing-hide-top; + animation-name: ui-bouncing-hide-top; +} +.ui-scrollbar-bouncing-effect.ui-hide::before { + -webkit-animation-duration: .3s; + animation-duration: .3s; + -webkit-animation-name: -ui-bouncing-hide-additional; + animation-name: -ui-bouncing-hide-additional; +} +.is-circle-test { + width: 1px; +} +.ui-selector { + background-color: rgba(0, 0, 0, 1); +} +.ui-selector .ui-item { + background-color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-selector .ui-item.ui-item-active:active { + background-color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-layer.ui-layer-prev, +.ui-selector .ui-layer.ui-layer-next { + background-color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-layer.ui-layer-prev:active, +.ui-selector .ui-layer.ui-layer-next:active { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-selector .ui-selector-indicator { + font-size: 1.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + color: rgba(77, 207, 255, 1); +} +.ui-selector .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background-color: rgba(77, 207, 255, 0.4); +} +.ui-selector .ui-selector-indicator-active + .ui-selector-indicator-arrow::before { + background-color: rgba(77, 207, 255, 0.4); +} +.ui-selector .ui-selector-indicator-arrow::before { + background-color: rgba(77, 207, 255, 1); +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev) { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator > :not(.ui-selector-indicator-text) { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder { + box-sizing: border-box; + border: 0.0625rem solid rgba(250, 250, 250, 0.5); + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after { + display: none; +} +@-webkit-keyframes dragItem { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(1.21428571); + transform: scale(1.21428571); + opacity: 0.7; + } +} +@keyframes dragItem { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(1.21428571); + transform: scale(1.21428571); + opacity: 0.7; + } +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved { + position: fixed; + width: 3.5rem; + height: 3.5rem; + z-index: 101; + visibility: visible; + opacity: 0.7; + -webkit-transform: scale(1.21428571); + -ms-transform: scale(1.21428571); + transform: scale(1.21428571); + pointer-events: none; + margin: -1.75rem; + -webkit-animation: 333ms dragItem; + animation: 333ms dragItem; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end { + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + position: absolute; + width: 1.875rem; + height: 1.875rem; + top: -0.125rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg { + background-color: rgba(250, 250, 250, 0.5); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after { + background-color: rgba(184, 46, 46, 0.5); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before { + background-color: rgba(0, 0, 0, 0.35); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + background-color: rgba(184, 46, 46, 1); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + right: -0.1875rem; + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left { + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + left: -0.1875rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item { + opacity: 0; + -webkit-transition: opacity 200ms; + transition: opacity 200ms; +} +.ui-selector.ui-selector-edit-mode .ui-item-plus { + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_add.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_add.png"); + -webkit-mask-size: 100%; + mask-size: 100%; +} +/* ------------------------- Selector List for bezelless watches ------------------------- */ +.ui-bezelless-selector .ui-more { + z-index: 1; +} +.ui-bezelless-selector .ui-listview li img { + width: 3.125rem; + height: 3.125rem; +} +.ui-bezelless-selector .thumb-container { + display: inline-block; + width: 3.125rem; + height: 3.125rem; + position: absolute; + left: 2.5rem; + background: white; + border-radius: 6.25rem; +} +.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 3.125rem; +} +.ui-slider-container { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-slider-container .ui-slider-icon { + width: 9.375rem; + height: 9.375rem; + margin: 0 auto; +} +.ui-slider-container .ui-slider-titles { + height: 4.625rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-slider-container .ui-slider-titles .ui-slider-title { + color: rgba(250, 250, 250, 1); + font-size: 1.875rem; + line-height: 1.875rem; + margin-top: 0.4375rem; +} +.ui-slider-container .ui-slider-titles .ui-slider-subtitle { + color: rgba(77, 207, 255, 1); + font-size: 1.8125rem; + line-height: 1.875rem; +} +.ui-slider-container .ui-slider-buttons { + height: 4rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; +} +.ui-slider-container .ui-slider-buttons .ui-slider-minus { + width: 2.75rem; + height: 100%; + background: url('images/Slider/b_slider_icon_minus.png') no-repeat center center; + z-index: 1; +} +.ui-slider-container .ui-slider-buttons .ui-slider-number { + height: 100%; + color: rgba(250, 250, 250, 1); + font-size: 2.5rem; + width: 4.125rem; + margin: 0 -1.25rem; + line-height: 3.25rem; + margin-top: 0.3125rem; +} +.ui-slider-container .ui-slider-buttons .ui-slider-plus { + background: url('images/Slider/b_slider_icon_plus.png') no-repeat center center; + width: 2.75rem; + height: 100%; + z-index: 1; +} +a.ui-hyperlink { + color: rgba(77, 225, 255, 1); +} +a.ui-hyperlink:active, +a.ui-hyperlink:hover { + color: rgba(77, 225, 255, 0.5); +} +.ui-arc-listview { + width: 22.5rem; + display: block; + overflow: hidden; + top: 0; + left: 0; +} +.ui-arc-listview-carousel { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-arc-listview-carousel-item { + width: 22.5rem; + position: absolute; + height: 6.75rem; +} +.ui-arc-listview-carousel-item li { + top: 3.375rem; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item { + height: 4.375rem; +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item li { + top: 2.1875rem; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-arc-listview-selection { + opacity: 0; + position: absolute; + -webkit-transition: opacity 250ms; + transition: opacity 250ms; + pointer-events: none; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + top: 50%; + width: 22.5rem; + height: 7.5rem; + left: 0; + right: 0; + border-radius: 4.5rem; + background-color: rgba(250, 250, 250, 0.5); +} +.ui-arc-listview-selection-show { + opacity: 1; +} +.ui-arc-listview li, +.ui-arc-listview-carousel li { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 6.75rem; + vertical-align: middle; +} +.ui-arc-listview li.ui-li-group-index, +.ui-arc-listview-carousel li.ui-li-group-index, +.ui-arc-listview li.ui-listview-divider, +.ui-arc-listview-carousel li.ui-listview-divider { + margin-top: 0; + border: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.ui-arc-listview li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider) { + margin-top: 0; +} +.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 4.375rem; +} +.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected, +.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 4.375rem; +} +.ui-arc-listview-carousel { + /* disable some unnecessary listview styles */ +} +.ui-arc-listview-carousel .ui-listview { + padding-bottom: 0; +} +.ui-force-relative-li-children li { + position: relative !important; +} +/* Keyboard is visible, screen height is lower then half of screen */ +@media (max-height: 180px) { + .ui-arc-listview-carousel li input[type=text]:focus, + .ui-arc-listview-carousel li input[type=password]:focus { + position: fixed; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + } +} +.ui-number-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 6.875rem; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + top: 0.5625rem; +} +.ui-number-picker-container .ui-circleindicator { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1001; + pointer-events: none; +} +.ui-number-picker-container .ui-circleindicator .ui-animated { + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.ui-number-picker-container input[type="number"] { + display: none; +} +.ui-number-picker-container .ui-number-picker-label { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-size: 1.5rem; + line-height: 1.5625rem; + color: rgba(250, 250, 250, 1); + display: block; + width: 5rem; + opacity: 1; + -webkit-transition-duration: 300ms, 300ms; + transition-duration: 300ms, 300ms; + -webkit-transition-property: opacity, top; + transition-property: opacity, top; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.ui-number-picker-container .ui-number-picker-label.hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-number-picker-container .ui-number-picker-number { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + font-size: 3.125rem; + line-height: 5.3125rem; + margin-top: -0.375rem; + color: rgba(250, 250, 250, 1); + min-width: 5rem; + display: block; + padding-top: 0.4375rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin { + margin-top: 0.5rem; + height: 3.125rem; + width: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.5rem; + height: 100%; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling { + height: 100%; +} +.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number { + color: rgba(102, 102, 102, 1); +} +.ui-number-picker-container .ui-number-picker-number-pressed { + color: rgba(54, 145, 179, 1); +} +.ui-number-picker-container .ui-number-picker-number-blink { + -webkit-animation: ui-number-picker-number-blink 1s infinite; + animation: ui-number-picker-number-blink 1s infinite; +} +.ui-number-picker-container .ui-spin { + height: 3.125rem; + line-height: normal; + margin-top: 0; + padding: 0; + width: 3.75rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-spin.enabled { + height: 100%; +} +.ui-number-picker-container .hidden { + display: none; +} +.ui-number-picker-container .ui-spin-item { + font-size: 3.125rem; + height: 2.375rem; +} +.ui-number-picker-container:not(.ui-time-picker) span { + margin-left: 8.75rem; +} +.ui-number-picker-container:not(.ui-time-picker) label { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translate(-50%); + -ms-transform: translate(-50%); + transform: translate(-50%); +} +.ui-time-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-time-picker .ui-time-picker-container-hours { + float: left; + height: inherit; + width: 5rem; +} +.ui-time-picker .ui-time-picker-colon-container { + float: left; + height: 5.3125rem; + width: 0.75rem; + margin-left: 0.5rem; + padding-top: 2.8125rem; +} +.ui-time-picker .ui-time-picker-colon-container span { + font-size: 2.5rem; +} +.ui-time-picker div { + font-size: 2.5rem; +} +.ui-time-picker div label { + font-size: 1rem; +} +.ui-time-picker .ui-time-picker-active-label-animation { + -webkit-animation: changeColor 1s infinite; + animation: changeColor 1s infinite; + color: rgba(77, 207, 255, 1); +} +.ui-time-picker .ui-time-picker-container-minutes { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; +} +.ui-time-picker .ui-time-picker-container-ampm { + float: left; + height: 4.0625rem; + margin-top: 2.0625rem; + margin-left: 0.5rem; + width: 6.25rem; + overflow-y: hidden; +} +.ui-time-picker .ui-time-picker-container-ampm div { + height: 8.125rem; + position: relative; +} +.ui-time-picker .ui-time-picker-container-ampm div span { + font-size: 3.125rem; + height: 4.0625rem; + line-height: 4.0625rem; + width: 6.25rem; + display: inline-block; + position: relative; + color: rgba(77, 207, 255, 1); +} +.ui-time-picker .ui-time-picker-container-ampm-pressed div span { + color: rgba(54, 145, 179, 1); +} +.ui-time-picker .ui-number-picker-label { + display: block; + width: 5rem; + font-size: 1.5rem; + height: 2.0625rem; + position: absolute; + opacity: 1; + top: -0.375rem; + -webkit-transition-duration: 300ms, 300ms; + transition-duration: 300ms, 300ms; + -webkit-transition-property: opacity, top; + transition-property: opacity, top; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.ui-time-picker .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-time-picker .ui-number-picker-number { + width: 5rem; + font-size: 4.0625rem; + display: block; + height: 5.3125rem; + margin-top: 1.25rem; + padding-top: 0; +} +.ui-time-picker .ui-number-picker-number.ui-spin { + margin-top: 2rem; + height: 4.0625rem; + width: auto; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.625rem; + height: 100%; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-time-picker .ui-number-picker-number .ui-spin-item { + font-size: 4.0625rem; + height: 3.125rem; +} +.ui-time-picker-hidden { + opacity: 0; +} +.ui-time-picker .ui-polar .disable-transform.pointer { + -webkit-transition: none; + transition: none; +} +.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation { + -webkit-transition: none; + transition: none; + display: none; +} +.ui-circleindicator.ui-time-picker-background { + background-image: url("images/TimePicker/time_picker_bg.png"); + background-repeat: no-repeat; + background-attachment: fixed; +} +.ui-time-picker-am-pm { + margin-left: 2rem; +} +.ui-time-picker-no-am-pm { + margin-left: 5.375rem; +} +@-webkit-keyframes changeColor { + 0% { + color: rgba(77, 207, 255, 1); + } + 49% { + color: rgba(77, 207, 255, 1); + } + 51% { + color: rgba(250, 250, 250, 1); + } + 100% { + color: rgba(250, 250, 250, 1); + } +} +@keyframes changeColor { + 0% { + color: rgba(77, 207, 255, 1); + } + 49% { + color: rgba(77, 207, 255, 1); + } + 51% { + color: rgba(250, 250, 250, 1); + } + 100% { + color: rgba(250, 250, 250, 1); + } +} +@-webkit-keyframes showPM { + 0% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + 100% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } +} +@keyframes showPM { + 0% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + 100% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } +} +@-webkit-keyframes hidePM { + 0% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} +@keyframes hidePM { + 0% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} +.ui-time-picker-hide-pm { + -webkit-animation: hidePM 300ms ease-out 0ms; + animation: hidePM 300ms ease-out 0ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-time-picker-show-pm { + -webkit-animation: showPM 300ms ease-out 0ms; + animation: showPM 300ms ease-out 0ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text { + font-size: 0; + height: 6.25rem; + width: 6.25rem; + max-height: 6.25rem; + border-radius: 50%; +} +.ui-colorpicker .ui-selector-indicator-arrow:before { + background-color: white; +} +.ui-date-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-date-picker.ui-number-picker-container input { + display: none; +} +.ui-date-picker.ui-number-picker-container span { + margin: -0.375rem 0 0 0; + text-align: center; + font-size: 3.125rem; + width: inherit; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label { + margin: 0; + text-align: center; + height: 1.9375rem; + line-height: 1.9375rem; + font-size: 1.5rem; + width: inherit; + opacity: 1; + -webkit-transition-duration: 300ms, 300ms; + transition-duration: 300ms, 300ms; + -webkit-transition-property: opacity, top; + transition-property: opacity, top; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-date-picker.ui-number-picker-container .ui-spin-item { + height: 3.125rem; +} +.ui-date-picker .ui-date-picker-active-label-animation { + -webkit-animation: changeColor 1s infinite; + animation: changeColor 1s infinite; + color: rgba(77, 207, 255, 1); +} +.ui-date-picker .ui-date-picker-container-month { + float: left; + height: inherit; + margin-left: 1.5rem; + width: 6rem; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-month .ui-spin { + width: 6.875rem; +} +.ui-date-picker .ui-date-picker-container-day { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-day .ui-spin { + width: 4.0625rem; +} +.ui-date-picker .ui-date-picker-container-year { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 7.5rem; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-year .ui-spin { + width: 7.5rem; +} +.ui-date-picker .ui-date-picker-containter-dayname { + position: fixed; + width: 100%; + top: 14.4375rem; + opacity: 0.8; + font-size: 1.5rem; + line-height: 2rem; + height: 2rem; + padding: 0 2.8125rem; + color: rgba(250, 250, 250, 0.8); +} +.ui-date-picker-hidden { + display: none; +} +.ui-date-picker .enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-date-picker .enabled .ui-spin-item-selected { + opacity: 1.0; +} +@keyframes changeColor { + 0% { + color: rgba(77, 207, 255, 1); + } + 49% { + color: rgba(77, 207, 255, 1); + } + 51% { + color: rgba(250, 250, 250, 1); + } + 100% { + color: rgba(250, 250, 250, 1); + } +} +input[type=text], +input[type=password], +input[type=search], +input[type=email] { + -webkit-mask-image: url("images/TextInput/b_list_edit_field_bg.png"); + mask-image: url("images/TextInput/b_list_edit_field_bg.png"); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 18rem; + height: 3.875rem; + padding: 0.8125rem 1rem; + color: rgba(250, 250, 250, 1); + font-size: 1.75rem; + background-color: rgba(250, 250, 250, 0.15); + border: none; + outline: none; +} +input[type=text]:disabled, +input[type=password]:disabled, +input[type=search]:disabled, +input[type=email]:disabled { + color: rgba(250, 250, 250, 0.3); +} +input[type=text]:focus + .ui-footer, +input[type=password]:focus + .ui-footer, +input[type=search]:focus + .ui-footer, +input[type=email]:focus + .ui-footer { + display: none; +} +input[type=text]:active, +input[type=password]:active, +input[type=search]:active, +input[type=email]:active { + background-color: #5B5B5B; +} +.ui-listview input[type=text]:focus, +.ui-arc-listview-carousel input[type=text]:focus, +.ui-listview input[type=password]:focus, +.ui-arc-listview-carousel input[type=password]:focus, +.ui-listview input[type=search]:focus, +.ui-arc-listview-carousel input[type=search]:focus, +.ui-listview input[type=email]:focus, +.ui-arc-listview-carousel input[type=email]:focus { + background-color: transparent; + color: rgba(77, 225, 255, 1); + -webkit-text-fill-color: rgba(179, 179, 179, 1); + font-size: 1.875rem; +} +.ui-listview input[type=text]:active, +.ui-arc-listview-carousel input[type=text]:active, +.ui-listview input[type=password]:active, +.ui-arc-listview-carousel input[type=password]:active, +.ui-listview input[type=search]:active, +.ui-arc-listview-carousel input[type=search]:active, +.ui-listview input[type=email]:active, +.ui-arc-listview-carousel input[type=email]:active { + background-color: rgba(250, 250, 250, 0.15); +} +.ui-textinput-pane { + width: 100%; + height: 100%; + position: fixed; + display: none; + background: rgba(0, 0, 0, 1); + z-index: 1100; +} +.ui-textinput-pane input[type=text]:focus, +.ui-textinput-pane input[type=password]:focus, +.ui-textinput-pane input[type=search]:focus, +.ui-textinput-pane input[type=email]:focus { + position: fixed; + width: 100%; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + background-color: rgba(0, 0, 0, 1); +} +@media (min-height: 180px) { + .ui-textinput-pane input[type=text]:focus, + .ui-textinput-pane input[type=password]:focus, + .ui-textinput-pane input[type=search]:focus, + .ui-textinput-pane input[type=email]:focus { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + } +} diff --git a/lib/tau/wearable/theme/changeable/tau.circle.min.css b/lib/tau/wearable/theme/changeable/tau.circle.min.css new file mode 100644 index 0000000..87d2b28 --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.circle.min.css @@ -0,0 +1 @@ +body{background:rgba(0,0,0,1);color:rgba(204,204,204,1)}.ui-page{background:rgba(0,0,0,1)}.ui-page .ui-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;height:5.75rem;line-height:39px;background-color:transparent;text-align:center;margin-top:1.4375rem}.ui-page .ui-header.ui-header-medium{margin-top:.75rem}.ui-page .ui-header.ui-header-medium .ui-title{margin-bottom:.875rem}.ui-page .ui-header.ui-header-medium .ui-subtitle{margin-top:-.4375rem}.ui-page .ui-header.ui-header-small{margin-top:.125rem}.ui-page .ui-header.ui-header-small .ui-title{margin-bottom:.25rem}.ui-page .ui-header.ui-header-small .ui-subtitle{margin-top:.1875rem}.ui-page .ui-header.ui-header-smaller{margin-top:.125rem;height:5.0625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ui-page .ui-header .ui-title{color:rgba(77,207,255,1);margin:.875rem 4rem 1.5625rem;padding-left:0;padding-right:0;font-size:30px;-webkit-mask-image:none;mask-image:none}.ui-page .ui-header .ui-title.ui-icon{background:none!important;padding-left:1.5rem}.ui-page .ui-header.ui-header-big{height:5.875rem}.ui-page .ui-header.ui-header-big .ui-title{font-size:2rem;margin-top:1.75rem;margin-bottom:1.6875rem;color:rgba(77,207,255,1)}.ui-page .ui-header .ui-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(77,207,255,1);font-size:1.5rem;font-weight:400;margin:-1.125rem 2.1875rem 0;line-height:2rem}.ui-page .ui-header.ui-has-more .ui-title{padding-right:1.5rem;-webkit-mask-image:none;mask-image:none}.ui-page .ui-header.ui-has-more .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:0 none;padding:0}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow{-webkit-mask-image:none;mask-image:none;-webkit-mask-position:initial;mask-position:initial;background-color:transparent;overflow:visible}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled=disabled]{-webkit-mask-position:initial;mask-position:initial}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active{background-color:transparent}.ui-page .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);background-color:transparent;overflow:visible;border:0 none;padding:0;text-indent:-9999px}.ui-page .ui-more::before{content:"";position:absolute;width:12.5rem;height:12.5rem;background-color:rgba(255,255,255,.13);border-radius:50%;opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:50%;left:50%;margin-top:-6.25rem;margin-left:-6.25rem;-webkit-transition:all ease-out 200ms;transition:all ease-out 200ms;pointer-events:none}.ui-page .ui-more:active::before{opacity:1;-webkit-transition:transform ease-out 300ms;-webkit-transition:-webkit-transform ease-out 300ms;transition:-webkit-transform ease-out 300ms;transition:transform ease-out 300ms;transition:transform ease-out 300ms, -webkit-transform ease-out 300ms;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ui-page .ui-more::after{content:"";position:absolute;width:1rem;height:2.25rem;-webkit-mask-box-image-source:url(images/Actionbar/b_more_option.png);background-color:rgba(250,250,250,1);border-radius:50%;top:50%;right:.375rem;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-content{text-align:center;font-size:32px;line-height:2.625rem}.ui-page .ui-content.ui-content-padding{font-stretch:ultra-condensed;padding-left:2.0625rem;padding-right:2.0625rem}.ui-page .ui-footer.ui-bottom-button{position:fixed!important;bottom:.375rem;z-index:1000;max-height:6.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:6.25rem}.ui-page .ui-footer.ui-bottom-button .ui-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:rgba(250,250,250,1);padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:4.5rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,53,74,.9);-webkit-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active{color:rgba(250,250,250,1);background-color:#002f4d;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled{color:rgba(250,250,250,.35);background-color:#1a1a1a;border-color:#005e99}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-page.ui-scroll-on{overflow:hidden;-webkit-overflow-scrolling:auto;-moz-overflow-scrolling:auto;-o-overflow-scrolling:auto;-ms-overflow-scrolling:auto;overflow-scrolling:auto}.ui-page.ui-scroll-on .ui-content{margin-top:7.1875rem;padding-bottom:6.25rem;padding-top:0}.ui-page.ui-scroll-on .ui-header~.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-header~.ui-scroller>.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-content~.ui-footer:not(.ui-expandable-footer){margin-top:-5.3125rem}a{color:rgba(204,204,204,1)}.ui-switch-text{margin-top:60px;margin-bottom:48px;font-size:34px;padding:0}.ui-switch-sub-text{margin-top:48px;font-size:26px;color:T161}.ui-toggleswitch{width:76px;height:76px}.ui-toggleswitch.ui-toggleswitch-large{width:76px;height:76px}.ui-toggleswitch .ui-switch-input{background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png);mask-image:url(images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-transition:background-color 300ms linear;transition:background-color 300ms linear}.ui-toggleswitch .ui-switch-input::before{content:none}.ui-toggleswitch .ui-switch-input:active{-webkit-transition:background-color 300ms linear;transition:background-color 300ms linear;background-color:rgba(250,250,250,.3)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::after{background-color:rgba(250,250,250,.4)}.ui-toggleswitch .ui-switch-input:disabled{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button::after{background-color:rgba(250,250,250,.2)}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;-webkit-transform:none;-ms-transform:none;transform:none}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{-webkit-mask-image:url(images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png);mask-image:url(images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-webkit-transition:-webkit-transform 100ms 0ms linear;transition:-webkit-transform 100ms 0ms linear;transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear;background-color:rgba(77,207,255,1);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ui-toggleswitch .ui-switch-activation::after,.ui-toggleswitch .ui-switch-button::after{content:"";width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png);mask-image:url(images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:transform 200ms 100ms linear;-webkit-transition:-webkit-transform 200ms 100ms linear;transition:-webkit-transform 200ms 100ms linear;transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:rgba(250,250,250,.5);position:absolute;left:0}.ui-toggleswitch .ui-switch-input:checked{background-color:rgba(77,207,255,1)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;-webkit-transform:none;-ms-transform:none;transform:none}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:rgba(77,207,255,1);-webkit-transition:transform 200ms 100ms linear;-webkit-transition:-webkit-transform 200ms 100ms linear;transition:-webkit-transform 200ms 100ms linear;transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-webkit-transition:-webkit-transform 100ms 0ms linear;transition:-webkit-transform 100ms 0ms linear;transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear}.ui-toggleswitch .ui-switch-input:checked:active{background-color:rgba(54,145,179,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:rgba(54,145,179,1)}.ui-toggleswitch .ui-switch-input:checked:disabled{background-color:rgba(77,207,255,.3)}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:rgba(77,207,255,.3)}@-webkit-keyframes toastCheck{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}6%{-webkit-mask-position:-5.125rem 0rem;mask-position:-5.125rem 0rem}11%{-webkit-mask-position:-10.25rem 0rem;mask-position:-10.25rem 0rem}17%{-webkit-mask-position:-15.375rem 0rem;mask-position:-15.375rem 0rem}22%{-webkit-mask-position:0rem -5.125rem;mask-position:0rem -5.125rem}28%{-webkit-mask-position:-5.125rem -5.125rem;mask-position:-5.125rem -5.125rem}33%{-webkit-mask-position:-10.25rem -5.125rem;mask-position:-10.25rem -5.125rem}39%{-webkit-mask-position:-15.375rem -5.125rem;mask-position:-15.375rem -5.125rem}44%{-webkit-mask-position:0rem -10.25rem;mask-position:0rem -10.25rem}50%{-webkit-mask-position:-5.125rem -10.25rem;mask-position:-5.125rem -10.25rem}56%{-webkit-mask-position:-10.25rem -10.25rem;mask-position:-10.25rem -10.25rem}61%{-webkit-mask-position:-15.375rem -10.25rem;mask-position:-15.375rem -10.25rem}67%{-webkit-mask-position:0rem -15.375rem;mask-position:0rem -15.375rem}72%{-webkit-mask-position:-5.125rem -15.375rem;mask-position:-5.125rem -15.375rem}78%{-webkit-mask-position:-10.25rem -15.375rem;mask-position:-10.25rem -15.375rem}83%{-webkit-mask-position:-15.375rem -15.375rem;mask-position:-15.375rem -15.375rem}89%{-webkit-mask-position:0rem -20.5rem;mask-position:0rem -20.5rem}94%{-webkit-mask-position:-5.125rem -20.5rem;mask-position:-5.125rem -20.5rem}100%{-webkit-mask-position:-10.25rem -20.5rem;mask-position:-10.25rem -20.5rem}}@keyframes toastCheck{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}6%{-webkit-mask-position:-5.125rem 0rem;mask-position:-5.125rem 0rem}11%{-webkit-mask-position:-10.25rem 0rem;mask-position:-10.25rem 0rem}17%{-webkit-mask-position:-15.375rem 0rem;mask-position:-15.375rem 0rem}22%{-webkit-mask-position:0rem -5.125rem;mask-position:0rem -5.125rem}28%{-webkit-mask-position:-5.125rem -5.125rem;mask-position:-5.125rem -5.125rem}33%{-webkit-mask-position:-10.25rem -5.125rem;mask-position:-10.25rem -5.125rem}39%{-webkit-mask-position:-15.375rem -5.125rem;mask-position:-15.375rem -5.125rem}44%{-webkit-mask-position:0rem -10.25rem;mask-position:0rem -10.25rem}50%{-webkit-mask-position:-5.125rem -10.25rem;mask-position:-5.125rem -10.25rem}56%{-webkit-mask-position:-10.25rem -10.25rem;mask-position:-10.25rem -10.25rem}61%{-webkit-mask-position:-15.375rem -10.25rem;mask-position:-15.375rem -10.25rem}67%{-webkit-mask-position:0rem -15.375rem;mask-position:0rem -15.375rem}72%{-webkit-mask-position:-5.125rem -15.375rem;mask-position:-5.125rem -15.375rem}78%{-webkit-mask-position:-10.25rem -15.375rem;mask-position:-10.25rem -15.375rem}83%{-webkit-mask-position:-15.375rem -15.375rem;mask-position:-15.375rem -15.375rem}89%{-webkit-mask-position:0rem -20.5rem;mask-position:0rem -20.5rem}94%{-webkit-mask-position:-5.125rem -20.5rem;mask-position:-5.125rem -20.5rem}100%{-webkit-mask-position:-10.25rem -20.5rem;mask-position:-10.25rem -20.5rem}}.ui-popup{width:100%;height:100%;overflow:hidden;border:0;border-radius:50%;background-color:rgba(0,0,0,1)}.ui-popup ::-webkit-scrollbar{display:none}.ui-popup .ui-popup-header{text-align:center;min-height:99px;background-color:transparent;color:rgba(77,207,255,1);padding-top:60px;padding-right:61px;padding-bottom:0;padding-left:61px}.ui-popup .ui-popup-header+.ui-popup-content{padding-top:26px}.ui-popup .ui-popup-content{color:rgba(204,204,204,1);background-color:transparent;font-size:32px;line-height:2.625rem;padding:3.75rem 1.875rem .625rem;text-align:center}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-1.5625rem -3.4375rem -1rem -3.4375rem}.ui-popup.ui-has-side-buttons .ui-popup-content{padding-left:4rem;padding-right:4rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn{top:33.33%;position:fixed;text-indent:-9999px;padding:0;line-height:2.3125rem;font-size:1.75rem;font-weight:700;padding:.5rem 1.125rem 0 1.4375rem 0;color:rgba(250,250,250,1);margin:.5rem 0;height:6.25rem;width:3.75rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{content:"";width:50px;height:50px;position:absolute}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,53,74,.9);-webkit-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active{color:rgba(250,250,250,1);background-color:#002f4d;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive{background-color:#000;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled{color:rgba(250,250,250,.35);background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1){left:.125rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2){right:.125rem}.ui-popup .ui-popup-footer.ui-bottom-button{position:fixed;bottom:0;z-index:1000;max-height:6.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:6.25rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:rgba(250,250,250,1);padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:3.75rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,53,74,.9);-webkit-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active{color:rgba(250,250,250,1);background-color:#002f4d;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled{color:rgba(250,250,250,.35);background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup-more-options{background-color:transparent}.ui-popup-more-options .ui-selector{background-color:rgba(0,0,0,.95)}.ui-popup-more-options .ui-selector .ui-selector-indicator-text{color:rgba(250,250,250,1)}.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext{color:rgba(77,207,255,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item{background-color:rgba(250,250,250,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item:active{background-color:rgba(191,191,191,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active{background-color:rgba(250,250,250,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before{background-color:rgba(8,8,8,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active{background-color:rgba(22,165,217,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before{background-color:rgba(22,165,217,1)}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after{content:"";position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;background-color:rgba(77,207,255,0);-webkit-mask-image:url(images/Popup/b_popup_edge_inner_glow.png);mask-image:url(images/Popup/b_popup_edge_inner_glow.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{margin-top:4.75rem;margin-bottom:4.75rem;padding-top:0}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header+.ui-popup-content{margin-top:0;padding-top:8px}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer{margin-top:-4.75rem}.ui-popup.ui-popup-toast{min-height:100%;background-color:rgba(0,0,0,1);background-image:none;border:0;margin:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-popup.ui-popup-toast.ui-popup-active,.ui-popup.ui-popup-toast.in,.ui-popup.ui-popup-toast.ui-build{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ui-popup.ui-popup-toast .ui-popup-wrapper{width:100%}.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content{padding:0 1.875rem;height:auto;background-color:transparent;color:rgba(250,250,250,1);font-size:28px;text-align:center;line-height:37px;text-overflow:ellipsis;overflow:hidden}.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{font-size:32px;line-height:42px}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:5.125rem;height:5.125rem;margin-bottom:1rem}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon{-webkit-mask-image:url(images/Popup/toast_check.png);mask-image:url(images/Popup/toast_check.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-name:toastCheck;animation-name:toastCheck;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(230,230,230,1)}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after{content:none}.ui-popup.ui-popup-toast.ui-popup-toast-small{height:10rem;min-height:5.375rem;width:10rem;position:fixed;margin-bottom:.3125rem;background-color:rgba(48,48,48,.95);border:solid .0625rem rgba(38,38,38,.95);border-radius:50%}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content{padding:0 1.1875rem;max-height:6rem;color:rgba(255,255,255,1);font-size:1.5rem;line-height:2rem}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon{-webkit-transform:translateX(-50%) scale(0.6097561);-ms-transform:translateX(-50%) scale(0.6097561);transform:translateX(-50%) scale(0.6097561);margin:-1rem 0;background-color:rgba(250,250,250,1)}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only{width:5.375rem;height:5.375rem}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{padding-bottom:.375rem}.ui-popup.ui-ctxpopup{height:auto}.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item){margin-top:3.125rem}.ui-page.ui-scroll-on .ui-header~.ui-content .ui-listview{margin-top:0}.ui-page .ui-scroller.ui-snap-container .ui-header{margin:0;height:7.1875rem}.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview{margin-top:.6875rem}.ui-page .ui-scroller.ui-snap-container .ui-content{padding-bottom:7.875rem}.ui-listview.ui-arc-listview{padding-bottom:0}.ui-listview li{font-size:2.25rem;font-weight:500;min-height:6.75rem;max-height:22.5rem;padding:0 1.875rem;border:0 none;border-bottom:0 solid transparent;border-image:-webkit-linear-gradient(bottom,transparent,#245B85,transparent) 1;border-image:linear-gradient(0deg,transparent,#245B85,transparent) 1;color:rgba(250,250,250,1);text-align:center;line-height:2.9375rem;box-sizing:content-box;-webkit-transition-property:max-height;transition-property:max-height;-webkit-transition-duration:1ms;transition-duration:1ms}.ui-listview li.ui-listview-divider,.ui-listview li.ui-li-group-index{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:transparent;color:rgba(199,199,199,1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0}.ui-listview li.ui-listview-divider::before,.ui-listview li.ui-li-group-index::before{content:"";height:100%;width:auto;-webkit-mask-image:url(images/List/tw_list_sub_line_left.png);mask-image:url(images/List/tw_list_sub_line_left.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:-.75rem 50%;-moz-mask-position:-.75rem 50%;-ms-mask-position:-.75rem 50%;-o-mask-position:-.75rem 50%;mask-position:-.75rem 50%;background:rgba(255,255,255,.2);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-listview li.ui-listview-divider::after,.ui-listview li.ui-li-group-index::after{content:"";height:100%;width:auto;-webkit-mask-image:url(images/List/tw_list_sub_line_right.png);mask-image:url(images/List/tw_list_sub_line_right.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:.75rem 50%;-moz-mask-position:.75rem 50%;-ms-mask-position:.75rem 50%;-o-mask-position:.75rem 50%;mask-position:.75rem 50%;background:rgba(255,255,255,.2);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-listview li.ui-li-btn{padding:0}.ui-listview li.ui-li-btn .ui-btn{padding:2.625rem 2.5rem;margin:0;line-height:inherit}.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn{padding:1.75rem 1.25rem}.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn{padding:1.75rem 1.875rem;height:100%;text-indent:-9999px}.ui-listview li>*{color:rgba(250,250,250,1)}.ui-listview li>a:first-child:last-child,.ui-listview li button:first-child:last-child{padding:0;margin:0;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub{padding-top:.5625rem;padding-bottom:.5rem}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub{padding-top:.0625rem;padding-bottom:.25rem}.ui-listview li:last-child{border:0}.ui-listview li.li-divider{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:rgba(255,255,255,.2);color:rgba(199,199,199,1);padding:0}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{background-color:rgba(204,204,204,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete{background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-setting{background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-add{background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:B041P;color:rgba(250,250,250,1)}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active{background-color:transparent;color:rgba(250,250,250,1)}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(250,250,250,.65);pointer-events:none}.ui-listview.ui-snap-listview li,.ui-listview.ui-arc-listview-carousel-item li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-listview.ui-snap-listview li a,.ui-listview.ui-arc-listview-carousel-item li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-listview.ui-snap-listview li a>span,.ui-listview.ui-arc-listview-carousel-item li a>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-listview.ui-snap-listview li.ui-li-grid,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div{text-align:inherit}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after{opacity:0}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn-icon{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn{padding:0;margin:0 1.125rem 0 0;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before{border-radius:50%}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle{border-radius:50%;width:5.5rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active{-webkit-animation:btn-circle-opacity-press linear 567ms;animation:btn-circle-opacity-press linear 567ms}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child{margin-right:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child:first-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child:first-child{margin-right:1.25rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn-description,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn-description{-webkit-transform:none;-ms-transform:none;transform:none;margin:0;width:auto}.ui-listview.ui-snap-listview li .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text{color:rgba(179,179,179,1);font-size:1.5rem;display:block;-webkit-transition-property:opacity,line-height;transition-property:opacity,line-height;-webkit-transition-timing-function:ease-in-out,ease-in-out;transition-timing-function:ease-in-out,ease-in-out;-webkit-transition-duration:100ms,200ms;transition-duration:100ms,200ms;opacity:0;line-height:.01px}.ui-listview.ui-snap-listview li.ui-snap-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected,.ui-listview.ui-snap-listview li.ui-arc-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected{line-height:2.9375rem;max-height:45rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text{opacity:1;line-height:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:18.75rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child){padding-top:.125rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active{color:rgba(250,250,250,1)}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before{background-color:rgba(250,250,250,.65)}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active{background-color:B041P;color:rgba(250,250,250,1)}.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;background-color:rgba(250,250,250,.5);border-radius:20vw;pointer-events:none}.ui-listview.ui-snap-listview li li,.ui-listview.ui-arc-listview-carousel-item li li{border:0}.ui-listview.ui-snap-listview li li.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before{background-color:transparent}.ui-listview.ui-arc-listview-carousel-item-separator{height:auto}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li{padding:1.5625rem 1.875rem 1.625rem;min-height:auto;color:rgba(250,250,250,1);overflow:hidden;line-height:3rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before{display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";width:100%;height:.0625rem;background-color:#fff;-webkit-mask-box-image:url(images/List/tw_list_divider.png) 0 128 0 128 repeat repeat}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a{color:rgba(250,250,250,.4)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text{white-space:normal;color:rgba(204,204,204,1);padding-top:.5625rem;padding-bottom:.625rem;font-size:1.9375rem;line-height:2.3125rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active{color:rgba(204,204,204,.4)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline{padding-top:.5625rem;padding-bottom:.625rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text{color:rgba(179,179,179,1);font-size:1.5rem;line-height:2rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text{color:T9262P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left{padding-left:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right{padding-right:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img{background-color:unset;position:absolute;top:-webkit-calc(49.5%);top:calc(49.5%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left{left:1rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right{right:1rem}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{height:76px;width:76px}input[type=checkbox]:not(.ui-switch-input){-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input)::before{content:"";-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);height:100%;width:100%;opacity:0;position:absolute;-webkit-transition:all 300ms ease-in;transition:all 300ms ease-in}input[type=checkbox]:not(.ui-switch-input)::after{-webkit-mask-image:url(images/Controller_icon/Check/tw_btn_check_holo_dark.png);mask-image:url(images/Controller_icon/Check/tw_btn_check_holo_dark.png);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:center bottom;mask-position:center bottom;height:0;-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:500ms;transition-duration:500ms;bottom:0;-webkit-mask-size:100%;mask-size:100%}input[type=checkbox]:not(.ui-switch-input):checked::before{-webkit-animation:checkon 300ms ease-out;animation:checkon 300ms ease-out;-webkit-transition:none;transition:none;-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);opacity:1}input[type=checkbox]:not(.ui-switch-input):checked::after{background-color:rgba(77,207,255,1);height:100%}input[type=checkbox]:not(.ui-switch-input):active{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):active::after{height:0}input[type=checkbox]:not(.ui-switch-input):active:checked::before{-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):active:checked::after{background-color:rgba(77,207,255,1);height:100%}input[type=checkbox]:not(.ui-switch-input):disabled{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background:radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):disabled:checked::before{-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):disabled:checked::after{background-color:rgba(77,207,255,.3);height:100%}@-webkit-keyframes checkon{from{opacity:.5}100%{opacity:1}}@keyframes checkon{from{opacity:.5}100%{opacity:1}}input[type=radio]{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%,transparent);-webkit-mask-image:none;mask-image:none}input[type=radio]::after{content:"";-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:rgba(255,255,255,.2)}input[type=radio]::before{content:"";background-color:rgba(77,207,255,1);-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}input[type=radio]:checked{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%,transparent)}input[type=radio]:checked::before{background-color:rgba(77,207,255,1);-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:1}input[type=radio]:active{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.4) 63%,rgba(255,255,255,.4) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.4) 63%,rgba(255,255,255,.4) 68%,transparent 72%,transparent);-webkit-mask-image:none;mask-image:none}input[type=radio]:active::after{-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:rgba(250,250,250,.15)}input[type=radio]:active:checked{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(54,145,179,1) 63%,rgba(54,145,179,1) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(54,145,179,1) 63%,rgba(54,145,179,1) 68%,transparent 72%,transparent)}input[type=radio]:active:checked::before{-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:rgba(54,145,179,1)}input[type=radio]:active:checked::after{content:none}input[type=radio]:disabled{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%,transparent);-webkit-mask-image:none;mask-image:none}input[type=radio]:disabled::before{-webkit-transition:none;transition:none}input[type=radio]:disabled::after{background-color:rgba(250,250,250,.1)}input[type=radio]:disabled:checked{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%,transparent)}input[type=radio]:disabled:checked::before{background-color:rgba(77,207,255,.3);-webkit-transition:none;transition:none}input[type=radio]:disabled:checked::after{content:none}.ui-btn{color:rgba(250,250,250,1);background-color:transparent;height:auto}.ui-btn.ui-btn-icon-only::before{-webkit-mask-size:3.125rem 3.125rem;mask-size:3.125rem 3.125rem;width:3.125rem;height:3.125rem}.ui-default{color:rgba(250,250,250,1);background-color:transparent}.ui-color-red{color:rgba(250,250,250,1);background-color:W012}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:W012}.ui-color-red:enabled:focus{background-color:W012}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:rgba(250,250,250,1);background-color:W012}.ui-color-orange{color:rgba(250,250,250,1);background-color:W013}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:W013}.ui-color-orange:enabled:focus{background-color:W013}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:rgba(250,250,250,1);background-color:W013}.ui-color-green{color:rgba(250,250,250,1);background-color:W014}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:W014}.ui-color-green:enabled:focus{background-color:W014}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:rgba(250,250,250,1);background-color:W014}.ui-color-blue{color:rgba(250,250,250,1);background-color:rgba(1,59,74,1)}a.ui-color-blue:active:hover,.ui-color-blue:enabled:active:hover{background-color:rgba(1,59,74,1)}.ui-color-blue:enabled:focus{background-color:rgba(1,59,74,1)}a.ui-color-blue.ui-state-disabled,.ui-color-blue:disabled{color:rgba(250,250,250,1);background-color:rgba(1,59,74,1)}.ui-grid-col-1>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-2>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-3>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left{border:.5rem solid rgba(77,207,255,1)}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right{border:.5rem solid rgba(77,207,255,1)}.ui-progressbar .ui-progressbar-bg{border:.5rem solid rgba(0,67,115,1)}.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left,.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right{border:.25rem solid rgba(77,207,255,1)}.ui-progressbar.ui-progressbar-small .ui-progressbar-bg{border:.25rem solid rgba(0,67,115,1)}.ui-progressbar-end-point{position:absolute;z-index:1000;width:20px;height:20px;background:#37a1ed;border-radius:50%;left:180px;top:180px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;display:none}.ui-progressbar-end-point::after{content:"";position:absolute;width:100%;height:100%;background:rgba(55,161,237,.5);left:0;right:0;border-radius:50%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ui-progressbar-end-point-active{display:block}.ui-progressbar-end-point-pressed::after{content:"";-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{background-color:rgba(69,68,68,.9)}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{color:rgba(77,207,255,1)}.ui-indexscrollbar{display:none}.ui-drawer{background-color:rgba(0,0,0,.85);border-radius:50%}.ui-drawer-overlay{background-color:rgba(0,0,0,.85)}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}}progress{color:rgba(204,204,204,1)}progress::-webkit-progress-bar{background-color:rgba(0,67,115,1)}progress::-webkit-progress-value{background-color:rgba(77,207,255,1)}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:rgba(77,207,255,1)}@-webkit-keyframes fullprocess{0%{-webkit-mask-position:0vw 0vw;mask-position:0vw 0vw}2%{-webkit-mask-position:-100vw 0vw;mask-position:-100vw 0vw}3%{-webkit-mask-position:-200vw 0vw;mask-position:-200vw 0vw}5%{-webkit-mask-position:-300vw 0vw;mask-position:-300vw 0vw}7%{-webkit-mask-position:-400vw 0vw;mask-position:-400vw 0vw}8%{-webkit-mask-position:-500vw 0vw;mask-position:-500vw 0vw}10%{-webkit-mask-position:-600vw 0vw;mask-position:-600vw 0vw}12%{-webkit-mask-position:0vw -100vw;mask-position:0vw -100vw}14%{-webkit-mask-position:-100vw -100vw;mask-position:-100vw -100vw}15%{-webkit-mask-position:-200vw -100vw;mask-position:-200vw -100vw}17%{-webkit-mask-position:-300vw -100vw;mask-position:-300vw -100vw}19%{-webkit-mask-position:-400vw -100vw;mask-position:-400vw -100vw}20%{-webkit-mask-position:-500vw -100vw;mask-position:-500vw -100vw}22%{-webkit-mask-position:-600vw -100vw;mask-position:-600vw -100vw}24%{-webkit-mask-position:0vw -200vw;mask-position:0vw -200vw}25%{-webkit-mask-position:-100vw -200vw;mask-position:-100vw -200vw}27%{-webkit-mask-position:-200vw -200vw;mask-position:-200vw -200vw}29%{-webkit-mask-position:-300vw -200vw;mask-position:-300vw -200vw}31%{-webkit-mask-position:-400vw -200vw;mask-position:-400vw -200vw}32%{-webkit-mask-position:-500vw -200vw;mask-position:-500vw -200vw}34%{-webkit-mask-position:-600vw -200vw;mask-position:-600vw -200vw}36%{-webkit-mask-position:0vw -300vw;mask-position:0vw -300vw}37%{-webkit-mask-position:-100vw -300vw;mask-position:-100vw -300vw}39%{-webkit-mask-position:-200vw -300vw;mask-position:-200vw -300vw}41%{-webkit-mask-position:-300vw -300vw;mask-position:-300vw -300vw}42%{-webkit-mask-position:-400vw -300vw;mask-position:-400vw -300vw}44%{-webkit-mask-position:-500vw -300vw;mask-position:-500vw -300vw}46%{-webkit-mask-position:-600vw -300vw;mask-position:-600vw -300vw}47%{-webkit-mask-position:0vw -400vw;mask-position:0vw -400vw}49%{-webkit-mask-position:-100vw -400vw;mask-position:-100vw -400vw}51%{-webkit-mask-position:-200vw -400vw;mask-position:-200vw -400vw}53%{-webkit-mask-position:-300vw -400vw;mask-position:-300vw -400vw}54%{-webkit-mask-position:-400vw -400vw;mask-position:-400vw -400vw}56%{-webkit-mask-position:-500vw -400vw;mask-position:-500vw -400vw}58%{-webkit-mask-position:-600vw -400vw;mask-position:-600vw -400vw}59%{-webkit-mask-position:0vw -500vw;mask-position:0vw -500vw}61%{-webkit-mask-position:-100vw -500vw;mask-position:-100vw -500vw}63%{-webkit-mask-position:-200vw -500vw;mask-position:-200vw -500vw}64%{-webkit-mask-position:-300vw -500vw;mask-position:-300vw -500vw}66%{-webkit-mask-position:-400vw -500vw;mask-position:-400vw -500vw}68%{-webkit-mask-position:-500vw -500vw;mask-position:-500vw -500vw}69%{-webkit-mask-position:-600vw -500vw;mask-position:-600vw -500vw}71%{-webkit-mask-position:0vw -600vw;mask-position:0vw -600vw}73%{-webkit-mask-position:-100vw -600vw;mask-position:-100vw -600vw}75%{-webkit-mask-position:-200vw -600vw;mask-position:-200vw -600vw}76%{-webkit-mask-position:-300vw -600vw;mask-position:-300vw -600vw}78%{-webkit-mask-position:-400vw -600vw;mask-position:-400vw -600vw}80%{-webkit-mask-position:-500vw -600vw;mask-position:-500vw -600vw}81%{-webkit-mask-position:-600vw -600vw;mask-position:-600vw -600vw}83%{-webkit-mask-position:0vw -700vw;mask-position:0vw -700vw}85%{-webkit-mask-position:-100vw -700vw;mask-position:-100vw -700vw}86%{-webkit-mask-position:-200vw -700vw;mask-position:-200vw -700vw}88%{-webkit-mask-position:-300vw -700vw;mask-position:-300vw -700vw}90%{-webkit-mask-position:-400vw -700vw;mask-position:-400vw -700vw}92%{-webkit-mask-position:-500vw -700vw;mask-position:-500vw -700vw}93%{-webkit-mask-position:-600vw -700vw;mask-position:-600vw -700vw}95%{-webkit-mask-position:0vw -800vw;mask-position:0vw -800vw}97%{-webkit-mask-position:-100vw -800vw;mask-position:-100vw -800vw}98%{-webkit-mask-position:-200vw -800vw;mask-position:-200vw -800vw}100%{-webkit-mask-position:-300vw -800vw;mask-position:-300vw -800vw}}@keyframes fullprocess{0%{-webkit-mask-position:0vw 0vw;mask-position:0vw 0vw}2%{-webkit-mask-position:-100vw 0vw;mask-position:-100vw 0vw}3%{-webkit-mask-position:-200vw 0vw;mask-position:-200vw 0vw}5%{-webkit-mask-position:-300vw 0vw;mask-position:-300vw 0vw}7%{-webkit-mask-position:-400vw 0vw;mask-position:-400vw 0vw}8%{-webkit-mask-position:-500vw 0vw;mask-position:-500vw 0vw}10%{-webkit-mask-position:-600vw 0vw;mask-position:-600vw 0vw}12%{-webkit-mask-position:0vw -100vw;mask-position:0vw -100vw}14%{-webkit-mask-position:-100vw -100vw;mask-position:-100vw -100vw}15%{-webkit-mask-position:-200vw -100vw;mask-position:-200vw -100vw}17%{-webkit-mask-position:-300vw -100vw;mask-position:-300vw -100vw}19%{-webkit-mask-position:-400vw -100vw;mask-position:-400vw -100vw}20%{-webkit-mask-position:-500vw -100vw;mask-position:-500vw -100vw}22%{-webkit-mask-position:-600vw -100vw;mask-position:-600vw -100vw}24%{-webkit-mask-position:0vw -200vw;mask-position:0vw -200vw}25%{-webkit-mask-position:-100vw -200vw;mask-position:-100vw -200vw}27%{-webkit-mask-position:-200vw -200vw;mask-position:-200vw -200vw}29%{-webkit-mask-position:-300vw -200vw;mask-position:-300vw -200vw}31%{-webkit-mask-position:-400vw -200vw;mask-position:-400vw -200vw}32%{-webkit-mask-position:-500vw -200vw;mask-position:-500vw -200vw}34%{-webkit-mask-position:-600vw -200vw;mask-position:-600vw -200vw}36%{-webkit-mask-position:0vw -300vw;mask-position:0vw -300vw}37%{-webkit-mask-position:-100vw -300vw;mask-position:-100vw -300vw}39%{-webkit-mask-position:-200vw -300vw;mask-position:-200vw -300vw}41%{-webkit-mask-position:-300vw -300vw;mask-position:-300vw -300vw}42%{-webkit-mask-position:-400vw -300vw;mask-position:-400vw -300vw}44%{-webkit-mask-position:-500vw -300vw;mask-position:-500vw -300vw}46%{-webkit-mask-position:-600vw -300vw;mask-position:-600vw -300vw}47%{-webkit-mask-position:0vw -400vw;mask-position:0vw -400vw}49%{-webkit-mask-position:-100vw -400vw;mask-position:-100vw -400vw}51%{-webkit-mask-position:-200vw -400vw;mask-position:-200vw -400vw}53%{-webkit-mask-position:-300vw -400vw;mask-position:-300vw -400vw}54%{-webkit-mask-position:-400vw -400vw;mask-position:-400vw -400vw}56%{-webkit-mask-position:-500vw -400vw;mask-position:-500vw -400vw}58%{-webkit-mask-position:-600vw -400vw;mask-position:-600vw -400vw}59%{-webkit-mask-position:0vw -500vw;mask-position:0vw -500vw}61%{-webkit-mask-position:-100vw -500vw;mask-position:-100vw -500vw}63%{-webkit-mask-position:-200vw -500vw;mask-position:-200vw -500vw}64%{-webkit-mask-position:-300vw -500vw;mask-position:-300vw -500vw}66%{-webkit-mask-position:-400vw -500vw;mask-position:-400vw -500vw}68%{-webkit-mask-position:-500vw -500vw;mask-position:-500vw -500vw}69%{-webkit-mask-position:-600vw -500vw;mask-position:-600vw -500vw}71%{-webkit-mask-position:0vw -600vw;mask-position:0vw -600vw}73%{-webkit-mask-position:-100vw -600vw;mask-position:-100vw -600vw}75%{-webkit-mask-position:-200vw -600vw;mask-position:-200vw -600vw}76%{-webkit-mask-position:-300vw -600vw;mask-position:-300vw -600vw}78%{-webkit-mask-position:-400vw -600vw;mask-position:-400vw -600vw}80%{-webkit-mask-position:-500vw -600vw;mask-position:-500vw -600vw}81%{-webkit-mask-position:-600vw -600vw;mask-position:-600vw -600vw}83%{-webkit-mask-position:0vw -700vw;mask-position:0vw -700vw}85%{-webkit-mask-position:-100vw -700vw;mask-position:-100vw -700vw}86%{-webkit-mask-position:-200vw -700vw;mask-position:-200vw -700vw}88%{-webkit-mask-position:-300vw -700vw;mask-position:-300vw -700vw}90%{-webkit-mask-position:-400vw -700vw;mask-position:-400vw -700vw}92%{-webkit-mask-position:-500vw -700vw;mask-position:-500vw -700vw}93%{-webkit-mask-position:-600vw -700vw;mask-position:-600vw -700vw}95%{-webkit-mask-position:0vw -800vw;mask-position:0vw -800vw}97%{-webkit-mask-position:-100vw -800vw;mask-position:-100vw -800vw}98%{-webkit-mask-position:-200vw -800vw;mask-position:-200vw -800vw}100%{-webkit-mask-position:-300vw -800vw;mask-position:-300vw -800vw}}.ui-page-active .ui-processing{opacity:1}.ui-processing{opacity:0;background-color:rgba(77,207,255,1);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.ui-processing.ui-processing-alternate{background-color:rgba(250,250,250,1)}.ui-processing.ui-processing-on-center{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-processing.ui-processing-full-size{-webkit-mask-image:url(images/Processing/processingfull.png);mask-image:url(images/Processing/processingfull.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-name:fullprocess;animation-name:fullprocess;pointer-events:none;position:fixed;width:100vw;height:100vw;top:0;left:0;margin:0}.ui-listview li .ui-processing{position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-scrollbar-bouncing-effect{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;background-color:rgba(77,207,255,.2)}.ui-scrollbar-bouncing-effect::before{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(77,207,255,0)}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:5.5rem;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:5.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:5.5rem;height:100%;top:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:5.5rem;height:100%;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_top_glow.png);mask-image:url(images/Scroller/bouncing_circle_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_top_edge.png);mask-image:url(images/Scroller/bouncing_circle_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_bottom_glow.png);mask-image:url(images/Scroller/bouncing_circle_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_bottom_edge.png);mask-image:url(images/Scroller/bouncing_circle_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_left_glow.png);mask-image:url(images/Scroller/bouncing_circle_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_left_edge.png);mask-image:url(images/Scroller/bouncing_circle_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_right_glow.png);mask-image:url(images/Scroller/bouncing_circle_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_right_edge.png);mask-image:url(images/Scroller/bouncing_circle_right_edge.png)}@-webkit-keyframes -ui-bouncing-show-additional{0%{opacity:0}42%{opacity:0}100%{opacity:.7}}@keyframes -ui-bouncing-show-additional{0%{opacity:0}42%{opacity:0}100%{opacity:.7}}@-webkit-keyframes ui-bouncing-show-top{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-top{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ui-bouncing-show-left{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-left{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ui-bouncing-show-right{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-right{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ui-bouncing-show-bottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-bottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes -ui-bouncing-hide-additional{0%{opacity:.7}42%{opacity:0}100%{opacity:0}}@keyframes -ui-bouncing-hide-additional{0%{opacity:.7}42%{opacity:0}100%{opacity:0}}@-webkit-keyframes ui-bouncing-hide-left{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ui-bouncing-hide-left{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes ui-bouncing-hide-right{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ui-bouncing-hide-right{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes ui-bouncing-hide-bottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes ui-bouncing-hide-bottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes ui-bouncing-hide-top{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes ui-bouncing-hide-top{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.ui-scrollbar-bouncing-effect.ui-show{display:block}.ui-scrollbar-bouncing-effect.ui-show.ui-left{-webkit-animation-name:ui-bouncing-show-left;animation-name:ui-bouncing-show-left}.ui-scrollbar-bouncing-effect.ui-show.ui-right{-webkit-animation-name:ui-bouncing-show-right;animation-name:ui-bouncing-show-right}.ui-scrollbar-bouncing-effect.ui-show.ui-bottom{-webkit-animation-name:ui-bouncing-show-bottom;animation-name:ui-bouncing-show-bottom}.ui-scrollbar-bouncing-effect.ui-show.ui-top{-webkit-animation-name:ui-bouncing-show-top;animation-name:ui-bouncing-show-top}.ui-scrollbar-bouncing-effect.ui-show::before{-webkit-animation-name:-ui-bouncing-show-additional;animation-name:-ui-bouncing-show-additional}.ui-scrollbar-bouncing-effect.ui-hide{-webkit-animation-duration:.3s;animation-duration:.3s;display:block}.ui-scrollbar-bouncing-effect.ui-hide.ui-left{-webkit-animation-name:ui-bouncing-hide-left;animation-name:ui-bouncing-hide-left}.ui-scrollbar-bouncing-effect.ui-hide.ui-right{-webkit-animation-name:ui-bouncing-hide-right;animation-name:ui-bouncing-hide-right}.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom{-webkit-animation-name:ui-bouncing-hide-bottom;animation-name:ui-bouncing-hide-bottom}.ui-scrollbar-bouncing-effect.ui-hide.ui-top{-webkit-animation-name:ui-bouncing-hide-top;animation-name:ui-bouncing-hide-top}.ui-scrollbar-bouncing-effect.ui-hide::before{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:-ui-bouncing-hide-additional;animation-name:-ui-bouncing-hide-additional}.is-circle-test{width:1px}.ui-selector{background-color:rgba(0,0,0,1)}.ui-selector .ui-item{background-color:rgba(250,250,250,1)}.ui-selector .ui-item:active{background-color:rgba(191,191,191,1)}.ui-selector .ui-item.ui-item-active:active{background-color:rgba(250,250,250,1)}.ui-selector .ui-layer.ui-layer-prev,.ui-selector .ui-layer.ui-layer-next{background-color:rgba(250,250,250,1)}.ui-selector .ui-layer.ui-layer-prev:active,.ui-selector .ui-layer.ui-layer-next:active{background-color:rgba(250,250,250,.4)}.ui-selector .ui-selector-indicator{font-size:1.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{color:rgba(250,250,250,1)}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{color:rgba(77,207,255,1)}.ui-selector .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background-color:rgba(77,207,255,.4)}.ui-selector .ui-selector-indicator-active+.ui-selector-indicator-arrow::before{background-color:rgba(77,207,255,.4)}.ui-selector .ui-selector-indicator-arrow::before{background-color:rgba(77,207,255,1)}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev){pointer-events:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator>:not(.ui-selector-indicator-text){display:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder{box-sizing:border-box;border:.0625rem solid rgba(250,250,250,.5);background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after{display:none}@-webkit-keyframes dragItem{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.21428571);transform:scale(1.21428571);opacity:.7}}@keyframes dragItem{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.21428571);transform:scale(1.21428571);opacity:.7}}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved{position:fixed;width:3.5rem;height:3.5rem;z-index:101;visibility:visible;opacity:.7;-webkit-transform:scale(1.21428571);-ms-transform:scale(1.21428571);transform:scale(1.21428571);pointer-events:none;margin:-1.75rem;-webkit-animation:333ms dragItem;animation:333ms dragItem}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{position:absolute;width:1.875rem;height:1.875rem;top:-.125rem}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg{background-color:rgba(250,250,250,.5)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after{background-color:rgba(184,46,46,.5)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg{position:absolute;width:100%;height:100%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before{background-color:rgba(0,0,0,.35);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{background-color:rgba(184,46,46,1);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{right:-.1875rem;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;left:-.1875rem}.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item{opacity:0;-webkit-transition:opacity 200ms;transition:opacity 200ms}.ui-selector.ui-selector-edit-mode .ui-item-plus{background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_add.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_add.png);-webkit-mask-size:100%;mask-size:100%}.ui-bezelless-selector .ui-more{z-index:1}.ui-bezelless-selector .ui-listview li img{width:3.125rem;height:3.125rem}.ui-bezelless-selector .thumb-container{display:inline-block;width:3.125rem;height:3.125rem;position:absolute;left:2.5rem;background:#fff;border-radius:6.25rem}.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:3.125rem}.ui-slider-container{position:fixed;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-slider-container .ui-slider-icon{width:9.375rem;height:9.375rem;margin:0 auto}.ui-slider-container .ui-slider-titles{height:4.625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-slider-container .ui-slider-titles .ui-slider-title{color:rgba(250,250,250,1);font-size:1.875rem;line-height:1.875rem;margin-top:.4375rem}.ui-slider-container .ui-slider-titles .ui-slider-subtitle{color:rgba(77,207,255,1);font-size:1.8125rem;line-height:1.875rem}.ui-slider-container .ui-slider-buttons{height:4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.ui-slider-container .ui-slider-buttons .ui-slider-minus{width:2.75rem;height:100%;background:url(images/Slider/b_slider_icon_minus.png) no-repeat center center;z-index:1}.ui-slider-container .ui-slider-buttons .ui-slider-number{height:100%;color:rgba(250,250,250,1);font-size:2.5rem;width:4.125rem;margin:0 -1.25rem;line-height:3.25rem;margin-top:.3125rem}.ui-slider-container .ui-slider-buttons .ui-slider-plus{background:url(images/Slider/b_slider_icon_plus.png) no-repeat center center;width:2.75rem;height:100%;z-index:1}a.ui-hyperlink{color:rgba(77,225,255,1)}a.ui-hyperlink:active,a.ui-hyperlink:hover{color:rgba(77,225,255,.5)}.ui-arc-listview{width:22.5rem;display:block;overflow:hidden;top:0;left:0}.ui-arc-listview-carousel{position:absolute;top:0;left:0;width:100%;height:100%}.ui-arc-listview-carousel-item{width:22.5rem;position:absolute;height:6.75rem}.ui-arc-listview-carousel-item li{top:3.375rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-arc-listview-5 .ui-arc-listview-carousel-item{height:4.375rem}.ui-arc-listview-5 .ui-arc-listview-carousel-item li{top:2.1875rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-arc-listview-selection{opacity:0;position:absolute;-webkit-transition:opacity 250ms;transition:opacity 250ms;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;top:50%;width:22.5rem;height:7.5rem;left:0;right:0;border-radius:4.5rem;background-color:rgba(250,250,250,.5)}.ui-arc-listview-selection-show{opacity:1}.ui-arc-listview li,.ui-arc-listview-carousel li{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:6.75rem;vertical-align:middle}.ui-arc-listview li.ui-li-group-index,.ui-arc-listview-carousel li.ui-li-group-index,.ui-arc-listview li.ui-listview-divider,.ui-arc-listview-carousel li.ui-listview-divider{margin-top:0;border:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.ui-arc-listview li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider){margin-top:0}.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:4.375rem}.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected,.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:4.375rem}.ui-arc-listview-carousel{}.ui-arc-listview-carousel .ui-listview{padding-bottom:0}.ui-force-relative-li-children li{position:relative!important}@media (max-height:180px){.ui-arc-listview-carousel li input[type=text]:focus,.ui-arc-listview-carousel li input[type=password]:focus{position:fixed;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem}}.ui-number-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:6.875rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;top:.5625rem}.ui-number-picker-container .ui-circleindicator{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;pointer-events:none}.ui-number-picker-container .ui-circleindicator .ui-animated{-webkit-transition-duration:.3s;transition-duration:.3s}.ui-number-picker-container input[type=number]{display:none}.ui-number-picker-container .ui-number-picker-label{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;font-size:1.5rem;line-height:1.5625rem;color:rgba(250,250,250,1);display:block;width:5rem;opacity:1;-webkit-transition-duration:300ms,300ms;transition-duration:300ms,300ms;-webkit-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ui-number-picker-container .ui-number-picker-label.hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-number-picker-container .ui-number-picker-number{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;font-size:3.125rem;line-height:5.3125rem;margin-top:-.375rem;color:rgba(250,250,250,1);min-width:5rem;display:block;padding-top:.4375rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin{margin-top:.5rem;height:3.125rem;width:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled{margin-top:.5rem;height:100%}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling{height:100%}.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number{color:rgba(102,102,102,1)}.ui-number-picker-container .ui-number-picker-number-pressed{color:rgba(54,145,179,1)}.ui-number-picker-container .ui-number-picker-number-blink{-webkit-animation:ui-number-picker-number-blink 1s infinite;animation:ui-number-picker-number-blink 1s infinite}.ui-number-picker-container .ui-spin{height:3.125rem;line-height:normal;margin-top:0;padding:0;width:3.75rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-spin.enabled{height:100%}.ui-number-picker-container .hidden{display:none}.ui-number-picker-container .ui-spin-item{font-size:3.125rem;height:2.375rem}.ui-number-picker-container:not(.ui-time-picker) span{margin-left:8.75rem}.ui-number-picker-container:not(.ui-time-picker) label{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.ui-time-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-time-picker .ui-time-picker-container-hours{float:left;height:inherit;width:5rem}.ui-time-picker .ui-time-picker-colon-container{float:left;height:5.3125rem;width:.75rem;margin-left:.5rem;padding-top:2.8125rem}.ui-time-picker .ui-time-picker-colon-container span{font-size:2.5rem}.ui-time-picker div{font-size:2.5rem}.ui-time-picker div label{font-size:1rem}.ui-time-picker .ui-time-picker-active-label-animation{-webkit-animation:changeColor 1s infinite;animation:changeColor 1s infinite;color:rgba(77,207,255,1)}.ui-time-picker .ui-time-picker-container-minutes{float:left;height:inherit;margin-left:.5rem;width:5rem}.ui-time-picker .ui-time-picker-container-ampm{float:left;height:4.0625rem;margin-top:2.0625rem;margin-left:.5rem;width:6.25rem;overflow-y:hidden}.ui-time-picker .ui-time-picker-container-ampm div{height:8.125rem;position:relative}.ui-time-picker .ui-time-picker-container-ampm div span{font-size:3.125rem;height:4.0625rem;line-height:4.0625rem;width:6.25rem;display:inline-block;position:relative;color:rgba(77,207,255,1)}.ui-time-picker .ui-time-picker-container-ampm-pressed div span{color:rgba(54,145,179,1)}.ui-time-picker .ui-number-picker-label{display:block;width:5rem;font-size:1.5rem;height:2.0625rem;position:absolute;opacity:1;top:-.375rem;-webkit-transition-duration:300ms,300ms;transition-duration:300ms,300ms;-webkit-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ui-time-picker .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-time-picker .ui-number-picker-number{width:5rem;font-size:4.0625rem;display:block;height:5.3125rem;margin-top:1.25rem;padding-top:0}.ui-time-picker .ui-number-picker-number.ui-spin{margin-top:2rem;height:4.0625rem;width:auto}.ui-time-picker .ui-number-picker-number.ui-spin.enabled{margin-top:.625rem;height:100%}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-time-picker .ui-number-picker-number .ui-spin-item{font-size:4.0625rem;height:3.125rem}.ui-time-picker-hidden{opacity:0}.ui-time-picker .ui-polar .disable-transform.pointer{-webkit-transition:none;transition:none}.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation{-webkit-transition:none;transition:none;display:none}.ui-circleindicator.ui-time-picker-background{background-image:url(images/TimePicker/time_picker_bg.png);background-repeat:no-repeat;background-attachment:fixed}.ui-time-picker-am-pm{margin-left:2rem}.ui-time-picker-no-am-pm{margin-left:5.375rem}@-webkit-keyframes changeColor{0%{color:rgba(77,207,255,1)}49%{color:rgba(77,207,255,1)}51%{color:rgba(250,250,250,1)}100%{color:rgba(250,250,250,1)}}@keyframes changeColor{0%{color:rgba(77,207,255,1)}49%{color:rgba(77,207,255,1)}51%{color:rgba(250,250,250,1)}100%{color:rgba(250,250,250,1)}}@-webkit-keyframes showPM{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}}@keyframes showPM{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}}@-webkit-keyframes hidePM{0%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes hidePM{0%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.ui-time-picker-hide-pm{-webkit-animation:hidePM 300ms ease-out 0ms;animation:hidePM 300ms ease-out 0ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-time-picker-show-pm{-webkit-animation:showPM 300ms ease-out 0ms;animation:showPM 300ms ease-out 0ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text{font-size:0;height:6.25rem;width:6.25rem;max-height:6.25rem;border-radius:50%}.ui-colorpicker .ui-selector-indicator-arrow:before{background-color:#fff}.ui-date-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-date-picker.ui-number-picker-container input{display:none}.ui-date-picker.ui-number-picker-container span{margin:-.375rem 0 0 0;text-align:center;font-size:3.125rem;width:inherit}.ui-date-picker.ui-number-picker-container .ui-number-picker-label{margin:0;text-align:center;height:1.9375rem;line-height:1.9375rem;font-size:1.5rem;width:inherit;opacity:1;-webkit-transition-duration:300ms,300ms;transition-duration:300ms,300ms;-webkit-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-date-picker.ui-number-picker-container .ui-spin-item{height:3.125rem}.ui-date-picker .ui-date-picker-active-label-animation{-webkit-animation:changeColor 1s infinite;animation:changeColor 1s infinite;color:rgba(77,207,255,1)}.ui-date-picker .ui-date-picker-container-month{float:left;height:inherit;margin-left:1.5rem;width:6rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-date-picker .ui-date-picker-container-month .ui-spin{width:6.875rem}.ui-date-picker .ui-date-picker-container-day{float:left;height:inherit;margin-left:.5rem;width:5rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-date-picker .ui-date-picker-container-day .ui-spin{width:4.0625rem}.ui-date-picker .ui-date-picker-container-year{float:left;height:inherit;margin-left:.5rem;width:7.5rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-date-picker .ui-date-picker-container-year .ui-spin{width:7.5rem}.ui-date-picker .ui-date-picker-containter-dayname{position:fixed;width:100%;top:14.4375rem;opacity:.8;font-size:1.5rem;line-height:2rem;height:2rem;padding:0 2.8125rem;color:rgba(250,250,250,.8)}.ui-date-picker-hidden{display:none}.ui-date-picker .enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-date-picker .enabled .ui-spin-item-selected{opacity:1}@keyframes changeColor{0%{color:rgba(77,207,255,1)}49%{color:rgba(77,207,255,1)}51%{color:rgba(250,250,250,1)}100%{color:rgba(250,250,250,1)}}input[type=text],input[type=password],input[type=search],input[type=email]{-webkit-mask-image:url(images/TextInput/b_list_edit_field_bg.png);mask-image:url(images/TextInput/b_list_edit_field_bg.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;width:18rem;height:3.875rem;padding:.8125rem 1rem;color:rgba(250,250,250,1);font-size:1.75rem;background-color:rgba(250,250,250,.15);border:0;outline:0}input[type=text]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=email]:disabled{color:rgba(250,250,250,.3)}input[type=text]:focus+.ui-footer,input[type=password]:focus+.ui-footer,input[type=search]:focus+.ui-footer,input[type=email]:focus+.ui-footer{display:none}input[type=text]:active,input[type=password]:active,input[type=search]:active,input[type=email]:active{background-color:#5B5B5B}.ui-listview input[type=text]:focus,.ui-arc-listview-carousel input[type=text]:focus,.ui-listview input[type=password]:focus,.ui-arc-listview-carousel input[type=password]:focus,.ui-listview input[type=search]:focus,.ui-arc-listview-carousel input[type=search]:focus,.ui-listview input[type=email]:focus,.ui-arc-listview-carousel input[type=email]:focus{background-color:transparent;color:rgba(77,225,255,1);-webkit-text-fill-color:rgba(179,179,179,1);font-size:1.875rem}.ui-listview input[type=text]:active,.ui-arc-listview-carousel input[type=text]:active,.ui-listview input[type=password]:active,.ui-arc-listview-carousel input[type=password]:active,.ui-listview input[type=search]:active,.ui-arc-listview-carousel input[type=search]:active,.ui-listview input[type=email]:active,.ui-arc-listview-carousel input[type=email]:active{background-color:rgba(250,250,250,.15)}.ui-textinput-pane{width:100%;height:100%;position:fixed;display:none;background:rgba(0,0,0,1);z-index:1100}.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{position:fixed;width:100%;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem;background-color:rgba(0,0,0,1)}@media (min-height:180px){.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} \ No newline at end of file diff --git a/lib/tau/wearable/theme/changeable/tau.circle.min.template b/lib/tau/wearable/theme/changeable/tau.circle.min.template new file mode 100644 index 0000000..46b993a --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.circle.min.template @@ -0,0 +1 @@ +body{background:B015;color:T011}.ui-page{background:B015}.ui-page .ui-header{display:flex;flex-direction:column;justify-content:flex-end;height:5.75rem;line-height:39px;background-color:transparent;text-align:center;margin-top:1.4375rem}.ui-page .ui-header.ui-header-medium{margin-top:.75rem}.ui-page .ui-header.ui-header-medium .ui-title{margin-bottom:.875rem}.ui-page .ui-header.ui-header-medium .ui-subtitle{margin-top:-.4375rem}.ui-page .ui-header.ui-header-small{margin-top:.125rem}.ui-page .ui-header.ui-header-small .ui-title{margin-bottom:.25rem}.ui-page .ui-header.ui-header-small .ui-subtitle{margin-top:.1875rem}.ui-page .ui-header.ui-header-smaller{margin-top:.125rem;height:5.0625rem;display:flex;justify-content:flex-end}.ui-page .ui-header .ui-title{color:T012;margin:.875rem 4rem 1.5625rem;padding-left:0;padding-right:0;font-size:30px;mask-image:none}.ui-page .ui-header .ui-title.ui-icon{background:none!important;padding-left:1.5rem}.ui-page .ui-header.ui-header-big{height:5.875rem}.ui-page .ui-header.ui-header-big .ui-title{font-size:2rem;margin-top:1.75rem;margin-bottom:1.6875rem;color:T191}.ui-page .ui-header .ui-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:T019;font-size:1.5rem;font-weight:400;margin:-1.125rem 2.1875rem 0;line-height:2rem}.ui-page .ui-header.ui-has-more .ui-title{padding-right:1.5rem;mask-image:none}.ui-page .ui-header.ui-has-more .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;transform:translate(0,-50%);border:0 none;padding:0}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow{mask-image:none;mask-position:initial;background-color:transparent;overflow:visible}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled=disabled]{mask-position:initial}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active{background-color:transparent}.ui-page .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;transform:translate(0,-50%);background-color:transparent;overflow:visible;border:0 none;padding:0;text-indent:-9999px}.ui-page .ui-more::before{content:"";position:absolute;width:12.5rem;height:12.5rem;background-color:rgba(255,255,255,.13);border-radius:50%;opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);top:50%;left:50%;margin-top:-6.25rem;margin-left:-6.25rem;-webkit-transition:all ease-out 200ms;-moz-transition:all ease-out 200ms;-o-transition:all ease-out 200ms;-ms-transition:all ease-out 200ms;transition:all ease-out 200ms;pointer-events:none}.ui-page .ui-more:active::before{opacity:1;-webkit-transition:transform ease-out 300ms;-moz-transition:transform ease-out 300ms;-o-transition:transform ease-out 300ms;-ms-transition:transform ease-out 300ms;transition:transform ease-out 300ms;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.ui-page .ui-more::after{content:"";position:absolute;width:1rem;height:2.25rem;-webkit-mask-box-image-source:url(images/Actionbar/b_more_option.png);background-color:B052L1;border-radius:50%;top:50%;right:.375rem;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-content{text-align:center;font-size:32px;line-height:2.625rem}.ui-page .ui-content.ui-content-padding{font-stretch:ultra-condensed;padding-left:2.0625rem;padding-right:2.0625rem}.ui-page .ui-footer.ui-bottom-button{position:fixed!important;bottom:.375rem;z-index:1000;max-height:6.25rem;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;min-height:6.25rem}.ui-page .ui-footer.ui-bottom-button .ui-btn{display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:T041;padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:4.5rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:B065L4P;-webkit-transition:opacity 200ms;-moz-transition:opacity 200ms;-o-transition:opacity 200ms;-ms-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active{color:T041P;background-color:#002f4d;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after{animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled{color:T041D;background-color:#1a1a1a;border-color:#005e99}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-page.ui-scroll-on{overflow:hidden;-webkit-overflow-scrolling:auto;-moz-overflow-scrolling:auto;-o-overflow-scrolling:auto;-ms-overflow-scrolling:auto;overflow-scrolling:auto}.ui-page.ui-scroll-on .ui-content{margin-top:7.1875rem;padding-bottom:6.25rem;padding-top:0}.ui-page.ui-scroll-on .ui-header~.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-header~.ui-scroller>.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-content~.ui-footer:not(.ui-expandable-footer){margin-top:-5.3125rem}a{color:T011}.ui-switch-text{margin-top:60px;margin-bottom:48px;font-size:34px;padding:0}.ui-switch-sub-text{margin-top:48px;font-size:26px;color:T161}.ui-toggleswitch{width:76px;height:76px}.ui-toggleswitch.ui-toggleswitch-large{width:76px;height:76px}.ui-toggleswitch .ui-switch-input{background-color:W014L2;mask-image:url(images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}.ui-toggleswitch .ui-switch-input::before{content:none}.ui-toggleswitch .ui-switch-input:active{-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;background-color:W014L2P}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::after{background-color:W014L4P}.ui-toggleswitch .ui-switch-input:disabled{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button::after{background-color:W014L4D}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;transform:none}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{mask-image:url(images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-moz-transition:transform 100ms 0ms linear;-o-transition:transform 100ms 0ms linear;-ms-transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear;background-color:W014L3;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;animation-fill-mode:both}.ui-toggleswitch .ui-switch-activation::after,.ui-toggleswitch .ui-switch-button::after{content:"";width:100%;height:100%;mask-image:url(images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 200ms 100ms linear;-moz-transition:transform 200ms 100ms linear;-o-transition:transform 200ms 100ms linear;-ms-transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;animation-fill-mode:both;background-color:W014L4;position:absolute;left:0}.ui-toggleswitch .ui-switch-input:checked{background-color:W014L1}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;transform:none}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{transform:scale(1);-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:W014L3;-webkit-transition:transform 200ms 100ms linear;-moz-transition:transform 200ms 100ms linear;-o-transition:transform 200ms 100ms linear;-ms-transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::after{transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-moz-transition:transform 100ms 0ms linear;-o-transition:transform 100ms 0ms linear;-ms-transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear}.ui-toggleswitch .ui-switch-input:checked:active{background-color:W014L1P}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:W014L3P}.ui-toggleswitch .ui-switch-input:checked:disabled{background-color:W014L1D}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:W014L3D}@keyframes toastCheck{0%{mask-position:0rem 0rem}6%{mask-position:-5.125rem 0rem}11%{mask-position:-10.25rem 0rem}17%{mask-position:-15.375rem 0rem}22%{mask-position:0rem -5.125rem}28%{mask-position:-5.125rem -5.125rem}33%{mask-position:-10.25rem -5.125rem}39%{mask-position:-15.375rem -5.125rem}44%{mask-position:0rem -10.25rem}50%{mask-position:-5.125rem -10.25rem}56%{mask-position:-10.25rem -10.25rem}61%{mask-position:-15.375rem -10.25rem}67%{mask-position:0rem -15.375rem}72%{mask-position:-5.125rem -15.375rem}78%{mask-position:-10.25rem -15.375rem}83%{mask-position:-15.375rem -15.375rem}89%{mask-position:0rem -20.5rem}94%{mask-position:-5.125rem -20.5rem}100%{mask-position:-10.25rem -20.5rem}}.ui-popup{width:100%;height:100%;overflow:hidden;border:0;border-radius:50%;background-color:B061L1E}.ui-popup ::-webkit-scrollbar{display:none}.ui-popup .ui-popup-header{text-align:center;min-height:99px;background-color:transparent;color:T091;padding-top:60px;padding-right:61px;padding-bottom:0;padding-left:61px}.ui-popup .ui-popup-header+.ui-popup-content{padding-top:26px}.ui-popup .ui-popup-content{color:T092;background-color:transparent;font-size:32px;line-height:2.625rem;padding:3.75rem 1.875rem .625rem;text-align:center}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-1.5625rem -3.4375rem -1rem -3.4375rem}.ui-popup.ui-has-side-buttons .ui-popup-content{padding-left:4rem;padding-right:4rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn{top:33.33%;position:fixed;text-indent:-9999px;padding:0;line-height:2.3125rem;font-size:1.75rem;font-weight:700;padding:.5rem 1.125rem 0 1.4375rem 0;color:T041;margin:.5rem 0;height:6.25rem;width:3.75rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{content:"";width:50px;height:50px;position:absolute}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:B065L4P;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{left:50%;top:50%;transform:translate(-50%,-50%)}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active{color:T041P;background-color:#002f4d;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive{background-color:#000;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled{color:T041D;background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1){left:.125rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2){right:.125rem}.ui-popup .ui-popup-footer.ui-bottom-button{position:fixed;bottom:0;z-index:1000;max-height:6.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:6.25rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:T041;padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:3.75rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:B065L4P;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active{color:T041P;background-color:#002f4d;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled{color:T041D;background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup-more-options{background-color:transparent}.ui-popup-more-options .ui-selector{background-color:B059}.ui-popup-more-options .ui-selector .ui-selector-indicator-text{color:T013}.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext{color:T018}.ui-popup-more-options .ui-selector .ui-layer .ui-item{background-color:B0117}.ui-popup-more-options .ui-selector .ui-layer .ui-item:active{background-color:B0117P}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active{background-color:B0117S}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before{background-color:B0118}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active{background-color:B0118P}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before{background-color:B0118S}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after{content:"";position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;background-color:B061L8;mask-image:url(images/Popup/b_popup_edge_inner_glow.png);mask-size:100% 100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{margin-top:4.75rem;margin-bottom:4.75rem;padding-top:0}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header+.ui-popup-content{margin-top:0;padding-top:8px}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer{margin-top:-4.75rem}.ui-popup.ui-popup-toast{min-height:100%;background-color:W1712;background-image:none;border:0;margin:0;align-items:center}.ui-popup.ui-popup-toast.ui-popup-active,.ui-popup.ui-popup-toast.in,.ui-popup.ui-popup-toast.ui-build{display:flex}.ui-popup.ui-popup-toast .ui-popup-wrapper{width:100%}.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content{padding:0 1.875rem;height:auto;background-color:transparent;color:T099;font-size:28px;text-align:center;line-height:37px;text-overflow:ellipsis;overflow:hidden}.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{font-size:32px;line-height:42px}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:5.125rem;height:5.125rem;margin-bottom:1rem}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon{mask-image:url(images/Popup/toast_check.png);mask-repeat:no-repeat;animation-name:toastCheck;animation-duration:300ms;animation-delay:300ms;animation-iteration-count:1;animation-timing-function:step-start;animation-fill-mode:forwards;background-color:B069}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after{content:none}.ui-popup.ui-popup-toast.ui-popup-toast-small{height:10rem;min-height:5.375rem;width:10rem;position:fixed;margin-bottom:.3125rem;background-color:W15021;border:solid .0625rem W15022;border-radius:50%}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content{padding:0 1.1875rem;max-height:6rem;color:T0911;font-size:1.5rem;line-height:2rem}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon{transform:translateX(-50%) scale(0.6097561);margin:-1rem 0;background-color:W1503}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only{width:5.375rem;height:5.375rem}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{padding-bottom:.375rem}.ui-popup.ui-ctxpopup{height:auto}.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item){margin-top:3.125rem}.ui-page.ui-scroll-on .ui-header~.ui-content .ui-listview{margin-top:0}.ui-page .ui-scroller.ui-snap-container .ui-header{margin:0;height:7.1875rem}.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview{margin-top:.6875rem}.ui-page .ui-scroller.ui-snap-container .ui-content{padding-bottom:7.875rem}.ui-listview.ui-arc-listview{padding-bottom:0}.ui-listview li{font-size:2.25rem;font-weight:500;min-height:6.75rem;max-height:22.5rem;padding:0 1.875rem;border:0 none;border-bottom:0 solid transparent;border-image:linear-gradient(0deg,transparent,#245B85,transparent) 1;color:T0211;text-align:center;line-height:2.9375rem;box-sizing:content-box;transition-property:max-height;transition-duration:1ms}.ui-listview li.ui-listview-divider,.ui-listview li.ui-li-group-index{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:transparent;color:T0231;display:flex;padding:0}.ui-listview li.ui-listview-divider::before,.ui-listview li.ui-li-group-index::before{content:"";height:100%;width:auto;mask-image:url(images/List/tw_list_sub_line_left.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:-.75rem 50%;-moz-mask-position:-.75rem 50%;-ms-mask-position:-.75rem 50%;-o-mask-position:-.75rem 50%;mask-position:-.75rem 50%;background:B023;flex:1}.ui-listview li.ui-listview-divider::after,.ui-listview li.ui-li-group-index::after{content:"";height:100%;width:auto;mask-image:url(images/List/tw_list_sub_line_right.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:.75rem 50%;-moz-mask-position:.75rem 50%;-ms-mask-position:.75rem 50%;-o-mask-position:.75rem 50%;mask-position:.75rem 50%;background:B023;flex:1}.ui-listview li.ui-li-btn{padding:0}.ui-listview li.ui-li-btn .ui-btn{padding:2.625rem 2.5rem;margin:0;line-height:inherit}.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn{padding:1.75rem 1.25rem}.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn{padding:1.75rem 1.875rem;height:100%;text-indent:-9999px}.ui-listview li>*{color:T0211}.ui-listview li>a:first-child:last-child,.ui-listview li button:first-child:last-child{padding:0;margin:0;justify-content:space-around;display:flex;align-items:center}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub{padding-top:.5625rem;padding-bottom:.5rem}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub{padding-top:.0625rem;padding-bottom:.25rem}.ui-listview li:last-child{border:0}.ui-listview li.li-divider{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:B023;color:T0231;padding:0}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{background-color:T011}.ui-listview li.ui-li-has-action-icon .ui-action-delete{background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-setting{background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-add{background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:B041P;color:T0211P}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active{background-color:transparent;color:T0211P}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:url(images/List/b_list_focus_bg.png);mask-size:100% 100%;background-color:B0210P;pointer-events:none}.ui-listview.ui-snap-listview li,.ui-listview.ui-arc-listview-carousel-item li{display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-listview.ui-snap-listview li a,.ui-listview.ui-arc-listview-carousel-item li a{display:flex;flex-direction:column}.ui-listview.ui-snap-listview li a>span,.ui-listview.ui-arc-listview-carousel-item li a>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-listview.ui-snap-listview li.ui-li-grid,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid{flex-direction:row}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full{justify-content:space-between}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div{text-align:inherit}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after{opacity:0}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *{flex-grow:1;flex-shrink:1}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn-icon{flex-grow:0;flex-shrink:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn{padding:0;margin:0 1.125rem 0 0;flex:none}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before{border-radius:50%}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle{border-radius:50%;width:5.5rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active{animation:btn-circle-opacity-press linear 567ms}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child{margin-right:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child:first-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child:first-child{margin-right:1.25rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn-description,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn-description{transform:none;margin:0;width:auto}.ui-listview.ui-snap-listview li .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text{color:T022;font-size:1.5rem;display:block;transition-property:opacity,line-height;transition-timing-function:ease-in-out,ease-in-out;transition-duration:100ms,200ms;opacity:0;line-height:.01px}.ui-listview.ui-snap-listview li.ui-snap-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected,.ui-listview.ui-snap-listview li.ui-arc-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected{line-height:2.9375rem;max-height:45rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text{opacity:1;line-height:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:18.75rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child){padding-top:.125rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active{color:T0211P}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before{background-color:B0210P}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active{background-color:B041P;color:T0211P}.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;background-color:B0210;border-radius:20vw;pointer-events:none}.ui-listview.ui-snap-listview li li,.ui-listview.ui-arc-listview-carousel-item li li{border:0}.ui-listview.ui-snap-listview li li.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before{background-color:transparent}.ui-listview.ui-arc-listview-carousel-item-separator{height:auto}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li{padding:1.5625rem 1.875rem 1.625rem;min-height:auto;color:T0261;overflow:hidden;line-height:3rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before{display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:"";width:100%;height:.0625rem;background-color:#fff;-webkit-mask-box-image:url(images/List/tw_list_divider.png) 0 128 0 128 repeat repeat}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a{color:T0261P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text{white-space:normal;color:T0263;padding-top:.5625rem;padding-bottom:.625rem;font-size:1.9375rem;line-height:2.3125rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active{color:T0263P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline{padding-top:.5625rem;padding-bottom:.625rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a{display:flex;flex-direction:column}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text{color:T0262;font-size:1.5rem;line-height:2rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text{color:T9262P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left{padding-left:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right{padding-right:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img{background-color:unset;position:absolute;top:calc(49.5%);transform:translateY(-50%)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left{left:1rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right{right:1rem}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{height:76px;width:76px}input[type=checkbox]:not(.ui-switch-input){mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L2 63%,W012L2 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input)::before{content:"";mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1 63%,W012L1 68%,transparent 72%);height:100%;width:100%;opacity:0;position:absolute;transition:all 300ms ease-in}input[type=checkbox]:not(.ui-switch-input)::after{mask-image:url(images/Controller_icon/Check/tw_btn_check_holo_dark.png);mask-repeat:repeat;mask-position:center bottom;height:0;transition-property:height;transition-duration:500ms;bottom:0;mask-size:100%}input[type=checkbox]:not(.ui-switch-input):checked::before{animation:checkon 300ms ease-out;transition:none;mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1 63%,W012L1 68%,transparent 72%);opacity:1}input[type=checkbox]:not(.ui-switch-input):checked::after{background-color:W012L3;height:100%}input[type=checkbox]:not(.ui-switch-input):active{background:radial-gradient(transparent,transparent 59%,W012L2 63%,W012L2 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):active::after{height:0}input[type=checkbox]:not(.ui-switch-input):active:checked::before{mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1 63%,W012L1 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):active:checked::after{background-color:W012L3;height:100%}input[type=checkbox]:not(.ui-switch-input):disabled{background:radial-gradient(transparent,transparent 59%,W012L2D 63%,W012L2D 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):disabled:checked::before{mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1D 63%,W012L1D 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):disabled:checked::after{background-color:W012L3D;height:100%}@keyframes checkon{from{opacity:.5}100%{opacity:1}}input[type=radio]{background:radial-gradient(transparent,transparent 59%,W013L2 63%,W013L2 68%,transparent 72%,transparent);mask-image:none}input[type=radio]::after{content:"";mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:W013L4}input[type=radio]::before{content:"";background-color:W013L3;mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-repeat:no-repeat;width:100%;height:100%;mask-size:100% 100%;position:absolute;transform:scale(0);transition:transform 300ms}input[type=radio]:checked{background:radial-gradient(transparent,transparent 59%,W013L1 63%,W013L1 68%,transparent 72%,transparent)}input[type=radio]:checked::before{background-color:W013L3;mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);transform:scale(1);z-index:1}input[type=radio]:active{background:radial-gradient(transparent,transparent 59%,W013L2P 63%,W013L2P 68%,transparent 72%,transparent);mask-image:none}input[type=radio]:active::after{mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:W013L4P}input[type=radio]:active:checked{background:radial-gradient(transparent,transparent 59%,W013L1P 63%,W013L1P 68%,transparent 72%,transparent)}input[type=radio]:active:checked::before{mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:W013L3P}input[type=radio]:active:checked::after{content:none}input[type=radio]:disabled{background:radial-gradient(transparent,transparent 59%,W013L2D 63%,W013L2D 68%,transparent 72%,transparent);mask-image:none}input[type=radio]:disabled::before{transition:none}input[type=radio]:disabled::after{background-color:W013L4D}input[type=radio]:disabled:checked{background:radial-gradient(transparent,transparent 59%,W013L1D 63%,W013L1D 68%,transparent 72%,transparent)}input[type=radio]:disabled:checked::before{background-color:W013L3D;transition:none}input[type=radio]:disabled:checked::after{content:none}.ui-btn{color:T042;background-color:transparent;height:auto}.ui-btn.ui-btn-icon-only::before{mask-size:3.125rem 3.125rem;width:3.125rem;height:3.125rem}.ui-default{color:T042;background-color:transparent}.ui-color-red{color:T041;background-color:W012}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:W012}.ui-color-red:enabled:focus{background-color:W012}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:T041;background-color:W012}.ui-color-orange{color:T041;background-color:W013}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:W013}.ui-color-orange:enabled:focus{background-color:W013}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:T041;background-color:W013}.ui-color-green{color:T041;background-color:W014}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:W014}.ui-color-green:enabled:focus{background-color:W014}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:T041;background-color:W014}.ui-color-blue{color:T041;background-color:W011}a.ui-color-blue:active:hover,.ui-color-blue:enabled:active:hover{background-color:W011}.ui-color-blue:enabled:focus{background-color:W011}a.ui-color-blue.ui-state-disabled,.ui-color-blue:disabled{color:T041;background-color:W011}.ui-grid-col-1>.ui-btn{border-left:solid 1px B011}.ui-grid-col-2>.ui-btn{border-left:solid 1px B011}.ui-grid-col-3>.ui-btn{border-left:solid 1px B011}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left{border:.5rem solid B065L2}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right{border:.5rem solid B065L2}.ui-progressbar .ui-progressbar-bg{border:.5rem solid B065L3}.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left,.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right{border:.25rem solid B065L2}.ui-progressbar.ui-progressbar-small .ui-progressbar-bg{border:.25rem solid B065L3}.ui-progressbar-end-point{position:absolute;z-index:1000;width:20px;height:20px;background:#37a1ed;border-radius:50%;left:180px;top:180px;transform:translate(-50%,-50%);transform-origin:center center;display:none}.ui-progressbar-end-point::after{content:"";position:absolute;width:100%;height:100%;background:rgba(55,161,237,.5);left:0;right:0;border-radius:50%;transform:scale(1);transition-property:transform;transition-duration:.25s;transition-timing-function:ease-out}.ui-progressbar-end-point-active{display:block}.ui-progressbar-end-point-pressed::after{content:"";transform:scale(2)}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{background-color:B0731}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{color:T0312P}.ui-indexscrollbar{display:none}.ui-drawer{background-color:B0511D;border-radius:50%}.ui-drawer-overlay{background-color:B0511D}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}}progress{color:T011}progress::-webkit-progress-bar{background-color:B065L3}progress::-webkit-progress-value{background-color:B065L2}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:B065L2}@keyframes fullprocess{0%{mask-position:0vw 0vw}2%{mask-position:-100vw 0vw}3%{mask-position:-200vw 0vw}5%{mask-position:-300vw 0vw}7%{mask-position:-400vw 0vw}8%{mask-position:-500vw 0vw}10%{mask-position:-600vw 0vw}12%{mask-position:0vw -100vw}14%{mask-position:-100vw -100vw}15%{mask-position:-200vw -100vw}17%{mask-position:-300vw -100vw}19%{mask-position:-400vw -100vw}20%{mask-position:-500vw -100vw}22%{mask-position:-600vw -100vw}24%{mask-position:0vw -200vw}25%{mask-position:-100vw -200vw}27%{mask-position:-200vw -200vw}29%{mask-position:-300vw -200vw}31%{mask-position:-400vw -200vw}32%{mask-position:-500vw -200vw}34%{mask-position:-600vw -200vw}36%{mask-position:0vw -300vw}37%{mask-position:-100vw -300vw}39%{mask-position:-200vw -300vw}41%{mask-position:-300vw -300vw}42%{mask-position:-400vw -300vw}44%{mask-position:-500vw -300vw}46%{mask-position:-600vw -300vw}47%{mask-position:0vw -400vw}49%{mask-position:-100vw -400vw}51%{mask-position:-200vw -400vw}53%{mask-position:-300vw -400vw}54%{mask-position:-400vw -400vw}56%{mask-position:-500vw -400vw}58%{mask-position:-600vw -400vw}59%{mask-position:0vw -500vw}61%{mask-position:-100vw -500vw}63%{mask-position:-200vw -500vw}64%{mask-position:-300vw -500vw}66%{mask-position:-400vw -500vw}68%{mask-position:-500vw -500vw}69%{mask-position:-600vw -500vw}71%{mask-position:0vw -600vw}73%{mask-position:-100vw -600vw}75%{mask-position:-200vw -600vw}76%{mask-position:-300vw -600vw}78%{mask-position:-400vw -600vw}80%{mask-position:-500vw -600vw}81%{mask-position:-600vw -600vw}83%{mask-position:0vw -700vw}85%{mask-position:-100vw -700vw}86%{mask-position:-200vw -700vw}88%{mask-position:-300vw -700vw}90%{mask-position:-400vw -700vw}92%{mask-position:-500vw -700vw}93%{mask-position:-600vw -700vw}95%{mask-position:0vw -800vw}97%{mask-position:-100vw -800vw}98%{mask-position:-200vw -800vw}100%{mask-position:-300vw -800vw}}.ui-page-active .ui-processing{opacity:1}.ui-processing{opacity:0;background-color:B065L6;transition:opacity .2s linear}.ui-processing.ui-processing-alternate{background-color:B082}.ui-processing.ui-processing-on-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-processing.ui-processing-full-size{mask-image:url(images/Processing/processingfull.png);mask-repeat:no-repeat;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-start;animation-name:fullprocess;pointer-events:none;position:fixed;width:100vw;height:100vw;top:0;left:0;margin:0}.ui-listview li .ui-processing{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.ui-scrollbar-bouncing-effect{animation-duration:.7s;animation-timing-function:ease;background-color:B018E}.ui-scrollbar-bouncing-effect::before{animation-duration:.7s;animation-timing-function:ease;animation-fill-mode:forwards;background-color:B019}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:5.5rem;left:0;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:5.5rem;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:5.5rem;height:100%;top:0;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:5.5rem;height:100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;mask-image:url(images/Scroller/bouncing_circle_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{mask-image:url(images/Scroller/bouncing_circle_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;mask-image:url(images/Scroller/bouncing_circle_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{mask-image:url(images/Scroller/bouncing_circle_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;mask-image:url(images/Scroller/bouncing_circle_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{mask-image:url(images/Scroller/bouncing_circle_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;mask-image:url(images/Scroller/bouncing_circle_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{mask-image:url(images/Scroller/bouncing_circle_right_edge.png)}@keyframes -ui-bouncing-show-additional{0%{opacity:0}42%{opacity:0}100%{opacity:.7}}@keyframes ui-bouncing-show-top{0%{transform:translate3d(0,-100%,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-left{0%{transform:translate3d(-100%,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-right{0%{transform:translate3d(100%,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-bottom{0%{transform:translate3d(0,100%,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes -ui-bouncing-hide-additional{0%{opacity:.7}42%{opacity:0}100%{opacity:0}}@keyframes ui-bouncing-hide-left{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes ui-bouncing-hide-right{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ui-bouncing-hide-bottom{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,100%,0)}}@keyframes ui-bouncing-hide-top{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-100%,0)}}.ui-scrollbar-bouncing-effect.ui-show{display:block}.ui-scrollbar-bouncing-effect.ui-show.ui-left{animation-name:ui-bouncing-show-left}.ui-scrollbar-bouncing-effect.ui-show.ui-right{animation-name:ui-bouncing-show-right}.ui-scrollbar-bouncing-effect.ui-show.ui-bottom{animation-name:ui-bouncing-show-bottom}.ui-scrollbar-bouncing-effect.ui-show.ui-top{animation-name:ui-bouncing-show-top}.ui-scrollbar-bouncing-effect.ui-show::before{animation-name:-ui-bouncing-show-additional}.ui-scrollbar-bouncing-effect.ui-hide{animation-duration:.3s;display:block}.ui-scrollbar-bouncing-effect.ui-hide.ui-left{animation-name:ui-bouncing-hide-left}.ui-scrollbar-bouncing-effect.ui-hide.ui-right{animation-name:ui-bouncing-hide-right}.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom{animation-name:ui-bouncing-hide-bottom}.ui-scrollbar-bouncing-effect.ui-hide.ui-top{animation-name:ui-bouncing-hide-top}.ui-scrollbar-bouncing-effect.ui-hide::before{animation-duration:.3s;animation-name:-ui-bouncing-hide-additional}.is-circle-test{width:1px}.ui-selector{background-color:B01153}.ui-selector .ui-item{background-color:B0554}.ui-selector .ui-item:active{background-color:B0554P}.ui-selector .ui-item.ui-item-active:active{background-color:B0554}.ui-selector .ui-layer.ui-layer-prev,.ui-selector .ui-layer.ui-layer-next{background-color:B058}.ui-selector .ui-layer.ui-layer-prev:active,.ui-selector .ui-layer.ui-layer-next:active{background-color:B058P}.ui-selector .ui-selector-indicator{font-size:1.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{color:T117}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{color:T118}.ui-selector .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background-color:B0116P}.ui-selector .ui-selector-indicator-active+.ui-selector-indicator-arrow::before{background-color:B0116P}.ui-selector .ui-selector-indicator-arrow::before{background-color:B0116}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev){pointer-events:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator>:not(.ui-selector-indicator-text){display:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder{box-sizing:border-box;border:.0625rem solid B1681;background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after{display:none}@keyframes dragItem{0%{transform:scale(1);opacity:1}100%{transform:scale(1.21428571);opacity:.7}}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved{position:fixed;width:3.5rem;height:3.5rem;z-index:101;visibility:visible;opacity:.7;transform:scale(1.21428571);pointer-events:none;margin:-1.75rem;animation:333ms dragItem}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end{opacity:1;transform:scale(1)}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{position:absolute;width:1.875rem;height:1.875rem;top:-.125rem}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg{background-color:B1672P}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after{background-color:B1671P}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg{position:absolute;width:100%;height:100%;background-color:B1672;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before{background-color:B1673;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{background-color:B1671;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{right:-.1875rem;transform-origin:top right}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{transform:scaleX(-1)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left{transform-origin:top left;left:-.1875rem}.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item{opacity:0;transition:opacity 200ms}.ui-selector.ui-selector-edit-mode .ui-item-plus{background-color:B0554;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_add.png);mask-size:100%}.ui-bezelless-selector .ui-more{z-index:1}.ui-bezelless-selector .ui-listview li img{width:3.125rem;height:3.125rem}.ui-bezelless-selector .thumb-container{display:inline-block;width:3.125rem;height:3.125rem;position:absolute;left:2.5rem;background:#fff;border-radius:6.25rem}.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:3.125rem}.ui-slider-container{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-slider-container .ui-slider-icon{width:9.375rem;height:9.375rem;margin:0 auto}.ui-slider-container .ui-slider-titles{height:4.625rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-slider-container .ui-slider-titles .ui-slider-title{color:T117;font-size:1.875rem;line-height:1.875rem;margin-top:.4375rem}.ui-slider-container .ui-slider-titles .ui-slider-subtitle{color:T118;font-size:1.8125rem;line-height:1.875rem}.ui-slider-container .ui-slider-buttons{height:4rem;display:flex;align-items:center;justify-content:center;width:100%}.ui-slider-container .ui-slider-buttons .ui-slider-minus{width:2.75rem;height:100%;background:url(images/Slider/b_slider_icon_minus.png) no-repeat center center;z-index:1}.ui-slider-container .ui-slider-buttons .ui-slider-number{height:100%;color:T014;font-size:2.5rem;width:4.125rem;margin:0 -1.25rem;line-height:3.25rem;margin-top:.3125rem}.ui-slider-container .ui-slider-buttons .ui-slider-plus{background:url(images/Slider/b_slider_icon_plus.png) no-repeat center center;width:2.75rem;height:100%;z-index:1}a.ui-hyperlink{color:T1611}a.ui-hyperlink:active,a.ui-hyperlink:hover{color:T1611P}.ui-arc-listview{width:22.5rem;display:block;overflow:hidden;top:0;left:0}.ui-arc-listview-carousel{position:absolute;top:0;left:0;width:100%;height:100%}.ui-arc-listview-carousel-item{width:22.5rem;position:absolute;height:6.75rem}.ui-arc-listview-carousel-item li{top:3.375rem;transform:translateY(-50%)}.ui-arc-listview-5 .ui-arc-listview-carousel-item{height:4.375rem}.ui-arc-listview-5 .ui-arc-listview-carousel-item li{top:2.1875rem;transform:translateY(-50%)}.ui-arc-listview-selection{opacity:0;position:absolute;transition:opacity 250ms;pointer-events:none;transform:translateY(-50%);mask-image:url(images/List/b_list_focus_bg.png);mask-size:100% 100%;top:50%;width:22.5rem;height:7.5rem;left:0;right:0;border-radius:4.5rem;background-color:B0210}.ui-arc-listview-selection-show{opacity:1}.ui-arc-listview li,.ui-arc-listview-carousel li{justify-content:space-around;display:flex;align-items:center}.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:6.75rem;vertical-align:middle}.ui-arc-listview li.ui-li-group-index,.ui-arc-listview-carousel li.ui-li-group-index,.ui-arc-listview li.ui-listview-divider,.ui-arc-listview-carousel li.ui-listview-divider{margin-top:0;border:0;flex-direction:row}.ui-arc-listview li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider){margin-top:0}.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:4.375rem}.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected,.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:4.375rem}.ui-arc-listview-carousel{}.ui-arc-listview-carousel .ui-listview{padding-bottom:0}.ui-force-relative-li-children li{position:relative!important}@media (max-height:180px){.ui-arc-listview-carousel li input[type=text]:focus,.ui-arc-listview-carousel li input[type=password]:focus{position:fixed;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem}}.ui-number-picker-container{display:flex;width:100%;height:6.875rem;justify-content:center;flex-direction:column;position:relative;top:.5625rem}.ui-number-picker-container .ui-circleindicator{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;pointer-events:none}.ui-number-picker-container .ui-circleindicator .ui-animated{transition-duration:.3s}.ui-number-picker-container input[type=number]{display:none}.ui-number-picker-container .ui-number-picker-label{order:1;font-size:1.5rem;line-height:1.5625rem;color:T273S;display:block;width:5rem;opacity:1;transition-duration:300ms,300ms;transition-property:opacity,top;transition-timing-function:linear}.ui-number-picker-container .ui-number-picker-label.hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-number-picker-container .ui-number-picker-number{order:2;font-size:3.125rem;line-height:5.3125rem;margin-top:-.375rem;color:T2751;min-width:5rem;display:block;padding-top:.4375rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin{margin-top:.5rem;height:3.125rem;width:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled{margin-top:.5rem;height:100%}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling{height:100%}.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number{color:T273D}.ui-number-picker-container .ui-number-picker-number-pressed{color:T275P}.ui-number-picker-container .ui-number-picker-number-blink{animation:ui-number-picker-number-blink 1s infinite}.ui-number-picker-container .ui-spin{height:3.125rem;line-height:normal;margin-top:0;padding:0;width:3.75rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-spin.enabled{height:100%}.ui-number-picker-container .hidden{display:none}.ui-number-picker-container .ui-spin-item{font-size:3.125rem;height:2.375rem}.ui-number-picker-container:not(.ui-time-picker) span{margin-left:8.75rem}.ui-number-picker-container:not(.ui-time-picker) label{position:absolute;top:0;left:50%;transform:translate(-50%)}.ui-time-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-time-picker .ui-time-picker-container-hours{float:left;height:inherit;width:5rem}.ui-time-picker .ui-time-picker-colon-container{float:left;height:5.3125rem;width:.75rem;margin-left:.5rem;padding-top:2.8125rem}.ui-time-picker .ui-time-picker-colon-container span{font-size:2.5rem}.ui-time-picker div{font-size:2.5rem}.ui-time-picker div label{font-size:1rem}.ui-time-picker .ui-time-picker-active-label-animation{animation:changeColor 1s infinite;color:T271S}.ui-time-picker .ui-time-picker-container-minutes{float:left;height:inherit;margin-left:.5rem;width:5rem}.ui-time-picker .ui-time-picker-container-ampm{float:left;height:4.0625rem;margin-top:2.0625rem;margin-left:.5rem;width:6.25rem;overflow-y:hidden}.ui-time-picker .ui-time-picker-container-ampm div{height:8.125rem;position:relative}.ui-time-picker .ui-time-picker-container-ampm div span{font-size:3.125rem;height:4.0625rem;line-height:4.0625rem;width:6.25rem;display:inline-block;position:relative;color:T2741}.ui-time-picker .ui-time-picker-container-ampm-pressed div span{color:T274P}.ui-time-picker .ui-number-picker-label{display:block;width:5rem;font-size:1.5rem;height:2.0625rem;position:absolute;opacity:1;top:-.375rem;transition-duration:300ms,300ms;transition-property:opacity,top;transition-timing-function:linear}.ui-time-picker .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-time-picker .ui-number-picker-number{width:5rem;font-size:4.0625rem;display:block;height:5.3125rem;margin-top:1.25rem;padding-top:0}.ui-time-picker .ui-number-picker-number.ui-spin{margin-top:2rem;height:4.0625rem;width:auto}.ui-time-picker .ui-number-picker-number.ui-spin.enabled{margin-top:.625rem;height:100%}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-time-picker .ui-number-picker-number .ui-spin-item{font-size:4.0625rem;height:3.125rem}.ui-time-picker-hidden{opacity:0}.ui-time-picker .ui-polar .disable-transform.pointer{transition:none}.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation{transition:none;display:none}.ui-circleindicator.ui-time-picker-background{background-image:url(images/TimePicker/time_picker_bg.png);background-repeat:no-repeat;background-attachment:fixed}.ui-time-picker-am-pm{margin-left:2rem}.ui-time-picker-no-am-pm{margin-left:5.375rem}@keyframes changeColor{0%{color:T271S}49%{color:T271S}51%{color:T271}100%{color:T271}}@keyframes showPM{0%{transform:translateY(0px)}100%{transform:translateY(-65px)}}@keyframes hidePM{0%{transform:translateY(-65px)}100%{transform:translateY(0px)}}.ui-time-picker-hide-pm{animation:hidePM 300ms ease-out 0ms;animation-fill-mode:forwards}.ui-time-picker-show-pm{animation:showPM 300ms ease-out 0ms;animation-fill-mode:forwards}.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text{font-size:0;height:6.25rem;width:6.25rem;max-height:6.25rem;border-radius:50%}.ui-colorpicker .ui-selector-indicator-arrow:before{background-color:#fff}.ui-date-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-date-picker.ui-number-picker-container input{display:none}.ui-date-picker.ui-number-picker-container span{margin:-.375rem 0 0 0;text-align:center;font-size:3.125rem;width:inherit}.ui-date-picker.ui-number-picker-container .ui-number-picker-label{margin:0;text-align:center;height:1.9375rem;line-height:1.9375rem;font-size:1.5rem;width:inherit;opacity:1;transition-duration:300ms,300ms;transition-property:opacity,top;transition-timing-function:linear}.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-date-picker.ui-number-picker-container .ui-spin-item{height:3.125rem}.ui-date-picker .ui-date-picker-active-label-animation{animation:changeColor 1s infinite;color:T271S}.ui-date-picker .ui-date-picker-container-month{float:left;height:inherit;margin-left:1.5rem;width:6rem;position:relative;display:flex;justify-content:center;flex-direction:column}.ui-date-picker .ui-date-picker-container-month .ui-spin{width:6.875rem}.ui-date-picker .ui-date-picker-container-day{float:left;height:inherit;margin-left:.5rem;width:5rem;position:relative;display:flex;justify-content:center;flex-direction:column}.ui-date-picker .ui-date-picker-container-day .ui-spin{width:4.0625rem}.ui-date-picker .ui-date-picker-container-year{float:left;height:inherit;margin-left:.5rem;width:7.5rem;position:relative;display:flex;justify-content:center;flex-direction:column}.ui-date-picker .ui-date-picker-container-year .ui-spin{width:7.5rem}.ui-date-picker .ui-date-picker-containter-dayname{position:fixed;width:100%;top:14.4375rem;opacity:.8;font-size:1.5rem;line-height:2rem;height:2rem;padding:0 2.8125rem;color:T277}.ui-date-picker-hidden{display:none}.ui-date-picker .enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-date-picker .enabled .ui-spin-item-selected{opacity:1}@keyframes changeColor{0%{color:T271S}49%{color:T271S}51%{color:T271}100%{color:T271}}input[type=text],input[type=password],input[type=search],input[type=email]{mask-image:url(images/TextInput/b_list_edit_field_bg.png);mask-size:100% 100%;width:18rem;height:3.875rem;padding:.8125rem 1rem;color:T016;font-size:1.75rem;background-color:B02112;border:0;outline:0}input[type=text]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=email]:disabled{color:T016D}input[type=text]:focus+.ui-footer,input[type=password]:focus+.ui-footer,input[type=search]:focus+.ui-footer,input[type=email]:focus+.ui-footer{display:none}input[type=text]:active,input[type=password]:active,input[type=search]:active,input[type=email]:active{background-color:#5B5B5B}.ui-listview input[type=text]:focus,.ui-arc-listview-carousel input[type=text]:focus,.ui-listview input[type=password]:focus,.ui-arc-listview-carousel input[type=password]:focus,.ui-listview input[type=search]:focus,.ui-arc-listview-carousel input[type=search]:focus,.ui-listview input[type=email]:focus,.ui-arc-listview-carousel input[type=email]:focus{background-color:transparent;color:B0215;-webkit-text-fill-color:T142;font-size:1.875rem}.ui-listview input[type=text]:active,.ui-arc-listview-carousel input[type=text]:active,.ui-listview input[type=password]:active,.ui-arc-listview-carousel input[type=password]:active,.ui-listview input[type=search]:active,.ui-arc-listview-carousel input[type=search]:active,.ui-listview input[type=email]:active,.ui-arc-listview-carousel input[type=email]:active{background-color:B02112}.ui-textinput-pane{width:100%;height:100%;position:fixed;display:none;background:B015;z-index:1100}.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{position:fixed;width:100%;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem;background-color:B015}@media (min-height:180px){.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{top:50%;left:50%;transform:translate(-50%,-50%)}} \ No newline at end of file diff --git a/lib/tau/wearable/theme/changeable/tau.circle.template b/lib/tau/wearable/theme/changeable/tau.circle.template new file mode 100644 index 0000000..e104430 --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.circle.template @@ -0,0 +1,3093 @@ +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar / Header +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Footer +***************************************************************************/ +/*************************************************************************** + Toast Popup +***************************************************************************/ +/*************************************************************************** + Small Toast Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Multiline List +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Text Input +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Hyper Link +***************************************************************************/ +/*************************************************************************** + Number Picker +***************************************************************************/ +/*************************************************************************** + Time Picker +***************************************************************************/ +/*************************************************************************** + Date Picker +***************************************************************************/ +/*************************************************************************** + Time/Number/Date Indicator +***************************************************************************/ +/*************************************************************************** + More Options +***************************************************************************/ +/*************************************************************************** + IconButton +***************************************************************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* List(FIXED) */ +/**********************************************************************/ +/************************ +Listview +*************************/ +/*************************************************************************** + Common Style + +***************************************************************************/ +/*************************************************************************** + Development Tip + If you want to implement specific css code of circle device, + you should implement specific code here. + But when you implement code, you should check duplicate value + between common/layout.less and this file. + If you have duplicate value, please change static value to variable value. +***************************************************************************/ +body { + background: B015; + color: T011; +} +.ui-page { + background: B015; +} +.ui-page .ui-header { + display: flex; + flex-direction: column; + justify-content: flex-end; + height: 5.75rem; + line-height: 39px; + background-color: transparent; + text-align: center; + margin-top: 1.4375rem; +} +.ui-page .ui-header.ui-header-medium { + margin-top: 0.75rem; +} +.ui-page .ui-header.ui-header-medium .ui-title { + margin-bottom: 0.875rem; +} +.ui-page .ui-header.ui-header-medium .ui-subtitle { + margin-top: -0.4375rem; +} +.ui-page .ui-header.ui-header-small { + margin-top: 0.125rem; +} +.ui-page .ui-header.ui-header-small .ui-title { + margin-bottom: 0.25rem; +} +.ui-page .ui-header.ui-header-small .ui-subtitle { + margin-top: 0.1875rem; +} +.ui-page .ui-header.ui-header-smaller { + margin-top: 0.125rem; + height: 5.0625rem; + display: flex; + justify-content: flex-end; +} +.ui-page .ui-header .ui-title { + color: T012; + margin: 0.875rem 4rem 1.5625rem; + padding-left: 0; + padding-right: 0; + font-size: 30px; + mask-image: none; +} +.ui-page .ui-header .ui-title.ui-icon { + background: none !important; + padding-left: 1.5rem; +} +.ui-page .ui-header.ui-header-big { + height: 5.875rem; +} +.ui-page .ui-header.ui-header-big .ui-title { + font-size: 2rem; + margin-top: 1.75rem; + margin-bottom: 1.6875rem; + color: T191; +} +.ui-page .ui-header .ui-subtitle { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: T019; + font-size: 1.5rem; + font-weight: normal; + margin: -1.125rem 2.1875rem 0; + line-height: 2rem; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 1.5rem; + mask-image: none; +} +.ui-page .ui-header.ui-has-more .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + transform: translate(0, -50%); + border: 0 none; + padding: 0; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow { + mask-image: none; + mask-position: initial; + background-color: transparent; + overflow: visible; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled="disabled"] { + mask-position: initial; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active { + background-color: transparent; +} +.ui-page .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + transform: translate(0, -50%); + background-color: transparent; + overflow: visible; + border: 0 none; + padding: 0; + text-indent: -9999px; +} +.ui-page .ui-more::before { + content: ""; + position: absolute; + width: 12.5rem; + height: 12.5rem; + background-color: rgba(255, 255, 255, 0.13); + border-radius: 50%; + opacity: 0; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + top: 50%; + left: 50%; + margin-top: -6.25rem; + margin-left: -6.25rem; + -webkit-transition: all ease-out 200ms; + -moz-transition: all ease-out 200ms; + -o-transition: all ease-out 200ms; + -ms-transition: all ease-out 200ms; + transition: all ease-out 200ms; + pointer-events: none; +} +.ui-page .ui-more:active::before { + opacity: 1; + -webkit-transition: transform ease-out 300ms; + -moz-transition: transform ease-out 300ms; + -o-transition: transform ease-out 300ms; + -ms-transition: transform ease-out 300ms; + transition: transform ease-out 300ms; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); +} +.ui-page .ui-more::after { + content: ""; + position: absolute; + width: 1rem; + height: 2.25rem; + -webkit-mask-box-image-source: url("images/Actionbar/b_more_option.png"); + background-color: B052L1; + border-radius: 50%; + top: 50%; + right: 0.375rem; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-content { + text-align: center; + font-size: 32px; + line-height: 2.625rem; +} +.ui-page .ui-content.ui-content-padding { + font-stretch: ultra-condensed; + padding-left: 2.0625rem; + padding-right: 2.0625rem; +} +.ui-page .ui-footer.ui-bottom-button { + position: fixed !important; + bottom: 0.375rem; + z-index: 1000; + max-height: 6.25rem; + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 6.25rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn { + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: T041; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 4.5rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: B065L4P; + -webkit-transition: opacity 200ms; + -moz-transition: opacity 200ms; + -o-transition: opacity 200ms; + -ms-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: T041P; + background-color: #002f4d; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled { + color: T041D; + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +/*************************************************************************** + Page Scroll +***************************************************************************/ +.ui-page.ui-scroll-on { + overflow: hidden; + -webkit-overflow-scrolling: auto; + -moz-overflow-scrolling: auto; + -o-overflow-scrolling: auto; + -ms-overflow-scrolling: auto; + overflow-scrolling: auto; +} +.ui-page.ui-scroll-on .ui-content { + margin-top: 7.1875rem; + padding-bottom: 6.25rem; + padding-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-scroller > .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-content ~ .ui-footer:not(.ui-expandable-footer) { + margin-top: -5.3125rem; +} +/* + * Common definition for theme + */ +/*************************************************************** + default font size (base font from WRT) + => small: 13px + => normal: 17px + => large: 20px + +This is only applied to gear2. +so, we set @font_size_default as 17px on gear2 and it was changed to 16px since gear-S. +This value only used for @rem_base, not for html font-size +html font-size is set by WRT base font-size +***************************************************************/ +a { + color: T011; +} +/*************************************************************************** + toggle switch +***************************************************************************/ +.ui-switch-text { + margin-top: 60px; + margin-bottom: 48px; + font-size: 34px; + padding: 0; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + color: T161; +} +.ui-toggleswitch { + width: 76px; + height: 76px; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 76px; + height: 76px; +} +.ui-toggleswitch .ui-switch-input { + background-color: W014L2; + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-transition: background-color 300ms linear; + -moz-transition: background-color 300ms linear; + -o-transition: background-color 300ms linear; + -ms-transition: background-color 300ms linear; + transition: background-color 300ms linear; +} +.ui-toggleswitch .ui-switch-input::before { + content: none; +} +.ui-toggleswitch .ui-switch-input:active { + -webkit-transition: background-color 300ms linear; + -moz-transition: background-color 300ms linear; + -o-transition: background-color 300ms linear; + -ms-transition: background-color 300ms linear; + transition: background-color 300ms linear; + background-color: W014L2P; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::after { + background-color: W014L4P; +} +.ui-toggleswitch .ui-switch-input:disabled { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button::after { + background-color: W014L4D; +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + transform: none; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png'); + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -moz-transition: transform 100ms 0ms linear; + -o-transition: transform 100ms 0ms linear; + -ms-transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; + background-color: W014L3; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + animation-fill-mode: both; +} +.ui-toggleswitch .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-button::after { + content: ""; + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png'); + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: transform 200ms 100ms linear; + -moz-transition: transform 200ms 100ms linear; + -o-transition: transform 200ms 100ms linear; + -ms-transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + animation-fill-mode: both; + background-color: W014L4; + position: absolute; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked { + background-color: W014L1; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + transform: none; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + transform: scale(1); + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: W014L3; + -webkit-transition: transform 200ms 100ms linear; + -moz-transition: transform 200ms 100ms linear; + -o-transition: transform 200ms 100ms linear; + -ms-transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::after { + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -moz-transition: transform 100ms 0ms linear; + -o-transition: transform 100ms 0ms linear; + -ms-transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; +} +.ui-toggleswitch .ui-switch-input:checked:active { + background-color: W014L1P; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: W014L3P; +} +.ui-toggleswitch .ui-switch-input:checked:disabled { + background-color: W014L1D; +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: W014L3D; +} +/*************************************************************************** + Popup +***************************************************************************/ +@keyframes toastCheck { + 0% { + mask-position: 0rem 0rem; + } + 6% { + mask-position: -5.125rem 0rem; + } + 11% { + mask-position: -10.25rem 0rem; + } + 17% { + mask-position: -15.375rem 0rem; + } + 22% { + mask-position: 0rem -5.125rem; + } + 28% { + mask-position: -5.125rem -5.125rem; + } + 33% { + mask-position: -10.25rem -5.125rem; + } + 39% { + mask-position: -15.375rem -5.125rem; + } + 44% { + mask-position: 0rem -10.25rem; + } + 50% { + mask-position: -5.125rem -10.25rem; + } + 56% { + mask-position: -10.25rem -10.25rem; + } + 61% { + mask-position: -15.375rem -10.25rem; + } + 67% { + mask-position: 0rem -15.375rem; + } + 72% { + mask-position: -5.125rem -15.375rem; + } + 78% { + mask-position: -10.25rem -15.375rem; + } + 83% { + mask-position: -15.375rem -15.375rem; + } + 89% { + mask-position: 0rem -20.5rem; + } + 94% { + mask-position: -5.125rem -20.5rem; + } + 100% { + mask-position: -10.25rem -20.5rem; + } +} +.ui-popup { + width: 100%; + height: 100%; + overflow: hidden; + border: 0; + border-radius: 50%; + background-color: B061L1E; + /*********************** + Popup Container Scroll + ***********************/ + /**************************************** + Popup Toast + ****************************************/ + /*********************** + Option Popup + ***********************/ +} +.ui-popup ::-webkit-scrollbar { + display: none; +} +.ui-popup .ui-popup-header { + text-align: center; + min-height: 99px; + background-color: transparent; + color: T091; + padding-top: 60px; + padding-right: 61px; + padding-bottom: 0; + padding-left: 61px; +} +.ui-popup .ui-popup-header + .ui-popup-content { + padding-top: 26px; +} +.ui-popup .ui-popup-content { + color: T092; + background-color: transparent; + font-size: 32px; + line-height: 2.625rem; + padding: 3.75rem 1.875rem 0.625rem; + text-align: center; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -1.5625rem -3.4375rem -1rem -3.4375rem; +} +.ui-popup.ui-has-side-buttons .ui-popup-content { + padding-left: 4rem; + padding-right: 4rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn { + top: 33.33%; + position: fixed; + text-indent: -9999px; + padding: 0; + line-height: 2.3125rem; + font-size: 1.75rem; + font-weight: bold; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + color: T041; + margin: 0.5rem 0; + height: 6.25rem; + width: 3.75rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + content: ""; + width: 50px; + height: 50px; + position: absolute; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: B065L4P; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active { + color: T041P; + background-color: #002f4d; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled { + color: T041D; + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1) { + left: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2) { + right: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button { + position: fixed; + bottom: 0; + z-index: 1000; + max-height: 6.25rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 6.25rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: T041; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 3.75rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: B065L4P; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: T041P; + background-color: #002f4d; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled { + color: T041D; + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup-more-options { + background-color: transparent; +} +.ui-popup-more-options .ui-selector { + background-color: B059; +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-text { + color: T013; +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext { + color: T018; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item { + background-color: B0117; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item:active { + background-color: B0117P; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active { + background-color: B0117S; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before { + background-color: B0118; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active { + background-color: B0118P; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before { + background-color: B0118S; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after { + content: ""; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + background-color: B061L8; + mask-image: url(images/Popup/b_popup_edge_inner_glow.png); + mask-size: 100% 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + margin-top: 4.75rem; + margin-bottom: 4.75rem; + padding-top: 0; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header + .ui-popup-content { + margin-top: 0; + padding-top: 8px; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer { + margin-top: -4.75rem; +} +.ui-popup.ui-popup-toast { + min-height: 100%; + background-color: W1712; + background-image: none; + border: none; + margin: 0; + align-items: center; + /**************************************** + Popup Toast Small + ****************************************/ +} +.ui-popup.ui-popup-toast.ui-popup-active, +.ui-popup.ui-popup-toast.in, +.ui-popup.ui-popup-toast.ui-build { + display: flex; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper { + width: 100%; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content { + padding: 0 1.875rem; + height: auto; + background-color: transparent; + color: T099; + font-size: 28px; + text-align: center; + line-height: 37px; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + font-size: 32px; + line-height: 42px; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 5.125rem; + height: 5.125rem; + margin-bottom: 1rem; +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon { + mask-image: url("images/Popup/toast_check.png"); + mask-repeat: no-repeat; + animation-name: toastCheck; + animation-duration: 300ms; + animation-delay: 300ms; + animation-iteration-count: 1; + animation-timing-function: step-start; + animation-fill-mode: forwards; + background-color: B069; +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after { + content: none; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small { + height: 10rem; + min-height: 5.375rem; + width: 10rem; + position: fixed; + margin-bottom: 0.3125rem; + background-color: W15021; + border: solid 0.0625rem W15022; + border-radius: 50%; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content { + padding: 0 1.1875rem; + max-height: 6rem; + color: T0911; + font-size: 1.5rem; + line-height: 2rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon { + transform: translateX(-50%) scale(0.6097561); + margin: -1rem 0; + background-color: W1503; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only { + width: 5.375rem; + height: 5.375rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + padding-bottom: 0.375rem; +} +.ui-popup.ui-ctxpopup { + height: auto; +} +/*************************************************************************** + listview +***************************************************************************/ +.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item) { + margin-top: 3.125rem; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content .ui-listview { + margin-top: 0; +} +.ui-page .ui-scroller.ui-snap-container .ui-header { + margin: 0; + height: 7.1875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview { + margin-top: 0.6875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-content { + padding-bottom: 7.875rem; +} +.ui-listview.ui-arc-listview { + padding-bottom: 0; +} +.ui-listview li { + font-size: 2.25rem; + font-weight: 500; + min-height: 6.75rem; + max-height: 22.5rem; + padding: 0 1.875rem; + border: 0 none; + border-bottom: 0 solid transparent; + border-image: linear-gradient(0deg, transparent, #245B85, transparent) 1; + color: T0211; + text-align: center; + line-height: 2.9375rem; + box-sizing: content-box; + transition-property: max-height; + transition-duration: 1ms; +} +.ui-listview li.ui-listview-divider, +.ui-listview li.ui-li-group-index { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: transparent; + color: T0231; + display: flex; + padding: 0; +} +.ui-listview li.ui-listview-divider::before, +.ui-listview li.ui-li-group-index::before { + content: ""; + height: 100%; + width: auto; + mask-image: url("images/List/tw_list_sub_line_left.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: -0.75rem 50%; + -moz-mask-position: -0.75rem 50%; + -ms-mask-position: -0.75rem 50%; + -o-mask-position: -0.75rem 50%; + mask-position: -0.75rem 50%; + background: B023; + flex: 1; +} +.ui-listview li.ui-listview-divider::after, +.ui-listview li.ui-li-group-index::after { + content: ""; + height: 100%; + width: auto; + mask-image: url("images/List/tw_list_sub_line_right.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: 0.75rem 50%; + -moz-mask-position: 0.75rem 50%; + -ms-mask-position: 0.75rem 50%; + -o-mask-position: 0.75rem 50%; + mask-position: 0.75rem 50%; + background: B023; + flex: 1; +} +.ui-listview li.ui-li-btn { + padding: 0; +} +.ui-listview li.ui-li-btn .ui-btn { + padding: 2.625rem 2.5rem; + margin: 0; + line-height: inherit; +} +.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn { + padding: 1.75rem 1.25rem; +} +.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn { + padding: 1.75rem 1.875rem; + height: 100%; + text-indent: -9999px; +} +.ui-listview li > * { + color: T0211; +} +.ui-listview li > a:first-child:last-child, +.ui-listview li button:first-child:last-child { + padding: 0; + margin: 0; + justify-content: space-around; + display: flex; + align-items: center; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub { + padding-top: 0.5625rem; + padding-bottom: 0.5rem; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub { + padding-top: 0.0625rem; + padding-bottom: 0.25rem; +} +.ui-listview li:last-child { + border: 0; +} +.ui-listview li.li-divider { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: B023; + color: T0231; + padding: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + background-color: T011; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: B041P; + color: T0211P; +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active { + background-color: transparent; + color: T0211P; +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + mask-image: url("images/List/b_list_focus_bg.png"); + mask-size: 100% 100%; + background-color: B0210P; + pointer-events: none; +} +.ui-listview.ui-snap-listview li, +.ui-listview.ui-arc-listview-carousel-item li { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a, +.ui-listview.ui-arc-listview-carousel-item li a { + display: flex; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a > span, +.ui-listview.ui-arc-listview-carousel-item li a > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.ui-listview.ui-snap-listview li.ui-li-grid, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid { + flex-direction: row; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full { + justify-content: space-between; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div { + text-align: inherit; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after { + opacity: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full * { + flex-grow: 1; + flex-shrink: 1; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *.ui-btn-icon { + flex-grow: 0; + flex-shrink: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn { + padding: 0; + margin: 0 1.125rem 0 0; + flex: none; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + border-radius: 50%; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle { + border-radius: 50%; + width: 5.5rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active { + animation: btn-circle-opacity-press linear 567ms; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child { + margin-right: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child:first-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child:first-child { + margin-right: 1.25rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn-description, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn-description { + transform: none; + margin: 0; + width: auto; +} +.ui-listview.ui-snap-listview li .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text { + color: T022; + font-size: 1.5rem; + display: block; + transition-property: opacity, line-height; + transition-timing-function: ease-in-out, ease-in-out; + transition-duration: 100ms, 200ms; + opacity: 0; + line-height: 0.01px; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected { + line-height: 2.9375rem; + max-height: 45rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text { + opacity: 1; + line-height: 2rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 18.75rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child) { + padding-top: 0.125rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active { + color: T0211P; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before { + background-color: B0210P; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active { + background-color: B041P; + color: T0211P; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + background-color: B0210; + border-radius: 20vw; + pointer-events: none; +} +.ui-listview.ui-snap-listview li li, +.ui-listview.ui-arc-listview-carousel-item li li { + border: none; +} +.ui-listview.ui-snap-listview li li.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before { + background-color: transparent; +} +.ui-listview.ui-arc-listview-carousel-item-separator { + height: auto; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li { + padding: 1.5625rem 1.875rem 1.625rem; + min-height: auto; + color: T0261; + overflow: hidden; + line-height: 3rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before { + display: block; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + content: ""; + width: 100%; + height: 0.0625rem; + background-color: white; + -webkit-mask-box-image: url("images/List/tw_list_divider.png") 0 128 0 128 repeat repeat; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a { + color: T0261P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text { + white-space: normal; + color: T0263; + padding-top: 0.5625rem; + padding-bottom: 0.625rem; + font-size: 1.9375rem; + line-height: 2.3125rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active { + color: T0263P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline { + padding-top: 0.5625rem; + padding-bottom: 0.625rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a { + display: flex; + flex-direction: column; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text { + color: T0262; + font-size: 1.5rem; + line-height: 2rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text { + color: T9262P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left { + padding-left: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right { + padding-right: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img { + background-color: unset; + position: absolute; + top: calc(49.5%); + transform: translateY(-50%); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left { + left: 1rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right { + right: 1rem; +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + height: 76px; + width: 76px; +} +input[type="checkbox"]:not(.ui-switch-input) { + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L2 63%, W012L2 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input)::before { + content: ""; + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1 63%, W012L1 68%, transparent 72%); + height: 100%; + width: 100%; + opacity: 0; + position: absolute; + transition: all 300ms ease-in; +} +input[type="checkbox"]:not(.ui-switch-input)::after { + mask-image: url('images/Controller_icon/Check/tw_btn_check_holo_dark.png'); + mask-repeat: repeat; + mask-position: center bottom; + height: 0; + transition-property: height; + transition-duration: 500ms; + bottom: 0; + mask-size: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + animation: checkon 300ms ease-out; + transition: none; + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1 63%, W012L1 68%, transparent 72%); + opacity: 1; +} +input[type="checkbox"]:not(.ui-switch-input):checked::after { + background-color: W012L3; + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background: radial-gradient(transparent, transparent 59%, W012L2 63%, W012L2 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + height: 0; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1 63%, W012L1 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::after { + background-color: W012L3; + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled { + background: radial-gradient(transparent, transparent 59%, W012L2D 63%, W012L2D 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::before { + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1D 63%, W012L1D 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::after { + background-color: W012L3D; + height: 100%; +} +@keyframes checkon { + from { + opacity: .5; + } + 100% { + opacity: 1; + } +} +input[type="radio"] { + background: radial-gradient(transparent, transparent 59%, W013L2 63%, W013L2 68%, transparent 72%, transparent); + mask-image: none; +} +input[type="radio"]::after { + content: ""; + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: W013L4; +} +input[type="radio"]::before { + content: ""; + background-color: W013L3; + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-repeat: no-repeat; + width: 100%; + height: 100%; + mask-size: 100% 100%; + position: absolute; + transform: scale(0); + transition: transform 300ms; +} +input[type="radio"]:checked { + background: radial-gradient(transparent, transparent 59%, W013L1 63%, W013L1 68%, transparent 72%, transparent); +} +input[type="radio"]:checked::before { + background-color: W013L3; + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + transform: scale(1); + z-index: 1; +} +input[type="radio"]:active { + background: radial-gradient(transparent, transparent 59%, W013L2P 63%, W013L2P 68%, transparent 72%, transparent); + mask-image: none; +} +input[type="radio"]:active::after { + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: W013L4P; +} +input[type="radio"]:active:checked { + background: radial-gradient(transparent, transparent 59%, W013L1P 63%, W013L1P 68%, transparent 72%, transparent); +} +input[type="radio"]:active:checked::before { + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: W013L3P; +} +input[type="radio"]:active:checked::after { + content: none; +} +input[type="radio"]:disabled { + background: radial-gradient(transparent, transparent 59%, W013L2D 63%, W013L2D 68%, transparent 72%, transparent); + mask-image: none; +} +input[type="radio"]:disabled::before { + transition: none; +} +input[type="radio"]:disabled::after { + background-color: W013L4D; +} +input[type="radio"]:disabled:checked { + background: radial-gradient(transparent, transparent 59%, W013L1D 63%, W013L1D 68%, transparent 72%, transparent); +} +input[type="radio"]:disabled:checked::before { + background-color: W013L3D; + transition: none; +} +input[type="radio"]:disabled:checked::after { + content: none; +} +/*************************************************************************** + button +***************************************************************************/ +.ui-btn { + color: T042; + background-color: transparent; + height: auto; +} +.ui-btn.ui-btn-icon-only::before { + mask-size: 3.125rem 3.125rem; + width: 3.125rem; + height: 3.125rem; +} +.ui-default { + color: T042; + background-color: transparent; +} +.ui-color-red { + color: T041; + background-color: W012; +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: W012; +} +.ui-color-red:enabled:focus { + background-color: W012; +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: T041; + background-color: W012; +} +.ui-color-orange { + color: T041; + background-color: W013; +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: W013; +} +.ui-color-orange:enabled:focus { + background-color: W013; +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: T041; + background-color: W013; +} +.ui-color-green { + color: T041; + background-color: W014; +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: W014; +} +.ui-color-green:enabled:focus { + background-color: W014; +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: T041; + background-color: W014; +} +.ui-color-blue { + color: T041; + background-color: W011; +} +a.ui-color-blue:active:hover, +.ui-color-blue:enabled:active:hover { + background-color: W011; +} +.ui-color-blue:enabled:focus { + background-color: W011; +} +a.ui-color-blue.ui-state-disabled, +.ui-color-blue:disabled { + color: T041; + background-color: W011; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px B011; +} +/*************************************************************************** + circle progress bar +***************************************************************************/ +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left { + border: 0.5rem solid B065L2; +} +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right { + border: 0.5rem solid B065L2; +} +.ui-progressbar .ui-progressbar-bg { + border: 0.5rem solid B065L3; +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left, +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right { + border: 0.25rem solid B065L2; +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-bg { + border: 0.25rem solid B065L3; +} +.ui-progressbar-end-point { + position: absolute; + z-index: 1000; + width: 20px; + height: 20px; + background: #37a1ed; + border-radius: 50%; + left: 180px; + top: 180px; + transform: translate(-50%, -50%); + transform-origin: center center; + display: none; +} +.ui-progressbar-end-point::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: rgba(55, 161, 237, 0.5); + left: 0; + right: 0; + border-radius: 50%; + transform: scale(1); + transition-property: transform; + transition-duration: .25s; + transition-timing-function: ease-out; +} +.ui-progressbar-end-point-active { + display: block; +} +.ui-progressbar-end-point-pressed::after { + content: ""; + transform: scale(2); +} +/*************************************************************************** + circular index scroll bar +***************************************************************************/ +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + background-color: B0731; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + color: T0312P; +} +.ui-indexscrollbar { + display: none; +} +/*************************************************************************** + drawer +***************************************************************************/ +.ui-drawer { + background-color: B0511D; + border-radius: 50%; +} +.ui-drawer-overlay { + background-color: B0511D; +} +/*************************************************************************** + progress +***************************************************************************/ +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } +} +progress { + color: T011; +} +progress::-webkit-progress-bar { + background-color: B065L3; +} +progress::-webkit-progress-value { + background-color: B065L2; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: B065L2; +} +/*********************** +Processing +***********************/ +@keyframes fullprocess { + 0% { + mask-position: 0vw 0vw; + } + 2% { + mask-position: -100vw 0vw; + } + 3% { + mask-position: -200vw 0vw; + } + 5% { + mask-position: -300vw 0vw; + } + 7% { + mask-position: -400vw 0vw; + } + 8% { + mask-position: -500vw 0vw; + } + 10% { + mask-position: -600vw 0vw; + } + 12% { + mask-position: 0vw -100vw; + } + 14% { + mask-position: -100vw -100vw; + } + 15% { + mask-position: -200vw -100vw; + } + 17% { + mask-position: -300vw -100vw; + } + 19% { + mask-position: -400vw -100vw; + } + 20% { + mask-position: -500vw -100vw; + } + 22% { + mask-position: -600vw -100vw; + } + 24% { + mask-position: 0vw -200vw; + } + 25% { + mask-position: -100vw -200vw; + } + 27% { + mask-position: -200vw -200vw; + } + 29% { + mask-position: -300vw -200vw; + } + 31% { + mask-position: -400vw -200vw; + } + 32% { + mask-position: -500vw -200vw; + } + 34% { + mask-position: -600vw -200vw; + } + 36% { + mask-position: 0vw -300vw; + } + 37% { + mask-position: -100vw -300vw; + } + 39% { + mask-position: -200vw -300vw; + } + 41% { + mask-position: -300vw -300vw; + } + 42% { + mask-position: -400vw -300vw; + } + 44% { + mask-position: -500vw -300vw; + } + 46% { + mask-position: -600vw -300vw; + } + 47% { + mask-position: 0vw -400vw; + } + 49% { + mask-position: -100vw -400vw; + } + 51% { + mask-position: -200vw -400vw; + } + 53% { + mask-position: -300vw -400vw; + } + 54% { + mask-position: -400vw -400vw; + } + 56% { + mask-position: -500vw -400vw; + } + 58% { + mask-position: -600vw -400vw; + } + 59% { + mask-position: 0vw -500vw; + } + 61% { + mask-position: -100vw -500vw; + } + 63% { + mask-position: -200vw -500vw; + } + 64% { + mask-position: -300vw -500vw; + } + 66% { + mask-position: -400vw -500vw; + } + 68% { + mask-position: -500vw -500vw; + } + 69% { + mask-position: -600vw -500vw; + } + 71% { + mask-position: 0vw -600vw; + } + 73% { + mask-position: -100vw -600vw; + } + 75% { + mask-position: -200vw -600vw; + } + 76% { + mask-position: -300vw -600vw; + } + 78% { + mask-position: -400vw -600vw; + } + 80% { + mask-position: -500vw -600vw; + } + 81% { + mask-position: -600vw -600vw; + } + 83% { + mask-position: 0vw -700vw; + } + 85% { + mask-position: -100vw -700vw; + } + 86% { + mask-position: -200vw -700vw; + } + 88% { + mask-position: -300vw -700vw; + } + 90% { + mask-position: -400vw -700vw; + } + 92% { + mask-position: -500vw -700vw; + } + 93% { + mask-position: -600vw -700vw; + } + 95% { + mask-position: 0vw -800vw; + } + 97% { + mask-position: -100vw -800vw; + } + 98% { + mask-position: -200vw -800vw; + } + 100% { + mask-position: -300vw -800vw; + } +} +.ui-page-active .ui-processing { + opacity: 1; +} +.ui-processing { + opacity: 0; + background-color: B065L6; + transition: opacity 0.2s linear; +} +.ui-processing.ui-processing-alternate { + background-color: B082; +} +.ui-processing.ui-processing-on-center { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.ui-processing.ui-processing-full-size { + mask-image: url("images/Processing/processingfull.png"); + mask-repeat: no-repeat; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: step-start; + animation-name: fullprocess; + pointer-events: none; + position: fixed; + width: 100vw; + height: 100vw; + top: 0; + left: 0; + margin: 0; +} +/** widget interactions **/ +.ui-listview li .ui-processing { + position: absolute; + right: 2rem; + top: 50%; + transform: translateY(-50%); +} +.ui-scrollbar-bouncing-effect { + animation-duration: .7s; + animation-timing-function: ease; + background-color: B018E; +} +.ui-scrollbar-bouncing-effect::before { + animation-duration: .7s; + animation-timing-function: ease; + animation-fill-mode: forwards; + background-color: B019; +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 5.5rem; + left: 0; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 5.5rem; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 5.5rem; + height: 100%; + top: 0; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 5.5rem; + height: 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + mask-image: url("images/Scroller/bouncing_circle_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + mask-image: url("images/Scroller/bouncing_circle_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + mask-image: url("images/Scroller/bouncing_circle_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + mask-image: url("images/Scroller/bouncing_circle_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + mask-image: url("images/Scroller/bouncing_circle_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + mask-image: url("images/Scroller/bouncing_circle_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + mask-image: url("images/Scroller/bouncing_circle_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + mask-image: url("images/Scroller/bouncing_circle_right_edge.png"); +} +@keyframes -ui-bouncing-show-additional { + 0% { + opacity: 0; + } + 42% { + opacity: 0; + } + 100% { + opacity: .7; + } +} +@keyframes ui-bouncing-show-top { + 0% { + transform: translate3d(0, -100%, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-left { + 0% { + transform: translate3d(-100%, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-right { + 0% { + transform: translate3d(100%, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-bottom { + 0% { + transform: translate3d(0, 100%, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes -ui-bouncing-hide-additional { + 0% { + opacity: .7; + } + 42% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ui-bouncing-hide-left { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-right { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-bottom { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 100%, 0); + } +} +@keyframes ui-bouncing-hide-top { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, -100%, 0); + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-left { + animation-name: ui-bouncing-show-left; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-right { + animation-name: ui-bouncing-show-right; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-bottom { + animation-name: ui-bouncing-show-bottom; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-top { + animation-name: ui-bouncing-show-top; +} +.ui-scrollbar-bouncing-effect.ui-show::before { + animation-name: -ui-bouncing-show-additional; +} +.ui-scrollbar-bouncing-effect.ui-hide { + animation-duration: .3s; + display: block; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-left { + animation-name: ui-bouncing-hide-left; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-right { + animation-name: ui-bouncing-hide-right; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom { + animation-name: ui-bouncing-hide-bottom; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-top { + animation-name: ui-bouncing-hide-top; +} +.ui-scrollbar-bouncing-effect.ui-hide::before { + animation-duration: .3s; + animation-name: -ui-bouncing-hide-additional; +} +.is-circle-test { + width: 1px; +} +.ui-selector { + background-color: B01153; +} +.ui-selector .ui-item { + background-color: B0554; +} +.ui-selector .ui-item:active { + background-color: B0554P; +} +.ui-selector .ui-item.ui-item-active:active { + background-color: B0554; +} +.ui-selector .ui-layer.ui-layer-prev, +.ui-selector .ui-layer.ui-layer-next { + background-color: B058; +} +.ui-selector .ui-layer.ui-layer-prev:active, +.ui-selector .ui-layer.ui-layer-next:active { + background-color: B058P; +} +.ui-selector .ui-selector-indicator { + font-size: 1.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + color: T117; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + color: T118; +} +.ui-selector .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background-color: B0116P; +} +.ui-selector .ui-selector-indicator-active + .ui-selector-indicator-arrow::before { + background-color: B0116P; +} +.ui-selector .ui-selector-indicator-arrow::before { + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev) { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator > :not(.ui-selector-indicator-text) { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder { + box-sizing: border-box; + border: 0.0625rem solid B1681; + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after { + display: none; +} +@keyframes dragItem { + 0% { + transform: scale(1); + opacity: 1; + } + 100% { + transform: scale(1.21428571); + opacity: 0.7; + } +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved { + position: fixed; + width: 3.5rem; + height: 3.5rem; + z-index: 101; + visibility: visible; + opacity: 0.7; + transform: scale(1.21428571); + pointer-events: none; + margin: -1.75rem; + animation: 333ms dragItem; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end { + opacity: 1; + transform: scale(1); +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + position: absolute; + width: 1.875rem; + height: 1.875rem; + top: -0.125rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg { + background-color: B1672P; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after { + background-color: B1671P; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg { + position: absolute; + width: 100%; + height: 100%; + background-color: B1672; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before { + background-color: B1673; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + background-color: B1671; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + right: -0.1875rem; + transform-origin: top right; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + transform: scaleX(-1); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left { + transform-origin: top left; + left: -0.1875rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item { + opacity: 0; + transition: opacity 200ms; +} +.ui-selector.ui-selector-edit-mode .ui-item-plus { + background-color: B0554; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_add.png"); + mask-size: 100%; +} +/* ------------------------- Selector List for bezelless watches ------------------------- */ +.ui-bezelless-selector .ui-more { + z-index: 1; +} +.ui-bezelless-selector .ui-listview li img { + width: 3.125rem; + height: 3.125rem; +} +.ui-bezelless-selector .thumb-container { + display: inline-block; + width: 3.125rem; + height: 3.125rem; + position: absolute; + left: 2.5rem; + background: white; + border-radius: 6.25rem; +} +.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 3.125rem; +} +.ui-slider-container { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.ui-slider-container .ui-slider-icon { + width: 9.375rem; + height: 9.375rem; + margin: 0 auto; +} +.ui-slider-container .ui-slider-titles { + height: 4.625rem; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.ui-slider-container .ui-slider-titles .ui-slider-title { + color: T117; + font-size: 1.875rem; + line-height: 1.875rem; + margin-top: 0.4375rem; +} +.ui-slider-container .ui-slider-titles .ui-slider-subtitle { + color: T118; + font-size: 1.8125rem; + line-height: 1.875rem; +} +.ui-slider-container .ui-slider-buttons { + height: 4rem; + display: flex; + align-items: center; + justify-content: center; + width: 100%; +} +.ui-slider-container .ui-slider-buttons .ui-slider-minus { + width: 2.75rem; + height: 100%; + background: url('images/Slider/b_slider_icon_minus.png') no-repeat center center; + z-index: 1; +} +.ui-slider-container .ui-slider-buttons .ui-slider-number { + height: 100%; + color: T014; + font-size: 2.5rem; + width: 4.125rem; + margin: 0 -1.25rem; + line-height: 3.25rem; + margin-top: 0.3125rem; +} +.ui-slider-container .ui-slider-buttons .ui-slider-plus { + background: url('images/Slider/b_slider_icon_plus.png') no-repeat center center; + width: 2.75rem; + height: 100%; + z-index: 1; +} +a.ui-hyperlink { + color: T1611; +} +a.ui-hyperlink:active, +a.ui-hyperlink:hover { + color: T1611P; +} +.ui-arc-listview { + width: 22.5rem; + display: block; + overflow: hidden; + top: 0; + left: 0; +} +.ui-arc-listview-carousel { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-arc-listview-carousel-item { + width: 22.5rem; + position: absolute; + height: 6.75rem; +} +.ui-arc-listview-carousel-item li { + top: 3.375rem; + transform: translateY(-50%); +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item { + height: 4.375rem; +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item li { + top: 2.1875rem; + transform: translateY(-50%); +} +.ui-arc-listview-selection { + opacity: 0; + position: absolute; + transition: opacity 250ms; + pointer-events: none; + transform: translateY(-50%); + mask-image: url("images/List/b_list_focus_bg.png"); + mask-size: 100% 100%; + top: 50%; + width: 22.5rem; + height: 7.5rem; + left: 0; + right: 0; + border-radius: 4.5rem; + background-color: B0210; +} +.ui-arc-listview-selection-show { + opacity: 1; +} +.ui-arc-listview li, +.ui-arc-listview-carousel li { + justify-content: space-around; + display: flex; + align-items: center; +} +.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 6.75rem; + vertical-align: middle; +} +.ui-arc-listview li.ui-li-group-index, +.ui-arc-listview-carousel li.ui-li-group-index, +.ui-arc-listview li.ui-listview-divider, +.ui-arc-listview-carousel li.ui-listview-divider { + margin-top: 0; + border: 0; + flex-direction: row; +} +.ui-arc-listview li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider) { + margin-top: 0; +} +.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 4.375rem; +} +.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected, +.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 4.375rem; +} +.ui-arc-listview-carousel { + /* disable some unnecessary listview styles */ +} +.ui-arc-listview-carousel .ui-listview { + padding-bottom: 0; +} +.ui-force-relative-li-children li { + position: relative !important; +} +/* Keyboard is visible, screen height is lower then half of screen */ +@media (max-height: 180px) { + .ui-arc-listview-carousel li input[type=text]:focus, + .ui-arc-listview-carousel li input[type=password]:focus { + position: fixed; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + } +} +.ui-number-picker-container { + display: flex; + width: 100%; + height: 6.875rem; + justify-content: center; + flex-direction: column; + position: relative; + top: 0.5625rem; +} +.ui-number-picker-container .ui-circleindicator { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1001; + pointer-events: none; +} +.ui-number-picker-container .ui-circleindicator .ui-animated { + transition-duration: 0.3s; +} +.ui-number-picker-container input[type="number"] { + display: none; +} +.ui-number-picker-container .ui-number-picker-label { + order: 1; + font-size: 1.5rem; + line-height: 1.5625rem; + color: T273S; + display: block; + width: 5rem; + opacity: 1; + transition-duration: 300ms, 300ms; + transition-property: opacity, top; + transition-timing-function: linear; +} +.ui-number-picker-container .ui-number-picker-label.hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-number-picker-container .ui-number-picker-number { + order: 2; + font-size: 3.125rem; + line-height: 5.3125rem; + margin-top: -0.375rem; + color: T2751; + min-width: 5rem; + display: block; + padding-top: 0.4375rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin { + margin-top: 0.5rem; + height: 3.125rem; + width: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.5rem; + height: 100%; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling { + height: 100%; +} +.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number { + color: T273D; +} +.ui-number-picker-container .ui-number-picker-number-pressed { + color: T275P; +} +.ui-number-picker-container .ui-number-picker-number-blink { + animation: ui-number-picker-number-blink 1s infinite; +} +.ui-number-picker-container .ui-spin { + height: 3.125rem; + line-height: normal; + margin-top: 0; + padding: 0; + width: 3.75rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-spin.enabled { + height: 100%; +} +.ui-number-picker-container .hidden { + display: none; +} +.ui-number-picker-container .ui-spin-item { + font-size: 3.125rem; + height: 2.375rem; +} +.ui-number-picker-container:not(.ui-time-picker) span { + margin-left: 8.75rem; +} +.ui-number-picker-container:not(.ui-time-picker) label { + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%); +} +.ui-time-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-time-picker .ui-time-picker-container-hours { + float: left; + height: inherit; + width: 5rem; +} +.ui-time-picker .ui-time-picker-colon-container { + float: left; + height: 5.3125rem; + width: 0.75rem; + margin-left: 0.5rem; + padding-top: 2.8125rem; +} +.ui-time-picker .ui-time-picker-colon-container span { + font-size: 2.5rem; +} +.ui-time-picker div { + font-size: 2.5rem; +} +.ui-time-picker div label { + font-size: 1rem; +} +.ui-time-picker .ui-time-picker-active-label-animation { + animation: changeColor 1s infinite; + color: T271S; +} +.ui-time-picker .ui-time-picker-container-minutes { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; +} +.ui-time-picker .ui-time-picker-container-ampm { + float: left; + height: 4.0625rem; + margin-top: 2.0625rem; + margin-left: 0.5rem; + width: 6.25rem; + overflow-y: hidden; +} +.ui-time-picker .ui-time-picker-container-ampm div { + height: 8.125rem; + position: relative; +} +.ui-time-picker .ui-time-picker-container-ampm div span { + font-size: 3.125rem; + height: 4.0625rem; + line-height: 4.0625rem; + width: 6.25rem; + display: inline-block; + position: relative; + color: T2741; +} +.ui-time-picker .ui-time-picker-container-ampm-pressed div span { + color: T274P; +} +.ui-time-picker .ui-number-picker-label { + display: block; + width: 5rem; + font-size: 1.5rem; + height: 2.0625rem; + position: absolute; + opacity: 1; + top: -0.375rem; + transition-duration: 300ms, 300ms; + transition-property: opacity, top; + transition-timing-function: linear; +} +.ui-time-picker .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-time-picker .ui-number-picker-number { + width: 5rem; + font-size: 4.0625rem; + display: block; + height: 5.3125rem; + margin-top: 1.25rem; + padding-top: 0; +} +.ui-time-picker .ui-number-picker-number.ui-spin { + margin-top: 2rem; + height: 4.0625rem; + width: auto; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.625rem; + height: 100%; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-time-picker .ui-number-picker-number .ui-spin-item { + font-size: 4.0625rem; + height: 3.125rem; +} +.ui-time-picker-hidden { + opacity: 0; +} +.ui-time-picker .ui-polar .disable-transform.pointer { + transition: none; +} +.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation { + transition: none; + display: none; +} +.ui-circleindicator.ui-time-picker-background { + background-image: url("images/TimePicker/time_picker_bg.png"); + background-repeat: no-repeat; + background-attachment: fixed; +} +.ui-time-picker-am-pm { + margin-left: 2rem; +} +.ui-time-picker-no-am-pm { + margin-left: 5.375rem; +} +@keyframes changeColor { + 0% { + color: T271S; + } + 49% { + color: T271S; + } + 51% { + color: T271; + } + 100% { + color: T271; + } +} +@keyframes showPM { + 0% { + transform: translateY(0px); + } + 100% { + transform: translateY(-65px); + } +} +@keyframes hidePM { + 0% { + transform: translateY(-65px); + } + 100% { + transform: translateY(0px); + } +} +.ui-time-picker-hide-pm { + animation: hidePM 300ms ease-out 0ms; + animation-fill-mode: forwards; +} +.ui-time-picker-show-pm { + animation: showPM 300ms ease-out 0ms; + animation-fill-mode: forwards; +} +.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text { + font-size: 0; + height: 6.25rem; + width: 6.25rem; + max-height: 6.25rem; + border-radius: 50%; +} +.ui-colorpicker .ui-selector-indicator-arrow:before { + background-color: white; +} +.ui-date-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-date-picker.ui-number-picker-container input { + display: none; +} +.ui-date-picker.ui-number-picker-container span { + margin: -0.375rem 0 0 0; + text-align: center; + font-size: 3.125rem; + width: inherit; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label { + margin: 0; + text-align: center; + height: 1.9375rem; + line-height: 1.9375rem; + font-size: 1.5rem; + width: inherit; + opacity: 1; + transition-duration: 300ms, 300ms; + transition-property: opacity, top; + transition-timing-function: linear; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-date-picker.ui-number-picker-container .ui-spin-item { + height: 3.125rem; +} +.ui-date-picker .ui-date-picker-active-label-animation { + animation: changeColor 1s infinite; + color: T271S; +} +.ui-date-picker .ui-date-picker-container-month { + float: left; + height: inherit; + margin-left: 1.5rem; + width: 6rem; + position: relative; + display: flex; + justify-content: center; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-month .ui-spin { + width: 6.875rem; +} +.ui-date-picker .ui-date-picker-container-day { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; + position: relative; + display: flex; + justify-content: center; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-day .ui-spin { + width: 4.0625rem; +} +.ui-date-picker .ui-date-picker-container-year { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 7.5rem; + position: relative; + display: flex; + justify-content: center; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-year .ui-spin { + width: 7.5rem; +} +.ui-date-picker .ui-date-picker-containter-dayname { + position: fixed; + width: 100%; + top: 14.4375rem; + opacity: 0.8; + font-size: 1.5rem; + line-height: 2rem; + height: 2rem; + padding: 0 2.8125rem; + color: T277; +} +.ui-date-picker-hidden { + display: none; +} +.ui-date-picker .enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-date-picker .enabled .ui-spin-item-selected { + opacity: 1.0; +} +@keyframes changeColor { + 0% { + color: T271S; + } + 49% { + color: T271S; + } + 51% { + color: T271; + } + 100% { + color: T271; + } +} +input[type=text], +input[type=password], +input[type=search], +input[type=email] { + mask-image: url("images/TextInput/b_list_edit_field_bg.png"); + mask-size: 100% 100%; + width: 18rem; + height: 3.875rem; + padding: 0.8125rem 1rem; + color: T016; + font-size: 1.75rem; + background-color: B02112; + border: none; + outline: none; +} +input[type=text]:disabled, +input[type=password]:disabled, +input[type=search]:disabled, +input[type=email]:disabled { + color: T016D; +} +input[type=text]:focus + .ui-footer, +input[type=password]:focus + .ui-footer, +input[type=search]:focus + .ui-footer, +input[type=email]:focus + .ui-footer { + display: none; +} +input[type=text]:active, +input[type=password]:active, +input[type=search]:active, +input[type=email]:active { + background-color: #5B5B5B; +} +.ui-listview input[type=text]:focus, +.ui-arc-listview-carousel input[type=text]:focus, +.ui-listview input[type=password]:focus, +.ui-arc-listview-carousel input[type=password]:focus, +.ui-listview input[type=search]:focus, +.ui-arc-listview-carousel input[type=search]:focus, +.ui-listview input[type=email]:focus, +.ui-arc-listview-carousel input[type=email]:focus { + background-color: transparent; + color: B0215; + -webkit-text-fill-color: T142; + font-size: 1.875rem; +} +.ui-listview input[type=text]:active, +.ui-arc-listview-carousel input[type=text]:active, +.ui-listview input[type=password]:active, +.ui-arc-listview-carousel input[type=password]:active, +.ui-listview input[type=search]:active, +.ui-arc-listview-carousel input[type=search]:active, +.ui-listview input[type=email]:active, +.ui-arc-listview-carousel input[type=email]:active { + background-color: B02112; +} +.ui-textinput-pane { + width: 100%; + height: 100%; + position: fixed; + display: none; + background: B015; + z-index: 1100; +} +.ui-textinput-pane input[type=text]:focus, +.ui-textinput-pane input[type=password]:focus, +.ui-textinput-pane input[type=search]:focus, +.ui-textinput-pane input[type=email]:focus { + position: fixed; + width: 100%; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + background-color: B015; +} +@media (min-height: 180px) { + .ui-textinput-pane input[type=text]:focus, + .ui-textinput-pane input[type=password]:focus, + .ui-textinput-pane input[type=search]:focus, + .ui-textinput-pane input[type=email]:focus { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } +} diff --git a/lib/tau/wearable/theme/changeable/tau.css b/lib/tau/wearable/theme/changeable/tau.css new file mode 100644 index 0000000..fc74e66 --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.css @@ -0,0 +1,4862 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + index scrollbar (vertical) +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + Swipe list +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + View Switcher +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Empty state +***************************************************************************/ +/*************************************************************************** + Grid +***************************************************************************/ +/************************ +Listview +*************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Button(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/*********************************************************************/ +/* Progress(FIXED) */ +/*********************************************************************/ +* { + outline: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: Tizen, Samsung Sans, Helvetica; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +h2 { + font-size: 1.5em; + margin: .83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +input { + line-height: normal; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="time"], +input[type="date"] { + color: #000000; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +.tau-info-theme { + position: absolute; + top: -999px; + left: -999px; +} +.screen-hidden { + visibility: hidden; + position: absolute; + top: -10000em; + left: -10000em; +} +button, +input { + outline: none; + cursor: pointer; +} +* { + box-sizing: border-box; +} +a { + text-decoration: none; + color: rgba(250, 250, 250, 1); +} +ul, +li { + margin: 0; + padding: 0; + list-style-type: none; +} +img { + margin: 0; + padding: 0; +} +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + height: 100%; + font-size: 2.125rem; + font-family: Tizen, Samsung Sans, Helvetica; + background: rgba(0, 0, 0, 1); + color: rgba(250, 250, 250, 1); +} +tau-page { + display: block; +} +.ui-page { + width: 100%; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + display: none; + background: rgba(0, 0, 0, 1); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ui-page.ui-page-active { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-page.ui-page-build { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + visibility: hidden; +} +.ui-page tau-scrollview { + display: block; +} +.ui-page .ui-content { + width: 100%; + height: auto; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page .ui-content.ui-content-padding { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.ui-page .ui-content.ui-content-fixed-middle { + position: fixed; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-header { + position: relative; + width: 100%; + line-height: 60px; + background-color: rgba(0, 31, 56, 1); +} +.ui-page .ui-header .ui-subtitle { + height: 30px; + font-weight: normal; + line-height: 30px; + padding-left: 16px; + padding-right: 16px; + color: rgba(116, 196, 252, 1); + font-size: 24px; + margin: -0.625rem 0 0.3125rem 0; +} +.ui-page .ui-header .ui-title { + color: rgba(116, 196, 252, 1); + font-size: 32px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + padding-left: 16px; + padding-right: 16px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); + mask-image: linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); +} +.ui-page .ui-header .ui-title.ui-icon { + padding-left: 60px; + background-position: 16px 14px; + background-size: 34px 34px; + background-repeat: no-repeat; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 78px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); + mask-image: linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); +} +.ui-page .ui-header button.ui-more, +.ui-page .ui-header input.ui-more { + border: 0 none; + padding: 0; +} +.ui-page .ui-header .ui-more-disable { + cursor: default; + background-color: transparent; +} +.ui-page .ui-header .ui-more { + display: block; + position: absolute; + top: 0; + right: 0; + width: 68px; + height: 100%; + overflow: hidden; + text-indent: -1000em; + background-position: center center; + background-color: transparent; + cursor: pointer; +} +.ui-page .ui-header .ui-more:active { + background-color: rgba(23, 73, 115, 1); +} +.ui-page .ui-header .ui-more.ui-icon-detail { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-detail[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-footer { + width: 100%; + position: absolute; + bottom: 0; + left: 0; +} +.ui-page.ui-scroll-on .ui-scroller { + width: 100%; + height: auto; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page.ui-scroll-on .ui-content { + height: auto; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.ui-page.ui-scroll-on .ui-footer { + position: relative; +} +.ui-grid-col > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + width: 100%; +} +.ui-page .ui-grid-col-2 > * { + float: left; +} +.ui-page .ui-grid-col-2 > * { + width: 50%; +} +.ui-page .ui-grid-col-3 > * { + float: left; +} +.ui-page .ui-grid-col-3 > * { + width: 33.33333333%; +} +.ui-grid-row > * { + display: block; +} +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } +} +@keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } +} +progress { + position: relative; + padding-left: 1rem; + padding-right: 1rem; + margin-top: 0.875rem; + margin-bottom: 0.875rem; + width: 100%; + height: 0.375rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; +} +progress::-webkit-progress-bar { + position: relative; + background-color: rgba(64, 64, 64, 1); + border-radius: 0.125rem; + overflow: hidden; +} +progress::-webkit-progress-value { + background-color: rgba(55, 161, 237, 1); + height: 0.375rem; + border-radius: 0.125rem; + overflow: hidden; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: rgba(55, 161, 237, 1); +} +progress.ui-progress-indeterminate::-webkit-progress-value { + background-size: 100% 100%; + -webkit-animation: indeterminate 150ms infinite; + animation: indeterminate 150ms infinite; +} +.ui-progress-proportion { + display: block; + float: left; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-progress-ratio { + display: block; + float: right; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-circle-progress { + display: none; +} +.ui-progressbar { + position: relative; + display: inline-block; + pointer-events: none; +} +.ui-progressbar.ui-progressbar-full { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* + * toggle switch + */ +.ui-switch { + width: 100%; + color: rgba(250, 250, 250, 1); +} +.ui-switch-inneroffset, +.ui-switch-handler { + display: none; +} +.ui-switch-text { + margin-top: 30px; + margin-bottom: 40px; + padding: 0 30px; + font-size: 34px; + text-align: center; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + text-align: center; + color: T161; +} +.ui-toggleswitch { + position: relative; + display: inline-block; + width: 103.5px; + height: 55px; + overflow: hidden; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 207px; + height: 110px; +} +.ui-toggleswitch .ui-switch-input { + position: absolute; + width: 100%; + height: 100%; + -webkit-appearance: none; + display: block; +} +.ui-toggleswitch .ui-switch-input::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + -moz-mask-position: 0 0; + -ms-mask-position: 0 0; + -o-mask-position: 0 0; + mask-position: 0 0; + background-color: rgba(102, 101, 101, 1); + z-index: 0; +} +.ui-toggleswitch .ui-switch-input:active::before { + background-color: rgba(102, 101, 101, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: rgba(179, 179, 179, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::before { + background-color: rgba(102, 101, 101, 1); +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 33.3%; + -moz-mask-position: 0 33.3%; + -ms-mask-position: 0 33.3%; + -o-mask-position: 0 33.3%; + mask-position: 0 33.3%; + background-color: rgba(250, 250, 250, 1); + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 1; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 66.7%; + -moz-mask-position: 0 66.7%; + -ms-mask-position: 0 66.7%; + -o-mask-position: 0 66.7%; + mask-position: 0 66.7%; + background-color: rgba(133, 133, 133, 1); + top: 0; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-position: 0 33%; + -moz-mask-position: 0 33%; + -ms-mask-position: 0 33%; + -o-mask-position: 0 33%; + mask-position: 0 33%; + -webkit-transform: translate3d(36.23%, 0, 0); + -ms-transform: translate3d(36.23%, 0, 0); + transform: translate3d(36.23%, 0, 0); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-mask-position: 0 100%; + -moz-mask-position: 0 100%; + -ms-mask-position: 0 100%; + -o-mask-position: 0 100%; + mask-position: 0 100%; + background-color: rgba(115, 191, 15, 1); +} +.ui-toggleswitch .ui-switch-input:checked::before { + background-color: rgba(115, 191, 15, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active::before { + background-color: rgba(75, 102, 39, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: rgba(179, 179, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + background-color: rgba(75, 102, 39, 1); +} +/*********************** +Processing +***********************/ +/** + * @count_of_cols - how many sprites in one row + * @xsize - size of transition on x axis to next sprite + * @ysize - size of transition on y axis to next row of sprites + * @count - counter variable for while loop, loop is ending when count = 0; + * @totalCount - count for 100% of animation + */ +@-webkit-keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@-webkit-keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +@keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +.ui-processing { + background-color: rgba(0, 77, 153, 1); + -webkit-mask-image: url("images/Processing/processingsmall.png"); + mask-image: url("images/Processing/processingsmall.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-name: smallprocess; + animation-name: smallprocess; + width: 4.75rem; + height: 4.75rem; + margin: 0 auto; +} +.ui-processing.ui-processing-full-size { + -webkit-mask-image: url("images/Processing/processing_bar.png"); + mask-image: url("images/Processing/processing_bar.png"); + -webkit-animation-name: fullprocess; + animation-name: fullprocess; + width: 100%; + height: 0.375rem; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + max-width: 19.75rem; +} +.ui-processing.ui-hidden { + display: none; +} +.ui-processing-text { + margin: 0 auto; + text-align: center; + width: 10.5rem; + font-size: 1.5rem; + color: rgba(250, 250, 250, 1); +} +.ui-btn { + display: block; + position: relative; + padding-right: 10px; + padding-left: 10px; + margin: 0; + font-size: 2rem; + line-height: 5.3125rem; + height: 5.3125rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + vertical-align: middle; + text-overflow: ellipsis; + overflow: hidden; + border: 0 none; + color: rgba(250, 250, 250, 1); + background-color: rgba(2, 56, 92, 1); +} +a.ui-btn:active:hover, +.ui-btn:enabled:active:hover { + background-color: rgba(23, 73, 115, 1); +} +.ui-btn:enabled:focus { + background-color: rgba(2, 56, 92, 1); +} +a.ui-btn.ui-state-disabled, +.ui-btn:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(3, 44, 64, 1); + cursor: default; +} +.ui-btn.ui-multiline { + padding-top: 10px; + padding-bottom: 10px; +} +.ui-btn.ui-inline { + display: inline-block; +} +.ui-btn.ui-btn-icon { + background-position: center center; + height: 5.5rem; + width: 5.5rem; + text-indent: -1000em; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; +} +.ui-btn.ui-btn-icon::before { + content: ""; + -webkit-mask-size: 5.5rem 5.5rem; + mask-size: 5.5rem 5.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + mask-position: 0 0; + width: 5.5rem; + height: 5.5rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + position: absolute; + -webkit-mask-image: none; + mask-image: none; + background-position: center center; + background-repeat: no-repeat; +} +.ui-btn.ui-btn-icon-only { + text-indent: -624.9375rem; +} +.ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.75rem 3.75rem; + mask-size: 3.75rem 3.75rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.75rem; + height: 3.75rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + background-color: rgba(250, 250, 250, 1); + -webkit-transition: background 150ms; + transition: background 150ms; +} +.ui-btn.ui-btn-icon-only:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-icon-only:disabled::before { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + background-color: transparent; + height: 33vh; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + content: ''; + position: absolute; + background-color: white; + border-radius: 50%; + width: 30vw; + height: 30vh; + opacity: 0; + left: 50%; + top: 50%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; +} +.ui-btn.ui-btn-text { + height: 3.3125rem; + line-height: 2.6875rem; + padding: 0.3125rem; + margin: auto; + max-width: 16.125rem; + min-width: 4.125rem; +} +.ui-btn.ui-btn-text:enabled:active:hover, +.ui-btn.ui-btn-text:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-text.ui-btn-active { + -webkit-animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; + animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; + overflow: visible; + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after { + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + content: ''; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-size: cover; + mask-size: cover; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled { + background-color: rgba(250, 250, 250, 0.4); + cursor: default; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + height: 141%; + width: 141%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled { + background-color: transparent; + cursor: default; +} +.ui-btn.ui-btn-middle { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +@-webkit-keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@-webkit-keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ui-default { + color: rgba(250, 250, 250, 1); + background-color: rgba(2, 56, 92, 1); +} +a.ui-default:active:hover, +.ui-default:enabled:active:hover { + background-color: rgba(23, 73, 115, 1); +} +.ui-default:enabled:focus { + background-color: rgba(2, 56, 92, 1); +} +a.ui-default.ui-state-disabled, +.ui-default:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(3, 44, 64, 1); + cursor: default; +} +.ui-color-red { + color: rgba(250, 250, 250, 1); + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: rgba(222, 102, 78, 1); +} +.ui-color-red:enabled:focus { + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 11, 1, 1); + cursor: default; +} +.ui-color-orange { + color: rgba(250, 250, 250, 1); + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: rgba(242, 171, 78, 1); +} +.ui-color-orange:enabled:focus { + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 39, 5, 1); + cursor: default; +} +.ui-color-green { + color: rgba(250, 250, 250, 1); + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: rgba(146, 191, 90, 1); +} +.ui-color-green:enabled:focus { + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(50, 54, 48, 1); + cursor: default; +} +.ui-btn:focus, +.ui-btn:active { + outline: none; +} +a.ui-btn { + text-decoration: none; + box-sizing: border-box; +} +button.ui-btn, +input.ui-btn { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +button.ui-btn.ui-inline, +input.ui-btn.ui-inline { + display: inline-block; + width: auto; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-1 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-2 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-3 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-row > .ui-btn { + margin-top: 1px; +} +.ui-grid-row > .ui-btn:first-child { + margin-top: 0; +} +.ui-popup { + box-sizing: border-box; + position: fixed; + left: 0; + width: 100%; + margin: 0; + background-color: rgba(0, 17, 33, 1); + border: 3px solid rgba(0, 55, 92, 1); + display: none; + z-index: 1100; +} +.ui-popup:not(.ui-ctxpopup) { + bottom: 0; +} +.ui-popup .ui-popup-header { + width: 100%; + min-height: 68px; + font-size: 30px; + text-align: left; + background-color: rgba(5, 42, 71, 1); + color: rgba(116, 196, 252, 1); + padding-top: 14px; + padding-right: 13px; + padding-bottom: 14px; + padding-left: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-popup .ui-popup-content { + width: 100%; + min-height: 14rem; + font-size: 2.125rem; + text-align: left; + color: rgba(250, 250, 250, 1); + background-color: rgba(0, 17, 33, 1); + padding: 10px 16px 9px 16px; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -0.5625rem -1rem -0.5625rem -1rem; +} +.ui-popup .ui-popup-content .ui-listview li, +.ui-popup .ui-popup-content .ui-inline-listview li { + font-size: 2.125rem; +} +.ui-popup .ui-popup-footer { + width: 100%; + height: 83px; +} +.ui-popup .ui-popup-footer .ui-btn { + padding-top: 27px; + padding-bottom: 28px; + font-size: 30px; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only { + position: relative; + text-indent: -624.9375rem; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.125rem 3.125rem; + mask-size: 3.125rem 3.125rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.125rem; + height: 3.125rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.ui-popup.ui-popup-active { + display: block; +} +.ui-popup.in { + display: block; +} +.ui-popup.ui-build { + display: block; + visibility: hidden; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) { + max-height: 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper { + width: 100%; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + height: auto; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 2100; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 2100; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.ui-popup.ui-ctxpopup { + background-color: transparent; + width: 100%; + border: 0 none; + border-radius: 0; + overflow: visible; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size { + width: auto; + padding: 0 0 0 0; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content { + width: auto; +} +.ui-popup.ui-ctxpopup .ui-popup-content { + min-height: initial; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(117, 117, 117, 0.9); + color: #333; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li { + color: rgba(0, 0, 0, 1); + border-bottom: 1px solid rgba(204, 204, 204, 1); + min-height: 90px; + padding: 21px 8px 20px 16px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a { + color: rgba(0, 0, 0, 1); + margin: -21px -16px; + padding: 21px 16px; + min-height: 48px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(19, 99, 145, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon { + position: relative; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a { + margin-left: -4.25rem; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before { + content: ""; + position: absolute; + top: 50%; + left: 0.375rem; + width: 3.5rem; + height: 3.5rem; + margin-top: -1.75rem; + background-color: rgba(92, 92, 92, 0.9); + -webkit-mask-size: 3.5rem 3.5rem; + -moz-mask-size: 3.5rem 3.5rem; + -ms-mask-size: 3.5rem 3.5rem; + -o-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview { + height: 4.3125rem; + overflow: hidden; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li { + float: left; + height: 4.1875rem; + line-height: 4.1875rem; + border-right: 1px solid rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a { + display: block; + width: 100%; + height: 100%; + padding: 0rem 0.5rem; + color: rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(19, 99, 145, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext { + width: 3.6875rem; + height: 4.1875rem; + text-indent: -1000em; + overflow: hidden; + position: relative; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 2.6875rem; + height: 2.6875rem; + margin-top: -1.34375rem; + margin-left: -1.34375rem; + background-color: rgba(0, 0, 0, 1); + -webkit-mask-size: 2.6875rem 2.6875rem; + -moz-mask-size: 2.6875rem 2.6875rem; + -ms-mask-size: 2.6875rem 2.6875rem; + -o-mask-size: 2.6875rem 2.6875rem; + mask-size: 2.6875rem 2.6875rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-arrow { + width: 36px; + height: 15px; + overflow: hidden; + position: absolute; + display: none; + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup .ui-arrow span { + box-sizing: border-box; + width: 20px; + height: 20px; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(117, 117, 117, 0.9); + position: absolute; + top: 6px; + left: 8px; + -webkit-transform: rotate(55deg) skew(24deg); + -ms-transform: rotate(55deg) skew(24deg); + transform: rotate(55deg) skew(24deg); + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b { + padding: 20px 20px 0 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t { + padding: 0 20px 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r { + padding: 20px 0 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l { + padding: 20px 20px 20px 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow { + display: block; + bottom: -14px; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow { + display: block; + top: -14px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow { + display: block; + right: -25px; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow { + display: block; + left: -25px; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.ui-popup.ui-popup-toast { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + font-size: 1.5rem; + border: 3px solid rgba(0, 55, 92, 1); + border-radius: 0; + border-left: 0; + border-right: 0; + position: absolute; + bottom: 0; +} +.ui-popup.ui-popup-toast:not(.ui-popup-toast) { + top: auto; + height: auto; +} +.ui-popup.ui-popup-toast .ui-popup-content { + min-height: initial; + padding: 0.6875rem 2.625rem 0.75rem 2.625rem; + background-color: rgba(0, 17, 33, 1); +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 3.5rem; + height: 3.5rem; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + text-indent: -10000px; + overflow: hidden; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 50% 50%; + -moz-mask-position: 50% 50%; + -ms-mask-position: 50% 50%; + -o-mask-position: 50% 50%; + mask-position: 50% 50%; +} +.ui-popup-overlay { + position: fixed; + display: none; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-popup-overlay.in { + display: block; +} +.ui-popup.slideup.in { + -webkit-animation-name: popupslideinfrombottom; + animation-name: popupslideinfrombottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.slideup.out { + -webkit-animation-name: popupslideouttobottom; + animation-name: popupslideouttobottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +.ui-popup.pop.in { + -webkit-animation-name: popuppopin; + animation-name: popuppopin; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.pop.out { + -webkit-animation-name: popuppopout; + animation-name: popuppopout; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +@keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +.ui-popup.ui-popup-toast.pop.in { + -webkit-animation-name: toastpopuppopin; + animation-name: toastpopuppopin; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.ui-popup-toast.pop.out { + -webkit-animation-name: toastpopuppopout; + animation-name: toastpopuppopout; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@-webkit-keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +@keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +.ui-popup-overlay.slideup.in, +.ui-popup-overlay.pop.in { + -webkit-animation: fadein 250ms; + animation: fadein 250ms; +} +.ui-popup-overlay.slideup.out, +.ui-popup-overlay.pop.out { + -webkit-animation: fadeout 250ms forwards; + animation: fadeout 250ms forwards; +} +.ui-popup.ui-popup-arrow-t.slideup.in, +.ui-popup.ui-popup-arrow-l.slideup.in, +.ui-popup.ui-popup-arrow-r.slideup.in { + -webkit-animation: ctxpopupslideinfrombottom 250ms ease-in-out; + animation: ctxpopupslideinfrombottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-t.slideup.out, +.ui-popup.ui-popup-arrow-l.slideup.out, +.ui-popup.ui-popup-arrow-r.slideup.out { + -webkit-animation: ctxpopupslideouttobottom 250ms ease-in-out; + animation: ctxpopupslideouttobottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.in { + -webkit-animation: ctxpopupslideinfromtop 250ms ease-in-out; + animation: ctxpopupslideinfromtop 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.out { + -webkit-animation: ctxpopupslideouttotop 250ms ease-in-out; + animation: ctxpopupslideouttotop 250ms ease-in-out; +} +@-webkit-keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@-webkit-keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +/************************ +Listview +*************************/ +tau-virtuallistview, +tau-listview { + display: block; + list-style-type: disc; + list-style-type: none; +} +.ui-listview li { + font-size: 2rem; + line-height: 3rem; + min-height: 6.25rem; + padding: 0.9375rem 0.5rem 0.9375rem 1rem; + border-bottom: 0.0625rem solid rgba(56, 56, 56, 1); + white-space: nowrap; + position: relative; + color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + min-height: 5.3125rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-listview li.ui-li-grid .ui-processing { + padding: 0; + margin-right: 0.5rem; +} +.ui-listview li.ui-li-grid div:first-child { + width: -webkit-calc(100% - 5.5rem); + width: calc(100% - 5.5rem); + text-align: left; + height: 100%; + margin-left: 1rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + padding: 0; + margin-right: 0.5rem; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + width: 3.5rem; + height: 3.5rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after { + background-color: transparent; +} +.ui-listview li.ui-li-grid.ui-li-grid-full div::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(56, 56, 56, 1); + right: 4.5rem; + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-listview li.ui-li-grid.ui-li-grid-full > * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid.ui-li-grid-full > *.ui-btn-icon { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid .ui-btn-description { + width: 100%; + margin: 0 -50%; + z-index: 2; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + text-align: center; + line-height: 5.3125rem; + pointer-events: none; +} +.ui-listview li.ui-li-grid a.ui-btn, +.ui-listview li.ui-li-grid tau-button.ui-btn { + background-position: center center; + height: 5.3125rem; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + border-bottom: 0.0625rem solid rgba(0, 24, 41, 1); + border-right: 0.0625rem solid rgba(0, 24, 41, 1); +} +.ui-listview li input[type=text], +.ui-listview li input[type=password] { + width: 20.5rem; + height: 3.875rem; + padding: 0.8125rem 0 0.8125rem 0.5rem; + color: rgba(116, 196, 252, 1); + font-size: 2rem; + background-color: rgba(245, 245, 245, 0.15); + border: none; + outline: none; +} +.ui-listview li input[type=text]:focus, +.ui-listview li input[type=password]:focus { + border: 0.0625rem solid rgba(245, 245, 245, 0.15); +} +.ui-listview li input[type=text]:focus::-webkit-input-placeholder, +.ui-listview li input[type=password]:focus::-webkit-input-placeholder { + color: white; +} +.ui-listview li > * { + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: rgba(250, 250, 250, 1); +} +.ui-listview li > a:not(.ui-btn) { + display: block; + width: 100%; + height: auto; + margin: -1.625rem -0.5rem -1.625rem -1rem; + padding: 1.25rem 0.5rem 1.25rem 1rem; + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-listview li.ui-listview-divider { + height: 1.875rem; + min-height: 1.875rem; + line-height: 1.875rem; + padding: 0 0.5rem 0 1rem; + background-color: rgba(29, 72, 105, 1); + color: rgba(151, 197, 230, 1); + font-size: 1.5rem; +} +.ui-listview li .ui-li-sub-text { + color: rgba(85, 135, 171, 1); + font-size: 1.75rem; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text { + width: -webkit-calc(100% - 4.8125rem); + width: calc(100% - 4.8125rem); + height: 100%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(250, 250, 250, 1); + right: 4.25rem; + top: 20%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-divider { + display: none; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete, +.ui-listview li.ui-li-has-action-icon .ui-action-setting, +.ui-listview li.ui-li-has-action-icon .ui-action-add { + position: absolute; + height: 100%; + width: 4.5rem; + right: 0; + top: 0; + -webkit-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center center; + mask-position: center center; + padding: 0; + margin: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + -webkit-mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + -webkit-mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + -webkit-mask-image: url('images/listview/tw_list_add_holo_dark.png'); + mask-image: url('images/listview/tw_list_add_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon { + background-color: transparent; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-datetime-widget { + position: relative; + height: 100%; +} +.ui-datetime { + text-align: center; + padding-top: 56px; +} +.ui-time-picker .ui-datetime { + padding-top: 53px; +} +.ui-datetime:only-child { + padding-top: 92px; +} +.ui-time-picker .ui-datetime:only-child { + padding-top: 89px; +} +.ui-datetime input[type='date'], +.ui-datetime input[type='datetime'], +.ui-datetime input[type='time'] { + display: none; +} +.ui-datefield { + height: 52px; + display: inline-block; + vertical-align: top; +} +.ui-datefield > .ui-btn { + float: left; + height: 52px; + padding: 0; + line-height: 52px; + font-size: 42px; + font-weight: 600; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield .ui-datefield-separator { + display: block; + height: 100%; + float: left; + width: 18px; + background: transparent url('images/Datetimepicker/tw_timepicker_num_dot.png'); +} +.ui-datefield > .ui-btn:enabled:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield > .ui-btn:disabled { + color: #404040; +} +.ui-datafield > .ui-btn.ui-selected, +.ui-datefield > .ui-btn:enabled:active, +.ui-datefield > .ui-btn.ui-state-active:enabled, +.ui-datefield > .ui-btn.ui-selected:enabled { + background-color: #ff9000; + color: #000; +} +/* -- for datepicker -- */ +.ui-date-picker .ui-datefield > .ui-btn:first-child { + margin-right: 2px; +} +.ui-date-picker .ui-datefield > .ui-btn:last-child { + margin-left: 2px; +} +.ui-date-picker .ui-datefield-year { + width: 114px; +} +.ui-date-picker .ui-datefield-month { + width: 102px; +} +.ui-date-picker .ui-datefield-day { + width: 68px; +} +/* -- end (for datepicker) -- */ +/* -- for timepicker -- */ +.ui-time-picker .ui-datefield-hour { + width: 74px; +} +.ui-time-picker .ui-datefield-min { + width: 74px; +} +.ui-time-picker .ui-datefield-period { + width: 84px; + margin-left: 10px; +} +.ui-time-picker .ui-datefield { + height: 58px; +} +.ui-time-picker .ui-datefield > .ui-btn { + height: 58px; + line-height: 58px; + font-size: 50px; +} +.ui-time-picker .ui-datefield > .ui-btn.ui-datefield-period { + font-size: 48px; +} +/* -- (end) for timepicker -- */ +.ui-datetime-wheel { + height: 68px; + margin: 0 10px; + margin-top: 30px; +} +.ui-time-picker .ui-datetime-wheel { + margin-top: 27px; +} +.ui-datetime-wheel .ui-btn { + width: 68px; + height: 68px; + float: left; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus { + float: right; + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-wheel { + display: block; + margin-left: 68px; + margin-right: 68px; + height: 68px; + padding: 10px 0; + box-sizing: border-box; + background: url('images/Datetimepicker/tw_timepicker_wheel_01.png') center center no-repeat; +} +.ui-datetime-btns { + position: absolute; + bottom: 0; + width: 100%; + height: 76px; + box-sizing: border-box; + border-top: 2px solid #262626; +} +/* Button separator */ +.ui-datetime-btns::before { + content: ""; + height: 34px; + width: 1px; + background-color: #262626; + position: absolute; + left: 160px; + top: 20px; +} +.ui-datetime-btns .ui-btn { + height: 100%; + position: relative; + background-color: transparent; +} +.ui-datetime-btns .ui-btn:enabled:active, +.ui-datetime-btns .ui-btn:enabled:focus, +.ui-datetime-btns .ui-btn:enabled:active:focus { + background-color: transparent; +} +.ui-datetime-btns .ui-btn-left { + width: 160px; + float: left; + background: url('images/Datetimepicker/tw_timepicker_left_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn-right { + width: 159px; + float: right; + background: url('images/Datetimepicker/tw_timepicker_right_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn:disabled, +.ui-datetime-btns .ui-btn.ui-state-disabled { + opacity: .2; +} +/* ---------------- */ +.ui-datetime-periods { + height: 102px; + margin-top: 7px; + display: inline-block; +} +.ui-datetime-periods .ui-btn, +.ui-datetime-periods .ui-datetime-periods-separator { + height: 100%; + float: left; + padding: 0; + background: transparent; +} +.ui-datetime-periods .ui-btn { + width: 102px; + font-size: 34px; + line-height: 102px; +} +.ui-datetime-periods .ui-btn:enabled:focus { + background: transparent; +} +.ui-datetime-periods .ui-btn:enabled:active, +.ui-datetime-periods .ui-btn:enabled:active:focus, +.ui-datetime-periods .ui-btn.ui-selected:enabled:active, +.ui-datetime-periods .ui-btn.ui-state-active:enabled:active { + color: inherit; + text-decoration: none; + background: url('images/Datetimepicker/tw_timepicker_time_bg.png') center center no-repeat; +} +.ui-datetime-periods .ui-btn.ui-selected:enabled, +.ui-datetime-periods .ui-btn.ui-state-active:enabled { + color: #ff9000; + text-decoration: underline; +} +.ui-datetime-periods .ui-datetime-periods-separator { + width: 24px; + background: url('images/Datetimepicker/tw_timepicker_num_dot_01.png') center center no-repeat; +} +.ui-datetime-wheel.ui-hidden, +.ui-datetime-periods.ui-hidden { + display: none; +} +/* Transitions originally inspired by those from jQtouch, nice work, folks */ +.ui-viewport-transitioning, +.ui-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; + box-sizing: border-box; +} +.ui-pre-in { + z-index: 100; + visibility: visible; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + display: -webkit-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-direction: column; + top: 0; + left: 0; +} +.in { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; +} +.out { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-duration: 225ms; + animation-duration: 225ms; +} +@-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade.out { + opacity: 0; + -webkit-animation: fadeout 125ms; + animation: fadeout 125ms; +} +.fade.in { + opacity: 1; + -webkit-animation: fadein 225ms; + animation: fadein 225ms; +} +@-webkit-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-webkit-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +.slideup.in:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + -webkit-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + -webkit-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay) { + z-index: 101; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + -webkit-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +@-webkit-keyframes popin { + from { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } +} +@-webkit-keyframes popoutreverse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } +} +@-webkit-keyframes popinreverse { + from { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +.pop.out.reverse { + z-index: 100; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popoutreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popoutreverse; + animation-duration: 225ms; + animation-name: popoutreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in.reverse { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popinreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popinreverse; + animation-duration: 225ms; + animation-name: popinreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in { + -webkit-animation-duration: 225ms; + -webkit-animation-name: popin; + -moz-animation-duration: 225ms; + -moz-animation-name: popin; + animation-duration: 225ms; + animation-name: popin; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.out { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popout; + -moz-animation-duration: 225ms; + -moz-animation-name: popout; + animation-duration: 225ms; + animation-name: popout; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-indexscrollbar { + display: block; + position: fixed; + right: 0; + top: 0; + width: 2.8125rem; + height: 100%; + padding-left: 0.125rem; + background-color: rgba(26, 26, 26, 1); + z-index: 10; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + cursor: pointer; +} +.ui-indexscrollbar ul { + position: absolute; + width: 100%; + top: 0; +} +.ui-indexscrollbar ul li { + color: rgba(89, 89, 89, 1); + display: block; + width: 100%; + text-align: center; + font-size: 1.5rem; + height: 2.25rem; +} +.ui-indexscrollbar ul li.ui-state-selected { + background-color: rgba(36, 36, 36, 1); + color: rgba(55, 161, 237, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary { + position: relative; + height: auto; + top: 0; + right: -2.5rem; + width: 100%; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li { + background-color: rgba(36, 36, 36, 1); + color: rgba(89, 89, 89, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected { + background-color: rgba(36, 36, 36, 1); + color: rgba(55, 161, 237, 1); +} +.ui-indexscrollbar + .ui-listview li { + padding-right: 2.5rem; +} +.ui-indexscrollbar-indicator { + position: fixed; + top: 0; + left: 0; + z-index: 9; + display: none; +} +.ui-indexscrollbar-indicator > span { + width: 8.75rem; + height: 5.4375rem; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -5.625rem; + margin-top: -2.6875rem; + line-height: 5.4375rem; + font-size: 4.375rem; + text-align: center; + background-color: rgba(0, 61, 107, 0.95); + color: rgba(250, 250, 250, 1); +} +.ui-indexscrollbar-indicator > span > span.ui-selected { + color: rgba(55, 161, 237, 1); +} +.ui-circularindexscrollbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + position: absolute; + top: 50%; + left: 50%; + width: 9.875rem; + height: 9.875rem; + line-height: 9.875rem; + border-radius: 50%; + background-color: rgba(0, 61, 107, 0.95); + -webkit-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show { + pointer-events: auto; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator { + opacity: 1; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 4.375rem; + color: rgba(55, 161, 237, 1); +} +/*************************************************************************** + Scrollbar Style +***************************************************************************/ +.ui-scrollbar-bar-type { + position: absolute; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal { + left: 0; + bottom: 0; + width: 100%; + height: 8px; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical { + right: 0; + top: 0; + width: 0.5rem; + height: 100%; +} +.ui-scrollbar-bar-type .ui-scrollbar-indicator { + position: absolute; + background-color: rgba(94, 94, 94, 1); +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator { + height: 0.25rem; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator { + width: 0.25rem; +} +/*************************************************************************** + Scrollbar Bouncing Effect +***************************************************************************/ +.ui-scrollbar-bouncing-effect { + display: none; + position: absolute; + background-repeat: no-repeat; + -webkit-animation-duration: 0.47s; + animation-duration: 0.47s; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(55, 161, 237, 0.7); +} +.ui-scrollbar-bouncing-effect::before { + content: ""; + position: absolute; + background-color: rgba(55, 161, 237, 1); +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 3.125rem; + left: 0; + -webkit-mask-size: 100% 3.125rem; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 0.125rem; + -webkit-mask-size: 100% 0.125rem; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 3.125rem; + height: 100%; + top: 0; + -webkit-mask-size: 3.125rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 0.0625rem; + height: 100%; + -webkit-mask-size: 0.0625rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + -webkit-mask-image: url("images/Scroller/bouncing_top_glow.png"); + mask-image: url("images/Scroller/bouncing_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + -webkit-mask-image: url("images/Scroller/bouncing_top_edge.png"); + mask-image: url("images/Scroller/bouncing_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + -webkit-mask-image: url("images/Scroller/bouncing_bottom_glow.png"); + mask-image: url("images/Scroller/bouncing_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + -webkit-mask-image: url("images/Scroller/bouncing_bottom_edge.png"); + mask-image: url("images/Scroller/bouncing_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + -webkit-mask-image: url("images/Scroller/bouncing_left_glow.png"); + mask-image: url("images/Scroller/bouncing_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + -webkit-mask-image: url("images/Scroller/bouncing_left_edge.png"); + mask-image: url("images/Scroller/bouncing_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + -webkit-mask-image: url("images/Scroller/bouncing_right_glow.png"); + mask-image: url("images/Scroller/bouncing_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + -webkit-mask-image: url("images/Scroller/bouncing_right_edge.png"); + mask-image: url("images/Scroller/bouncing_right_edge.png"); +} +@-webkit-keyframes ui-bouncing-show { + 0% { + opacity: 0; + } + 10% { + opacity: .1; + } + 20% { + opacity: .2; + } + 30% { + opacity: .3; + } + 40% { + opacity: .4; + } + 50% { + opacity: .5; + } + 60% { + opacity: .6; + } + 70% { + opacity: .7; + } + 80% { + opacity: .8; + } + 90% { + opacity: .9; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes ui-bouncing-hide { + 0% { + opacity: 1; + } + 10% { + opacity: .9; + } + 20% { + opacity: .8; + } + 30% { + opacity: .7; + } + 40% { + opacity: .6; + } + 50% { + opacity: .5; + } + 60% { + opacity: .4; + } + 70% { + opacity: .3; + } + 80% { + opacity: .2; + } + 90% { + opacity: .1; + } + 100% { + opacity: 0; + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; + -webkit-animation-name: ui-bouncing-show; + animation-name: ui-bouncing-show; +} +.ui-scrollbar-bouncing-effect.ui-hide { + display: block; + -webkit-animation-name: ui-bouncing-hide; + animation-name: ui-bouncing-hide; +} +.ui-swipelist { + position: absolute; + top: 0; +} +.ui-swipelist .ui-swipelist-icon { + width: 20%; + height: 100%; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; +} +.ui-swipelist .ui-swipelist-text { + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-swipelist-left, +.ui-swipelist-right { + position: absolute; + display: none; +} +.ui-swipelist-left { + background-color: rgba(98, 168, 24, 1); + background-image: -webkit-linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(0, 0, 0, 1) 0%); + background-image: linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(0, 0, 0, 1) 0%); +} +.ui-swipelist-right { + background-color: rgba(235, 164, 23, 1); + background-image: -webkit-linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(0, 0, 0, 1) 0%); + background-image: linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(0, 0, 0, 1) 0%); +} +.ui-swipelist-icon, +.ui-swipelist-text { + position: absolute; +} +.ui-swipelist-left .ui-swipelist-icon { + margin-left: 2%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-left .ui-swipelist-text { + margin-left: 40%; +} +.ui-swipelist-right .ui-swipelist-icon { + margin-left: 80%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-right .ui-swipelist-text { + margin-left: 20%; +} +.ui-tab-indicator { + position: relative; + height: 6px; +} +.ui-tab-indicator .ui-tab-item { + position: absolute; + top: 0; + left: 0; + display: block; + height: 6px; + background-color: rgba(76, 103, 125, 1); +} +.ui-tab-indicator .ui-tab-item.ui-tab-active { + background-color: rgba(55, 161, 237, 1); +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + box-sizing: border-box; + padding: 0; + height: 56px; + width: 56px; + font-size: 32px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + position: relative; +} +input[type="radio"] { + background-color: rgba(0, 14, 26, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; +} +input[type="radio"]::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:checked::before { + content: ""; + background-color: rgba(115, 191, 15, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active { + background-color: rgba(0, 50, 84, 0.4); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +input[type="radio"]:active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input) { + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(0, 14, 26, 1); +} +input[type="checkbox"]:not(.ui-switch-input)::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + content: ""; + -webkit-mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(115, 191, 15, 1); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background-color: rgba(0, 50, 84, 0.4); +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + width: 100%; + height: 100%; + position: absolute; +} +.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input), +.ui-checkbox-small input[type=radio] { + top: 0.4375rem; + margin-right: 0.4375rem; + width: 2.125rem; + height: 2.125rem; +} +.ui-marquee { + position: relative; + white-space: nowrap; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 2.4375rem; + line-height: 2.4375rem; +} +.ui-marquee.ui-marquee-gradient { + text-overflow: clip; + -webkit-mask-image: -webkit-linear-gradient(left, #ffffff 0, #ffffff 85%, transparent 100%); +} +.ui-marquee.ui-marquee-ellipsis .ui-marquee-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-marquee .ui-marquee-content { + left: 0; + position: relative; + overflow: visible; + display: inline-block; +} +.ui-marquee-anim-running { + -webkit-animation-play-state: running; +} +.ui-marquee-anim-stopped { + -webkit-animation-play-state: paused; +} +.ui-marquee.ui-marquee-gradient::after { + background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%); + background: linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%); +} +/**************************************************** + Page Indicator +*****************************************************/ +tau-pageindicator { + display: block; +} +.ui-page-indicator { + display: block; + position: absolute; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + white-space: nowrap; + max-width: 100%; + overflow: hidden; +} +.ui-page-indicator .ui-page-indicator-item { + position: relative; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + -webkit-mask-image: url(images/Indicator/indicator_horizontal_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_dot.png); + background-color: rgba(250, 250, 250, 0.4); + margin-right: 0.5rem; + margin-top: 1.5rem; + transition-property: -webkit-mask-image, mask-image; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ui-page-indicator .ui-page-indicator-item:last-child { + margin-right: 0; +} +.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active { + -webkit-mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + background-color: rgba(250, 250, 250, 1); +} +.ui-page-indicator.ui-page-indicator-circular { + top: 0; + left: 0; + width: 100vw; + height: 100vw; + -webkit-transform: none; + -ms-transform: none; + transform: none; + pointer-events: none; +} +.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.3125rem; + margin-left: -0.3125rem; + margin-right: 0; +} +.ui-snap-container { + -webkit-scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; +} +.ui-snap-container.ui-snap-disabled { + -webkit-scroll-snap-type: none; +} +.ui-snap-listview-item { + -webkit-scroll-snap-coordinate: 50% 50%; +} +tau-drawer { + display: block; +} +.ui-drawer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + background-color: rgba(0, 0, 0, 1); + z-index: 1201; + box-sizing: border-box; +} +.ui-drawer.ui-drawer-close { + overflow: hidden; +} +.ui-drawer.ui-drawer-open { + overflow: auto; +} +.ui-drawer-overlay { + top: 0; + position: fixed; + background-color: rgba(0, 0, 0, 0.8); + z-index: 1200; +} +tau-drawermorestyle { + display: block; +} +tau-sectionchanger { + display: block; +} +.ui-section-changer { + height: 100%; +} +.ui-view-switcher { + height: 100%; + overflow: hidden; +} +.ui-view-switcher.ui-view-carousel .ui-view { + display: none; + position: absolute; + z-index: -1000; + top: 50%; + background-color: #fafafa; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active { + display: inline; + z-index: 100; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim { + opacity: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left { + display: inline; + left: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right { + display: inline; + right: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim { + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; +} +.ui-slider { + position: relative; + box-sizing: border-box; + background-color: rgba(64, 64, 64, 1); +} +.ui-slider .ui-slider-value { + background-color: rgba(55, 161, 237, 1); +} +.ui-slider .ui-slider-handler { + width: 2.25rem; + height: 2.25rem; + background-color: #fafafa; + border-radius: 50%; + position: absolute; + text-indent: 9999px; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-slider.ui-slider-horizontal { + height: 6px; + margin: 20px 22px; +} +.ui-slider.ui-slider-horizontal .ui-slider-value { + height: 6px; +} +.ui-slider.ui-slider-horizontal .ui-slider-handler { + top: 50%; + margin-left: -20px; + border: 3px solid rgba(55, 161, 237, 1); + -webkit-transform: translate(0, -50%) scale(0.6); + -ms-transform: translate(0, -50%) scale(0.6); + transform: translate(0, -50%) scale(0.6); +} +.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active { + -webkit-transform: translate(0, -50%) scale(1); + -ms-transform: translate(0, -50%) scale(1); + transform: translate(0, -50%) scale(1); +} +.ui-slider-title { + text-align: center; + color: rgba(14, 118, 179, 1); + font-size: 28px; +} +.ui-slider-subtitle { + text-align: center; + color: rgba(14, 118, 179, 1); + font-size: 28px; +} +.ui-selector { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-selector .ui-layer { + position: absolute; + display: none; + width: 4.25rem; + height: 4.25rem; + border-radius: 50%; +} +.ui-selector .ui-layer.ui-layer-active { + display: block; + width: 100%; + height: 100%; + z-index: 3; +} +.ui-selector .ui-layer.ui-layer-active .ui-item { + visibility: visible; + -webkit-transition: transform 300ms ease-out; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-selector .ui-layer.ui-layer-hide .ui-item { + visibility: visible; + -webkit-transition: transform 100ms ease-out; + -webkit-transition: -webkit-transform 100ms ease-out; + transition: -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out; + transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; +} +.ui-selector .ui-layer.ui-layer-prev { + display: block; + width: 3rem; + height: 3rem; + left: 50%; + margin-left: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_previous_page.png"); + mask-image: url("images/Common/b_more_option_btn_previous_page.png"); +} +.ui-selector .ui-layer.ui-layer-next { + display: block; + width: 3rem; + height: 3rem; + right: 50%; + margin-right: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_next_page.png"); + mask-image: url("images/Common/b_more_option_btn_next_page.png"); +} +.ui-selector .ui-item { + background-color: rgba(250, 250, 250, 1); + position: absolute; + visibility: hidden; + width: 4.25rem; + height: 4.25rem; + top: 50%; + left: 50%; + border-radius: 50%; + margin: -2.125rem; + z-index: 100; +} +.ui-selector .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-selector .ui-item::before { + -webkit-transition: background-color 200ms ease-out; + transition: background-color 200ms ease-out; +} +.ui-selector .ui-selector-indicator { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + z-index: 4; + width: 10.25rem; + height: 10.25rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.ui-selector .ui-selector-indicator::before { + content: ""; + position: absolute; + width: 90%; + height: 90%; + left: 50%; + top: 50%; + border-radius: 50%; + background-color: transparent; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before { + z-index: -1; + background-color: white; + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + font-size: 1.875rem; + pointer-events: none; + width: 10.25rem; + line-height: 2.5rem; + max-height: 5rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active { + background-repeat: no-repeat; + background-position: 50% 50%; + width: 8.75rem; + height: 8.75rem; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text { + margin-top: -0.25rem; + width: 5.875rem; + height: 5.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active + .ui-selector-indicator-text:not(:empty) { + margin-top: 0.3125rem; + width: 8.625rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + font-size: 1.8125rem; + pointer-events: none; + width: 8.625rem; + line-height: 2.4375rem; + max-height: 2.4375rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text { + width: 9.375rem; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext { + color: T117; + width: 9.375rem; +} +.ui-selector .ui-selector-indicator-arrow { + position: absolute; + width: 13.125rem; + height: 13.125rem; + top: 50%; + left: 50%; + margin: -6.5625rem; + text-align: center; + line-height: 13.125rem; + font-size: 1.75rem; + z-index: 0; +} +.ui-selector .ui-selector-indicator-arrow::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active { + background-color: rgba(250, 250, 250, 1); +} +.scrolling-scrollbar { + position: absolute; + pointer-events: none; + -webkit-transition: opacity 2.5s; + transition: opacity 2.5s; + opacity: 0; +} +.scrolling-scrollbar .scrolling-scrollthumb { + stroke: #009de4; + background-color: #009de4; + position: absolute; +} +.scrolling-scrollbar.scrolling-direction-y { + right: 0; + width: 10px; +} +.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb { + width: 10px; + min-height: 20px; + top: 0; + left: 50%; + margin-left: -5px; +} +.scrolling-scrollbar.scrolling-direction-x { + bottom: 0; + height: 10px; +} +.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb { + height: 10px; + min-width: 20px; + left: 0; + top: 50%; + margin-top: -5px; +} +.scrolling-scrollbar:not(.scrolling-circular) { + background-color: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular { + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.scrolling-scrollbar.scrolling-circular .ui-polar { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + pointer-events: none; +} +.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path { + stroke: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated { + -webkit-transition: all .5s; + transition: all .5s; +} +.scrolling-scrollbar.fade-in { + opacity: 1; + -webkit-transition: opacity .5s; + transition: opacity .5s; +} +.ui-page.ui-empty-state { + background-color: B0911; + color: rgba(250, 250, 250, 1); +} +.ui-page.ui-empty-state header.ui-header { + height: 6.75rem; +} +.ui-page.ui-empty-state:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url("images/Common/tw_no_item_bg.png"); + mask-image: url("images/Common/tw_no_item_bg.png"); + background-color: rgba(255, 255, 255, 0.1); +} +.ui-page.ui-empty-state .ui-title { + color: rgba(116, 196, 252, 1); + font-size: 1.875rem; + line-height: 2.4375rem; +} +.ui-page.ui-empty-state .ui-content { + overflow: hidden; + color: rgba(250, 250, 250, 1); + font-size: 1.75rem; + line-height: 2.3125rem; + padding-left: 3.75rem; + padding-right: 3.75rem; + margin: 0 auto; +} +.ui-page.ui-empty-state .ui-content .ui-icon { + width: 6.125rem; + height: 6.125rem; +} +.ui-page.ui-empty-state .ui-content .ui-empty-state-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 4.625rem; + margin-top: 0.5rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header { + height: 7.8125rem; + margin-top: 0; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title { + padding-top: 3.1875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon { + width: 8.125rem; + height: 6.875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label { + height: 2.3125rem; + margin-top: 1.75rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines { + margin-top: 0.125rem; + height: 4.625rem; +} +.ui-grid { + padding: 0; + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + overflow: hidden; + background-color: rgba(0, 0, 0, 1); +} +.ui-grid.ui-hidden { + display: none; +} +.ui-grid li { + transition-property: border-radius, -webkit-mask-size, mask-size; + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; + position: absolute; + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.ui-grid li a { + position: relative; +} +.ui-grid li a:active:hover:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(38, 38, 38, 0.4); +} +.ui-grid.ui-grid-horizontal { + height: 22.5rem; +} +.ui-grid.ui-grid-horizontal li { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-horizontal.ui-grid-rectangle li { + -webkit-mask-size: 22.5rem auto; + mask-size: 22.5rem auto; + -webkit-mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); + mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); +} +.ui-grid.ui-grid-vertical { + width: 22.5rem; +} +.ui-grid.ui-grid-vertical li { + -webkit-transform-origin: center top; + -ms-transform-origin: center top; + transform-origin: center top; +} +.ui-grid.ui-grid-vertical.ui-grid-rectangle li { + -webkit-mask-size: auto 22.5rem; + mask-size: auto 22.5rem; + -webkit-mask-image: url('images/Grid/tw_basic_grid_vertical.png'); + mask-image: url('images/Grid/tw_basic_grid_vertical.png'); +} +.ui-grid.ui-grid-circle li { + border-radius: 100%; +} +.ui-grid.ui-grid-rectangle li { + border-radius: 1.125rem; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-grid.ui-grid-3x3 { + height: 22.5rem; +} +.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned { + position: absolute; + left: 0; + top: 0; + margin: 0 !important; +} +.ui-grid.ui-grid-3x3 li { + width: 22.5rem; + height: 22.5rem; + position: absolute; + display: inline-block; +} +.ui-grid.ui-grid-3x3 li.ui-selected { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-3x3 li a { + display: inline-block; +} +.ui-grid.ui-grid-3x3 .thumb { + width: 100%; + height: 100%; + position: relative; +} +.ui-grid.ui-grid-image { + padding: 0; +} +.ui-grid.ui-grid-image li { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + width: 22.5rem; + height: 22.5rem; + overflow: hidden; +} +.ui-grid.ui-grid-image li a { + display: inline-block; +} +.ui-grid.ui-grid-image .thumb { + width: 22.5rem; + height: 22.5rem; + position: relative; +} +.ui-grid.ui-grid-thumbnail { + background-color: W143; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li { + -webkit-mask-size: 14rem auto; + mask-size: 14rem auto; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li { + -webkit-mask-size: auto 14rem; + mask-size: auto 14rem; +} +.ui-grid-container { + position: relative; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-scroll-snap-type: mandatory; + -ms-scroll-snap-type: mandatory; + scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; + -ms-scroll-snap-destination: 50% 50%; + scroll-snap-destination: 50% 50%; +} +.ui-grid-container .ui-image-section { + width: 22.5rem; + height: 22.5rem; +} +.ui-grid-container .snap-point { + width: 0.0625rem; + height: 0.0625rem; + position: absolute; + -webkit-scroll-snap-coordinate: 50% 50%; + -ms-scroll-snap-coordinate: 50% 50%; + scroll-snap-coordinate: 50% 50%; + visibility: hidden; +} +.ui-grid-container.ui-grid-horizontal { + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + height: 22.5rem; +} +.ui-grid-container.ui-grid-horizontal .snap-point { + top: 50%; +} +.ui-grid-container.ui-grid-vertical { + overflow-x: hidden; + overflow-y: scroll; + width: 22.5rem; + height: 100%; +} +.ui-grid-container.ui-grid-vertical .snap-point { + left: 50%; +} +.ui-circleindicator { + position: fixed; + z-index: 0; +} +.ui-circleindicator svg { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.ui-circleindicator svg:nth-child(2) circle { + -webkit-transition: stroke-dashoffset 0.5s linear; + transition: stroke-dashoffset 0.5s linear; +} +.ui-circleindicator svg .ui-big { + z-index: 4; +} +.ui-circleindicator svg .ui-pointer { + z-index: 5; +} +/*implementation of animation added by polar*/ +.ui-animated { + -webkit-transition: 1s linear; + transition: 1s linear; +} +.ui-hyperlink { + text-decoration: underline; +} +.ui-spin { + position: relative; + display: inline-block; + height: 3.75rem; + background-color: transparent; + overflow: hidden; + font-size: 1.375rem; + padding: 0; + box-sizing: content-box; + width: 5rem; +} +.ui-spin-item { + background-color: transparent; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1.875rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #4dcfff; +} +.ui-spin-item-selected { + font-size: 1.875rem; + height: 1.875rem; + color: #ffffff; +} +.ui-spin-enabling { + height: 100%; +} +.ui-spin-enabling .ui-spin-item { + -webkit-transition: 300ms opacity linear; + transition: 300ms opacity linear; +} +.tau-info-theme:after { + content: "default"; +} diff --git a/lib/tau/wearable/theme/changeable/tau.min.css b/lib/tau/wearable/theme/changeable/tau.min.css new file mode 100644 index 0000000..f38976b --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.min.css @@ -0,0 +1,17 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +*{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}html,button,input,select,textarea{font-family:Tizen,Samsung Sans,Helvetica}body{margin:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button[disabled],input[disabled]{cursor:default}input[type=time],input[type=date]{color:#000}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.tau-info-theme{position:absolute;top:-999px;left:-999px}.screen-hidden{visibility:hidden;position:absolute;top:-10000em;left:-10000em}button,input{outline:0;cursor:pointer}*{box-sizing:border-box}a{text-decoration:none;color:rgba(250,250,250,1)}ul,li{margin:0;padding:0;list-style-type:none}img{margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;font-size:2.125rem;font-family:Tizen,Samsung Sans,Helvetica;background:rgba(0,0,0,1);color:rgba(250,250,250,1)}tau-page{display:block}.ui-page{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-page.ui-page-active{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-page.ui-page-build{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:hidden}.ui-page tau-scrollview{display:block}.ui-page .ui-content{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page .ui-content.ui-content-padding{padding-left:.75rem;padding-right:.75rem}.ui-page .ui-content.ui-content-fixed-middle{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-header{position:relative;width:100%;line-height:60px;background-color:rgba(0,31,56,1)}.ui-page .ui-header .ui-subtitle{height:30px;font-weight:400;line-height:30px;padding-left:16px;padding-right:16px;color:rgba(116,196,252,1);font-size:24px;margin:-.625rem 0 .3125rem 0}.ui-page .ui-header .ui-title{color:rgba(116,196,252,1);font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding-left:16px;padding-right:16px;-webkit-mask-image:-webkit-linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%);mask-image:linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%)}.ui-page .ui-header .ui-title.ui-icon{padding-left:60px;background-position:16px 14px;background-size:34px 34px;background-repeat:no-repeat}.ui-page .ui-header.ui-has-more .ui-title{padding-right:78px;-webkit-mask-image:-webkit-linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%)}.ui-page .ui-header button.ui-more,.ui-page .ui-header input.ui-more{border:0 none;padding:0}.ui-page .ui-header .ui-more-disable{cursor:default;background-color:transparent}.ui-page .ui-header .ui-more{display:block;position:absolute;top:0;right:0;width:68px;height:100%;overflow:hidden;text-indent:-1000em;background-position:center center;background-color:transparent;cursor:pointer}.ui-page .ui-header .ui-more:active{background-color:rgba(23,73,115,1)}.ui-page .ui-header .ui-more.ui-icon-detail{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-detail[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-footer{width:100%;position:absolute;bottom:0;left:0}.ui-page.ui-scroll-on .ui-scroller{width:100%;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page.ui-scroll-on .ui-content{height:auto;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ui-page.ui-scroll-on .ui-footer{position:relative}.ui-grid-col>*{float:left}.ui-page .ui-grid-col-1>*{float:left}.ui-page .ui-grid-col-1>*{width:100%}.ui-page .ui-grid-col-2>*{float:left}.ui-page .ui-grid-col-2>*{width:50%}.ui-page .ui-grid-col-3>*{float:left}.ui-page .ui-grid-col-3>*{width:33.33333333%}.ui-grid-row>*{display:block}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}}@keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}}progress{position:relative;padding-left:1rem;padding-right:1rem;margin-top:.875rem;margin-bottom:.875rem;width:100%;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}progress::-webkit-progress-bar{position:relative;background-color:rgba(64,64,64,1);border-radius:.125rem;overflow:hidden}progress::-webkit-progress-value{background-color:rgba(55,161,237,1);height:.375rem;border-radius:.125rem;overflow:hidden}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:rgba(55,161,237,1)}progress.ui-progress-indeterminate::-webkit-progress-value{background-size:100% 100%;-webkit-animation:indeterminate 150ms infinite;animation:indeterminate 150ms infinite}.ui-progress-proportion{display:block;float:left;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-progress-ratio{display:block;float:right;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-circle-progress{display:none}.ui-progressbar{position:relative;display:inline-block;pointer-events:none}.ui-progressbar.ui-progressbar-full{position:fixed;top:0;left:0;width:100%;height:100%}.ui-switch{width:100%;color:rgba(250,250,250,1)}.ui-switch-inneroffset,.ui-switch-handler{display:none}.ui-switch-text{margin-top:30px;margin-bottom:40px;padding:0 30px;font-size:34px;text-align:center}.ui-switch-sub-text{margin-top:48px;font-size:26px;text-align:center;color:T161}.ui-toggleswitch{position:relative;display:inline-block;width:103.5px;height:55px;overflow:hidden}.ui-toggleswitch.ui-toggleswitch-large{width:207px;height:110px}.ui-toggleswitch .ui-switch-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;display:block}.ui-toggleswitch .ui-switch-input::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;-moz-mask-position:0 0;-ms-mask-position:0 0;-o-mask-position:0 0;mask-position:0 0;background-color:rgba(102,101,101,1);z-index:0}.ui-toggleswitch .ui-switch-input:active::before{background-color:rgba(102,101,101,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:rgba(179,179,179,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::before{background-color:rgba(102,101,101,1)}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 33.3%;-moz-mask-position:0 33.3%;-ms-mask-position:0 33.3%;-o-mask-position:0 33.3%;mask-position:0 33.3%;background-color:rgba(250,250,250,1);position:absolute;top:0;left:0;pointer-events:none;z-index:1}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 66.7%;-moz-mask-position:0 66.7%;-ms-mask-position:0 66.7%;-o-mask-position:0 66.7%;mask-position:0 66.7%;background-color:rgba(133,133,133,1);top:0;left:0}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;background-color:rgba(250,250,250,1);-webkit-mask-position:0 33%;-moz-mask-position:0 33%;-ms-mask-position:0 33%;-o-mask-position:0 33%;mask-position:0 33%;-webkit-transform:translate3d(36.23%,0,0);-ms-transform:translate3d(36.23%,0,0);transform:translate3d(36.23%,0,0)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-mask-position:0 100%;-moz-mask-position:0 100%;-ms-mask-position:0 100%;-o-mask-position:0 100%;mask-position:0 100%;background-color:rgba(115,191,15,1)}.ui-toggleswitch .ui-switch-input:checked::before{background-color:rgba(115,191,15,1)}.ui-toggleswitch .ui-switch-input:checked:active::before{background-color:rgba(75,102,39,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:rgba(179,179,179,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{background-color:rgba(75,102,39,1)}@-webkit-keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@-webkit-keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}@keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}.ui-processing{background-color:rgba(0,77,153,1);-webkit-mask-image:url(images/Processing/processingsmall.png);mask-image:url(images/Processing/processingsmall.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-name:smallprocess;animation-name:smallprocess;width:4.75rem;height:4.75rem;margin:0 auto}.ui-processing.ui-processing-full-size{-webkit-mask-image:url(images/Processing/processing_bar.png);mask-image:url(images/Processing/processing_bar.png);-webkit-animation-name:fullprocess;animation-name:fullprocess;width:100%;height:.375rem;margin-top:.375rem;margin-bottom:.375rem;max-width:19.75rem}.ui-processing.ui-hidden{display:none}.ui-processing-text{margin:0 auto;text-align:center;width:10.5rem;font-size:1.5rem;color:rgba(250,250,250,1)}.ui-btn{display:block;position:relative;padding-right:10px;padding-left:10px;margin:0;font-size:2rem;line-height:5.3125rem;height:5.3125rem;text-align:center;white-space:nowrap;cursor:pointer;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;border:0 none;color:rgba(250,250,250,1);background-color:rgba(2,56,92,1)}a.ui-btn:active:hover,.ui-btn:enabled:active:hover{background-color:rgba(23,73,115,1)}.ui-btn:enabled:focus{background-color:rgba(2,56,92,1)}a.ui-btn.ui-state-disabled,.ui-btn:disabled{color:rgba(250,250,250,.2);background-color:rgba(3,44,64,1);cursor:default}.ui-btn.ui-multiline{padding-top:10px;padding-bottom:10px}.ui-btn.ui-inline{display:inline-block}.ui-btn.ui-btn-icon{background-position:center center;height:5.5rem;width:5.5rem;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem}.ui-btn.ui-btn-icon::before{content:"";-webkit-mask-size:5.5rem 5.5rem;mask-size:5.5rem 5.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;width:5.5rem;height:5.5rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);position:absolute;-webkit-mask-image:none;mask-image:none;background-position:center center;background-repeat:no-repeat}.ui-btn.ui-btn-icon-only{text-indent:-624.9375rem}.ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.75rem 3.75rem;mask-size:3.75rem 3.75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.75rem;height:3.75rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(250,250,250,1);-webkit-transition:background 150ms;transition:background 150ms}.ui-btn.ui-btn-icon-only:active::before{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-icon-only:disabled::before{background-color:rgba(250,250,250,.4)}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{background-color:transparent;height:33vh}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{content:'';position:absolute;background-color:#fff;border-radius:50%;width:30vw;height:30vh;opacity:0;left:50%;top:50%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before,.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before{-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity}.ui-btn.ui-btn-text{height:3.3125rem;line-height:2.6875rem;padding:.3125rem;margin:auto;max-width:16.125rem;min-width:4.125rem}.ui-btn.ui-btn-text:enabled:active:hover,.ui-btn.ui-btn-text:enabled:focus{background-color:transparent}.ui-btn.ui-btn-text.ui-btn-active{-webkit-animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms;animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem;overflow:visible;background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon::after,.ui-btn.ui-btn-no-bg.ui-btn-icon::after{position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';background-color:rgba(250,250,250,1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled{background-color:rgba(250,250,250,.4);cursor:default}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{height:141%;width:141%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled{background-color:transparent;cursor:default}.ui-btn.ui-btn-middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@-webkit-keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@-webkit-keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@-webkit-keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}.ui-default{color:rgba(250,250,250,1);background-color:rgba(2,56,92,1)}a.ui-default:active:hover,.ui-default:enabled:active:hover{background-color:rgba(23,73,115,1)}.ui-default:enabled:focus{background-color:rgba(2,56,92,1)}a.ui-default.ui-state-disabled,.ui-default:disabled{color:rgba(250,250,250,.2);background-color:rgba(3,44,64,1);cursor:default}.ui-color-red{color:rgba(250,250,250,1);background-color:rgba(207,36,2,1)}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:rgba(222,102,78,1)}.ui-color-red:enabled:focus{background-color:rgba(207,36,2,1)}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,11,1,1);cursor:default}.ui-color-orange{color:rgba(250,250,250,1);background-color:rgba(237,134,0,1)}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:rgba(242,171,78,1)}.ui-color-orange:enabled:focus{background-color:rgba(237,134,0,1)}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,39,5,1);cursor:default}.ui-color-green{color:rgba(250,250,250,1);background-color:rgba(97,163,16,1)}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:rgba(146,191,90,1)}.ui-color-green:enabled:focus{background-color:rgba(97,163,16,1)}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:rgba(250,250,250,.2);background-color:rgba(50,54,48,1);cursor:default}.ui-btn:focus,.ui-btn:active{outline:0}a.ui-btn{text-decoration:none;box-sizing:border-box}button.ui-btn,input.ui-btn{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}button.ui-btn.ui-inline,input.ui-btn.ui-inline{display:inline-block;width:auto}.ui-grid-col-1>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-1>.ui-btn:first-child{border-left:0 none}.ui-grid-col-2>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-2>.ui-btn:first-child{border-left:0 none}.ui-grid-col-3>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-3>.ui-btn:first-child{border-left:0 none}.ui-grid-row>.ui-btn{margin-top:1px}.ui-grid-row>.ui-btn:first-child{margin-top:0}.ui-popup{box-sizing:border-box;position:fixed;left:0;width:100%;margin:0;background-color:rgba(0,17,33,1);border:3px solid rgba(0,55,92,1);display:none;z-index:1100}.ui-popup:not(.ui-ctxpopup){bottom:0}.ui-popup .ui-popup-header{width:100%;min-height:68px;font-size:30px;text-align:left;background-color:rgba(5,42,71,1);color:rgba(116,196,252,1);padding-top:14px;padding-right:13px;padding-bottom:14px;padding-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popup .ui-popup-content{width:100%;min-height:14rem;font-size:2.125rem;text-align:left;color:rgba(250,250,250,1);background-color:rgba(0,17,33,1);padding:10px 16px 9px;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-.5625rem -1rem -.5625rem -1rem}.ui-popup .ui-popup-content .ui-listview li,.ui-popup .ui-popup-content .ui-inline-listview li{font-size:2.125rem}.ui-popup .ui-popup-footer{width:100%;height:83px}.ui-popup .ui-popup-footer .ui-btn{padding-top:27px;padding-bottom:28px;font-size:30px}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only{position:relative;text-indent:-624.9375rem}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.125rem 3.125rem;mask-size:3.125rem 3.125rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.125rem;height:3.125rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.ui-popup.ui-popup-active{display:block}.ui-popup.in{display:block}.ui-popup.ui-build{display:block;visibility:hidden}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast){max-height:100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper{width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{height:auto}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed{position:absolute;top:0;left:0;width:100%;z-index:2100}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed{position:absolute;bottom:0;left:0;width:100%;z-index:2100;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ui-popup.ui-ctxpopup{background-color:transparent;width:100%;border:0 none;border-radius:0;overflow:visible}div.ui-popup.ui-ctxpopup.ui-popup-content-size{width:auto;padding:0}div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content{width:auto}.ui-popup.ui-ctxpopup .ui-popup-content{min-height:initial;background-color:rgba(250,250,250,1);border:1px solid rgba(117,117,117,.9);color:#333}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li{color:rgba(0,0,0,1);border-bottom:1px solid rgba(204,204,204,1);min-height:90px;padding:21px 8px 20px 16px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a{color:rgba(0,0,0,1);margin:-21px -16px;padding:21px 16px;min-height:48px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(19,99,145,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon{position:relative;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a{margin-left:-4.25rem;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before{content:"";position:absolute;top:50%;left:.375rem;width:3.5rem;height:3.5rem;margin-top:-1.75rem;background-color:rgba(92,92,92,.9);-webkit-mask-size:3.5rem 3.5rem;-moz-mask-size:3.5rem 3.5rem;-ms-mask-size:3.5rem 3.5rem;-o-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview{height:4.3125rem;overflow:hidden}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li{float:left;height:4.1875rem;line-height:4.1875rem;border-right:1px solid rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a{display:block;width:100%;height:100%;padding:0rem .5rem;color:rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(19,99,145,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext{width:3.6875rem;height:4.1875rem;text-indent:-1000em;overflow:hidden;position:relative}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before{content:"";position:absolute;top:50%;left:50%;width:2.6875rem;height:2.6875rem;margin-top:-1.34375rem;margin-left:-1.34375rem;background-color:rgba(0,0,0,1);-webkit-mask-size:2.6875rem 2.6875rem;-moz-mask-size:2.6875rem 2.6875rem;-ms-mask-size:2.6875rem 2.6875rem;-o-mask-size:2.6875rem 2.6875rem;mask-size:2.6875rem 2.6875rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-arrow{width:36px;height:15px;overflow:hidden;position:absolute;display:none;-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup .ui-arrow span{box-sizing:border-box;width:20px;height:20px;background-color:rgba(250,250,250,1);border:1px solid rgba(117,117,117,.9);position:absolute;top:6px;left:8px;-webkit-transform:rotate(55deg) skew(24deg);-ms-transform:rotate(55deg) skew(24deg);transform:rotate(55deg) skew(24deg);-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b{padding:20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-t{padding:0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r{padding:20px 0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-l{padding:20px 20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow{display:block;bottom:-14px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow{display:block;top:-14px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow{display:block;right:-25px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow{display:block;left:-25px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.ui-popup.ui-popup-toast{margin-left:0;margin-right:0;margin-bottom:0;font-size:1.5rem;border:3px solid rgba(0,55,92,1);border-radius:0;border-left:0;border-right:0;position:absolute;bottom:0}.ui-popup.ui-popup-toast:not(.ui-popup-toast){top:auto;height:auto}.ui-popup.ui-popup-toast .ui-popup-content{min-height:initial;padding:.6875rem 2.625rem .75rem;background-color:rgba(0,17,33,1)}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:3.5rem;height:3.5rem;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-indent:-10000px;overflow:hidden}.ui-popup.ui-popup-toast .ui-popup-toast-icon::after{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%}.ui-popup-overlay{position:fixed;display:none;top:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.7)}.ui-popup-overlay.in{display:block}.ui-popup.slideup.in{-webkit-animation-name:popupslideinfrombottom;animation-name:popupslideinfrombottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.slideup.out{-webkit-animation-name:popupslideouttobottom;animation-name:popupslideouttobottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.ui-popup.pop.in{-webkit-animation-name:popuppopin;animation-name:popuppopin;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.pop.out{-webkit-animation-name:popuppopout;animation-name:popuppopout;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}@keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}.ui-popup.ui-popup-toast.pop.in{-webkit-animation-name:toastpopuppopin;animation-name:toastpopuppopin;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.ui-popup-toast.pop.out{-webkit-animation-name:toastpopuppopout;animation-name:toastpopuppopout;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}.ui-popup-overlay.slideup.in,.ui-popup-overlay.pop.in{-webkit-animation:fadein 250ms;animation:fadein 250ms}.ui-popup-overlay.slideup.out,.ui-popup-overlay.pop.out{-webkit-animation:fadeout 250ms forwards;animation:fadeout 250ms forwards}.ui-popup.ui-popup-arrow-t.slideup.in,.ui-popup.ui-popup-arrow-l.slideup.in,.ui-popup.ui-popup-arrow-r.slideup.in{-webkit-animation:ctxpopupslideinfrombottom 250ms ease-in-out;animation:ctxpopupslideinfrombottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-t.slideup.out,.ui-popup.ui-popup-arrow-l.slideup.out,.ui-popup.ui-popup-arrow-r.slideup.out{-webkit-animation:ctxpopupslideouttobottom 250ms ease-in-out;animation:ctxpopupslideouttobottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.in{-webkit-animation:ctxpopupslideinfromtop 250ms ease-in-out;animation:ctxpopupslideinfromtop 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.out{-webkit-animation:ctxpopupslideouttotop 250ms ease-in-out;animation:ctxpopupslideouttotop 250ms ease-in-out}@-webkit-keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@-webkit-keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}@keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}tau-virtuallistview,tau-listview{display:block;list-style-type:disc;list-style-type:none}.ui-listview li{font-size:2rem;line-height:3rem;min-height:6.25rem;padding:.9375rem .5rem .9375rem 1rem;border-bottom:.0625rem solid rgba(56,56,56,1);white-space:nowrap;position:relative;color:rgba(250,250,250,1)}.ui-listview li.ui-li-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0;min-height:5.3125rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-listview li.ui-li-grid .ui-processing{padding:0;margin-right:.5rem}.ui-listview li.ui-li-grid div:first-child{width:-webkit-calc(100% - 5.5rem);width:calc(100% - 5.5rem);text-align:left;height:100%;margin-left:1rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{padding:0;margin-right:.5rem;background-size:contain;background-position:center center;background-repeat:no-repeat;width:3.5rem;height:3.5rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after{background-color:transparent}.ui-listview li.ui-li-grid.ui-li-grid-full div::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(56,56,56,1);right:4.5rem;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-listview li.ui-li-grid.ui-li-grid-full>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid.ui-li-grid-full>.ui-btn-icon{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid .ui-btn-description{width:100%;margin:0 -50%;z-index:2;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;line-height:5.3125rem;pointer-events:none}.ui-listview li.ui-li-grid a.ui-btn,.ui-listview li.ui-li-grid tau-button.ui-btn{background-position:center center;height:5.3125rem;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem;position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border-bottom:.0625rem solid rgba(0,24,41,1);border-right:.0625rem solid rgba(0,24,41,1)}.ui-listview li input[type=text],.ui-listview li input[type=password]{width:20.5rem;height:3.875rem;padding:.8125rem 0 .8125rem .5rem;color:rgba(116,196,252,1);font-size:2rem;background-color:rgba(245,245,245,.15);border:0;outline:0}.ui-listview li input[type=text]:focus,.ui-listview li input[type=password]:focus{border:.0625rem solid rgba(245,245,245,.15)}.ui-listview li input[type=text]:focus::-webkit-input-placeholder,.ui-listview li input[type=password]:focus::-webkit-input-placeholder{color:#fff}.ui-listview li>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:rgba(250,250,250,1)}.ui-listview li>a:not(.ui-btn){display:block;width:100%;height:auto;margin:-1.625rem -.5rem -1.625rem -1rem;padding:1.25rem .5rem 1.25rem 1rem;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;text-overflow:ellipsis;overflow:hidden}.ui-listview li.ui-listview-divider{height:1.875rem;min-height:1.875rem;line-height:1.875rem;padding:0 .5rem 0 1rem;background-color:rgba(29,72,105,1);color:rgba(151,197,230,1);font-size:1.5rem}.ui-listview li .ui-li-sub-text{color:rgba(85,135,171,1);font-size:1.75rem}.ui-listview li.ui-li-has-action-icon .ui-action-text{width:-webkit-calc(100% - 4.8125rem);width:calc(100% - 4.8125rem);height:100%}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(250,250,250,1);right:4.25rem;top:20%}.ui-listview li.ui-li-has-action-icon .ui-action-divider{display:none}.ui-listview li.ui-li-has-action-icon .ui-action-delete,.ui-listview li.ui-li-has-action-icon .ui-action-setting,.ui-listview li.ui-li-has-action-icon .ui-action-add{position:absolute;height:100%;width:4.5rem;right:0;top:0;-webkit-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;padding:0;margin:0}.ui-listview li.ui-li-has-action-icon .ui-action-delete{-webkit-mask-image:url(images/listview/tw_list_delete_holo_dark.png);mask-image:url(images/listview/tw_list_delete_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-setting{-webkit-mask-image:url(images/listview/tw_list_setting_holo_dark.png);mask-image:url(images/listview/tw_list_setting_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-add{-webkit-mask-image:url(images/listview/tw_list_add_holo_dark.png);mask-image:url(images/listview/tw_list_add_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon{background-color:transparent}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-datetime-widget{position:relative;height:100%}.ui-datetime{text-align:center;padding-top:56px}.ui-time-picker .ui-datetime{padding-top:53px}.ui-datetime:only-child{padding-top:92px}.ui-time-picker .ui-datetime:only-child{padding-top:89px}.ui-datetime input[type=date],.ui-datetime input[type=datetime],.ui-datetime input[type=time]{display:none}.ui-datefield{height:52px;display:inline-block;vertical-align:top}.ui-datefield>.ui-btn{float:left;height:52px;padding:0;line-height:52px;font-size:42px;font-weight:600;border-radius:2px;background-color:rgba(255,255,255,.15)}.ui-datefield .ui-datefield-separator{display:block;height:100%;float:left;width:18px;background:transparent url(images/Datetimepicker/tw_timepicker_num_dot.png)}.ui-datefield>.ui-btn:enabled:focus{background-color:rgba(255,255,255,.15)}.ui-datefield>.ui-btn:disabled{color:#404040}.ui-datafield>.ui-btn.ui-selected,.ui-datefield>.ui-btn:enabled:active,.ui-datefield>.ui-btn.ui-state-active:enabled,.ui-datefield>.ui-btn.ui-selected:enabled{background-color:#ff9000;color:#000}.ui-date-picker .ui-datefield>.ui-btn:first-child{margin-right:2px}.ui-date-picker .ui-datefield>.ui-btn:last-child{margin-left:2px}.ui-date-picker .ui-datefield-year{width:114px}.ui-date-picker .ui-datefield-month{width:102px}.ui-date-picker .ui-datefield-day{width:68px}.ui-time-picker .ui-datefield-hour{width:74px}.ui-time-picker .ui-datefield-min{width:74px}.ui-time-picker .ui-datefield-period{width:84px;margin-left:10px}.ui-time-picker .ui-datefield{height:58px}.ui-time-picker .ui-datefield>.ui-btn{height:58px;line-height:58px;font-size:50px}.ui-time-picker .ui-datefield>.ui-btn.ui-datefield-period{font-size:48px}.ui-datetime-wheel{height:68px;margin:0 10px;margin-top:30px}.ui-time-picker .ui-datetime-wheel{margin-top:27px}.ui-datetime-wheel .ui-btn{width:68px;height:68px;float:left}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus{float:right;background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-wheel{display:block;margin-left:68px;margin-right:68px;height:68px;padding:10px 0;box-sizing:border-box;background:url(images/Datetimepicker/tw_timepicker_wheel_01.png) center center no-repeat}.ui-datetime-btns{position:absolute;bottom:0;width:100%;height:76px;box-sizing:border-box;border-top:2px solid #262626}.ui-datetime-btns::before{content:"";height:34px;width:1px;background-color:#262626;position:absolute;left:160px;top:20px}.ui-datetime-btns .ui-btn{height:100%;position:relative;background-color:transparent}.ui-datetime-btns .ui-btn:enabled:active,.ui-datetime-btns .ui-btn:enabled:focus,.ui-datetime-btns .ui-btn:enabled:active:focus{background-color:transparent}.ui-datetime-btns .ui-btn-left{width:160px;float:left;background:url(images/Datetimepicker/tw_timepicker_left_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn-right{width:159px;float:right;background:url(images/Datetimepicker/tw_timepicker_right_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn:disabled,.ui-datetime-btns .ui-btn.ui-state-disabled{opacity:.2}.ui-datetime-periods{height:102px;margin-top:7px;display:inline-block}.ui-datetime-periods .ui-btn,.ui-datetime-periods .ui-datetime-periods-separator{height:100%;float:left;padding:0;background:transparent}.ui-datetime-periods .ui-btn{width:102px;font-size:34px;line-height:102px}.ui-datetime-periods .ui-btn:enabled:focus{background:transparent}.ui-datetime-periods .ui-btn:enabled:active,.ui-datetime-periods .ui-btn:enabled:active:focus,.ui-datetime-periods .ui-btn.ui-selected:enabled:active,.ui-datetime-periods .ui-btn.ui-state-active:enabled:active{color:inherit;text-decoration:none;background:url(images/Datetimepicker/tw_timepicker_time_bg.png) center center no-repeat}.ui-datetime-periods .ui-btn.ui-selected:enabled,.ui-datetime-periods .ui-btn.ui-state-active:enabled{color:#ff9000;text-decoration:underline}.ui-datetime-periods .ui-datetime-periods-separator{width:24px;background:url(images/Datetimepicker/tw_timepicker_num_dot_01.png) center center no-repeat}.ui-datetime-wheel.ui-hidden,.ui-datetime-periods.ui-hidden{display:none}.ui-viewport-transitioning,.ui-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;box-sizing:border-box}.ui-pre-in{z-index:100;visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;top:0;left:0}.in{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:350ms;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:225ms;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation:fadeout 125ms;animation:fadeout 125ms}.fade.in{opacity:1;-webkit-animation:fadein 225ms;animation:fadein 225ms}@-webkit-keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-webkit-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideup.in:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);-webkit-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay){z-index:101;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1)}@-webkit-keyframes popin{from{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}}@-webkit-keyframes popoutreverse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}}@-webkit-keyframes popinreverse{from{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}.pop.out.reverse{z-index:100;-webkit-animation-duration:225ms;-webkit-animation-name:popoutreverse;-moz-animation-duration:225ms;-moz-animation-name:popoutreverse;animation-duration:225ms;animation-name:popoutreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in.reverse{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popinreverse;-moz-animation-duration:225ms;-moz-animation-name:popinreverse;animation-duration:225ms;animation-name:popinreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in{-webkit-animation-duration:225ms;-webkit-animation-name:popin;-moz-animation-duration:225ms;-moz-animation-name:popin;animation-duration:225ms;animation-name:popin;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.out{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popout;-moz-animation-duration:225ms;-moz-animation-name:popout;animation-duration:225ms;animation-name:popout;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-indexscrollbar{display:block;position:fixed;right:0;top:0;width:2.8125rem;height:100%;padding-left:.125rem;background-color:rgba(26,26,26,1);z-index:10;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ui-indexscrollbar ul{position:absolute;width:100%;top:0}.ui-indexscrollbar ul li{color:rgba(89,89,89,1);display:block;width:100%;text-align:center;font-size:1.5rem;height:2.25rem}.ui-indexscrollbar ul li.ui-state-selected{background-color:rgba(36,36,36,1);color:rgba(55,161,237,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary{position:relative;height:auto;top:0;right:-2.5rem;width:100%}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li{background-color:rgba(36,36,36,1);color:rgba(89,89,89,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected{background-color:rgba(36,36,36,1);color:rgba(55,161,237,1)}.ui-indexscrollbar+.ui-listview li{padding-right:2.5rem}.ui-indexscrollbar-indicator{position:fixed;top:0;left:0;z-index:9;display:none}.ui-indexscrollbar-indicator>span{width:8.75rem;height:5.4375rem;position:absolute;display:block;top:50%;left:50%;margin-left:-5.625rem;margin-top:-2.6875rem;line-height:5.4375rem;font-size:4.375rem;text-align:center;background-color:rgba(0,61,107,.95);color:rgba(250,250,250,1)}.ui-indexscrollbar-indicator>span>span.ui-selected{color:rgba(55,161,237,1)}.ui-circularindexscrollbar{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{position:absolute;top:50%;left:50%;width:9.875rem;height:9.875rem;line-height:9.875rem;border-radius:50%;background-color:rgba(0,61,107,.95);-webkit-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-circularindexscrollbar.ui-circularindexscrollbar-show{pointer-events:auto}.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator{opacity:1}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:4.375rem;color:rgba(55,161,237,1)}.ui-scrollbar-bar-type{position:absolute}.ui-scrollbar-bar-type.ui-scrollbar-horizontal{left:0;bottom:0;width:100%;height:8px}.ui-scrollbar-bar-type.ui-scrollbar-vertical{right:0;top:0;width:.5rem;height:100%}.ui-scrollbar-bar-type .ui-scrollbar-indicator{position:absolute;background-color:rgba(94,94,94,1)}.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator{height:.25rem}.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator{width:.25rem}.ui-scrollbar-bouncing-effect{display:none;position:absolute;background-repeat:no-repeat;-webkit-animation-duration:.47s;animation-duration:.47s;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(55,161,237,.7)}.ui-scrollbar-bouncing-effect::before{content:"";position:absolute;background-color:rgba(55,161,237,1)}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:3.125rem;left:0;-webkit-mask-size:100% 3.125rem}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:.125rem;-webkit-mask-size:100% .125rem}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:3.125rem;height:100%;top:0;-webkit-mask-size:3.125rem 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:.0625rem;height:100%;-webkit-mask-size:.0625rem 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;-webkit-mask-image:url(images/Scroller/bouncing_top_glow.png);mask-image:url(images/Scroller/bouncing_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{-webkit-mask-image:url(images/Scroller/bouncing_top_edge.png);mask-image:url(images/Scroller/bouncing_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;-webkit-mask-image:url(images/Scroller/bouncing_bottom_glow.png);mask-image:url(images/Scroller/bouncing_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{-webkit-mask-image:url(images/Scroller/bouncing_bottom_edge.png);mask-image:url(images/Scroller/bouncing_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;-webkit-mask-image:url(images/Scroller/bouncing_left_glow.png);mask-image:url(images/Scroller/bouncing_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{-webkit-mask-image:url(images/Scroller/bouncing_left_edge.png);mask-image:url(images/Scroller/bouncing_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;-webkit-mask-image:url(images/Scroller/bouncing_right_glow.png);mask-image:url(images/Scroller/bouncing_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{-webkit-mask-image:url(images/Scroller/bouncing_right_edge.png);mask-image:url(images/Scroller/bouncing_right_edge.png)}@-webkit-keyframes ui-bouncing-show{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes ui-bouncing-hide{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}100%{opacity:0}}.ui-scrollbar-bouncing-effect.ui-show{display:block;-webkit-animation-name:ui-bouncing-show;animation-name:ui-bouncing-show}.ui-scrollbar-bouncing-effect.ui-hide{display:block;-webkit-animation-name:ui-bouncing-hide;animation-name:ui-bouncing-hide}.ui-swipelist{position:absolute;top:0}.ui-swipelist .ui-swipelist-icon{width:20%;height:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ui-swipelist .ui-swipelist-text{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-swipelist-left,.ui-swipelist-right{position:absolute;display:none}.ui-swipelist-left{background-color:rgba(98,168,24,1);background-image:-webkit-linear-gradient(left,rgba(98,168,24,1) 0,rgba(0,0,0,1) 0);background-image:linear-gradient(left,rgba(98,168,24,1) 0,rgba(0,0,0,1) 0)}.ui-swipelist-right{background-color:rgba(235,164,23,1);background-image:-webkit-linear-gradient(right,rgba(235,164,23,1) 0,rgba(0,0,0,1) 0);background-image:linear-gradient(right,rgba(235,164,23,1) 0,rgba(0,0,0,1) 0)}.ui-swipelist-icon,.ui-swipelist-text{position:absolute}.ui-swipelist-left .ui-swipelist-icon{margin-left:2%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-left .ui-swipelist-text{margin-left:40%}.ui-swipelist-right .ui-swipelist-icon{margin-left:80%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-right .ui-swipelist-text{margin-left:20%}.ui-tab-indicator{position:relative;height:6px}.ui-tab-indicator .ui-tab-item{position:absolute;top:0;left:0;display:block;height:6px;background-color:rgba(76,103,125,1)}.ui-tab-indicator .ui-tab-item.ui-tab-active{background-color:rgba(55,161,237,1)}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{box-sizing:border-box;padding:0;height:56px;width:56px;font-size:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}input[type=radio]{background-color:rgba(0,14,26,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%}input[type=radio]::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:checked::before{content:"";background-color:rgba(115,191,15,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:active{background-color:rgba(0,50,84,.4);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=radio]:active::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=radio]:active:checked::before{content:"";background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input){-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(0,14,26,1)}input[type=checkbox]:not(.ui-switch-input)::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):checked::before{content:"";-webkit-mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(115,191,15,1);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active{background-color:rgba(0,50,84,.4)}input[type=checkbox]:not(.ui-switch-input):active::after{content:"";background-color:rgba(250,250,250,.3);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active:checked::before{content:"";background-color:rgba(250,250,250,1);width:100%;height:100%;position:absolute}.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input),.ui-checkbox-small input[type=radio]{top:.4375rem;margin-right:.4375rem;width:2.125rem;height:2.125rem}.ui-marquee{position:relative;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:2.4375rem;line-height:2.4375rem}.ui-marquee.ui-marquee-gradient{text-overflow:clip;-webkit-mask-image:-webkit-linear-gradient(left,#fff 0,#fff 85%,transparent 100%)}.ui-marquee.ui-marquee-ellipsis .ui-marquee-content{display:block;overflow:hidden;text-overflow:ellipsis}.ui-marquee .ui-marquee-content{left:0;position:relative;overflow:visible;display:inline-block}.ui-marquee-anim-running{-webkit-animation-play-state:running}.ui-marquee-anim-stopped{-webkit-animation-play-state:paused}.ui-marquee.ui-marquee-gradient::after{background:-webkit-linear-gradient(left,transparent 0,rgba(0,0,0,1) 100%);background:linear-gradient(left,transparent 0,rgba(0,0,0,1) 100%)}tau-pageindicator{display:block}.ui-page-indicator{display:block;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap;max-width:100%;overflow:hidden}.ui-page-indicator .ui-page-indicator-item{position:relative;display:inline-block;width:.625rem;height:.625rem;-webkit-mask-image:url(images/Indicator/indicator_horizontal_dot.png);mask-image:url(images/Indicator/indicator_horizontal_dot.png);background-color:rgba(250,250,250,.4);margin-right:.5rem;margin-top:1.5rem;transition-property:-webkit-mask-image,mask-image;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ui-page-indicator .ui-page-indicator-item:last-child{margin-right:0}.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active{-webkit-mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);background-color:rgba(250,250,250,1)}.ui-page-indicator.ui-page-indicator-circular{top:0;left:0;width:100vw;height:100vw;-webkit-transform:none;-ms-transform:none;transform:none;pointer-events:none}.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item{position:absolute;top:50%;left:50%;margin-top:-.3125rem;margin-left:-.3125rem;margin-right:0}.ui-snap-container{-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%}.ui-snap-container.ui-snap-disabled{-webkit-scroll-snap-type:none}.ui-snap-listview-item{-webkit-scroll-snap-coordinate:50% 50%}tau-drawer{display:block}.ui-drawer{width:100%;height:100%;position:fixed;top:0;background-color:rgba(0,0,0,1);z-index:1201;box-sizing:border-box}.ui-drawer.ui-drawer-close{overflow:hidden}.ui-drawer.ui-drawer-open{overflow:auto}.ui-drawer-overlay{top:0;position:fixed;background-color:rgba(0,0,0,.8);z-index:1200}tau-drawermorestyle{display:block}tau-sectionchanger{display:block}.ui-section-changer{height:100%}.ui-view-switcher{height:100%;overflow:hidden}.ui-view-switcher.ui-view-carousel .ui-view{display:none;position:absolute;z-index:-1000;top:50%;background-color:#fafafa}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active{display:inline;z-index:100;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim{opacity:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left{display:inline;left:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right{display:inline;right:0}.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim{position:absolute;top:0;width:100%;height:100%;opacity:.6;background-color:#000}.ui-slider{position:relative;box-sizing:border-box;background-color:rgba(64,64,64,1)}.ui-slider .ui-slider-value{background-color:rgba(55,161,237,1)}.ui-slider .ui-slider-handler{width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:50%;position:absolute;text-indent:9999px;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-slider.ui-slider-horizontal{height:6px;margin:20px 22px}.ui-slider.ui-slider-horizontal .ui-slider-value{height:6px}.ui-slider.ui-slider-horizontal .ui-slider-handler{top:50%;margin-left:-20px;border:3px solid rgba(55,161,237,1);-webkit-transform:translate(0,-50%) scale(0.6);-ms-transform:translate(0,-50%) scale(0.6);transform:translate(0,-50%) scale(0.6)}.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active{-webkit-transform:translate(0,-50%) scale(1);-ms-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1)}.ui-slider-title{text-align:center;color:rgba(14,118,179,1);font-size:28px}.ui-slider-subtitle{text-align:center;color:rgba(14,118,179,1);font-size:28px}.ui-selector{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.7)}.ui-selector .ui-layer{position:absolute;display:none;width:4.25rem;height:4.25rem;border-radius:50%}.ui-selector .ui-layer.ui-layer-active{display:block;width:100%;height:100%;z-index:3}.ui-selector .ui-layer.ui-layer-active .ui-item{visibility:visible;-webkit-transition:transform 300ms ease-out;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-selector .ui-layer.ui-layer-hide .ui-item{visibility:visible;-webkit-transition:transform 100ms ease-out;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out}.ui-selector .ui-layer.ui-layer-prev{display:block;width:3rem;height:3rem;left:50%;margin-left:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_previous_page.png);mask-image:url(images/Common/b_more_option_btn_previous_page.png)}.ui-selector .ui-layer.ui-layer-next{display:block;width:3rem;height:3rem;right:50%;margin-right:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_next_page.png);mask-image:url(images/Common/b_more_option_btn_next_page.png)}.ui-selector .ui-item{background-color:rgba(250,250,250,1);position:absolute;visibility:hidden;width:4.25rem;height:4.25rem;top:50%;left:50%;border-radius:50%;margin:-2.125rem;z-index:100}.ui-selector .ui-item:active{background-color:rgba(191,191,191,1)}.ui-selector .ui-item::before{-webkit-transition:background-color 200ms ease-out;transition:background-color 200ms ease-out}.ui-selector .ui-selector-indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:4;width:10.25rem;height:10.25rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-selector .ui-selector-indicator::before{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;border-radius:50%;background-color:transparent;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before{z-index:-1;background-color:#fff;-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity;-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{font-size:1.875rem;pointer-events:none;width:10.25rem;line-height:2.5rem;max-height:5rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active{background-repeat:no-repeat;background-position:50% 50%;width:8.75rem;height:8.75rem;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text{margin-top:-.25rem;width:5.875rem;height:5.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active+.ui-selector-indicator-text:not(:empty){margin-top:.3125rem;width:8.625rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{font-size:1.8125rem;pointer-events:none;width:8.625rem;line-height:2.4375rem;max-height:2.4375rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text{width:9.375rem}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext{color:T117;width:9.375rem}.ui-selector .ui-selector-indicator-arrow{position:absolute;width:13.125rem;height:13.125rem;top:50%;left:50%;margin:-6.5625rem;text-align:center;line-height:13.125rem;font-size:1.75rem;z-index:0}.ui-selector .ui-selector-indicator-arrow::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;-webkit-mask-image:url(images/Common/b_rotary_selector_center_pointer.png);mask-image:url(images/Common/b_rotary_selector_center_pointer.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B0116}.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active{background-color:rgba(250,250,250,1)}.scrolling-scrollbar{position:absolute;pointer-events:none;-webkit-transition:opacity 2.5s;transition:opacity 2.5s;opacity:0}.scrolling-scrollbar .scrolling-scrollthumb{stroke:#009de4;background-color:#009de4;position:absolute}.scrolling-scrollbar.scrolling-direction-y{right:0;width:10px}.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb{width:10px;min-height:20px;top:0;left:50%;margin-left:-5px}.scrolling-scrollbar.scrolling-direction-x{bottom:0;height:10px}.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb{height:10px;min-width:20px;left:0;top:50%;margin-top:-5px}.scrolling-scrollbar:not(.scrolling-circular){background-color:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular{width:100%;height:100%;top:0;left:0}.scrolling-scrollbar.scrolling-circular .ui-polar{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path{stroke:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated{-webkit-transition:all .5s;transition:all .5s}.scrolling-scrollbar.fade-in{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.ui-page.ui-empty-state{background-color:B0911;color:rgba(250,250,250,1)}.ui-page.ui-empty-state header.ui-header{height:6.75rem}.ui-page.ui-empty-state:after{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Common/tw_no_item_bg.png);mask-image:url(images/Common/tw_no_item_bg.png);background-color:rgba(255,255,255,.1)}.ui-page.ui-empty-state .ui-title{color:rgba(116,196,252,1);font-size:1.875rem;line-height:2.4375rem}.ui-page.ui-empty-state .ui-content{overflow:hidden;color:rgba(250,250,250,1);font-size:1.75rem;line-height:2.3125rem;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}.ui-page.ui-empty-state .ui-content .ui-icon{width:6.125rem;height:6.125rem}.ui-page.ui-empty-state .ui-content .ui-empty-state-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:4.625rem;margin-top:.5rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header{height:7.8125rem;margin-top:0}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title{padding-top:3.1875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon{width:8.125rem;height:6.875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label{height:2.3125rem;margin-top:1.75rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines{margin-top:.125rem;height:4.625rem}.ui-grid{padding:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;background-color:rgba(0,0,0,1)}.ui-grid.ui-hidden{display:none}.ui-grid li{transition-property:border-radius,-webkit-mask-size,mask-size;-webkit-transition-duration:450ms;transition-duration:450ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;position:absolute;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui-grid li a{position:relative}.ui-grid li a:active:hover:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(38,38,38,.4)}.ui-grid.ui-grid-horizontal{height:22.5rem}.ui-grid.ui-grid-horizontal li{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-horizontal.ui-grid-rectangle li{-webkit-mask-size:22.5rem auto;mask-size:22.5rem auto;-webkit-mask-image:url(images/Grid/tw_basic_grid_horizontal.png);mask-image:url(images/Grid/tw_basic_grid_horizontal.png)}.ui-grid.ui-grid-vertical{width:22.5rem}.ui-grid.ui-grid-vertical li{-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.ui-grid.ui-grid-vertical.ui-grid-rectangle li{-webkit-mask-size:auto 22.5rem;mask-size:auto 22.5rem;-webkit-mask-image:url(images/Grid/tw_basic_grid_vertical.png);mask-image:url(images/Grid/tw_basic_grid_vertical.png)}.ui-grid.ui-grid-circle li{border-radius:100%}.ui-grid.ui-grid-rectangle li{border-radius:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-grid.ui-grid-3x3{height:22.5rem}.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned{position:absolute;left:0;top:0;margin:0!important}.ui-grid.ui-grid-3x3 li{width:22.5rem;height:22.5rem;position:absolute;display:inline-block}.ui-grid.ui-grid-3x3 li.ui-selected{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-3x3 li a{display:inline-block}.ui-grid.ui-grid-3x3 .thumb{width:100%;height:100%;position:relative}.ui-grid.ui-grid-image{padding:0}.ui-grid.ui-grid-image li{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:22.5rem;height:22.5rem;overflow:hidden}.ui-grid.ui-grid-image li a{display:inline-block}.ui-grid.ui-grid-image .thumb{width:22.5rem;height:22.5rem;position:relative}.ui-grid.ui-grid-thumbnail{background-color:W143}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li{-webkit-mask-size:14rem auto;mask-size:14rem auto}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li{-webkit-mask-size:auto 14rem;mask-size:auto 14rem}.ui-grid-container{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;-ms-scroll-snap-destination:50% 50%;scroll-snap-destination:50% 50%}.ui-grid-container .ui-image-section{width:22.5rem;height:22.5rem}.ui-grid-container .snap-point{width:.0625rem;height:.0625rem;position:absolute;-webkit-scroll-snap-coordinate:50% 50%;-ms-scroll-snap-coordinate:50% 50%;scroll-snap-coordinate:50% 50%;visibility:hidden}.ui-grid-container.ui-grid-horizontal{overflow-x:scroll;overflow-y:hidden;width:100%;height:22.5rem}.ui-grid-container.ui-grid-horizontal .snap-point{top:50%}.ui-grid-container.ui-grid-vertical{overflow-x:hidden;overflow-y:scroll;width:22.5rem;height:100%}.ui-grid-container.ui-grid-vertical .snap-point{left:50%}.ui-circleindicator{position:fixed;z-index:0}.ui-circleindicator svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.ui-circleindicator svg:nth-child(2) circle{-webkit-transition:stroke-dashoffset .5s linear;transition:stroke-dashoffset .5s linear}.ui-circleindicator svg .ui-big{z-index:4}.ui-circleindicator svg .ui-pointer{z-index:5}.ui-animated{-webkit-transition:1s linear;transition:1s linear}.ui-hyperlink{text-decoration:underline}.ui-spin{position:relative;display:inline-block;height:3.75rem;background-color:transparent;overflow:hidden;font-size:1.375rem;padding:0;box-sizing:content-box;width:5rem}.ui-spin-item{background-color:transparent;position:absolute;left:0;top:0;width:100%;height:1.875rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#4dcfff}.ui-spin-item-selected{font-size:1.875rem;height:1.875rem;color:#fff}.ui-spin-enabling{height:100%}.ui-spin-enabling .ui-spin-item{-webkit-transition:300ms opacity linear;transition:300ms opacity linear}.tau-info-theme:after{content:"default"} \ No newline at end of file diff --git a/lib/tau/wearable/theme/changeable/tau.min.template b/lib/tau/wearable/theme/changeable/tau.min.template new file mode 100644 index 0000000..b171330 --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.min.template @@ -0,0 +1 @@ +*{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}html,button,input,select,textarea{font-family:Tizen,Samsung Sans,Helvetica}body{margin:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button[disabled],input[disabled]{cursor:default}input[type=time],input[type=date]{color:#000}input[type=search]{appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.tau-info-theme{position:absolute;top:-999px;left:-999px}.screen-hidden{visibility:hidden;position:absolute;top:-10000em;left:-10000em}button,input{outline:0;cursor:pointer}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:T0811}ul,li{margin:0;padding:0;list-style-type:none}img{margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;font-size:2.125rem;font-family:Tizen,Samsung Sans,Helvetica;background:B011;color:T0811}tau-page{display:block}.ui-page{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;background:B011;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-page.ui-page-active{display:block;display:flex;flex-direction:column}.ui-page.ui-page-build{display:flex;flex-direction:column;visibility:hidden}.ui-page tau-scrollview{display:block}.ui-page .ui-content{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;flex:1}.ui-page .ui-content.ui-content-padding{padding-left:.75rem;padding-right:.75rem}.ui-page .ui-content.ui-content-fixed-middle{position:fixed;top:50%;transform:translate(0,-50%)}.ui-page .ui-header{position:relative;width:100%;line-height:60px;background-color:B0511}.ui-page .ui-header .ui-subtitle{height:30px;font-weight:400;line-height:30px;padding-left:16px;padding-right:16px;color:T012;font-size:24px;margin:-.625rem 0 .3125rem 0}.ui-page .ui-header .ui-title{color:T012;font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding-left:16px;padding-right:16px;mask-image:linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%)}.ui-page .ui-header .ui-title.ui-icon{padding-left:60px;background-position:16px 14px;background-size:34px 34px;background-repeat:no-repeat}.ui-page .ui-header.ui-has-more .ui-title{padding-right:78px;mask-image:linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%)}.ui-page .ui-header button.ui-more,.ui-page .ui-header input.ui-more{border:0 none;padding:0}.ui-page .ui-header .ui-more-disable{cursor:default;background-color:transparent}.ui-page .ui-header .ui-more{display:block;position:absolute;top:0;right:0;width:68px;height:100%;overflow:hidden;text-indent:-1000em;background-position:center center;background-color:transparent;cursor:pointer}.ui-page .ui-header .ui-more:active{background-color:W011P}.ui-page .ui-header .ui-more.ui-icon-detail{background-color:B052L1;mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-detail[disabled=disabled]{cursor:default;background-color:transparent;background-color:B052L1D;mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow{background-color:B052L1;mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow[disabled=disabled]{cursor:default;background-color:transparent;background-color:B052L1D;mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall{background-color:B052L1;mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall[disabled=disabled]{cursor:default;background-color:transparent;background-color:B052L1D;mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-footer{width:100%;position:absolute;bottom:0;left:0}.ui-page.ui-scroll-on .ui-scroller{width:100%;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;flex:1}.ui-page.ui-scroll-on .ui-content{height:auto;flex:none}.ui-page.ui-scroll-on .ui-footer{position:relative}.ui-grid-col>*{float:left}.ui-page .ui-grid-col-1>*{float:left}.ui-page .ui-grid-col-1>*{width:100%}.ui-page .ui-grid-col-2>*{float:left}.ui-page .ui-grid-col-2>*{width:50%}.ui-page .ui-grid-col-3>*{float:left}.ui-page .ui-grid-col-3>*{width:33.33333333%}.ui-grid-row>*{display:block}@-webkit-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@-moz-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@-ms-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@-o-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}progress{position:relative;padding-left:1rem;padding-right:1rem;margin-top:.875rem;margin-bottom:.875rem;width:100%;height:.375rem;appearance:none;border:0}progress::-webkit-progress-bar{position:relative;background-color:B065L3;border-radius:.125rem;overflow:hidden}progress::-webkit-progress-value{background-color:B065L2;height:.375rem;border-radius:.125rem;overflow:hidden}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:B065L2}progress.ui-progress-indeterminate::-webkit-progress-value{background-size:100% 100%;-webkit-animation:indeterminate 150ms infinite;-moz-animation:indeterminate 150ms infinite;-o-animation:indeterminate 150ms infinite;animation:indeterminate 150ms infinite}.ui-progress-proportion{display:block;float:left;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:T0811}.ui-progress-ratio{display:block;float:right;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:T0811}.ui-circle-progress{display:none}.ui-progressbar{position:relative;display:inline-block;pointer-events:none}.ui-progressbar.ui-progressbar-full{position:fixed;top:0;left:0;width:100%;height:100%}.ui-switch{width:100%;color:T0811}.ui-switch-inneroffset,.ui-switch-handler{display:none}.ui-switch-text{margin-top:30px;margin-bottom:40px;padding:0 30px;font-size:34px;text-align:center}.ui-switch-sub-text{margin-top:48px;font-size:26px;text-align:center;color:T161}.ui-toggleswitch{position:relative;display:inline-block;width:103.5px;height:55px;overflow:hidden}.ui-toggleswitch.ui-toggleswitch-large{width:207px;height:110px}.ui-toggleswitch .ui-switch-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;display:block}.ui-toggleswitch .ui-switch-input::before{content:"";position:absolute;width:100%;height:100%;mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;-moz-mask-position:0 0;-ms-mask-position:0 0;-o-mask-position:0 0;mask-position:0 0;background-color:W014L2P;z-index:0}.ui-toggleswitch .ui-switch-input:active::before{background-color:W014L2P}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:W014L4P}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::before{background-color:W014L6P}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 33.3%;-moz-mask-position:0 33.3%;-ms-mask-position:0 33.3%;-o-mask-position:0 33.3%;mask-position:0 33.3%;background-color:W014L4;position:absolute;top:0;left:0;pointer-events:none;z-index:1}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{content:"";position:absolute;width:100%;height:100%;mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 66.7%;-moz-mask-position:0 66.7%;-ms-mask-position:0 66.7%;-o-mask-position:0 66.7%;mask-position:0 66.7%;background-color:W014L6;top:0;left:0}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;background-color:W014L3;-webkit-mask-position:0 33%;-moz-mask-position:0 33%;-ms-mask-position:0 33%;-o-mask-position:0 33%;mask-position:0 33%;-webkit-transform:translate3d(36.23%,0,0);-moz-transform:translate3d(36.23%,0,0);-ms-transform:translate3d(36.23%,0,0);-o-transform:translate3d(36.23%,0,0);transform:translate3d(36.23%,0,0)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-mask-position:0 100%;-moz-mask-position:0 100%;-ms-mask-position:0 100%;-o-mask-position:0 100%;mask-position:0 100%;background-color:W014L5}.ui-toggleswitch .ui-switch-input:checked::before{background-color:W014L1}.ui-toggleswitch .ui-switch-input:checked:active::before{background-color:W014L1P}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:W014L3P}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{background-color:W014L5P}@keyframes smallprocess{0%{mask-position:0rem 0rem}2%{mask-position:-4.75rem 0rem}3%{mask-position:-9.5rem 0rem}5%{mask-position:-14.25rem 0rem}7%{mask-position:-19rem 0rem}8%{mask-position:-23.75rem 0rem}10%{mask-position:-28.5rem 0rem}12%{mask-position:0rem -4.75rem}14%{mask-position:-4.75rem -4.75rem}15%{mask-position:-9.5rem -4.75rem}17%{mask-position:-14.25rem -4.75rem}19%{mask-position:-19rem -4.75rem}20%{mask-position:-23.75rem -4.75rem}22%{mask-position:-28.5rem -4.75rem}24%{mask-position:0rem -9.5rem}25%{mask-position:-4.75rem -9.5rem}27%{mask-position:-9.5rem -9.5rem}29%{mask-position:-14.25rem -9.5rem}31%{mask-position:-19rem -9.5rem}32%{mask-position:-23.75rem -9.5rem}34%{mask-position:-28.5rem -9.5rem}36%{mask-position:0rem -14.25rem}37%{mask-position:-4.75rem -14.25rem}39%{mask-position:-9.5rem -14.25rem}41%{mask-position:-14.25rem -14.25rem}42%{mask-position:-19rem -14.25rem}44%{mask-position:-23.75rem -14.25rem}46%{mask-position:-28.5rem -14.25rem}47%{mask-position:0rem -19rem}49%{mask-position:-4.75rem -19rem}51%{mask-position:-9.5rem -19rem}53%{mask-position:-14.25rem -19rem}54%{mask-position:-19rem -19rem}56%{mask-position:-23.75rem -19rem}58%{mask-position:-28.5rem -19rem}59%{mask-position:0rem -23.75rem}61%{mask-position:-4.75rem -23.75rem}63%{mask-position:-9.5rem -23.75rem}64%{mask-position:-14.25rem -23.75rem}66%{mask-position:-19rem -23.75rem}68%{mask-position:-23.75rem -23.75rem}69%{mask-position:-28.5rem -23.75rem}71%{mask-position:0rem -28.5rem}73%{mask-position:-4.75rem -28.5rem}75%{mask-position:-9.5rem -28.5rem}76%{mask-position:-14.25rem -28.5rem}78%{mask-position:-19rem -28.5rem}80%{mask-position:-23.75rem -28.5rem}81%{mask-position:-28.5rem -28.5rem}83%{mask-position:0rem -33.25rem}85%{mask-position:-4.75rem -33.25rem}86%{mask-position:-9.5rem -33.25rem}88%{mask-position:-14.25rem -33.25rem}90%{mask-position:-19rem -33.25rem}92%{mask-position:-23.75rem -33.25rem}93%{mask-position:-28.5rem -33.25rem}95%{mask-position:0rem -38rem}97%{mask-position:-4.75rem -38rem}98%{mask-position:-9.5rem -38rem}100%{mask-position:-14.25rem -38rem}}@keyframes fullprocess{0%{mask-position:0 0rem}25%{mask-position:0 -.375rem}50%{mask-position:0 -.75rem}75%{mask-position:0 -1.125rem}100%{mask-position:0 -1.5rem}}.ui-processing{background-color:B065L6;mask-image:url(images/Processing/processingsmall.png);mask-repeat:no-repeat;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-start;animation-name:smallprocess;width:4.75rem;height:4.75rem;margin:0 auto}.ui-processing.ui-processing-full-size{mask-image:url(images/Processing/processing_bar.png);animation-name:fullprocess;width:100%;height:.375rem;margin-top:.375rem;margin-bottom:.375rem;max-width:19.75rem}.ui-processing.ui-hidden{display:none}.ui-processing-text{margin:0 auto;text-align:center;width:10.5rem;font-size:1.5rem;color:T097}.ui-btn{display:block;position:relative;padding-right:10px;padding-left:10px;margin:0;font-size:2rem;line-height:5.3125rem;height:5.3125rem;text-align:center;white-space:nowrap;cursor:pointer;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;border:0 none;color:T041;background-color:W011}a.ui-btn:active:hover,.ui-btn:enabled:active:hover{background-color:W011P}.ui-btn:enabled:focus{background-color:W011}a.ui-btn.ui-state-disabled,.ui-btn:disabled{color:T041D;background-color:W011D;cursor:default}.ui-btn.ui-multiline{padding-top:10px;padding-bottom:10px}.ui-btn.ui-inline{display:inline-block}.ui-btn.ui-btn-icon{background-position:center center;height:5.5rem;width:5.5rem;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem}.ui-btn.ui-btn-icon::before{content:"";mask-size:5.5rem 5.5rem;mask-repeat:no-repeat;mask-position:0 0;width:5.5rem;height:5.5rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0);position:absolute;mask-image:none;background-position:center center;background-repeat:no-repeat}.ui-btn.ui-btn-icon-only{text-indent:-624.9375rem}.ui-btn.ui-btn-icon-only::before{content:"";position:absolute;mask-size:3.75rem 3.75rem;mask-repeat:no-repeat;width:3.75rem;height:3.75rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:F022L1i;transition:background 150ms}.ui-btn.ui-btn-icon-only:active::before{background-color:F022L1i}.ui-btn.ui-btn-icon-only:disabled::before{background-color:F022L1iD}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{background-color:transparent;height:33vh}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{content:'';position:absolute;background-color:#fff;border-radius:50%;width:30vw;height:30vh;opacity:0;left:50%;top:50%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before,.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before{transform:translate(-50%,-50%) scale(1.1);animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-duration:300ms,733ms;animation-name:touch-text-btn-scale,touch-text-btn-opacity}.ui-btn.ui-btn-text{height:3.3125rem;line-height:2.6875rem;padding:.3125rem;margin:auto;max-width:16.125rem;min-width:4.125rem}.ui-btn.ui-btn-text:enabled:active:hover,.ui-btn.ui-btn-text:enabled:focus{background-color:transparent}.ui-btn.ui-btn-text.ui-btn-active{animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem;overflow:visible;background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon::after,.ui-btn.ui-btn-no-bg.ui-btn-icon::after{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);content:'';background-color:F022L1i;mask-repeat:no-repeat;mask-position:center;mask-size:cover}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover{background-color:F022L1i}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus{background-color:F022L1i}.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled{background-color:F022L1iD;cursor:default}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{height:141%;width:141%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled{background-color:transparent;cursor:default}.ui-btn.ui-btn-middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes touch-text-btn-scale{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}.ui-default{color:T041;background-color:W011}a.ui-default:active:hover,.ui-default:enabled:active:hover{background-color:W011P}.ui-default:enabled:focus{background-color:W011}a.ui-default.ui-state-disabled,.ui-default:disabled{color:T041D;background-color:W011D;cursor:default}.ui-color-red{color:T041;background-color:W012}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:W012P}.ui-color-red:enabled:focus{background-color:W012}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:T041D;background-color:W012D;cursor:default}.ui-color-orange{color:T041;background-color:W013}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:W013P}.ui-color-orange:enabled:focus{background-color:W013}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:T041D;background-color:W013D;cursor:default}.ui-color-green{color:T041;background-color:W014}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:W014P}.ui-color-green:enabled:focus{background-color:W014}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:T041D;background-color:W014D;cursor:default}.ui-btn:focus,.ui-btn:active{outline:0}a.ui-btn{text-decoration:none;box-sizing:border-box}button.ui-btn,input.ui-btn{box-sizing:border-box;appearance:none;width:100%}button.ui-btn.ui-inline,input.ui-btn.ui-inline{display:inline-block;width:auto}.ui-grid-col-1>.ui-btn{border-left:solid 1px B011}.ui-grid-col-1>.ui-btn:first-child{border-left:0 none}.ui-grid-col-2>.ui-btn{border-left:solid 1px B011}.ui-grid-col-2>.ui-btn:first-child{border-left:0 none}.ui-grid-col-3>.ui-btn{border-left:solid 1px B011}.ui-grid-col-3>.ui-btn:first-child{border-left:0 none}.ui-grid-row>.ui-btn{margin-top:1px}.ui-grid-row>.ui-btn:first-child{margin-top:0}.ui-popup{box-sizing:border-box;position:fixed;left:0;width:100%;margin:0;background-color:B061L1E;border:3px solid B061L7;display:none;z-index:1100}.ui-popup:not(.ui-ctxpopup){bottom:0}.ui-popup .ui-popup-header{width:100%;min-height:68px;font-size:30px;text-align:left;background-color:B061L2;color:T091;padding-top:14px;padding-right:13px;padding-bottom:14px;padding-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popup .ui-popup-content{width:100%;min-height:14rem;font-size:2.125rem;text-align:left;color:T0811;background-color:B061L1E;padding:10px 16px 9px;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-.5625rem -1rem -.5625rem -1rem}.ui-popup .ui-popup-content .ui-listview li,.ui-popup .ui-popup-content .ui-inline-listview li{font-size:2.125rem}.ui-popup .ui-popup-footer{width:100%;height:83px}.ui-popup .ui-popup-footer .ui-btn{padding-top:27px;padding-bottom:28px;font-size:30px}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only{position:relative;text-indent:-624.9375rem}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before{content:"";position:absolute;mask-size:3.125rem 3.125rem;mask-repeat:no-repeat;width:3.125rem;height:3.125rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.ui-popup.ui-popup-active{display:block}.ui-popup.in{display:block}.ui-popup.ui-build{display:block;visibility:hidden}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast){max-height:100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper{width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{height:auto}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed{position:absolute;top:0;left:0;width:100%;z-index:2100}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed{position:absolute;bottom:0;left:0;width:100%;z-index:2100;transform:translate3d(0,0,0)}.ui-popup.ui-ctxpopup{background-color:transparent;width:100%;border:0 none;border-radius:0;overflow:visible}div.ui-popup.ui-ctxpopup.ui-popup-content-size{width:auto;padding:0}div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content{width:auto}.ui-popup.ui-ctxpopup .ui-popup-content{min-height:initial;background-color:B092L1;border:1px solid B092L2;color:#333}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li{color:T111;border-bottom:1px solid B094;min-height:90px;padding:21px 8px 20px 16px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a{color:T111;margin:-21px -16px;padding:21px 16px;min-height:48px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active{color:T111P;background-color:B093P}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon{position:relative;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a{margin-left:-4.25rem;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before{content:"";position:absolute;top:50%;left:.375rem;width:3.5rem;height:3.5rem;margin-top:-1.75rem;background-color:B095;-webkit-mask-size:3.5rem 3.5rem;-moz-mask-size:3.5rem 3.5rem;-ms-mask-size:3.5rem 3.5rem;-o-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before{background-color:B095P}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview{height:4.3125rem;overflow:hidden}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li{float:left;height:4.1875rem;line-height:4.1875rem;border-right:1px solid B097}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a{display:block;width:100%;height:100%;padding:0rem .5rem;color:T111}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active{color:T111P;background-color:B093P}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext{width:3.6875rem;height:4.1875rem;text-indent:-1000em;overflow:hidden;position:relative}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before{content:"";position:absolute;top:50%;left:50%;width:2.6875rem;height:2.6875rem;margin-top:-1.34375rem;margin-left:-1.34375rem;background-color:B096;-webkit-mask-size:2.6875rem 2.6875rem;-moz-mask-size:2.6875rem 2.6875rem;-ms-mask-size:2.6875rem 2.6875rem;-o-mask-size:2.6875rem 2.6875rem;mask-size:2.6875rem 2.6875rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before{background-color:B096P}.ui-popup.ui-ctxpopup .ui-arrow{width:36px;height:15px;overflow:hidden;position:absolute;display:none;-webkit-animation-duration:0;-moz-animation-duration:0;-o-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup .ui-arrow span{box-sizing:border-box;width:20px;height:20px;background-color:B092L1;border:1px solid B092L2;position:absolute;top:6px;left:8px;-webkit-transform:rotate(55deg) skew(24deg);-moz-transform:rotate(55deg) skew(24deg);-ms-transform:rotate(55deg) skew(24deg);-o-transform:rotate(55deg) skew(24deg);transform:rotate(55deg) skew(24deg);-webkit-animation-duration:0;-moz-animation-duration:0;-o-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b{padding:20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-t{padding:0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r{padding:20px 0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-l{padding:20px 20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow{display:block;bottom:-14px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow{display:block;top:-14px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow{display:block;right:-25px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow{display:block;left:-25px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.ui-popup.ui-popup-toast{margin-left:0;margin-right:0;margin-bottom:0;font-size:1.5rem;border:3px solid B061L7;border-radius:0;border-left:0;border-right:0;position:absolute;bottom:0}.ui-popup.ui-popup-toast:not(.ui-popup-toast){top:auto;height:auto}.ui-popup.ui-popup-toast .ui-popup-content{min-height:initial;padding:.6875rem 2.625rem .75rem;background-color:B061L1E}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:3.5rem;height:3.5rem;position:relative;left:50%;transform:translateX(-50%);text-indent:-10000px;overflow:hidden}.ui-popup.ui-popup-toast .ui-popup-toast-icon::after{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%}.ui-popup-overlay{position:fixed;display:none;top:0;width:100%;height:100%;z-index:100;background-color:W1712}.ui-popup-overlay.in{display:block}.ui-popup.slideup.in{animation-name:popupslideinfrombottom;animation-duration:250ms;transition-timing-function:ease-in-out}.ui-popup.slideup.out{animation-name:popupslideouttobottom;animation-duration:250ms;animation-fill-mode:forwards;transition-timing-function:ease-in-out}@keyframes popupslideinfrombottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popupslideouttobottom{from{transform:translateY(0)}to{transform:translateY(100%)}}.ui-popup.pop.in{animation-name:popuppopin;animation-duration:350ms;transition-timing-function:ease-in-out}.ui-popup.pop.out{animation-name:popuppopout;animation-duration:350ms;transition-timing-function:ease-in-out}@keyframes popuppopin{from{transform:scale3d(1.35,1.35,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}@keyframes popuppopout{from{transform:scale3d(1,1,1);opacity:1}to{transform:scale3d(1.35,1.35,1);opacity:0}}.ui-popup.ui-popup-toast.pop.in{animation-name:toastpopuppopin;animation-duration:250ms;transition-timing-function:ease-in-out}.ui-popup.ui-popup-toast.pop.out{animation-name:toastpopuppopout;animation-duration:250ms;animation-fill-mode:forwards;transition-timing-function:ease-in-out}@keyframes toastpopuppopin{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastpopuppopout{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.ui-popup-overlay.slideup.in,.ui-popup-overlay.pop.in{animation:fadein 250ms}.ui-popup-overlay.slideup.out,.ui-popup-overlay.pop.out{animation:fadeout 250ms forwards}.ui-popup.ui-popup-arrow-t.slideup.in,.ui-popup.ui-popup-arrow-l.slideup.in,.ui-popup.ui-popup-arrow-r.slideup.in{animation:ctxpopupslideinfrombottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-t.slideup.out,.ui-popup.ui-popup-arrow-l.slideup.out,.ui-popup.ui-popup-arrow-r.slideup.out{animation:ctxpopupslideouttobottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.in{animation:ctxpopupslideinfromtop 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.out{animation:ctxpopupslideouttotop 250ms ease-in-out}@keyframes ctxpopupslideinfrombottom{from{transform:translateY(20%);opacity:0}to{transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideouttobottom{from{transform:translateY(0%);opacity:1}to{transform:translateY(20%);opacity:0}}@keyframes ctxpopupslideinfromtop{from{transform:translateY(-20%);opacity:0}to{transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideouttotop{from{transform:translateY(0%);opacity:1}to{transform:translateY(-20%);opacity:0}}tau-virtuallistview,tau-listview{display:block;list-style-type:disc;list-style-type:none}.ui-listview li{font-size:2rem;line-height:3rem;min-height:6.25rem;padding:.9375rem .5rem .9375rem 1rem;border-bottom:.0625rem solid B0222;white-space:nowrap;position:relative;color:T0211}.ui-listview li.ui-li-grid{display:flex;flex-direction:row;padding:0;min-height:5.3125rem;align-items:center}.ui-listview li.ui-li-grid .ui-processing{padding:0;margin-right:.5rem}.ui-listview li.ui-li-grid div:first-child{width:calc(100% - 5.5rem);text-align:left;height:100%;margin-left:1rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{padding:0;margin-right:.5rem;background-size:contain;background-position:center center;background-repeat:no-repeat;width:3.5rem;height:3.5rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after{background-color:transparent}.ui-listview li.ui-li-grid.ui-li-grid-full div::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:B0221L1;right:4.5rem;top:50%;transform:translate3d(0,-50%,0)}.ui-listview li.ui-li-grid.ui-li-grid-full>*{flex-grow:1;flex-shrink:0}.ui-listview li.ui-li-grid.ui-li-grid-full>.ui-btn-icon{flex-grow:0;flex-shrink:0}.ui-listview li.ui-li-grid .ui-btn-description{width:100%;margin:0 -50%;z-index:2;transform:translate(-50%,0);text-align:center;line-height:5.3125rem;pointer-events:none}.ui-listview li.ui-li-grid a.ui-btn,.ui-listview li.ui-li-grid tau-button.ui-btn{background-position:center center;height:5.3125rem;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem;position:relative;flex:1 1 auto;border-bottom:.0625rem solid B0553;border-right:.0625rem solid B0553}.ui-listview li input[type=text],.ui-listview li input[type=password]{width:20.5rem;height:3.875rem;padding:.8125rem 0 .8125rem .5rem;color:T012;font-size:2rem;background-color:rgba(245,245,245,.15);border:0;outline:0}.ui-listview li input[type=text]:focus,.ui-listview li input[type=password]:focus{border:.0625rem solid rgba(245,245,245,.15)}.ui-listview li input[type=text]:focus::-webkit-input-placeholder,.ui-listview li input[type=password]:focus::-webkit-input-placeholder{color:#fff}.ui-listview li>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:T0211}.ui-listview li>a:not(.ui-btn){display:block;width:100%;height:auto;margin:-1.625rem -.5rem -1.625rem -1rem;padding:1.25rem .5rem 1.25rem 1rem;-o-box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;text-overflow:ellipsis;overflow:hidden}.ui-listview li.ui-listview-divider{height:1.875rem;min-height:1.875rem;line-height:1.875rem;padding:0 .5rem 0 1rem;background-color:B012;color:T0231;font-size:1.5rem}.ui-listview li .ui-li-sub-text{color:T022;font-size:1.75rem}.ui-listview li.ui-li-has-action-icon .ui-action-text{width:calc(100% - 4.8125rem);height:100%}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:T0811;right:4.25rem;top:20%}.ui-listview li.ui-li-has-action-icon .ui-action-divider{display:none}.ui-listview li.ui-li-has-action-icon .ui-action-delete,.ui-listview li.ui-li-has-action-icon .ui-action-setting,.ui-listview li.ui-li-has-action-icon .ui-action-add{position:absolute;height:100%;width:4.5rem;right:0;top:0;mask-size:3.5rem 3.5rem;mask-repeat:no-repeat;mask-position:center center;padding:0;margin:0}.ui-listview li.ui-li-has-action-icon .ui-action-delete{mask-image:url(images/listview/tw_list_delete_holo_dark.png);background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-setting{mask-image:url(images/listview/tw_list_setting_holo_dark.png);background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-add{mask-image:url(images/listview/tw_list_add_holo_dark.png);background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:B041P;color:T0211P}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active{background-color:B041P;color:T0211P}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon{background-color:transparent}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active{background-color:B041P;color:T0211P}.ui-datetime-widget{position:relative;height:100%}.ui-datetime{text-align:center;padding-top:56px}.ui-time-picker .ui-datetime{padding-top:53px}.ui-datetime:only-child{padding-top:92px}.ui-time-picker .ui-datetime:only-child{padding-top:89px}.ui-datetime input[type=date],.ui-datetime input[type=datetime],.ui-datetime input[type=time]{display:none}.ui-datefield{height:52px;display:inline-block;vertical-align:top}.ui-datefield>.ui-btn{float:left;height:52px;padding:0;line-height:52px;font-size:42px;font-weight:600;border-radius:2px;background-color:rgba(255,255,255,.15)}.ui-datefield .ui-datefield-separator{display:block;height:100%;float:left;width:18px;background:transparent url(images/Datetimepicker/tw_timepicker_num_dot.png)}.ui-datefield>.ui-btn:enabled:focus{background-color:rgba(255,255,255,.15)}.ui-datefield>.ui-btn:disabled{color:#404040}.ui-datafield>.ui-btn.ui-selected,.ui-datefield>.ui-btn:enabled:active,.ui-datefield>.ui-btn.ui-state-active:enabled,.ui-datefield>.ui-btn.ui-selected:enabled{background-color:#ff9000;color:#000}.ui-date-picker .ui-datefield>.ui-btn:first-child{margin-right:2px}.ui-date-picker .ui-datefield>.ui-btn:last-child{margin-left:2px}.ui-date-picker .ui-datefield-year{width:114px}.ui-date-picker .ui-datefield-month{width:102px}.ui-date-picker .ui-datefield-day{width:68px}.ui-time-picker .ui-datefield-hour{width:74px}.ui-time-picker .ui-datefield-min{width:74px}.ui-time-picker .ui-datefield-period{width:84px;margin-left:10px}.ui-time-picker .ui-datefield{height:58px}.ui-time-picker .ui-datefield>.ui-btn{height:58px;line-height:58px;font-size:50px}.ui-time-picker .ui-datefield>.ui-btn.ui-datefield-period{font-size:48px}.ui-datetime-wheel{height:68px;margin:0 10px;margin-top:30px}.ui-time-picker .ui-datetime-wheel{margin-top:27px}.ui-datetime-wheel .ui-btn{width:68px;height:68px;float:left}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus{float:right;background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-wheel{display:block;margin-left:68px;margin-right:68px;height:68px;padding:10px 0;box-sizing:border-box;background:url(images/Datetimepicker/tw_timepicker_wheel_01.png) center center no-repeat}.ui-datetime-btns{position:absolute;bottom:0;width:100%;height:76px;box-sizing:border-box;border-top:2px solid #262626}.ui-datetime-btns::before{content:"";height:34px;width:1px;background-color:#262626;position:absolute;left:160px;top:20px}.ui-datetime-btns .ui-btn{height:100%;position:relative;background-color:transparent}.ui-datetime-btns .ui-btn:enabled:active,.ui-datetime-btns .ui-btn:enabled:focus,.ui-datetime-btns .ui-btn:enabled:active:focus{background-color:transparent}.ui-datetime-btns .ui-btn-left{width:160px;float:left;background:url(images/Datetimepicker/tw_timepicker_left_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn-right{width:159px;float:right;background:url(images/Datetimepicker/tw_timepicker_right_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn:disabled,.ui-datetime-btns .ui-btn.ui-state-disabled{opacity:.2}.ui-datetime-periods{height:102px;margin-top:7px;display:inline-block}.ui-datetime-periods .ui-btn,.ui-datetime-periods .ui-datetime-periods-separator{height:100%;float:left;padding:0;background:transparent}.ui-datetime-periods .ui-btn{width:102px;font-size:34px;line-height:102px}.ui-datetime-periods .ui-btn:enabled:focus{background:transparent}.ui-datetime-periods .ui-btn:enabled:active,.ui-datetime-periods .ui-btn:enabled:active:focus,.ui-datetime-periods .ui-btn.ui-selected:enabled:active,.ui-datetime-periods .ui-btn.ui-state-active:enabled:active{color:inherit;text-decoration:none;background:url(images/Datetimepicker/tw_timepicker_time_bg.png) center center no-repeat}.ui-datetime-periods .ui-btn.ui-selected:enabled,.ui-datetime-periods .ui-btn.ui-state-active:enabled{color:#ff9000;text-decoration:underline}.ui-datetime-periods .ui-datetime-periods-separator{width:24px;background:url(images/Datetimepicker/tw_timepicker_num_dot_01.png) center center no-repeat}.ui-datetime-wheel.ui-hidden,.ui-datetime-periods.ui-hidden{display:none}.ui-viewport-transitioning,.ui-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-pre-in{z-index:100;visibility:visible;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;top:0;left:0}.in{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:350ms;-moz-animation-duration:350ms;-o-animation-duration:350ms;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:225ms;-moz-animation-duration:225ms;-o-animation-duration:225ms;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@-ms-keyframes fadeout{from{opacity:1}to{opacity:0}}@-o-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation:fadeout 125ms;-moz-animation:fadeout 125ms;-o-animation:fadeout 125ms;animation:fadeout 125ms}.fade.in{opacity:1;-webkit-animation:fadein 225ms;-moz-animation:fadein 225ms;-o-animation:fadein 225ms;animation:fadein 225ms}@-webkit-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-o-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-ms-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-moz-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-webkit-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-o-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-ms-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-moz-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}.slideup.in:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);-webkit-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay){z-index:101;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1)}@-webkit-keyframes popin{from{transform:scale3d(0.3,.3,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popout{from{transform:scale3d(1,1,1);opacity:1}to{transform:scale3d(1.7,1.7,1);opacity:0}}@-webkit-keyframes popoutreverse{from{transform:scale3d(1,1,1);opacity:1}to{transform:scale3d(0.3,.3,1);opacity:0}}@-webkit-keyframes popinreverse{from{transform:scale3d(1.7,1.7,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}.pop.out.reverse{z-index:100;-webkit-animation-duration:225ms;-webkit-animation-name:popoutreverse;-moz-animation-duration:225ms;-moz-animation-name:popoutreverse;animation-duration:225ms;animation-name:popoutreverse;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in.reverse{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popinreverse;-moz-animation-duration:225ms;-moz-animation-name:popinreverse;animation-duration:225ms;animation-name:popinreverse;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in{-webkit-animation-duration:225ms;-webkit-animation-name:popin;-moz-animation-duration:225ms;-moz-animation-name:popin;animation-duration:225ms;animation-name:popin;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.out{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popout;-moz-animation-duration:225ms;-moz-animation-name:popout;animation-duration:225ms;animation-name:popout;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-indexscrollbar{display:block;position:fixed;right:0;top:0;width:2.8125rem;height:100%;padding-left:.125rem;background-color:B0722;z-index:10;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ui-indexscrollbar ul{position:absolute;width:100%;top:0}.ui-indexscrollbar ul li{color:T0311;display:block;width:100%;text-align:center;font-size:1.5rem;height:2.25rem}.ui-indexscrollbar ul li.ui-state-selected{background-color:B0724;color:T0311P}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary{position:relative;height:auto;top:0;right:-2.5rem;width:100%}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li{background-color:B0723;color:T0311}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected{background-color:B0723;color:T0313}.ui-indexscrollbar+.ui-listview li{padding-right:2.5rem}.ui-indexscrollbar-indicator{position:fixed;top:0;left:0;z-index:9;display:none}.ui-indexscrollbar-indicator>span{width:8.75rem;height:5.4375rem;position:absolute;display:block;top:50%;left:50%;margin-left:-5.625rem;margin-top:-2.6875rem;line-height:5.4375rem;font-size:4.375rem;text-align:center;background-color:B0731;color:T0312}.ui-indexscrollbar-indicator>span>span.ui-selected{color:T0312P}.ui-circularindexscrollbar{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{position:absolute;top:50%;left:50%;width:9.875rem;height:9.875rem;line-height:9.875rem;border-radius:50%;background-color:B0731;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-circularindexscrollbar.ui-circularindexscrollbar-show{pointer-events:auto}.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator{opacity:1}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:4.375rem;color:T0312P}.ui-scrollbar-bar-type{position:absolute}.ui-scrollbar-bar-type.ui-scrollbar-horizontal{left:0;bottom:0;width:100%;height:8px}.ui-scrollbar-bar-type.ui-scrollbar-vertical{right:0;top:0;width:.5rem;height:100%}.ui-scrollbar-bar-type .ui-scrollbar-indicator{position:absolute;background-color:B071}.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator{height:.25rem}.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator{width:.25rem}.ui-scrollbar-bouncing-effect{display:none;position:absolute;background-repeat:no-repeat;-webkit-animation-duration:.47s;-moz-animation-duration:.47s;-o-animation-duration:.47s;animation-duration:.47s;-webkit-animation-timing-function:step-start;-moz-animation-timing-function:step-start;-o-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:B018E}.ui-scrollbar-bouncing-effect::before{content:"";position:absolute;background-color:B019}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:3.125rem;left:0;-webkit-mask-size:100% 3.125rem}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:.125rem;-webkit-mask-size:100% .125rem}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:3.125rem;height:100%;top:0;-webkit-mask-size:3.125rem 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:.0625rem;height:100%;-webkit-mask-size:.0625rem 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;mask-image:url(images/Scroller/bouncing_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{mask-image:url(images/Scroller/bouncing_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;mask-image:url(images/Scroller/bouncing_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{mask-image:url(images/Scroller/bouncing_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;mask-image:url(images/Scroller/bouncing_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{mask-image:url(images/Scroller/bouncing_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;mask-image:url(images/Scroller/bouncing_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{mask-image:url(images/Scroller/bouncing_right_edge.png)}@-webkit-keyframes ui-bouncing-show{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes ui-bouncing-hide{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}100%{opacity:0}}.ui-scrollbar-bouncing-effect.ui-show{display:block;-webkit-animation-name:ui-bouncing-show;-moz-animation-name:ui-bouncing-show;-o-animation-name:ui-bouncing-show;animation-name:ui-bouncing-show}.ui-scrollbar-bouncing-effect.ui-hide{display:block;-webkit-animation-name:ui-bouncing-hide;-moz-animation-name:ui-bouncing-hide;-o-animation-name:ui-bouncing-hide;animation-name:ui-bouncing-hide}.ui-swipelist{position:absolute;top:0}.ui-swipelist .ui-swipelist-icon{width:20%;height:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ui-swipelist .ui-swipelist-text{top:50%;transform:translate3d(0,-50%,0)}.ui-swipelist-left,.ui-swipelist-right{position:absolute;display:none}.ui-swipelist-left{background-color:B0242;background-image:linear-gradient(left,B0242 0,B011 0)}.ui-swipelist-right{background-color:B0241;background-image:linear-gradient(right,B0241 0,B011 0)}.ui-swipelist-icon,.ui-swipelist-text{position:absolute}.ui-swipelist-left .ui-swipelist-icon{margin-left:2%;background-color:F021L1i;mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-left .ui-swipelist-text{margin-left:40%}.ui-swipelist-right .ui-swipelist-icon{margin-left:80%;background-color:F021L1i;mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-right .ui-swipelist-text{margin-left:20%}.ui-tab-indicator{position:relative;height:6px}.ui-tab-indicator .ui-tab-item{position:absolute;top:0;left:0;display:block;height:6px;background-color:B0514}.ui-tab-indicator .ui-tab-item.ui-tab-active{background-color:B0514P1}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{box-sizing:border-box;padding:0;height:56px;width:56px;font-size:32px;appearance:none;position:relative}input[type=radio]{background-color:W013L1;mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%}input[type=radio]::after{content:"";background-color:W241;mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:checked::before{content:"";background-color:W013L2;mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:active{background-color:W013L1P;mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=radio]:active::after{content:"";background-color:W241P;mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=radio]:active:checked::before{content:"";background-color:W013L2P;mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input){mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:W012L1}input[type=checkbox]:not(.ui-switch-input)::after{content:"";background-color:W231;mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):checked::before{content:"";mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:W012L2;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active{background-color:W012L1P}input[type=checkbox]:not(.ui-switch-input):active::after{content:"";background-color:W231P;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active:checked::before{content:"";background-color:W012L2P;width:100%;height:100%;position:absolute}.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input),.ui-checkbox-small input[type=radio]{top:.4375rem;margin-right:.4375rem;width:2.125rem;height:2.125rem}.ui-marquee{position:relative;white-space:nowrap;overflow:hidden;user-select:none;width:100%;height:2.4375rem;line-height:2.4375rem}.ui-marquee.ui-marquee-gradient{text-overflow:clip;-webkit-mask-image:-webkit-linear-gradient(left,#fff 0,#fff 85%,transparent 100%)}.ui-marquee.ui-marquee-ellipsis .ui-marquee-content{display:block;overflow:hidden;text-overflow:ellipsis}.ui-marquee .ui-marquee-content{left:0;position:relative;overflow:visible;display:inline-block}.ui-marquee-anim-running{-webkit-animation-play-state:running}.ui-marquee-anim-stopped{-webkit-animation-play-state:paused}.ui-marquee.ui-marquee-gradient::after{background:linear-gradient(left,transparent 0,B0211 100%)}tau-pageindicator{display:block}.ui-page-indicator{display:block;position:absolute;left:50%;transform:translate3d(-50%,0,0);white-space:nowrap;max-width:100%;overflow:hidden}.ui-page-indicator .ui-page-indicator-item{position:relative;display:inline-block;width:.625rem;height:.625rem;mask-image:url(images/Indicator/indicator_horizontal_dot.png);background-color:T0211D;margin-right:.5rem;margin-top:1.5rem;transition-property:-webkit-mask-image,mask-image;transition-duration:250ms;transition-timing-function:ease-out}.ui-page-indicator .ui-page-indicator-item:last-child{margin-right:0}.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active{mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);background-color:W1911}.ui-page-indicator.ui-page-indicator-circular{top:0;left:0;width:100vw;height:100vw;transform:none;pointer-events:none}.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item{position:absolute;top:50%;left:50%;margin-top:-.3125rem;margin-left:-.3125rem;margin-right:0}.ui-snap-container{-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%}.ui-snap-container.ui-snap-disabled{-webkit-scroll-snap-type:none}.ui-snap-listview-item{-webkit-scroll-snap-coordinate:50% 50%}tau-drawer{display:block}.ui-drawer{width:100%;height:100%;position:fixed;top:0;background-color:B011;z-index:1201;box-sizing:border-box}.ui-drawer.ui-drawer-close{overflow:hidden}.ui-drawer.ui-drawer-open{overflow:auto}.ui-drawer-overlay{top:0;position:fixed;background-color:rgba(0,0,0,.8);z-index:1200}tau-drawermorestyle{display:block}tau-sectionchanger{display:block}.ui-section-changer{height:100%}.ui-view-switcher{height:100%;overflow:hidden}.ui-view-switcher.ui-view-carousel .ui-view{display:none;position:absolute;z-index:-1000;top:50%;background-color:#fafafa}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active{display:inline;z-index:100;left:50%;transform:translate3d(-50%,0,0)}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim{opacity:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left{display:inline;left:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right{display:inline;right:0}.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim{position:absolute;top:0;width:100%;height:100%;opacity:.6;background-color:#000}.ui-slider{position:relative;box-sizing:border-box;background-color:B065L3}.ui-slider .ui-slider-value{background-color:B065L2}.ui-slider .ui-slider-handler{width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:50%;position:absolute;text-indent:9999px;transition:transform 300ms ease-out}.ui-slider.ui-slider-horizontal{height:6px;margin:20px 22px}.ui-slider.ui-slider-horizontal .ui-slider-value{height:6px}.ui-slider.ui-slider-horizontal .ui-slider-handler{top:50%;margin-left:-20px;border:3px solid B065L2;transform:translate(0,-50%) scale(0.6)}.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active{transform:translate(0,-50%) scale(1)}.ui-slider-title{text-align:center;color:T063;font-size:28px}.ui-slider-subtitle{text-align:center;color:T063;font-size:28px}.ui-selector{position:absolute;top:0;left:0;height:100%;width:100%;background-color:B0511D}.ui-selector .ui-layer{position:absolute;display:none;width:4.25rem;height:4.25rem;border-radius:50%}.ui-selector .ui-layer.ui-layer-active{display:block;width:100%;height:100%;z-index:3}.ui-selector .ui-layer.ui-layer-active .ui-item{visibility:visible;-webkit-transition:transform 300ms ease-out;-moz-transition:transform 300ms ease-out;-o-transition:transform 300ms ease-out;-ms-transition:transform 300ms ease-out;transition:transform 300ms ease-out}.ui-selector .ui-layer.ui-layer-hide .ui-item{visibility:visible;-webkit-transition:transform 100ms ease-out;-moz-transition:transform 100ms ease-out;-o-transition:transform 100ms ease-out;-ms-transition:transform 100ms ease-out;transition:transform 100ms ease-out}.ui-selector .ui-layer.ui-layer-prev{display:block;width:3rem;height:3rem;left:50%;margin-left:.375rem;margin-top:.75rem;z-index:5;mask-image:url(images/Common/b_more_option_btn_previous_page.png)}.ui-selector .ui-layer.ui-layer-next{display:block;width:3rem;height:3rem;right:50%;margin-right:.375rem;margin-top:.75rem;z-index:5;mask-image:url(images/Common/b_more_option_btn_next_page.png)}.ui-selector .ui-item{background-color:B0554;position:absolute;visibility:hidden;width:4.25rem;height:4.25rem;top:50%;left:50%;border-radius:50%;margin:-2.125rem;z-index:100}.ui-selector .ui-item:active{background-color:B0554P}.ui-selector .ui-item::before{transition:background-color 200ms ease-out}.ui-selector .ui-selector-indicator{display:flex;justify-content:center;flex-direction:column;align-items:center;position:absolute;z-index:4;width:10.25rem;height:10.25rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-selector .ui-selector-indicator::before{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;border-radius:50%;background-color:transparent;transform:translate(-50%,-50%);opacity:0}.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before{z-index:-1;background-color:#fff;transform:translate(-50%,-50%) scale(1.1);animation-duration:300ms,733ms;animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{font-size:1.875rem;pointer-events:none;width:10.25rem;line-height:2.5rem;max-height:5rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active{background-repeat:no-repeat;background-position:50% 50%;width:8.75rem;height:8.75rem;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text{margin-top:-.25rem;width:5.875rem;height:5.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active+.ui-selector-indicator-text:not(:empty){margin-top:.3125rem;width:8.625rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{font-size:1.8125rem;pointer-events:none;width:8.625rem;line-height:2.4375rem;max-height:2.4375rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text{width:9.375rem}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext{color:T117;width:9.375rem}.ui-selector .ui-selector-indicator-arrow{position:absolute;width:13.125rem;height:13.125rem;top:50%;left:50%;margin:-6.5625rem;text-align:center;line-height:13.125rem;font-size:1.75rem;z-index:0}.ui-selector .ui-selector-indicator-arrow::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;mask-image:url(images/Common/b_rotary_selector_center_pointer.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B0116}.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active{background-color:B0554}.scrolling-scrollbar{position:absolute;pointer-events:none;transition:opacity 2.5s;opacity:0}.scrolling-scrollbar .scrolling-scrollthumb{stroke:#009de4;background-color:#009de4;position:absolute}.scrolling-scrollbar.scrolling-direction-y{right:0;width:10px}.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb{width:10px;min-height:20px;top:0;left:50%;margin-left:-5px}.scrolling-scrollbar.scrolling-direction-x{bottom:0;height:10px}.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb{height:10px;min-width:20px;left:0;top:50%;margin-top:-5px}.scrolling-scrollbar:not(.scrolling-circular){background-color:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular{width:100%;height:100%;top:0;left:0}.scrolling-scrollbar.scrolling-circular .ui-polar{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path{stroke:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated{transition:all .5s}.scrolling-scrollbar.fade-in{opacity:1;transition:opacity .5s}.ui-page.ui-empty-state{background-color:B0911;color:T071}.ui-page.ui-empty-state header.ui-header{height:6.75rem}.ui-page.ui-empty-state:after{content:"";position:absolute;width:100%;height:100%;mask-image:url(images/Common/tw_no_item_bg.png);background-color:rgba(255,255,255,.1)}.ui-page.ui-empty-state .ui-title{color:T012;font-size:1.875rem;line-height:2.4375rem}.ui-page.ui-empty-state .ui-content{overflow:hidden;color:T071;font-size:1.75rem;line-height:2.3125rem;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}.ui-page.ui-empty-state .ui-content .ui-icon{width:6.125rem;height:6.125rem}.ui-page.ui-empty-state .ui-content .ui-empty-state-label{display:flex;justify-content:center;height:4.625rem;margin-top:.5rem;align-items:center;overflow:hidden}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header{height:7.8125rem;margin-top:0}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title{padding-top:3.1875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon{width:8.125rem;height:6.875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label{height:2.3125rem;margin-top:1.75rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines{margin-top:.125rem;height:4.625rem}.ui-grid{padding:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;background-color:B011}.ui-grid.ui-hidden{display:none}.ui-grid li{transition-property:border-radius,-webkit-mask-size,mask-size;transition-duration:450ms;transition-timing-function:linear;position:absolute;overflow:hidden;transform-style:preserve-3d}.ui-grid li a{position:relative}.ui-grid li a:active:hover:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(38,38,38,.4)}.ui-grid.ui-grid-horizontal{height:22.5rem}.ui-grid.ui-grid-horizontal li{transform-origin:left center}.ui-grid.ui-grid-horizontal.ui-grid-rectangle li{mask-size:22.5rem auto;mask-image:url(images/Grid/tw_basic_grid_horizontal.png)}.ui-grid.ui-grid-vertical{width:22.5rem}.ui-grid.ui-grid-vertical li{transform-origin:center top}.ui-grid.ui-grid-vertical.ui-grid-rectangle li{mask-size:auto 22.5rem;mask-image:url(images/Grid/tw_basic_grid_vertical.png)}.ui-grid.ui-grid-circle li{border-radius:100%}.ui-grid.ui-grid-rectangle li{border-radius:1.125rem;mask-position:center;mask-repeat:no-repeat}.ui-grid.ui-grid-3x3{height:22.5rem}.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned{position:absolute;left:0;top:0;margin:0!important}.ui-grid.ui-grid-3x3 li{width:22.5rem;height:22.5rem;position:absolute;display:inline-block}.ui-grid.ui-grid-3x3 li.ui-selected{transform-origin:left center}.ui-grid.ui-grid-3x3 li a{display:inline-block}.ui-grid.ui-grid-3x3 .thumb{width:100%;height:100%;position:relative}.ui-grid.ui-grid-image{padding:0}.ui-grid.ui-grid-image li{transform-origin:center center;width:22.5rem;height:22.5rem;overflow:hidden}.ui-grid.ui-grid-image li a{display:inline-block}.ui-grid.ui-grid-image .thumb{width:22.5rem;height:22.5rem;position:relative}.ui-grid.ui-grid-thumbnail{background-color:W143}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li{mask-size:14rem auto}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li{mask-size:auto 14rem}.ui-grid-container{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;scroll-snap-destination:50% 50%}.ui-grid-container .ui-image-section{width:22.5rem;height:22.5rem}.ui-grid-container .snap-point{width:.0625rem;height:.0625rem;position:absolute;-webkit-scroll-snap-coordinate:50% 50%;scroll-snap-coordinate:50% 50%;visibility:hidden}.ui-grid-container.ui-grid-horizontal{overflow-x:scroll;overflow-y:hidden;width:100%;height:22.5rem}.ui-grid-container.ui-grid-horizontal .snap-point{top:50%}.ui-grid-container.ui-grid-vertical{overflow-x:hidden;overflow-y:scroll;width:22.5rem;height:100%}.ui-grid-container.ui-grid-vertical .snap-point{left:50%}.ui-circleindicator{position:fixed;z-index:0}.ui-circleindicator svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.ui-circleindicator svg:nth-child(2) circle{transition:stroke-dashoffset .5s linear}.ui-circleindicator svg .ui-big{z-index:4}.ui-circleindicator svg .ui-pointer{z-index:5}.ui-animated{transition:1s linear}.ui-hyperlink{text-decoration:underline}.ui-spin{position:relative;display:inline-block;height:3.75rem;background-color:transparent;overflow:hidden;font-size:1.375rem;padding:0;box-sizing:content-box;width:5rem}.ui-spin-item{background-color:transparent;position:absolute;left:0;top:0;width:100%;height:1.875rem;display:flex;flex-direction:column;justify-content:center;color:#4dcfff}.ui-spin-item-selected{font-size:1.875rem;height:1.875rem;color:#fff}.ui-spin-enabling{height:100%}.ui-spin-enabling .ui-spin-item{transition:300ms opacity linear}.tau-info-theme:after{content:"default"} \ No newline at end of file diff --git a/lib/tau/wearable/theme/changeable/tau.template b/lib/tau/wearable/theme/changeable/tau.template new file mode 100644 index 0000000..b31b0e5 --- /dev/null +++ b/lib/tau/wearable/theme/changeable/tau.template @@ -0,0 +1,4548 @@ +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + index scrollbar (vertical) +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + Swipe list +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + View Switcher +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Empty state +***************************************************************************/ +/*************************************************************************** + Grid +***************************************************************************/ +/************************ +Listview +*************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Button(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/*********************************************************************/ +/* Progress(FIXED) */ +/*********************************************************************/ +* { + outline: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: Tizen, Samsung Sans, Helvetica; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +h2 { + font-size: 1.5em; + margin: .83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +input { + line-height: normal; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="time"], +input[type="date"] { + color: #000000; +} +input[type="search"] { + appearance: textfield; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +.tau-info-theme { + position: absolute; + top: -999px; + left: -999px; +} +.screen-hidden { + visibility: hidden; + position: absolute; + top: -10000em; + left: -10000em; +} +button, +input { + outline: none; + cursor: pointer; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +a { + text-decoration: none; + color: T0811; +} +ul, +li { + margin: 0; + padding: 0; + list-style-type: none; +} +img { + margin: 0; + padding: 0; +} +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + height: 100%; + font-size: 2.125rem; + font-family: Tizen, Samsung Sans, Helvetica; + background: B011; + color: T0811; +} +tau-page { + display: block; +} +.ui-page { + width: 100%; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + display: none; + background: B011; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ui-page.ui-page-active { + display: block; + display: flex; + flex-direction: column; +} +.ui-page.ui-page-build { + display: flex; + flex-direction: column; + visibility: hidden; +} +.ui-page tau-scrollview { + display: block; +} +.ui-page .ui-content { + width: 100%; + height: auto; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + flex: 1; +} +.ui-page .ui-content.ui-content-padding { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.ui-page .ui-content.ui-content-fixed-middle { + position: fixed; + top: 50%; + transform: translate(0, -50%); +} +.ui-page .ui-header { + position: relative; + width: 100%; + line-height: 60px; + background-color: B0511; +} +.ui-page .ui-header .ui-subtitle { + height: 30px; + font-weight: normal; + line-height: 30px; + padding-left: 16px; + padding-right: 16px; + color: T012; + font-size: 24px; + margin: -0.625rem 0 0.3125rem 0; +} +.ui-page .ui-header .ui-title { + color: T012; + font-size: 32px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + padding-left: 16px; + padding-right: 16px; + mask-image: linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); +} +.ui-page .ui-header .ui-title.ui-icon { + padding-left: 60px; + background-position: 16px 14px; + background-size: 34px 34px; + background-repeat: no-repeat; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 78px; + mask-image: linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); +} +.ui-page .ui-header button.ui-more, +.ui-page .ui-header input.ui-more { + border: 0 none; + padding: 0; +} +.ui-page .ui-header .ui-more-disable { + cursor: default; + background-color: transparent; +} +.ui-page .ui-header .ui-more { + display: block; + position: absolute; + top: 0; + right: 0; + width: 68px; + height: 100%; + overflow: hidden; + text-indent: -1000em; + background-position: center center; + background-color: transparent; + cursor: pointer; +} +.ui-page .ui-header .ui-more:active { + background-color: W011P; +} +.ui-page .ui-header .ui-more.ui-icon-detail { + background-color: B052L1; + mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-detail[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: B052L1D; + mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow { + background-color: B052L1; + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: B052L1D; + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall { + background-color: B052L1; + mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: B052L1D; + mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-footer { + width: 100%; + position: absolute; + bottom: 0; + left: 0; +} +.ui-page.ui-scroll-on .ui-scroller { + width: 100%; + height: auto; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + flex: 1; +} +.ui-page.ui-scroll-on .ui-content { + height: auto; + flex: none; +} +.ui-page.ui-scroll-on .ui-footer { + position: relative; +} +.ui-grid-col > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + width: 100%; +} +.ui-page .ui-grid-col-2 > * { + float: left; +} +.ui-page .ui-grid-col-2 > * { + width: 50%; +} +.ui-page .ui-grid-col-3 > * { + float: left; +} +.ui-page .ui-grid-col-3 > * { + width: 33.33333333%; +} +.ui-grid-row > * { + display: block; +} +@-webkit-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@-moz-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@-ms-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@-o-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +progress { + position: relative; + padding-left: 1rem; + padding-right: 1rem; + margin-top: 0.875rem; + margin-bottom: 0.875rem; + width: 100%; + height: 0.375rem; + appearance: none; + border: none; +} +progress::-webkit-progress-bar { + position: relative; + background-color: B065L3; + border-radius: 0.125rem; + overflow: hidden; +} +progress::-webkit-progress-value { + background-color: B065L2; + height: 0.375rem; + border-radius: 0.125rem; + overflow: hidden; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: B065L2; +} +progress.ui-progress-indeterminate::-webkit-progress-value { + background-size: 100% 100%; + -webkit-animation: indeterminate 150ms infinite; + -moz-animation: indeterminate 150ms infinite; + -o-animation: indeterminate 150ms infinite; + animation: indeterminate 150ms infinite; +} +.ui-progress-proportion { + display: block; + float: left; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: T0811; +} +.ui-progress-ratio { + display: block; + float: right; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: T0811; +} +.ui-circle-progress { + display: none; +} +.ui-progressbar { + position: relative; + display: inline-block; + pointer-events: none; +} +.ui-progressbar.ui-progressbar-full { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* + * toggle switch + */ +.ui-switch { + width: 100%; + color: T0811; +} +.ui-switch-inneroffset, +.ui-switch-handler { + display: none; +} +.ui-switch-text { + margin-top: 30px; + margin-bottom: 40px; + padding: 0 30px; + font-size: 34px; + text-align: center; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + text-align: center; + color: T161; +} +.ui-toggleswitch { + position: relative; + display: inline-block; + width: 103.5px; + height: 55px; + overflow: hidden; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 207px; + height: 110px; +} +.ui-toggleswitch .ui-switch-input { + position: absolute; + width: 100%; + height: 100%; + -webkit-appearance: none; + display: block; +} +.ui-toggleswitch .ui-switch-input::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + -moz-mask-position: 0 0; + -ms-mask-position: 0 0; + -o-mask-position: 0 0; + mask-position: 0 0; + background-color: W014L2P; + z-index: 0; +} +.ui-toggleswitch .ui-switch-input:active::before { + background-color: W014L2P; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: W014L4P; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::before { + background-color: W014L6P; +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 33.3%; + -moz-mask-position: 0 33.3%; + -ms-mask-position: 0 33.3%; + -o-mask-position: 0 33.3%; + mask-position: 0 33.3%; + background-color: W014L4; + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 1; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 66.7%; + -moz-mask-position: 0 66.7%; + -ms-mask-position: 0 66.7%; + -o-mask-position: 0 66.7%; + mask-position: 0 66.7%; + background-color: W014L6; + top: 0; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + background-color: W014L3; + -webkit-mask-position: 0 33%; + -moz-mask-position: 0 33%; + -ms-mask-position: 0 33%; + -o-mask-position: 0 33%; + mask-position: 0 33%; + -webkit-transform: translate3d(36.23%, 0, 0); + -moz-transform: translate3d(36.23%, 0, 0); + -ms-transform: translate3d(36.23%, 0, 0); + -o-transform: translate3d(36.23%, 0, 0); + transform: translate3d(36.23%, 0, 0); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-mask-position: 0 100%; + -moz-mask-position: 0 100%; + -ms-mask-position: 0 100%; + -o-mask-position: 0 100%; + mask-position: 0 100%; + background-color: W014L5; +} +.ui-toggleswitch .ui-switch-input:checked::before { + background-color: W014L1; +} +.ui-toggleswitch .ui-switch-input:checked:active::before { + background-color: W014L1P; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: W014L3P; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + background-color: W014L5P; +} +/*********************** +Processing +***********************/ +/** + * @count_of_cols - how many sprites in one row + * @xsize - size of transition on x axis to next sprite + * @ysize - size of transition on y axis to next row of sprites + * @count - counter variable for while loop, loop is ending when count = 0; + * @totalCount - count for 100% of animation + */ +@keyframes smallprocess { + 0% { + mask-position: 0rem 0rem; + } + 2% { + mask-position: -4.75rem 0rem; + } + 3% { + mask-position: -9.5rem 0rem; + } + 5% { + mask-position: -14.25rem 0rem; + } + 7% { + mask-position: -19rem 0rem; + } + 8% { + mask-position: -23.75rem 0rem; + } + 10% { + mask-position: -28.5rem 0rem; + } + 12% { + mask-position: 0rem -4.75rem; + } + 14% { + mask-position: -4.75rem -4.75rem; + } + 15% { + mask-position: -9.5rem -4.75rem; + } + 17% { + mask-position: -14.25rem -4.75rem; + } + 19% { + mask-position: -19rem -4.75rem; + } + 20% { + mask-position: -23.75rem -4.75rem; + } + 22% { + mask-position: -28.5rem -4.75rem; + } + 24% { + mask-position: 0rem -9.5rem; + } + 25% { + mask-position: -4.75rem -9.5rem; + } + 27% { + mask-position: -9.5rem -9.5rem; + } + 29% { + mask-position: -14.25rem -9.5rem; + } + 31% { + mask-position: -19rem -9.5rem; + } + 32% { + mask-position: -23.75rem -9.5rem; + } + 34% { + mask-position: -28.5rem -9.5rem; + } + 36% { + mask-position: 0rem -14.25rem; + } + 37% { + mask-position: -4.75rem -14.25rem; + } + 39% { + mask-position: -9.5rem -14.25rem; + } + 41% { + mask-position: -14.25rem -14.25rem; + } + 42% { + mask-position: -19rem -14.25rem; + } + 44% { + mask-position: -23.75rem -14.25rem; + } + 46% { + mask-position: -28.5rem -14.25rem; + } + 47% { + mask-position: 0rem -19rem; + } + 49% { + mask-position: -4.75rem -19rem; + } + 51% { + mask-position: -9.5rem -19rem; + } + 53% { + mask-position: -14.25rem -19rem; + } + 54% { + mask-position: -19rem -19rem; + } + 56% { + mask-position: -23.75rem -19rem; + } + 58% { + mask-position: -28.5rem -19rem; + } + 59% { + mask-position: 0rem -23.75rem; + } + 61% { + mask-position: -4.75rem -23.75rem; + } + 63% { + mask-position: -9.5rem -23.75rem; + } + 64% { + mask-position: -14.25rem -23.75rem; + } + 66% { + mask-position: -19rem -23.75rem; + } + 68% { + mask-position: -23.75rem -23.75rem; + } + 69% { + mask-position: -28.5rem -23.75rem; + } + 71% { + mask-position: 0rem -28.5rem; + } + 73% { + mask-position: -4.75rem -28.5rem; + } + 75% { + mask-position: -9.5rem -28.5rem; + } + 76% { + mask-position: -14.25rem -28.5rem; + } + 78% { + mask-position: -19rem -28.5rem; + } + 80% { + mask-position: -23.75rem -28.5rem; + } + 81% { + mask-position: -28.5rem -28.5rem; + } + 83% { + mask-position: 0rem -33.25rem; + } + 85% { + mask-position: -4.75rem -33.25rem; + } + 86% { + mask-position: -9.5rem -33.25rem; + } + 88% { + mask-position: -14.25rem -33.25rem; + } + 90% { + mask-position: -19rem -33.25rem; + } + 92% { + mask-position: -23.75rem -33.25rem; + } + 93% { + mask-position: -28.5rem -33.25rem; + } + 95% { + mask-position: 0rem -38rem; + } + 97% { + mask-position: -4.75rem -38rem; + } + 98% { + mask-position: -9.5rem -38rem; + } + 100% { + mask-position: -14.25rem -38rem; + } +} +@keyframes fullprocess { + 0% { + mask-position: 0 0rem; + } + 25% { + mask-position: 0 -0.375rem; + } + 50% { + mask-position: 0 -0.75rem; + } + 75% { + mask-position: 0 -1.125rem; + } + 100% { + mask-position: 0 -1.5rem; + } +} +.ui-processing { + background-color: B065L6; + mask-image: url("images/Processing/processingsmall.png"); + mask-repeat: no-repeat; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: step-start; + animation-name: smallprocess; + width: 4.75rem; + height: 4.75rem; + margin: 0 auto; +} +.ui-processing.ui-processing-full-size { + mask-image: url("images/Processing/processing_bar.png"); + animation-name: fullprocess; + width: 100%; + height: 0.375rem; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + max-width: 19.75rem; +} +.ui-processing.ui-hidden { + display: none; +} +.ui-processing-text { + margin: 0 auto; + text-align: center; + width: 10.5rem; + font-size: 1.5rem; + color: T097; +} +.ui-btn { + display: block; + position: relative; + padding-right: 10px; + padding-left: 10px; + margin: 0; + font-size: 2rem; + line-height: 5.3125rem; + height: 5.3125rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + vertical-align: middle; + text-overflow: ellipsis; + overflow: hidden; + border: 0 none; + color: T041; + background-color: W011; +} +a.ui-btn:active:hover, +.ui-btn:enabled:active:hover { + background-color: W011P; +} +.ui-btn:enabled:focus { + background-color: W011; +} +a.ui-btn.ui-state-disabled, +.ui-btn:disabled { + color: T041D; + background-color: W011D; + cursor: default; +} +.ui-btn.ui-multiline { + padding-top: 10px; + padding-bottom: 10px; +} +.ui-btn.ui-inline { + display: inline-block; +} +.ui-btn.ui-btn-icon { + background-position: center center; + height: 5.5rem; + width: 5.5rem; + text-indent: -1000em; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; +} +.ui-btn.ui-btn-icon::before { + content: ""; + mask-size: 5.5rem 5.5rem; + mask-repeat: no-repeat; + mask-position: 0 0; + width: 5.5rem; + height: 5.5rem; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + position: absolute; + mask-image: none; + background-position: center center; + background-repeat: no-repeat; +} +.ui-btn.ui-btn-icon-only { + text-indent: -624.9375rem; +} +.ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + mask-size: 3.75rem 3.75rem; + mask-repeat: no-repeat; + width: 3.75rem; + height: 3.75rem; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + background-color: F022L1i; + transition: background 150ms; +} +.ui-btn.ui-btn-icon-only:active::before { + background-color: F022L1i; +} +.ui-btn.ui-btn-icon-only:disabled::before { + background-color: F022L1iD; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + background-color: transparent; + height: 33vh; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + content: ''; + position: absolute; + background-color: white; + border-radius: 50%; + width: 30vw; + height: 30vh; + opacity: 0; + left: 50%; + top: 50%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before { + transform: translate(-50%, -50%) scale(1.1); + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-duration: 300ms, 733ms; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; +} +.ui-btn.ui-btn-text { + height: 3.3125rem; + line-height: 2.6875rem; + padding: 0.3125rem; + margin: auto; + max-width: 16.125rem; + min-width: 4.125rem; +} +.ui-btn.ui-btn-text:enabled:active:hover, +.ui-btn.ui-btn-text:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-text.ui-btn-active { + animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; + overflow: visible; + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after { + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + content: ''; + background-color: F022L1i; + mask-repeat: no-repeat; + mask-position: center; + mask-size: cover; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover { + background-color: F022L1i; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus { + background-color: F022L1i; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled { + background-color: F022L1iD; + cursor: default; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + height: 141%; + width: 141%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled { + background-color: transparent; + cursor: default; +} +.ui-btn.ui-btn-middle { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +@keyframes touch-text-btn-scale { + 0% { + transform: translate(-50%, -50%) scale(1); + } + 100% { + transform: translate(-50%, -50%) scale(1.1); + } +} +@keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ui-default { + color: T041; + background-color: W011; +} +a.ui-default:active:hover, +.ui-default:enabled:active:hover { + background-color: W011P; +} +.ui-default:enabled:focus { + background-color: W011; +} +a.ui-default.ui-state-disabled, +.ui-default:disabled { + color: T041D; + background-color: W011D; + cursor: default; +} +.ui-color-red { + color: T041; + background-color: W012; +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: W012P; +} +.ui-color-red:enabled:focus { + background-color: W012; +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: T041D; + background-color: W012D; + cursor: default; +} +.ui-color-orange { + color: T041; + background-color: W013; +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: W013P; +} +.ui-color-orange:enabled:focus { + background-color: W013; +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: T041D; + background-color: W013D; + cursor: default; +} +.ui-color-green { + color: T041; + background-color: W014; +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: W014P; +} +.ui-color-green:enabled:focus { + background-color: W014; +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: T041D; + background-color: W014D; + cursor: default; +} +.ui-btn:focus, +.ui-btn:active { + outline: none; +} +a.ui-btn { + text-decoration: none; + box-sizing: border-box; +} +button.ui-btn, +input.ui-btn { + box-sizing: border-box; + appearance: none; + width: 100%; +} +button.ui-btn.ui-inline, +input.ui-btn.ui-inline { + display: inline-block; + width: auto; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-1 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-2 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-3 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-row > .ui-btn { + margin-top: 1px; +} +.ui-grid-row > .ui-btn:first-child { + margin-top: 0; +} +.ui-popup { + box-sizing: border-box; + position: fixed; + left: 0; + width: 100%; + margin: 0; + background-color: B061L1E; + border: 3px solid B061L7; + display: none; + z-index: 1100; +} +.ui-popup:not(.ui-ctxpopup) { + bottom: 0; +} +.ui-popup .ui-popup-header { + width: 100%; + min-height: 68px; + font-size: 30px; + text-align: left; + background-color: B061L2; + color: T091; + padding-top: 14px; + padding-right: 13px; + padding-bottom: 14px; + padding-left: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-popup .ui-popup-content { + width: 100%; + min-height: 14rem; + font-size: 2.125rem; + text-align: left; + color: T0811; + background-color: B061L1E; + padding: 10px 16px 9px 16px; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -0.5625rem -1rem -0.5625rem -1rem; +} +.ui-popup .ui-popup-content .ui-listview li, +.ui-popup .ui-popup-content .ui-inline-listview li { + font-size: 2.125rem; +} +.ui-popup .ui-popup-footer { + width: 100%; + height: 83px; +} +.ui-popup .ui-popup-footer .ui-btn { + padding-top: 27px; + padding-bottom: 28px; + font-size: 30px; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only { + position: relative; + text-indent: -624.9375rem; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + mask-size: 3.125rem 3.125rem; + mask-repeat: no-repeat; + width: 3.125rem; + height: 3.125rem; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); +} +.ui-popup.ui-popup-active { + display: block; +} +.ui-popup.in { + display: block; +} +.ui-popup.ui-build { + display: block; + visibility: hidden; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) { + max-height: 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper { + width: 100%; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + height: auto; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 2100; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 2100; + transform: translate3d(0, 0, 0); +} +.ui-popup.ui-ctxpopup { + background-color: transparent; + width: 100%; + border: 0 none; + border-radius: 0; + overflow: visible; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size { + width: auto; + padding: 0 0 0 0; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content { + width: auto; +} +.ui-popup.ui-ctxpopup .ui-popup-content { + min-height: initial; + background-color: B092L1; + border: 1px solid B092L2; + color: #333; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li { + color: T111; + border-bottom: 1px solid B094; + min-height: 90px; + padding: 21px 8px 20px 16px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a { + color: T111; + margin: -21px -16px; + padding: 21px 16px; + min-height: 48px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active { + color: T111P; + background-color: B093P; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon { + position: relative; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a { + margin-left: -4.25rem; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before { + content: ""; + position: absolute; + top: 50%; + left: 0.375rem; + width: 3.5rem; + height: 3.5rem; + margin-top: -1.75rem; + background-color: B095; + -webkit-mask-size: 3.5rem 3.5rem; + -moz-mask-size: 3.5rem 3.5rem; + -ms-mask-size: 3.5rem 3.5rem; + -o-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before { + background-color: B095P; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview { + height: 4.3125rem; + overflow: hidden; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li { + float: left; + height: 4.1875rem; + line-height: 4.1875rem; + border-right: 1px solid B097; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a { + display: block; + width: 100%; + height: 100%; + padding: 0rem 0.5rem; + color: T111; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active { + color: T111P; + background-color: B093P; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext { + width: 3.6875rem; + height: 4.1875rem; + text-indent: -1000em; + overflow: hidden; + position: relative; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 2.6875rem; + height: 2.6875rem; + margin-top: -1.34375rem; + margin-left: -1.34375rem; + background-color: B096; + -webkit-mask-size: 2.6875rem 2.6875rem; + -moz-mask-size: 2.6875rem 2.6875rem; + -ms-mask-size: 2.6875rem 2.6875rem; + -o-mask-size: 2.6875rem 2.6875rem; + mask-size: 2.6875rem 2.6875rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before { + background-color: B096P; +} +.ui-popup.ui-ctxpopup .ui-arrow { + width: 36px; + height: 15px; + overflow: hidden; + position: absolute; + display: none; + -webkit-animation-duration: 0; + -moz-animation-duration: 0; + -o-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup .ui-arrow span { + box-sizing: border-box; + width: 20px; + height: 20px; + background-color: B092L1; + border: 1px solid B092L2; + position: absolute; + top: 6px; + left: 8px; + -webkit-transform: rotate(55deg) skew(24deg); + -moz-transform: rotate(55deg) skew(24deg); + -ms-transform: rotate(55deg) skew(24deg); + -o-transform: rotate(55deg) skew(24deg); + transform: rotate(55deg) skew(24deg); + -webkit-animation-duration: 0; + -moz-animation-duration: 0; + -o-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b { + padding: 20px 20px 0 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t { + padding: 0 20px 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r { + padding: 20px 0 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l { + padding: 20px 20px 20px 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow { + display: block; + bottom: -14px; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow { + display: block; + top: -14px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow { + display: block; + right: -25px; + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow { + display: block; + left: -25px; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.ui-popup.ui-popup-toast { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + font-size: 1.5rem; + border: 3px solid B061L7; + border-radius: 0; + border-left: 0; + border-right: 0; + position: absolute; + bottom: 0; +} +.ui-popup.ui-popup-toast:not(.ui-popup-toast) { + top: auto; + height: auto; +} +.ui-popup.ui-popup-toast .ui-popup-content { + min-height: initial; + padding: 0.6875rem 2.625rem 0.75rem 2.625rem; + background-color: B061L1E; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 3.5rem; + height: 3.5rem; + position: relative; + left: 50%; + transform: translateX(-50%); + text-indent: -10000px; + overflow: hidden; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 50% 50%; + -moz-mask-position: 50% 50%; + -ms-mask-position: 50% 50%; + -o-mask-position: 50% 50%; + mask-position: 50% 50%; +} +.ui-popup-overlay { + position: fixed; + display: none; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + background-color: W1712; +} +.ui-popup-overlay.in { + display: block; +} +.ui-popup.slideup.in { + animation-name: popupslideinfrombottom; + animation-duration: 250ms; + transition-timing-function: ease-in-out; +} +.ui-popup.slideup.out { + animation-name: popupslideouttobottom; + animation-duration: 250ms; + animation-fill-mode: forwards; + transition-timing-function: ease-in-out; +} +@keyframes popupslideinfrombottom { + from { + transform: translateY(100%); + } + to { + transform: translateY(0); + } +} +@keyframes popupslideouttobottom { + from { + transform: translateY(0); + } + to { + transform: translateY(100%); + } +} +.ui-popup.pop.in { + animation-name: popuppopin; + animation-duration: 350ms; + transition-timing-function: ease-in-out; +} +.ui-popup.pop.out { + animation-name: popuppopout; + animation-duration: 350ms; + transition-timing-function: ease-in-out; +} +@keyframes popuppopin { + from { + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes popuppopout { + from { + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +.ui-popup.ui-popup-toast.pop.in { + animation-name: toastpopuppopin; + animation-duration: 250ms; + transition-timing-function: ease-in-out; +} +.ui-popup.ui-popup-toast.pop.out { + animation-name: toastpopuppopout; + animation-duration: 250ms; + animation-fill-mode: forwards; + transition-timing-function: ease-in-out; +} +@keyframes toastpopuppopin { + from { + transform: translateY(100%); + opacity: 0; + } + to { + transform: translateY(0); + opacity: 1; + } +} +@keyframes toastpopuppopout { + from { + transform: translateY(0); + opacity: 1; + } + to { + transform: translateY(100%); + opacity: 0; + } +} +.ui-popup-overlay.slideup.in, +.ui-popup-overlay.pop.in { + animation: fadein 250ms; +} +.ui-popup-overlay.slideup.out, +.ui-popup-overlay.pop.out { + animation: fadeout 250ms forwards; +} +.ui-popup.ui-popup-arrow-t.slideup.in, +.ui-popup.ui-popup-arrow-l.slideup.in, +.ui-popup.ui-popup-arrow-r.slideup.in { + animation: ctxpopupslideinfrombottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-t.slideup.out, +.ui-popup.ui-popup-arrow-l.slideup.out, +.ui-popup.ui-popup-arrow-r.slideup.out { + animation: ctxpopupslideouttobottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.in { + animation: ctxpopupslideinfromtop 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.out { + animation: ctxpopupslideouttotop 250ms ease-in-out; +} +@keyframes ctxpopupslideinfrombottom { + from { + transform: translateY(20%); + opacity: 0; + } + to { + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideouttobottom { + from { + transform: translateY(0%); + opacity: 1; + } + to { + transform: translateY(20%); + opacity: 0; + } +} +@keyframes ctxpopupslideinfromtop { + from { + transform: translateY(-20%); + opacity: 0; + } + to { + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideouttotop { + from { + transform: translateY(0%); + opacity: 1; + } + to { + transform: translateY(-20%); + opacity: 0; + } +} +/************************ +Listview +*************************/ +tau-virtuallistview, +tau-listview { + display: block; + list-style-type: disc; + list-style-type: none; +} +.ui-listview li { + font-size: 2rem; + line-height: 3rem; + min-height: 6.25rem; + padding: 0.9375rem 0.5rem 0.9375rem 1rem; + border-bottom: 0.0625rem solid B0222; + white-space: nowrap; + position: relative; + color: T0211; +} +.ui-listview li.ui-li-grid { + display: flex; + flex-direction: row; + padding: 0; + min-height: 5.3125rem; + align-items: center; +} +.ui-listview li.ui-li-grid .ui-processing { + padding: 0; + margin-right: 0.5rem; +} +.ui-listview li.ui-li-grid div:first-child { + width: calc(100% - 5.5rem); + text-align: left; + height: 100%; + margin-left: 1rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + padding: 0; + margin-right: 0.5rem; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + width: 3.5rem; + height: 3.5rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after { + background-color: transparent; +} +.ui-listview li.ui-li-grid.ui-li-grid-full div::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: B0221L1; + right: 4.5rem; + top: 50%; + transform: translate3d(0, -50%, 0); +} +.ui-listview li.ui-li-grid.ui-li-grid-full > * { + flex-grow: 1; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid.ui-li-grid-full > *.ui-btn-icon { + flex-grow: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid .ui-btn-description { + width: 100%; + margin: 0 -50%; + z-index: 2; + transform: translate(-50%, 0); + text-align: center; + line-height: 5.3125rem; + pointer-events: none; +} +.ui-listview li.ui-li-grid a.ui-btn, +.ui-listview li.ui-li-grid tau-button.ui-btn { + background-position: center center; + height: 5.3125rem; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; + position: relative; + flex: 1 1 auto; + border-bottom: 0.0625rem solid B0553; + border-right: 0.0625rem solid B0553; +} +.ui-listview li input[type=text], +.ui-listview li input[type=password] { + width: 20.5rem; + height: 3.875rem; + padding: 0.8125rem 0 0.8125rem 0.5rem; + color: T012; + font-size: 2rem; + background-color: rgba(245, 245, 245, 0.15); + border: none; + outline: none; +} +.ui-listview li input[type=text]:focus, +.ui-listview li input[type=password]:focus { + border: 0.0625rem solid rgba(245, 245, 245, 0.15); +} +.ui-listview li input[type=text]:focus::-webkit-input-placeholder, +.ui-listview li input[type=password]:focus::-webkit-input-placeholder { + color: white; +} +.ui-listview li > * { + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: T0211; +} +.ui-listview li > a:not(.ui-btn) { + display: block; + width: 100%; + height: auto; + margin: -1.625rem -0.5rem -1.625rem -1rem; + padding: 1.25rem 0.5rem 1.25rem 1rem; + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-listview li.ui-listview-divider { + height: 1.875rem; + min-height: 1.875rem; + line-height: 1.875rem; + padding: 0 0.5rem 0 1rem; + background-color: B012; + color: T0231; + font-size: 1.5rem; +} +.ui-listview li .ui-li-sub-text { + color: T022; + font-size: 1.75rem; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text { + width: calc(100% - 4.8125rem); + height: 100%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: T0811; + right: 4.25rem; + top: 20%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-divider { + display: none; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete, +.ui-listview li.ui-li-has-action-icon .ui-action-setting, +.ui-listview li.ui-li-has-action-icon .ui-action-add { + position: absolute; + height: 100%; + width: 4.5rem; + right: 0; + top: 0; + mask-size: 3.5rem 3.5rem; + mask-repeat: no-repeat; + mask-position: center center; + padding: 0; + margin: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + mask-image: url('images/listview/tw_list_add_holo_dark.png'); + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: B041P; + color: T0211P; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active { + background-color: B041P; + color: T0211P; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon { + background-color: transparent; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active { + background-color: B041P; + color: T0211P; +} +.ui-datetime-widget { + position: relative; + height: 100%; +} +.ui-datetime { + text-align: center; + padding-top: 56px; +} +.ui-time-picker .ui-datetime { + padding-top: 53px; +} +.ui-datetime:only-child { + padding-top: 92px; +} +.ui-time-picker .ui-datetime:only-child { + padding-top: 89px; +} +.ui-datetime input[type='date'], +.ui-datetime input[type='datetime'], +.ui-datetime input[type='time'] { + display: none; +} +.ui-datefield { + height: 52px; + display: inline-block; + vertical-align: top; +} +.ui-datefield > .ui-btn { + float: left; + height: 52px; + padding: 0; + line-height: 52px; + font-size: 42px; + font-weight: 600; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield .ui-datefield-separator { + display: block; + height: 100%; + float: left; + width: 18px; + background: transparent url('images/Datetimepicker/tw_timepicker_num_dot.png'); +} +.ui-datefield > .ui-btn:enabled:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield > .ui-btn:disabled { + color: #404040; +} +.ui-datafield > .ui-btn.ui-selected, +.ui-datefield > .ui-btn:enabled:active, +.ui-datefield > .ui-btn.ui-state-active:enabled, +.ui-datefield > .ui-btn.ui-selected:enabled { + background-color: #ff9000; + color: #000; +} +/* -- for datepicker -- */ +.ui-date-picker .ui-datefield > .ui-btn:first-child { + margin-right: 2px; +} +.ui-date-picker .ui-datefield > .ui-btn:last-child { + margin-left: 2px; +} +.ui-date-picker .ui-datefield-year { + width: 114px; +} +.ui-date-picker .ui-datefield-month { + width: 102px; +} +.ui-date-picker .ui-datefield-day { + width: 68px; +} +/* -- end (for datepicker) -- */ +/* -- for timepicker -- */ +.ui-time-picker .ui-datefield-hour { + width: 74px; +} +.ui-time-picker .ui-datefield-min { + width: 74px; +} +.ui-time-picker .ui-datefield-period { + width: 84px; + margin-left: 10px; +} +.ui-time-picker .ui-datefield { + height: 58px; +} +.ui-time-picker .ui-datefield > .ui-btn { + height: 58px; + line-height: 58px; + font-size: 50px; +} +.ui-time-picker .ui-datefield > .ui-btn.ui-datefield-period { + font-size: 48px; +} +/* -- (end) for timepicker -- */ +.ui-datetime-wheel { + height: 68px; + margin: 0 10px; + margin-top: 30px; +} +.ui-time-picker .ui-datetime-wheel { + margin-top: 27px; +} +.ui-datetime-wheel .ui-btn { + width: 68px; + height: 68px; + float: left; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus { + float: right; + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-wheel { + display: block; + margin-left: 68px; + margin-right: 68px; + height: 68px; + padding: 10px 0; + box-sizing: border-box; + background: url('images/Datetimepicker/tw_timepicker_wheel_01.png') center center no-repeat; +} +.ui-datetime-btns { + position: absolute; + bottom: 0; + width: 100%; + height: 76px; + box-sizing: border-box; + border-top: 2px solid #262626; +} +/* Button separator */ +.ui-datetime-btns::before { + content: ""; + height: 34px; + width: 1px; + background-color: #262626; + position: absolute; + left: 160px; + top: 20px; +} +.ui-datetime-btns .ui-btn { + height: 100%; + position: relative; + background-color: transparent; +} +.ui-datetime-btns .ui-btn:enabled:active, +.ui-datetime-btns .ui-btn:enabled:focus, +.ui-datetime-btns .ui-btn:enabled:active:focus { + background-color: transparent; +} +.ui-datetime-btns .ui-btn-left { + width: 160px; + float: left; + background: url('images/Datetimepicker/tw_timepicker_left_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn-right { + width: 159px; + float: right; + background: url('images/Datetimepicker/tw_timepicker_right_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn:disabled, +.ui-datetime-btns .ui-btn.ui-state-disabled { + opacity: .2; +} +/* ---------------- */ +.ui-datetime-periods { + height: 102px; + margin-top: 7px; + display: inline-block; +} +.ui-datetime-periods .ui-btn, +.ui-datetime-periods .ui-datetime-periods-separator { + height: 100%; + float: left; + padding: 0; + background: transparent; +} +.ui-datetime-periods .ui-btn { + width: 102px; + font-size: 34px; + line-height: 102px; +} +.ui-datetime-periods .ui-btn:enabled:focus { + background: transparent; +} +.ui-datetime-periods .ui-btn:enabled:active, +.ui-datetime-periods .ui-btn:enabled:active:focus, +.ui-datetime-periods .ui-btn.ui-selected:enabled:active, +.ui-datetime-periods .ui-btn.ui-state-active:enabled:active { + color: inherit; + text-decoration: none; + background: url('images/Datetimepicker/tw_timepicker_time_bg.png') center center no-repeat; +} +.ui-datetime-periods .ui-btn.ui-selected:enabled, +.ui-datetime-periods .ui-btn.ui-state-active:enabled { + color: #ff9000; + text-decoration: underline; +} +.ui-datetime-periods .ui-datetime-periods-separator { + width: 24px; + background: url('images/Datetimepicker/tw_timepicker_num_dot_01.png') center center no-repeat; +} +.ui-datetime-wheel.ui-hidden, +.ui-datetime-periods.ui-hidden { + display: none; +} +/* Transitions originally inspired by those from jQtouch, nice work, folks */ +.ui-viewport-transitioning, +.ui-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.ui-pre-in { + z-index: 100; + visibility: visible; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + top: 0; + left: 0; +} +.in { + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 350ms; + -moz-animation-duration: 350ms; + -o-animation-duration: 350ms; + animation-duration: 350ms; +} +.out { + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-duration: 225ms; + -moz-animation-duration: 225ms; + -o-animation-duration: 225ms; + animation-duration: 225ms; +} +@-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-moz-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-ms-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-moz-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-ms-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-o-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade.out { + opacity: 0; + -webkit-animation: fadeout 125ms; + -moz-animation: fadeout 125ms; + -o-animation: fadeout 125ms; + animation: fadeout 125ms; +} +.fade.in { + opacity: 1; + -webkit-animation: fadein 225ms; + -moz-animation: fadein 225ms; + -o-animation: fadein 225ms; + animation: fadein 225ms; +} +@-webkit-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-o-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-ms-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-moz-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-o-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-ms-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-moz-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-webkit-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-o-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-ms-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-moz-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@-o-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@-ms-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@-moz-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +.slideup.in:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + -webkit-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + -webkit-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay) { + z-index: 101; + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + -webkit-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +@-webkit-keyframes popin { + from { + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } + to { + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popout { + from { + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } +} +@-webkit-keyframes popoutreverse { + from { + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } +} +@-webkit-keyframes popinreverse { + from { + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } + to { + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +.pop.out.reverse { + z-index: 100; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popoutreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popoutreverse; + animation-duration: 225ms; + animation-name: popoutreverse; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in.reverse { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popinreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popinreverse; + animation-duration: 225ms; + animation-name: popinreverse; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in { + -webkit-animation-duration: 225ms; + -webkit-animation-name: popin; + -moz-animation-duration: 225ms; + -moz-animation-name: popin; + animation-duration: 225ms; + animation-name: popin; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.out { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popout; + -moz-animation-duration: 225ms; + -moz-animation-name: popout; + animation-duration: 225ms; + animation-name: popout; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-indexscrollbar { + display: block; + position: fixed; + right: 0; + top: 0; + width: 2.8125rem; + height: 100%; + padding-left: 0.125rem; + background-color: B0722; + z-index: 10; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + cursor: pointer; +} +.ui-indexscrollbar ul { + position: absolute; + width: 100%; + top: 0; +} +.ui-indexscrollbar ul li { + color: T0311; + display: block; + width: 100%; + text-align: center; + font-size: 1.5rem; + height: 2.25rem; +} +.ui-indexscrollbar ul li.ui-state-selected { + background-color: B0724; + color: T0311P; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary { + position: relative; + height: auto; + top: 0; + right: -2.5rem; + width: 100%; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li { + background-color: B0723; + color: T0311; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected { + background-color: B0723; + color: T0313; +} +.ui-indexscrollbar + .ui-listview li { + padding-right: 2.5rem; +} +.ui-indexscrollbar-indicator { + position: fixed; + top: 0; + left: 0; + z-index: 9; + display: none; +} +.ui-indexscrollbar-indicator > span { + width: 8.75rem; + height: 5.4375rem; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -5.625rem; + margin-top: -2.6875rem; + line-height: 5.4375rem; + font-size: 4.375rem; + text-align: center; + background-color: B0731; + color: T0312; +} +.ui-indexscrollbar-indicator > span > span.ui-selected { + color: T0312P; +} +.ui-circularindexscrollbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + position: absolute; + top: 50%; + left: 50%; + width: 9.875rem; + height: 9.875rem; + line-height: 9.875rem; + border-radius: 50%; + background-color: B0731; + -webkit-transition: opacity 250ms ease-out; + -moz-transition: opacity 250ms ease-out; + -o-transition: opacity 250ms ease-out; + -ms-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show { + pointer-events: auto; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator { + opacity: 1; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 4.375rem; + color: T0312P; +} +/*************************************************************************** + Scrollbar Style +***************************************************************************/ +.ui-scrollbar-bar-type { + position: absolute; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal { + left: 0; + bottom: 0; + width: 100%; + height: 8px; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical { + right: 0; + top: 0; + width: 0.5rem; + height: 100%; +} +.ui-scrollbar-bar-type .ui-scrollbar-indicator { + position: absolute; + background-color: B071; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator { + height: 0.25rem; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator { + width: 0.25rem; +} +/*************************************************************************** + Scrollbar Bouncing Effect +***************************************************************************/ +.ui-scrollbar-bouncing-effect { + display: none; + position: absolute; + background-repeat: no-repeat; + -webkit-animation-duration: 0.47s; + -moz-animation-duration: 0.47s; + -o-animation-duration: 0.47s; + animation-duration: 0.47s; + -webkit-animation-timing-function: step-start; + -moz-animation-timing-function: step-start; + -o-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: B018E; +} +.ui-scrollbar-bouncing-effect::before { + content: ""; + position: absolute; + background-color: B019; +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 3.125rem; + left: 0; + -webkit-mask-size: 100% 3.125rem; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 0.125rem; + -webkit-mask-size: 100% 0.125rem; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 3.125rem; + height: 100%; + top: 0; + -webkit-mask-size: 3.125rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 0.0625rem; + height: 100%; + -webkit-mask-size: 0.0625rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + mask-image: url("images/Scroller/bouncing_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + mask-image: url("images/Scroller/bouncing_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + mask-image: url("images/Scroller/bouncing_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + mask-image: url("images/Scroller/bouncing_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + mask-image: url("images/Scroller/bouncing_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + mask-image: url("images/Scroller/bouncing_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + mask-image: url("images/Scroller/bouncing_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + mask-image: url("images/Scroller/bouncing_right_edge.png"); +} +@-webkit-keyframes ui-bouncing-show { + 0% { + opacity: 0; + } + 10% { + opacity: .1; + } + 20% { + opacity: .2; + } + 30% { + opacity: .3; + } + 40% { + opacity: .4; + } + 50% { + opacity: .5; + } + 60% { + opacity: .6; + } + 70% { + opacity: .7; + } + 80% { + opacity: .8; + } + 90% { + opacity: .9; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes ui-bouncing-hide { + 0% { + opacity: 1; + } + 10% { + opacity: .9; + } + 20% { + opacity: .8; + } + 30% { + opacity: .7; + } + 40% { + opacity: .6; + } + 50% { + opacity: .5; + } + 60% { + opacity: .4; + } + 70% { + opacity: .3; + } + 80% { + opacity: .2; + } + 90% { + opacity: .1; + } + 100% { + opacity: 0; + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; + -webkit-animation-name: ui-bouncing-show; + -moz-animation-name: ui-bouncing-show; + -o-animation-name: ui-bouncing-show; + animation-name: ui-bouncing-show; +} +.ui-scrollbar-bouncing-effect.ui-hide { + display: block; + -webkit-animation-name: ui-bouncing-hide; + -moz-animation-name: ui-bouncing-hide; + -o-animation-name: ui-bouncing-hide; + animation-name: ui-bouncing-hide; +} +.ui-swipelist { + position: absolute; + top: 0; +} +.ui-swipelist .ui-swipelist-icon { + width: 20%; + height: 100%; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; +} +.ui-swipelist .ui-swipelist-text { + top: 50%; + transform: translate3d(0, -50%, 0); +} +.ui-swipelist-left, +.ui-swipelist-right { + position: absolute; + display: none; +} +.ui-swipelist-left { + background-color: B0242; + background-image: linear-gradient(left, B0242 0%, B011 0%); +} +.ui-swipelist-right { + background-color: B0241; + background-image: linear-gradient(right, B0241 0%, B011 0%); +} +.ui-swipelist-icon, +.ui-swipelist-text { + position: absolute; +} +.ui-swipelist-left .ui-swipelist-icon { + margin-left: 2%; + background-color: F021L1i; + mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-left .ui-swipelist-text { + margin-left: 40%; +} +.ui-swipelist-right .ui-swipelist-icon { + margin-left: 80%; + background-color: F021L1i; + mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-right .ui-swipelist-text { + margin-left: 20%; +} +.ui-tab-indicator { + position: relative; + height: 6px; +} +.ui-tab-indicator .ui-tab-item { + position: absolute; + top: 0; + left: 0; + display: block; + height: 6px; + background-color: B0514; +} +.ui-tab-indicator .ui-tab-item.ui-tab-active { + background-color: B0514P1; +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + box-sizing: border-box; + padding: 0; + height: 56px; + width: 56px; + font-size: 32px; + appearance: none; + position: relative; +} +input[type="radio"] { + background-color: W013L1; + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; +} +input[type="radio"]::after { + content: ""; + background-color: W241; + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:checked::before { + content: ""; + background-color: W013L2; + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active { + background-color: W013L1P; + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +input[type="radio"]:active::after { + content: ""; + background-color: W241P; + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active:checked::before { + content: ""; + background-color: W013L2P; + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input) { + mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: W012L1; +} +input[type="checkbox"]:not(.ui-switch-input)::after { + content: ""; + background-color: W231; + mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + content: ""; + mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: W012L2; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background-color: W012L1P; +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + content: ""; + background-color: W231P; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + content: ""; + background-color: W012L2P; + width: 100%; + height: 100%; + position: absolute; +} +.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input), +.ui-checkbox-small input[type=radio] { + top: 0.4375rem; + margin-right: 0.4375rem; + width: 2.125rem; + height: 2.125rem; +} +.ui-marquee { + position: relative; + white-space: nowrap; + overflow: hidden; + user-select: none; + width: 100%; + height: 2.4375rem; + line-height: 2.4375rem; +} +.ui-marquee.ui-marquee-gradient { + text-overflow: clip; + -webkit-mask-image: -webkit-linear-gradient(left, #ffffff 0, #ffffff 85%, transparent 100%); +} +.ui-marquee.ui-marquee-ellipsis .ui-marquee-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-marquee .ui-marquee-content { + left: 0; + position: relative; + overflow: visible; + display: inline-block; +} +.ui-marquee-anim-running { + -webkit-animation-play-state: running; +} +.ui-marquee-anim-stopped { + -webkit-animation-play-state: paused; +} +.ui-marquee.ui-marquee-gradient::after { + background: linear-gradient(left, transparent 0%, B0211 100%); +} +/**************************************************** + Page Indicator +*****************************************************/ +tau-pageindicator { + display: block; +} +.ui-page-indicator { + display: block; + position: absolute; + left: 50%; + transform: translate3d(-50%, 0, 0); + white-space: nowrap; + max-width: 100%; + overflow: hidden; +} +.ui-page-indicator .ui-page-indicator-item { + position: relative; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + mask-image: url(images/Indicator/indicator_horizontal_dot.png); + background-color: T0211D; + margin-right: 0.5rem; + margin-top: 1.5rem; + transition-property: -webkit-mask-image, mask-image; + transition-duration: 250ms; + transition-timing-function: ease-out; +} +.ui-page-indicator .ui-page-indicator-item:last-child { + margin-right: 0; +} +.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active { + mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + background-color: W1911; +} +.ui-page-indicator.ui-page-indicator-circular { + top: 0; + left: 0; + width: 100vw; + height: 100vw; + transform: none; + pointer-events: none; +} +.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.3125rem; + margin-left: -0.3125rem; + margin-right: 0; +} +.ui-snap-container { + -webkit-scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; +} +.ui-snap-container.ui-snap-disabled { + -webkit-scroll-snap-type: none; +} +.ui-snap-listview-item { + -webkit-scroll-snap-coordinate: 50% 50%; +} +tau-drawer { + display: block; +} +.ui-drawer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + background-color: B011; + z-index: 1201; + box-sizing: border-box; +} +.ui-drawer.ui-drawer-close { + overflow: hidden; +} +.ui-drawer.ui-drawer-open { + overflow: auto; +} +.ui-drawer-overlay { + top: 0; + position: fixed; + background-color: rgba(0, 0, 0, 0.8); + z-index: 1200; +} +tau-drawermorestyle { + display: block; +} +tau-sectionchanger { + display: block; +} +.ui-section-changer { + height: 100%; +} +.ui-view-switcher { + height: 100%; + overflow: hidden; +} +.ui-view-switcher.ui-view-carousel .ui-view { + display: none; + position: absolute; + z-index: -1000; + top: 50%; + background-color: #fafafa; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active { + display: inline; + z-index: 100; + left: 50%; + transform: translate3d(-50%, 0, 0); +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim { + opacity: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left { + display: inline; + left: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right { + display: inline; + right: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim { + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; +} +.ui-slider { + position: relative; + box-sizing: border-box; + background-color: B065L3; +} +.ui-slider .ui-slider-value { + background-color: B065L2; +} +.ui-slider .ui-slider-handler { + width: 2.25rem; + height: 2.25rem; + background-color: #fafafa; + border-radius: 50%; + position: absolute; + text-indent: 9999px; + transition: transform 300ms ease-out; +} +.ui-slider.ui-slider-horizontal { + height: 6px; + margin: 20px 22px; +} +.ui-slider.ui-slider-horizontal .ui-slider-value { + height: 6px; +} +.ui-slider.ui-slider-horizontal .ui-slider-handler { + top: 50%; + margin-left: -20px; + border: 3px solid B065L2; + transform: translate(0, -50%) scale(0.6); +} +.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active { + transform: translate(0, -50%) scale(1); +} +.ui-slider-title { + text-align: center; + color: T063; + font-size: 28px; +} +.ui-slider-subtitle { + text-align: center; + color: T063; + font-size: 28px; +} +.ui-selector { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: B0511D; +} +.ui-selector .ui-layer { + position: absolute; + display: none; + width: 4.25rem; + height: 4.25rem; + border-radius: 50%; +} +.ui-selector .ui-layer.ui-layer-active { + display: block; + width: 100%; + height: 100%; + z-index: 3; +} +.ui-selector .ui-layer.ui-layer-active .ui-item { + visibility: visible; + -webkit-transition: transform 300ms ease-out; + -moz-transition: transform 300ms ease-out; + -o-transition: transform 300ms ease-out; + -ms-transition: transform 300ms ease-out; + transition: transform 300ms ease-out; +} +.ui-selector .ui-layer.ui-layer-hide .ui-item { + visibility: visible; + -webkit-transition: transform 100ms ease-out; + -moz-transition: transform 100ms ease-out; + -o-transition: transform 100ms ease-out; + -ms-transition: transform 100ms ease-out; + transition: transform 100ms ease-out; +} +.ui-selector .ui-layer.ui-layer-prev { + display: block; + width: 3rem; + height: 3rem; + left: 50%; + margin-left: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + mask-image: url("images/Common/b_more_option_btn_previous_page.png"); +} +.ui-selector .ui-layer.ui-layer-next { + display: block; + width: 3rem; + height: 3rem; + right: 50%; + margin-right: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + mask-image: url("images/Common/b_more_option_btn_next_page.png"); +} +.ui-selector .ui-item { + background-color: B0554; + position: absolute; + visibility: hidden; + width: 4.25rem; + height: 4.25rem; + top: 50%; + left: 50%; + border-radius: 50%; + margin: -2.125rem; + z-index: 100; +} +.ui-selector .ui-item:active { + background-color: B0554P; +} +.ui-selector .ui-item::before { + transition: background-color 200ms ease-out; +} +.ui-selector .ui-selector-indicator { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + position: absolute; + z-index: 4; + width: 10.25rem; + height: 10.25rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.ui-selector .ui-selector-indicator::before { + content: ""; + position: absolute; + width: 90%; + height: 90%; + left: 50%; + top: 50%; + border-radius: 50%; + background-color: transparent; + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before { + z-index: -1; + background-color: white; + transform: translate(-50%, -50%) scale(1.1); + animation-duration: 300ms, 733ms; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + font-size: 1.875rem; + pointer-events: none; + width: 10.25rem; + line-height: 2.5rem; + max-height: 5rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active { + background-repeat: no-repeat; + background-position: 50% 50%; + width: 8.75rem; + height: 8.75rem; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text { + margin-top: -0.25rem; + width: 5.875rem; + height: 5.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active + .ui-selector-indicator-text:not(:empty) { + margin-top: 0.3125rem; + width: 8.625rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + font-size: 1.8125rem; + pointer-events: none; + width: 8.625rem; + line-height: 2.4375rem; + max-height: 2.4375rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text { + width: 9.375rem; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext { + color: T117; + width: 9.375rem; +} +.ui-selector .ui-selector-indicator-arrow { + position: absolute; + width: 13.125rem; + height: 13.125rem; + top: 50%; + left: 50%; + margin: -6.5625rem; + text-align: center; + line-height: 13.125rem; + font-size: 1.75rem; + z-index: 0; +} +.ui-selector .ui-selector-indicator-arrow::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active { + background-color: B0554; +} +.scrolling-scrollbar { + position: absolute; + pointer-events: none; + transition: opacity 2.5s; + opacity: 0; +} +.scrolling-scrollbar .scrolling-scrollthumb { + stroke: #009de4; + background-color: #009de4; + position: absolute; +} +.scrolling-scrollbar.scrolling-direction-y { + right: 0; + width: 10px; +} +.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb { + width: 10px; + min-height: 20px; + top: 0; + left: 50%; + margin-left: -5px; +} +.scrolling-scrollbar.scrolling-direction-x { + bottom: 0; + height: 10px; +} +.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb { + height: 10px; + min-width: 20px; + left: 0; + top: 50%; + margin-top: -5px; +} +.scrolling-scrollbar:not(.scrolling-circular) { + background-color: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular { + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.scrolling-scrollbar.scrolling-circular .ui-polar { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + pointer-events: none; +} +.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path { + stroke: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated { + transition: all .5s; +} +.scrolling-scrollbar.fade-in { + opacity: 1; + transition: opacity .5s; +} +.ui-page.ui-empty-state { + background-color: B0911; + color: T071; +} +.ui-page.ui-empty-state header.ui-header { + height: 6.75rem; +} +.ui-page.ui-empty-state:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + mask-image: url("images/Common/tw_no_item_bg.png"); + background-color: rgba(255, 255, 255, 0.1); +} +.ui-page.ui-empty-state .ui-title { + color: T012; + font-size: 1.875rem; + line-height: 2.4375rem; +} +.ui-page.ui-empty-state .ui-content { + overflow: hidden; + color: T071; + font-size: 1.75rem; + line-height: 2.3125rem; + padding-left: 3.75rem; + padding-right: 3.75rem; + margin: 0 auto; +} +.ui-page.ui-empty-state .ui-content .ui-icon { + width: 6.125rem; + height: 6.125rem; +} +.ui-page.ui-empty-state .ui-content .ui-empty-state-label { + display: flex; + justify-content: center; + height: 4.625rem; + margin-top: 0.5rem; + align-items: center; + overflow: hidden; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header { + height: 7.8125rem; + margin-top: 0; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title { + padding-top: 3.1875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon { + width: 8.125rem; + height: 6.875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label { + height: 2.3125rem; + margin-top: 1.75rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines { + margin-top: 0.125rem; + height: 4.625rem; +} +.ui-grid { + padding: 0; + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + overflow: hidden; + background-color: B011; +} +.ui-grid.ui-hidden { + display: none; +} +.ui-grid li { + transition-property: border-radius, -webkit-mask-size, mask-size; + transition-duration: 450ms; + transition-timing-function: linear; + position: absolute; + overflow: hidden; + transform-style: preserve-3d; +} +.ui-grid li a { + position: relative; +} +.ui-grid li a:active:hover:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(38, 38, 38, 0.4); +} +.ui-grid.ui-grid-horizontal { + height: 22.5rem; +} +.ui-grid.ui-grid-horizontal li { + transform-origin: left center; +} +.ui-grid.ui-grid-horizontal.ui-grid-rectangle li { + mask-size: 22.5rem auto; + mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); +} +.ui-grid.ui-grid-vertical { + width: 22.5rem; +} +.ui-grid.ui-grid-vertical li { + transform-origin: center top; +} +.ui-grid.ui-grid-vertical.ui-grid-rectangle li { + mask-size: auto 22.5rem; + mask-image: url('images/Grid/tw_basic_grid_vertical.png'); +} +.ui-grid.ui-grid-circle li { + border-radius: 100%; +} +.ui-grid.ui-grid-rectangle li { + border-radius: 1.125rem; + mask-position: center; + mask-repeat: no-repeat; +} +.ui-grid.ui-grid-3x3 { + height: 22.5rem; +} +.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned { + position: absolute; + left: 0; + top: 0; + margin: 0 !important; +} +.ui-grid.ui-grid-3x3 li { + width: 22.5rem; + height: 22.5rem; + position: absolute; + display: inline-block; +} +.ui-grid.ui-grid-3x3 li.ui-selected { + transform-origin: left center; +} +.ui-grid.ui-grid-3x3 li a { + display: inline-block; +} +.ui-grid.ui-grid-3x3 .thumb { + width: 100%; + height: 100%; + position: relative; +} +.ui-grid.ui-grid-image { + padding: 0; +} +.ui-grid.ui-grid-image li { + transform-origin: center center; + width: 22.5rem; + height: 22.5rem; + overflow: hidden; +} +.ui-grid.ui-grid-image li a { + display: inline-block; +} +.ui-grid.ui-grid-image .thumb { + width: 22.5rem; + height: 22.5rem; + position: relative; +} +.ui-grid.ui-grid-thumbnail { + background-color: W143; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li { + mask-size: 14rem auto; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li { + mask-size: auto 14rem; +} +.ui-grid-container { + position: relative; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-scroll-snap-type: mandatory; + scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; + scroll-snap-destination: 50% 50%; +} +.ui-grid-container .ui-image-section { + width: 22.5rem; + height: 22.5rem; +} +.ui-grid-container .snap-point { + width: 0.0625rem; + height: 0.0625rem; + position: absolute; + -webkit-scroll-snap-coordinate: 50% 50%; + scroll-snap-coordinate: 50% 50%; + visibility: hidden; +} +.ui-grid-container.ui-grid-horizontal { + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + height: 22.5rem; +} +.ui-grid-container.ui-grid-horizontal .snap-point { + top: 50%; +} +.ui-grid-container.ui-grid-vertical { + overflow-x: hidden; + overflow-y: scroll; + width: 22.5rem; + height: 100%; +} +.ui-grid-container.ui-grid-vertical .snap-point { + left: 50%; +} +.ui-circleindicator { + position: fixed; + z-index: 0; +} +.ui-circleindicator svg { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.ui-circleindicator svg:nth-child(2) circle { + transition: stroke-dashoffset 0.5s linear; +} +.ui-circleindicator svg .ui-big { + z-index: 4; +} +.ui-circleindicator svg .ui-pointer { + z-index: 5; +} +/*implementation of animation added by polar*/ +.ui-animated { + transition: 1s linear; +} +.ui-hyperlink { + text-decoration: underline; +} +.ui-spin { + position: relative; + display: inline-block; + height: 3.75rem; + background-color: transparent; + overflow: hidden; + font-size: 1.375rem; + padding: 0; + box-sizing: content-box; + width: 5rem; +} +.ui-spin-item { + background-color: transparent; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1.875rem; + display: flex; + flex-direction: column; + justify-content: center; + color: #4dcfff; +} +.ui-spin-item-selected { + font-size: 1.875rem; + height: 1.875rem; + color: #ffffff; +} +.ui-spin-enabling { + height: 100%; +} +.ui-spin-enabling .ui-spin-item { + transition: 300ms opacity linear; +} +.tau-info-theme:after { + content: "default"; +} diff --git a/lib/tau/wearable/theme/default/images/Actionbar/b_more_option.png b/lib/tau/wearable/theme/default/images/Actionbar/b_more_option.png new file mode 100644 index 0000000..ced2924 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Actionbar/b_more_option.png differ diff --git a/lib/tau/wearable/theme/default/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png b/lib/tau/wearable/theme/default/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png new file mode 100644 index 0000000..e06b5d5 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Bottom_button/tw_bottom_btn_bg.png b/lib/tau/wearable/theme/default/images/Bottom_button/tw_bottom_btn_bg.png new file mode 100644 index 0000000..d924082 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Bottom_button/tw_bottom_btn_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Common/b_more_option_btn_next_page.png b/lib/tau/wearable/theme/default/images/Common/b_more_option_btn_next_page.png new file mode 100644 index 0000000..1798fcb Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Common/b_more_option_btn_next_page.png differ diff --git a/lib/tau/wearable/theme/default/images/Common/b_more_option_btn_previous_page.png b/lib/tau/wearable/theme/default/images/Common/b_more_option_btn_previous_page.png new file mode 100644 index 0000000..33df6fc Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Common/b_more_option_btn_previous_page.png differ diff --git a/lib/tau/wearable/theme/default/images/Common/b_rotary_selector_center_pointer.png b/lib/tau/wearable/theme/default/images/Common/b_rotary_selector_center_pointer.png new file mode 100644 index 0000000..a4cb7de Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Common/b_rotary_selector_center_pointer.png differ diff --git a/lib/tau/wearable/theme/default/images/Common/masking_bg.png b/lib/tau/wearable/theme/default/images/Common/masking_bg.png new file mode 100644 index 0000000..935dad6 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Common/masking_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Common/tw_no_item_bg.png b/lib/tau/wearable/theme/default/images/Common/tw_no_item_bg.png new file mode 100644 index 0000000..de5ac92 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Common/tw_no_item_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/Check/ref_btn_check_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/Check/ref_btn_check_holo_dark.png new file mode 100644 index 0000000..9006266 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/Check/ref_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/Check/tw_btn_check_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/Check/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/Check/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..a147cc4 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/Check/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png new file mode 100644 index 0000000..b018665 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png new file mode 100644 index 0000000..2f8ad8c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png new file mode 100644 index 0000000..f202392 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..29b536f Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/Radio/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/toggle_changeable.png b/lib/tau/wearable/theme/default/images/Controller_icon/toggle_changeable.png new file mode 100644 index 0000000..69500e8 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/toggle_changeable.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_check_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_check_holo_dark.png new file mode 100644 index 0000000..b93066e Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_check_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_checkbox_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_checkbox_holo_dark.png new file mode 100644 index 0000000..b66d28c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_checkbox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png new file mode 100644 index 0000000..e76b081 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_checkbox_line_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radio_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radio_holo_dark.png new file mode 100644 index 0000000..0fc1881 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radio_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radiobox_holo_dark.png b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radiobox_holo_dark.png new file mode 100644 index 0000000..703cb0c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radiobox_holo_dark.png differ diff --git a/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radiobox_line.png b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radiobox_line.png new file mode 100644 index 0000000..1f92e88 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Controller_icon/tw_btn_radiobox_line.png differ diff --git a/lib/tau/wearable/theme/default/images/Grid/tw_basic_grid_horizontal.png b/lib/tau/wearable/theme/default/images/Grid/tw_basic_grid_horizontal.png new file mode 100644 index 0000000..3ff44bb Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Grid/tw_basic_grid_horizontal.png differ diff --git a/lib/tau/wearable/theme/default/images/Grid/tw_basic_grid_vertical.png b/lib/tau/wearable/theme/default/images/Grid/tw_basic_grid_vertical.png new file mode 100644 index 0000000..4485744 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Grid/tw_basic_grid_vertical.png differ diff --git a/lib/tau/wearable/theme/default/images/Indicator/b_fast_scroll_rollover_bg.png b/lib/tau/wearable/theme/default/images/Indicator/b_fast_scroll_rollover_bg.png new file mode 100644 index 0000000..dbfb43b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Indicator/b_fast_scroll_rollover_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Indicator/b_index_scroll_bg.png b/lib/tau/wearable/theme/default/images/Indicator/b_index_scroll_bg.png new file mode 100644 index 0000000..348e3aa Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Indicator/b_index_scroll_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Indicator/indicator_horizontal_dot.png b/lib/tau/wearable/theme/default/images/Indicator/indicator_horizontal_dot.png new file mode 100644 index 0000000..8aa8044 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Indicator/indicator_horizontal_dot.png differ diff --git a/lib/tau/wearable/theme/default/images/Indicator/indicator_horizontal_focus_dot.png b/lib/tau/wearable/theme/default/images/Indicator/indicator_horizontal_focus_dot.png new file mode 100644 index 0000000..0737934 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Indicator/indicator_horizontal_focus_dot.png differ diff --git a/lib/tau/wearable/theme/default/images/Indicator/list_scroll_triggle.png b/lib/tau/wearable/theme/default/images/Indicator/list_scroll_triggle.png new file mode 100644 index 0000000..983d398 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Indicator/list_scroll_triggle.png differ diff --git a/lib/tau/wearable/theme/default/images/List/b_body_edge_shadow.png b/lib/tau/wearable/theme/default/images/List/b_body_edge_shadow.png new file mode 100644 index 0000000..8dbabd0 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/List/b_body_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/default/images/List/b_list_focus_bg.png b/lib/tau/wearable/theme/default/images/List/b_list_focus_bg.png new file mode 100644 index 0000000..d0f08a3 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/List/b_list_focus_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/List/b_list_focus_bg_108.png b/lib/tau/wearable/theme/default/images/List/b_list_focus_bg_108.png new file mode 100644 index 0000000..339bd67 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/List/b_list_focus_bg_108.png differ diff --git a/lib/tau/wearable/theme/default/images/List/tw_list_divider.png b/lib/tau/wearable/theme/default/images/List/tw_list_divider.png new file mode 100644 index 0000000..e304951 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/List/tw_list_divider.png differ diff --git a/lib/tau/wearable/theme/default/images/List/tw_list_sub_line_left.png b/lib/tau/wearable/theme/default/images/List/tw_list_sub_line_left.png new file mode 100644 index 0000000..abe2fe0 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/List/tw_list_sub_line_left.png differ diff --git a/lib/tau/wearable/theme/default/images/List/tw_list_sub_line_right.png b/lib/tau/wearable/theme/default/images/List/tw_list_sub_line_right.png new file mode 100644 index 0000000..2983174 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/List/tw_list_sub_line_right.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/b_popup_edge_inner_glow.png b/lib/tau/wearable/theme/default/images/Popup/b_popup_edge_inner_glow.png new file mode 100644 index 0000000..ee1f22b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/b_popup_edge_inner_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/b_popup_edge_shadow.png b/lib/tau/wearable/theme/default/images/Popup/b_popup_edge_shadow.png new file mode 100644 index 0000000..5590950 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/b_popup_edge_shadow.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/toast_check.png b/lib/tau/wearable/theme/default/images/Popup/toast_check.png new file mode 100644 index 0000000..564a12c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/toast_check.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_ic_popup_left_btn_bg.png b/lib/tau/wearable/theme/default/images/Popup/tw_ic_popup_left_btn_bg.png new file mode 100644 index 0000000..fbe3a9c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_ic_popup_left_btn_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_ic_popup_right_btn_bg.png b/lib/tau/wearable/theme/default/images/Popup/tw_ic_popup_right_btn_bg.png new file mode 100644 index 0000000..8d14cf1 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_ic_popup_right_btn_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_popup_bg.png b/lib/tau/wearable/theme/default/images/Popup/tw_popup_bg.png new file mode 100644 index 0000000..c1909eb Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_popup_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_popup_bg_cover.png b/lib/tau/wearable/theme/default/images/Popup/tw_popup_bg_cover.png new file mode 100644 index 0000000..689082c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_bg.png b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_bg.png new file mode 100644 index 0000000..25fc62e Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_bg_cover.png b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_bg_cover.png new file mode 100644 index 0000000..05bd6a3 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_bg_cover.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_image_bg.png b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_image_bg.png new file mode 100644 index 0000000..3505b86 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_image_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_outline.png b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_outline.png new file mode 100644 index 0000000..2310862 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Popup/tw_toast_popup_outline.png differ diff --git a/lib/tau/wearable/theme/default/images/Processing/processing_bar.png b/lib/tau/wearable/theme/default/images/Processing/processing_bar.png new file mode 100644 index 0000000..9b587ca Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Processing/processing_bar.png differ diff --git a/lib/tau/wearable/theme/default/images/Processing/processingfull.png b/lib/tau/wearable/theme/default/images/Processing/processingfull.png new file mode 100644 index 0000000..09748d3 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Processing/processingfull.png differ diff --git a/lib/tau/wearable/theme/default/images/Processing/processingsmall.png b/lib/tau/wearable/theme/default/images/Processing/processingsmall.png new file mode 100644 index 0000000..7b286d8 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Processing/processingsmall.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_bottom_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_bottom_edge.png new file mode 100644 index 0000000..7259d14 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_bottom_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_bottom_glow.png new file mode 100644 index 0000000..5b150b0 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_bottom_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_bottom_edge.png new file mode 100644 index 0000000..6162cb0 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_bottom_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_bottom_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_bottom_glow.png new file mode 100644 index 0000000..b7b03b4 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_bottom_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_left_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_left_edge.png new file mode 100644 index 0000000..e65a520 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_left_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_left_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_left_glow.png new file mode 100644 index 0000000..41c7b3b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_left_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_right_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_right_edge.png new file mode 100644 index 0000000..4ac4de3 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_right_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_right_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_right_glow.png new file mode 100644 index 0000000..e71268b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_right_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_top_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_top_edge.png new file mode 100644 index 0000000..0ef6419 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_top_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_top_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_top_glow.png new file mode 100644 index 0000000..62c8584 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_circle_top_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_left_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_left_edge.png new file mode 100644 index 0000000..413fccd Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_left_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_left_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_left_glow.png new file mode 100644 index 0000000..11015e4 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_left_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_right_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_right_edge.png new file mode 100644 index 0000000..e14f69b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_right_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_right_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_right_glow.png new file mode 100644 index 0000000..69ed30b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_right_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_top_edge.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_top_edge.png new file mode 100644 index 0000000..6138e66 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_top_edge.png differ diff --git a/lib/tau/wearable/theme/default/images/Scroller/bouncing_top_glow.png b/lib/tau/wearable/theme/default/images/Scroller/bouncing_top_glow.png new file mode 100644 index 0000000..73b2fc9 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Scroller/bouncing_top_glow.png differ diff --git a/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_add.png b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_add.png new file mode 100644 index 0000000..c013095 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_add.png differ diff --git a/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete.png b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete.png new file mode 100644 index 0000000..29df598 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete.png differ diff --git a/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png new file mode 100644 index 0000000..a6adfe0 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png new file mode 100644 index 0000000..5551c0b Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png differ diff --git a/lib/tau/wearable/theme/default/images/Slider/b_ic_press_full_circle_bg.png b/lib/tau/wearable/theme/default/images/Slider/b_ic_press_full_circle_bg.png new file mode 100644 index 0000000..5b9f7e4 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Slider/b_ic_press_full_circle_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Slider/b_slider_icon_minus.png b/lib/tau/wearable/theme/default/images/Slider/b_slider_icon_minus.png new file mode 100644 index 0000000..35affbe Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Slider/b_slider_icon_minus.png differ diff --git a/lib/tau/wearable/theme/default/images/Slider/b_slider_icon_plus.png b/lib/tau/wearable/theme/default/images/Slider/b_slider_icon_plus.png new file mode 100644 index 0000000..63e81d4 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Slider/b_slider_icon_plus.png differ diff --git a/lib/tau/wearable/theme/default/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png b/lib/tau/wearable/theme/default/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png new file mode 100644 index 0000000..5e41e9a Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png differ diff --git a/lib/tau/wearable/theme/default/images/Swipelist/b_logs_icon_body_btn_call_nor.png b/lib/tau/wearable/theme/default/images/Swipelist/b_logs_icon_body_btn_call_nor.png new file mode 100644 index 0000000..8337333 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Swipelist/b_logs_icon_body_btn_call_nor.png differ diff --git a/lib/tau/wearable/theme/default/images/TextInput/b_list_edit_field_bg.png b/lib/tau/wearable/theme/default/images/TextInput/b_list_edit_field_bg.png new file mode 100644 index 0000000..1c212f9 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/TextInput/b_list_edit_field_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/TimePicker/time_picker_bg.png b/lib/tau/wearable/theme/default/images/TimePicker/time_picker_bg.png new file mode 100644 index 0000000..f777470 Binary files /dev/null and b/lib/tau/wearable/theme/default/images/TimePicker/time_picker_bg.png differ diff --git a/lib/tau/wearable/theme/default/images/Title_bar/b_detail_bg_cover.png b/lib/tau/wearable/theme/default/images/Title_bar/b_detail_bg_cover.png new file mode 100644 index 0000000..bfa456c Binary files /dev/null and b/lib/tau/wearable/theme/default/images/Title_bar/b_detail_bg_cover.png differ diff --git a/lib/tau/wearable/theme/default/tau.circle.css b/lib/tau/wearable/theme/default/tau.circle.css new file mode 100644 index 0000000..15ed597 --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.circle.css @@ -0,0 +1,4130 @@ +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar / Header +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Footer +***************************************************************************/ +/*************************************************************************** + Toast Popup +***************************************************************************/ +/*************************************************************************** + Small Toast Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Multiline List +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Text Input +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Hyper Link +***************************************************************************/ +/*************************************************************************** + Number Picker +***************************************************************************/ +/*************************************************************************** + Time Picker +***************************************************************************/ +/*************************************************************************** + Date Picker +***************************************************************************/ +/*************************************************************************** + Time/Number/Date Indicator +***************************************************************************/ +/*************************************************************************** + More Options +***************************************************************************/ +/*************************************************************************** + IconButton +***************************************************************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* List(FIXED) */ +/**********************************************************************/ +/************************ +Listview +*************************/ +/*************************************************************************** + Common Style + +***************************************************************************/ +/*************************************************************************** + Development Tip + If you want to implement specific css code of circle device, + you should implement specific code here. + But when you implement code, you should check duplicate value + between common/layout.less and this file. + If you have duplicate value, please change static value to variable value. +***************************************************************************/ +body { + background: rgba(0, 0, 0, 1); + color: rgba(204, 204, 204, 1); +} +.ui-page { + background: rgba(0, 0, 0, 1); +} +.ui-page .ui-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + height: 5.75rem; + line-height: 39px; + background-color: transparent; + text-align: center; + margin-top: 1.4375rem; +} +.ui-page .ui-header.ui-header-medium { + margin-top: 0.75rem; +} +.ui-page .ui-header.ui-header-medium .ui-title { + margin-bottom: 0.875rem; +} +.ui-page .ui-header.ui-header-medium .ui-subtitle { + margin-top: -0.4375rem; +} +.ui-page .ui-header.ui-header-small { + margin-top: 0.125rem; +} +.ui-page .ui-header.ui-header-small .ui-title { + margin-bottom: 0.25rem; +} +.ui-page .ui-header.ui-header-small .ui-subtitle { + margin-top: 0.1875rem; +} +.ui-page .ui-header.ui-header-smaller { + margin-top: 0.125rem; + height: 5.0625rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.ui-page .ui-header .ui-title { + color: rgba(77, 207, 255, 1); + margin: 0.875rem 4rem 1.5625rem; + padding-left: 0; + padding-right: 0; + font-size: 30px; + -webkit-mask-image: none; + mask-image: none; +} +.ui-page .ui-header .ui-title.ui-icon { + background: none !important; + padding-left: 1.5rem; +} +.ui-page .ui-header.ui-header-big { + height: 5.875rem; +} +.ui-page .ui-header.ui-header-big .ui-title { + font-size: 2rem; + margin-top: 1.75rem; + margin-bottom: 1.6875rem; + color: rgba(77, 207, 255, 1); +} +.ui-page .ui-header .ui-subtitle { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: rgba(77, 207, 255, 1); + font-size: 1.5rem; + font-weight: normal; + margin: -1.125rem 2.1875rem 0; + line-height: 2rem; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 1.5rem; + -webkit-mask-image: none; + mask-image: none; +} +.ui-page .ui-header.ui-has-more .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + border: 0 none; + padding: 0; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow { + -webkit-mask-image: none; + mask-image: none; + -webkit-mask-position: initial; + mask-position: initial; + background-color: transparent; + overflow: visible; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled="disabled"] { + -webkit-mask-position: initial; + mask-position: initial; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active { + background-color: transparent; +} +.ui-page .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + background-color: transparent; + overflow: visible; + border: 0 none; + padding: 0; + text-indent: -9999px; +} +.ui-page .ui-more::before { + content: ""; + position: absolute; + width: 12.5rem; + height: 12.5rem; + background-color: rgba(255, 255, 255, 0.13); + border-radius: 50%; + opacity: 0; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + top: 50%; + left: 50%; + margin-top: -6.25rem; + margin-left: -6.25rem; + -webkit-transition: all ease-out 200ms; + transition: all ease-out 200ms; + pointer-events: none; +} +.ui-page .ui-more:active::before { + opacity: 1; + -webkit-transition: transform ease-out 300ms; + -webkit-transition: -webkit-transform ease-out 300ms; + transition: -webkit-transform ease-out 300ms; + transition: transform ease-out 300ms; + transition: transform ease-out 300ms, -webkit-transform ease-out 300ms; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.ui-page .ui-more::after { + content: ""; + position: absolute; + width: 1rem; + height: 2.25rem; + -webkit-mask-box-image-source: url("images/Actionbar/b_more_option.png"); + background-color: rgba(250, 250, 250, 1); + border-radius: 50%; + top: 50%; + right: 0.375rem; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-content { + text-align: center; + font-size: 32px; + line-height: 2.625rem; +} +.ui-page .ui-content.ui-content-padding { + font-stretch: ultra-condensed; + padding-left: 2.0625rem; + padding-right: 2.0625rem; +} +.ui-page .ui-footer.ui-bottom-button { + position: fixed !important; + bottom: 0.375rem; + z-index: 1000; + max-height: 6.25rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 6.25rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: rgba(250, 250, 250, 1); + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 4.5rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(0, 53, 74, 0.9); + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: rgba(250, 250, 250, 1); + background-color: #002f4d; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled { + color: rgba(250, 250, 250, 0.35); + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +/*************************************************************************** + Page Scroll +***************************************************************************/ +.ui-page.ui-scroll-on { + overflow: hidden; + -webkit-overflow-scrolling: auto; + -moz-overflow-scrolling: auto; + -o-overflow-scrolling: auto; + -ms-overflow-scrolling: auto; + overflow-scrolling: auto; +} +.ui-page.ui-scroll-on .ui-content { + margin-top: 7.1875rem; + padding-bottom: 6.25rem; + padding-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-scroller > .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-content ~ .ui-footer:not(.ui-expandable-footer) { + margin-top: -5.3125rem; +} +/* + * Common definition for theme + */ +/*************************************************************** + default font size (base font from WRT) + => small: 13px + => normal: 17px + => large: 20px + +This is only applied to gear2. +so, we set @font_size_default as 17px on gear2 and it was changed to 16px since gear-S. +This value only used for @rem_base, not for html font-size +html font-size is set by WRT base font-size +***************************************************************/ +a { + color: rgba(204, 204, 204, 1); +} +/*************************************************************************** + toggle switch +***************************************************************************/ +.ui-switch-text { + margin-top: 60px; + margin-bottom: 48px; + font-size: 34px; + padding: 0; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + color: T161; +} +.ui-toggleswitch { + width: 76px; + height: 76px; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 76px; + height: 76px; +} +.ui-toggleswitch .ui-switch-input { + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png'); + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-transition: background-color 300ms linear; + transition: background-color 300ms linear; +} +.ui-toggleswitch .ui-switch-input::before { + content: none; +} +.ui-toggleswitch .ui-switch-input:active { + -webkit-transition: background-color 300ms linear; + transition: background-color 300ms linear; + background-color: rgba(250, 250, 250, 0.3); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::after { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-toggleswitch .ui-switch-input:disabled { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button::after { + background-color: rgba(250, 250, 250, 0.2); +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + -webkit-mask-image: url('images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png'); + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png'); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -webkit-transition: -webkit-transform 100ms 0ms linear; + transition: -webkit-transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear; + background-color: rgba(77, 207, 255, 1); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.ui-toggleswitch .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-button::after { + content: ""; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png'); + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png'); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: transform 200ms 100ms linear; + -webkit-transition: -webkit-transform 200ms 100ms linear; + transition: -webkit-transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + background-color: rgba(250, 250, 250, 0.5); + position: absolute; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked { + background-color: rgba(77, 207, 255, 1); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: rgba(77, 207, 255, 1); + -webkit-transition: transform 200ms 100ms linear; + -webkit-transition: -webkit-transform 200ms 100ms linear; + transition: -webkit-transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::after { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -webkit-transition: -webkit-transform 100ms 0ms linear; + transition: -webkit-transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear; +} +.ui-toggleswitch .ui-switch-input:checked:active { + background-color: rgba(54, 145, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: rgba(54, 145, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:disabled { + background-color: rgba(77, 207, 255, 0.3); +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: rgba(77, 207, 255, 0.3); +} +/*************************************************************************** + Popup +***************************************************************************/ +@-webkit-keyframes toastCheck { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 6% { + -webkit-mask-position: -5.125rem 0rem; + mask-position: -5.125rem 0rem; + } + 11% { + -webkit-mask-position: -10.25rem 0rem; + mask-position: -10.25rem 0rem; + } + 17% { + -webkit-mask-position: -15.375rem 0rem; + mask-position: -15.375rem 0rem; + } + 22% { + -webkit-mask-position: 0rem -5.125rem; + mask-position: 0rem -5.125rem; + } + 28% { + -webkit-mask-position: -5.125rem -5.125rem; + mask-position: -5.125rem -5.125rem; + } + 33% { + -webkit-mask-position: -10.25rem -5.125rem; + mask-position: -10.25rem -5.125rem; + } + 39% { + -webkit-mask-position: -15.375rem -5.125rem; + mask-position: -15.375rem -5.125rem; + } + 44% { + -webkit-mask-position: 0rem -10.25rem; + mask-position: 0rem -10.25rem; + } + 50% { + -webkit-mask-position: -5.125rem -10.25rem; + mask-position: -5.125rem -10.25rem; + } + 56% { + -webkit-mask-position: -10.25rem -10.25rem; + mask-position: -10.25rem -10.25rem; + } + 61% { + -webkit-mask-position: -15.375rem -10.25rem; + mask-position: -15.375rem -10.25rem; + } + 67% { + -webkit-mask-position: 0rem -15.375rem; + mask-position: 0rem -15.375rem; + } + 72% { + -webkit-mask-position: -5.125rem -15.375rem; + mask-position: -5.125rem -15.375rem; + } + 78% { + -webkit-mask-position: -10.25rem -15.375rem; + mask-position: -10.25rem -15.375rem; + } + 83% { + -webkit-mask-position: -15.375rem -15.375rem; + mask-position: -15.375rem -15.375rem; + } + 89% { + -webkit-mask-position: 0rem -20.5rem; + mask-position: 0rem -20.5rem; + } + 94% { + -webkit-mask-position: -5.125rem -20.5rem; + mask-position: -5.125rem -20.5rem; + } + 100% { + -webkit-mask-position: -10.25rem -20.5rem; + mask-position: -10.25rem -20.5rem; + } +} +@keyframes toastCheck { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 6% { + -webkit-mask-position: -5.125rem 0rem; + mask-position: -5.125rem 0rem; + } + 11% { + -webkit-mask-position: -10.25rem 0rem; + mask-position: -10.25rem 0rem; + } + 17% { + -webkit-mask-position: -15.375rem 0rem; + mask-position: -15.375rem 0rem; + } + 22% { + -webkit-mask-position: 0rem -5.125rem; + mask-position: 0rem -5.125rem; + } + 28% { + -webkit-mask-position: -5.125rem -5.125rem; + mask-position: -5.125rem -5.125rem; + } + 33% { + -webkit-mask-position: -10.25rem -5.125rem; + mask-position: -10.25rem -5.125rem; + } + 39% { + -webkit-mask-position: -15.375rem -5.125rem; + mask-position: -15.375rem -5.125rem; + } + 44% { + -webkit-mask-position: 0rem -10.25rem; + mask-position: 0rem -10.25rem; + } + 50% { + -webkit-mask-position: -5.125rem -10.25rem; + mask-position: -5.125rem -10.25rem; + } + 56% { + -webkit-mask-position: -10.25rem -10.25rem; + mask-position: -10.25rem -10.25rem; + } + 61% { + -webkit-mask-position: -15.375rem -10.25rem; + mask-position: -15.375rem -10.25rem; + } + 67% { + -webkit-mask-position: 0rem -15.375rem; + mask-position: 0rem -15.375rem; + } + 72% { + -webkit-mask-position: -5.125rem -15.375rem; + mask-position: -5.125rem -15.375rem; + } + 78% { + -webkit-mask-position: -10.25rem -15.375rem; + mask-position: -10.25rem -15.375rem; + } + 83% { + -webkit-mask-position: -15.375rem -15.375rem; + mask-position: -15.375rem -15.375rem; + } + 89% { + -webkit-mask-position: 0rem -20.5rem; + mask-position: 0rem -20.5rem; + } + 94% { + -webkit-mask-position: -5.125rem -20.5rem; + mask-position: -5.125rem -20.5rem; + } + 100% { + -webkit-mask-position: -10.25rem -20.5rem; + mask-position: -10.25rem -20.5rem; + } +} +.ui-popup { + width: 100%; + height: 100%; + overflow: hidden; + border: 0; + border-radius: 50%; + background-color: rgba(0, 0, 0, 1); + /*********************** + Popup Container Scroll + ***********************/ + /**************************************** + Popup Toast + ****************************************/ + /*********************** + Option Popup + ***********************/ +} +.ui-popup ::-webkit-scrollbar { + display: none; +} +.ui-popup .ui-popup-header { + text-align: center; + min-height: 99px; + background-color: transparent; + color: rgba(77, 207, 255, 1); + padding-top: 60px; + padding-right: 61px; + padding-bottom: 0; + padding-left: 61px; +} +.ui-popup .ui-popup-header + .ui-popup-content { + padding-top: 26px; +} +.ui-popup .ui-popup-content { + color: rgba(204, 204, 204, 1); + background-color: transparent; + font-size: 32px; + line-height: 2.625rem; + padding: 3.75rem 1.875rem 0.625rem; + text-align: center; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -1.5625rem -3.4375rem -1rem -3.4375rem; +} +.ui-popup.ui-has-side-buttons .ui-popup-content { + padding-left: 4rem; + padding-right: 4rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn { + top: 33.33%; + position: fixed; + text-indent: -9999px; + padding: 0; + line-height: 2.3125rem; + font-size: 1.75rem; + font-weight: bold; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + color: rgba(250, 250, 250, 1); + margin: 0.5rem 0; + height: 6.25rem; + width: 3.75rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + content: ""; + width: 50px; + height: 50px; + position: absolute; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(0, 53, 74, 0.9); + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active { + color: rgba(250, 250, 250, 1); + background-color: #002f4d; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled { + color: rgba(250, 250, 250, 0.35); + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1) { + left: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2) { + right: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button { + position: fixed; + bottom: 0; + z-index: 1000; + max-height: 6.25rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 6.25rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: rgba(250, 250, 250, 1); + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 3.75rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(0, 53, 74, 0.9); + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: rgba(250, 250, 250, 1); + background-color: #002f4d; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + -webkit-animation: btn-footer-opacity-press linear 565ms; + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled { + color: rgba(250, 250, 250, 0.35); + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup-more-options { + background-color: transparent; +} +.ui-popup-more-options .ui-selector { + background-color: rgba(0, 0, 0, 0.95); +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-text { + color: rgba(250, 250, 250, 1); +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext { + color: rgba(77, 207, 255, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before { + background-color: rgba(8, 8, 8, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active { + background-color: rgba(22, 165, 217, 1); +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before { + background-color: rgba(22, 165, 217, 1); +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after { + content: ""; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + background-color: rgba(77, 207, 255, 0); + -webkit-mask-image: url(images/Popup/b_popup_edge_inner_glow.png); + mask-image: url(images/Popup/b_popup_edge_inner_glow.png); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + margin-top: 4.75rem; + margin-bottom: 4.75rem; + padding-top: 0; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header + .ui-popup-content { + margin-top: 0; + padding-top: 8px; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer { + margin-top: -4.75rem; +} +.ui-popup.ui-popup-toast { + min-height: 100%; + background-color: rgba(0, 0, 0, 1); + background-image: none; + border: none; + margin: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + /**************************************** + Popup Toast Small + ****************************************/ +} +.ui-popup.ui-popup-toast.ui-popup-active, +.ui-popup.ui-popup-toast.in, +.ui-popup.ui-popup-toast.ui-build { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper { + width: 100%; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content { + padding: 0 1.875rem; + height: auto; + background-color: transparent; + color: rgba(250, 250, 250, 1); + font-size: 28px; + text-align: center; + line-height: 37px; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + font-size: 32px; + line-height: 42px; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 5.125rem; + height: 5.125rem; + margin-bottom: 1rem; +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon { + -webkit-mask-image: url("images/Popup/toast_check.png"); + mask-image: url("images/Popup/toast_check.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-name: toastCheck; + animation-name: toastCheck; + -webkit-animation-duration: 300ms; + animation-duration: 300ms; + -webkit-animation-delay: 300ms; + animation-delay: 300ms; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(230, 230, 230, 1); +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after { + content: none; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small { + height: 10rem; + min-height: 5.375rem; + width: 10rem; + position: fixed; + margin-bottom: 0.3125rem; + background-color: rgba(48, 48, 48, 0.95); + border: solid 0.0625rem rgba(38, 38, 38, 0.95); + border-radius: 50%; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content { + padding: 0 1.1875rem; + max-height: 6rem; + color: rgba(255, 255, 255, 1); + font-size: 1.5rem; + line-height: 2rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon { + -webkit-transform: translateX(-50%) scale(0.6097561); + -ms-transform: translateX(-50%) scale(0.6097561); + transform: translateX(-50%) scale(0.6097561); + margin: -1rem 0; + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only { + width: 5.375rem; + height: 5.375rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + padding-bottom: 0.375rem; +} +.ui-popup.ui-ctxpopup { + height: auto; +} +/*************************************************************************** + listview +***************************************************************************/ +.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item) { + margin-top: 3.125rem; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content .ui-listview { + margin-top: 0; +} +.ui-page .ui-scroller.ui-snap-container .ui-header { + margin: 0; + height: 7.1875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview { + margin-top: 0.6875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-content { + padding-bottom: 7.875rem; +} +.ui-listview.ui-arc-listview { + padding-bottom: 0; +} +.ui-listview li { + font-size: 2.25rem; + font-weight: 500; + min-height: 6.75rem; + max-height: 22.5rem; + padding: 0 1.875rem; + border: 0 none; + border-bottom: 0 solid transparent; + border-image: -webkit-linear-gradient(bottom, transparent, #245B85, transparent) 1; + border-image: linear-gradient(0deg, transparent, #245B85, transparent) 1; + color: rgba(250, 250, 250, 1); + text-align: center; + line-height: 2.9375rem; + box-sizing: content-box; + -webkit-transition-property: max-height; + transition-property: max-height; + -webkit-transition-duration: 1ms; + transition-duration: 1ms; +} +.ui-listview li.ui-listview-divider, +.ui-listview li.ui-li-group-index { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: transparent; + color: rgba(199, 199, 199, 1); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0; +} +.ui-listview li.ui-listview-divider::before, +.ui-listview li.ui-li-group-index::before { + content: ""; + height: 100%; + width: auto; + -webkit-mask-image: url("images/List/tw_list_sub_line_left.png"); + mask-image: url("images/List/tw_list_sub_line_left.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: -0.75rem 50%; + -moz-mask-position: -0.75rem 50%; + -ms-mask-position: -0.75rem 50%; + -o-mask-position: -0.75rem 50%; + mask-position: -0.75rem 50%; + background: rgba(255, 255, 255, 0.2); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-listview li.ui-listview-divider::after, +.ui-listview li.ui-li-group-index::after { + content: ""; + height: 100%; + width: auto; + -webkit-mask-image: url("images/List/tw_list_sub_line_right.png"); + mask-image: url("images/List/tw_list_sub_line_right.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: 0.75rem 50%; + -moz-mask-position: 0.75rem 50%; + -ms-mask-position: 0.75rem 50%; + -o-mask-position: 0.75rem 50%; + mask-position: 0.75rem 50%; + background: rgba(255, 255, 255, 0.2); + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-listview li.ui-li-btn { + padding: 0; +} +.ui-listview li.ui-li-btn .ui-btn { + padding: 2.625rem 2.5rem; + margin: 0; + line-height: inherit; +} +.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn { + padding: 1.75rem 1.25rem; +} +.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn { + padding: 1.75rem 1.875rem; + height: 100%; + text-indent: -9999px; +} +.ui-listview li > * { + color: rgba(250, 250, 250, 1); +} +.ui-listview li > a:first-child:last-child, +.ui-listview li button:first-child:last-child { + padding: 0; + margin: 0; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub { + padding-top: 0.5625rem; + padding-bottom: 0.5rem; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub { + padding-top: 0.0625rem; + padding-bottom: 0.25rem; +} +.ui-listview li:last-child { + border: 0; +} +.ui-listview li.li-divider { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: rgba(255, 255, 255, 0.2); + color: rgba(199, 199, 199, 1); + padding: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + background-color: rgba(204, 204, 204, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: B041P; + color: rgba(250, 250, 250, 1); +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active { + background-color: transparent; + color: rgba(250, 250, 250, 1); +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(250, 250, 250, 0.65); + pointer-events: none; +} +.ui-listview.ui-snap-listview li, +.ui-listview.ui-arc-listview-carousel-item li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a, +.ui-listview.ui-arc-listview-carousel-item li a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a > span, +.ui-listview.ui-arc-listview-carousel-item li a > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.ui-listview.ui-snap-listview li.ui-li-grid, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div { + text-align: inherit; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after { + opacity: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *.ui-btn-icon { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn { + padding: 0; + margin: 0 1.125rem 0 0; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + border-radius: 50%; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle { + border-radius: 50%; + width: 5.5rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active { + -webkit-animation: btn-circle-opacity-press linear 567ms; + animation: btn-circle-opacity-press linear 567ms; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child { + margin-right: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child:first-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child:first-child { + margin-right: 1.25rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn-description, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn-description { + -webkit-transform: none; + -ms-transform: none; + transform: none; + margin: 0; + width: auto; +} +.ui-listview.ui-snap-listview li .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text { + color: rgba(179, 179, 179, 1); + font-size: 1.5rem; + display: block; + -webkit-transition-property: opacity, line-height; + transition-property: opacity, line-height; + -webkit-transition-timing-function: ease-in-out, ease-in-out; + transition-timing-function: ease-in-out, ease-in-out; + -webkit-transition-duration: 100ms, 200ms; + transition-duration: 100ms, 200ms; + opacity: 0; + line-height: 0.01px; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected { + line-height: 2.9375rem; + max-height: 45rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text { + opacity: 1; + line-height: 2rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 18.75rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child) { + padding-top: 0.125rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active { + color: rgba(250, 250, 250, 1); +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before { + background-color: rgba(250, 250, 250, 0.65); +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active { + background-color: B041P; + color: rgba(250, 250, 250, 1); +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + background-color: rgba(250, 250, 250, 0.5); + border-radius: 20vw; + pointer-events: none; +} +.ui-listview.ui-snap-listview li li, +.ui-listview.ui-arc-listview-carousel-item li li { + border: none; +} +.ui-listview.ui-snap-listview li li.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before { + background-color: transparent; +} +.ui-listview.ui-arc-listview-carousel-item-separator { + height: auto; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li { + padding: 1.5625rem 1.875rem 1.625rem; + min-height: auto; + color: rgba(250, 250, 250, 1); + overflow: hidden; + line-height: 3rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before { + display: block; + position: absolute; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + content: ""; + width: 100%; + height: 0.0625rem; + background-color: white; + -webkit-mask-box-image: url("images/List/tw_list_divider.png") 0 128 0 128 repeat repeat; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a { + color: rgba(250, 250, 250, 0.4); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text { + white-space: normal; + color: rgba(204, 204, 204, 1); + padding-top: 0.5625rem; + padding-bottom: 0.625rem; + font-size: 1.9375rem; + line-height: 2.3125rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active { + color: rgba(204, 204, 204, 0.4); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline { + padding-top: 0.5625rem; + padding-bottom: 0.625rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text { + color: rgba(179, 179, 179, 1); + font-size: 1.5rem; + line-height: 2rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text { + color: T9262P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left { + padding-left: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right { + padding-right: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img { + background-color: unset; + position: absolute; + top: -webkit-calc(49.5%); + top: calc(49.5%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left { + left: 1rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right { + right: 1rem; +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + height: 76px; + width: 76px; +} +input[type="checkbox"]:not(.ui-switch-input) { + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input)::before { + content: ""; + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + height: 100%; + width: 100%; + opacity: 0; + position: absolute; + -webkit-transition: all 300ms ease-in; + transition: all 300ms ease-in; +} +input[type="checkbox"]:not(.ui-switch-input)::after { + -webkit-mask-image: url('images/Controller_icon/Check/tw_btn_check_holo_dark.png'); + mask-image: url('images/Controller_icon/Check/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: center bottom; + mask-position: center bottom; + height: 0; + -webkit-transition-property: height; + transition-property: height; + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + bottom: 0; + -webkit-mask-size: 100%; + mask-size: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + -webkit-animation: checkon 300ms ease-out; + animation: checkon 300ms ease-out; + -webkit-transition: none; + transition: none; + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + opacity: 1; +} +input[type="checkbox"]:not(.ui-switch-input):checked::after { + background-color: rgba(77, 207, 255, 1); + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + height: 0; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::after { + background-color: rgba(77, 207, 255, 1); + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background: radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::before { + -webkit-mask-image: none; + mask-image: none; + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::after { + background-color: rgba(77, 207, 255, 0.3); + height: 100%; +} +@-webkit-keyframes checkon { + from { + opacity: .5; + } + 100% { + opacity: 1; + } +} +@keyframes checkon { + from { + opacity: .5; + } + 100% { + opacity: 1; + } +} +input[type="radio"] { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.7) 63%, rgba(255, 255, 255, 0.7) 68%, transparent 72%, transparent); + -webkit-mask-image: none; + mask-image: none; +} +input[type="radio"]::after { + content: ""; + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: rgba(255, 255, 255, 0.2); +} +input[type="radio"]::before { + content: ""; + background-color: rgba(77, 207, 255, 1); + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + position: absolute; + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-transition: -webkit-transform 300ms; + transition: -webkit-transform 300ms; + transition: transform 300ms; + transition: transform 300ms, -webkit-transform 300ms; +} +input[type="radio"]:checked { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 1) 63%, rgba(77, 207, 255, 1) 68%, transparent 72%, transparent); +} +input[type="radio"]:checked::before { + background-color: rgba(77, 207, 255, 1); + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + z-index: 1; +} +input[type="radio"]:active { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.4) 63%, rgba(255, 255, 255, 0.4) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(255, 255, 255, 0.4) 63%, rgba(255, 255, 255, 0.4) 68%, transparent 72%, transparent); + -webkit-mask-image: none; + mask-image: none; +} +input[type="radio"]:active::after { + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: rgba(250, 250, 250, 0.15); +} +input[type="radio"]:active:checked { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(54, 145, 179, 1) 63%, rgba(54, 145, 179, 1) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(54, 145, 179, 1) 63%, rgba(54, 145, 179, 1) 68%, transparent 72%, transparent); +} +input[type="radio"]:active:checked::before { + -webkit-mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: rgba(54, 145, 179, 1); +} +input[type="radio"]:active:checked::after { + content: none; +} +input[type="radio"]:disabled { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(250, 250, 250, 0.2) 63%, rgba(250, 250, 250, 0.2) 68%, transparent 72%, transparent); + -webkit-mask-image: none; + mask-image: none; +} +input[type="radio"]:disabled::before { + -webkit-transition: none; + transition: none; +} +input[type="radio"]:disabled::after { + background-color: rgba(250, 250, 250, 0.1); +} +input[type="radio"]:disabled:checked { + background: -webkit-radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%, transparent); + background: radial-gradient(transparent, transparent 59%, rgba(77, 207, 255, 0.3) 63%, rgba(77, 207, 255, 0.3) 68%, transparent 72%, transparent); +} +input[type="radio"]:disabled:checked::before { + background-color: rgba(77, 207, 255, 0.3); + -webkit-transition: none; + transition: none; +} +input[type="radio"]:disabled:checked::after { + content: none; +} +/*************************************************************************** + button +***************************************************************************/ +.ui-btn { + color: rgba(250, 250, 250, 1); + background-color: transparent; + height: auto; +} +.ui-btn.ui-btn-icon-only::before { + -webkit-mask-size: 3.125rem 3.125rem; + mask-size: 3.125rem 3.125rem; + width: 3.125rem; + height: 3.125rem; +} +.ui-default { + color: rgba(250, 250, 250, 1); + background-color: transparent; +} +.ui-color-red { + color: rgba(250, 250, 250, 1); + background-color: W012; +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: W012; +} +.ui-color-red:enabled:focus { + background-color: W012; +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: rgba(250, 250, 250, 1); + background-color: W012; +} +.ui-color-orange { + color: rgba(250, 250, 250, 1); + background-color: W013; +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: W013; +} +.ui-color-orange:enabled:focus { + background-color: W013; +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: rgba(250, 250, 250, 1); + background-color: W013; +} +.ui-color-green { + color: rgba(250, 250, 250, 1); + background-color: W014; +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: W014; +} +.ui-color-green:enabled:focus { + background-color: W014; +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: rgba(250, 250, 250, 1); + background-color: W014; +} +.ui-color-blue { + color: rgba(250, 250, 250, 1); + background-color: rgba(1, 59, 74, 1); +} +a.ui-color-blue:active:hover, +.ui-color-blue:enabled:active:hover { + background-color: rgba(1, 59, 74, 1); +} +.ui-color-blue:enabled:focus { + background-color: rgba(1, 59, 74, 1); +} +a.ui-color-blue.ui-state-disabled, +.ui-color-blue:disabled { + color: rgba(250, 250, 250, 1); + background-color: rgba(1, 59, 74, 1); +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +/*************************************************************************** + circle progress bar +***************************************************************************/ +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left { + border: 0.5rem solid rgba(77, 207, 255, 1); +} +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right { + border: 0.5rem solid rgba(77, 207, 255, 1); +} +.ui-progressbar .ui-progressbar-bg { + border: 0.5rem solid rgba(0, 67, 115, 1); +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left, +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right { + border: 0.25rem solid rgba(77, 207, 255, 1); +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-bg { + border: 0.25rem solid rgba(0, 67, 115, 1); +} +.ui-progressbar-end-point { + position: absolute; + z-index: 1000; + width: 20px; + height: 20px; + background: #37a1ed; + border-radius: 50%; + left: 180px; + top: 180px; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + display: none; +} +.ui-progressbar-end-point::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: rgba(55, 161, 237, 0.5); + left: 0; + right: 0; + border-radius: 50%; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-duration: .25s; + transition-duration: .25s; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ui-progressbar-end-point-active { + display: block; +} +.ui-progressbar-end-point-pressed::after { + content: ""; + -webkit-transform: scale(2); + -ms-transform: scale(2); + transform: scale(2); +} +/*************************************************************************** + circular index scroll bar +***************************************************************************/ +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + background-color: rgba(69, 68, 68, 0.9); +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + color: rgba(77, 207, 255, 1); +} +.ui-indexscrollbar { + display: none; +} +/*************************************************************************** + drawer +***************************************************************************/ +.ui-drawer { + background-color: rgba(0, 0, 0, 0.85); + border-radius: 50%; +} +.ui-drawer-overlay { + background-color: rgba(0, 0, 0, 0.85); +} +/*************************************************************************** + progress +***************************************************************************/ +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 25% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 50% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 75% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } + 100% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: rgba(77, 207, 255, 1); + } +} +progress { + color: rgba(204, 204, 204, 1); +} +progress::-webkit-progress-bar { + background-color: rgba(0, 67, 115, 1); +} +progress::-webkit-progress-value { + background-color: rgba(77, 207, 255, 1); +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: rgba(77, 207, 255, 1); +} +/*********************** +Processing +***********************/ +@-webkit-keyframes fullprocess { + 0% { + -webkit-mask-position: 0vw 0vw; + mask-position: 0vw 0vw; + } + 2% { + -webkit-mask-position: -100vw 0vw; + mask-position: -100vw 0vw; + } + 3% { + -webkit-mask-position: -200vw 0vw; + mask-position: -200vw 0vw; + } + 5% { + -webkit-mask-position: -300vw 0vw; + mask-position: -300vw 0vw; + } + 7% { + -webkit-mask-position: -400vw 0vw; + mask-position: -400vw 0vw; + } + 8% { + -webkit-mask-position: -500vw 0vw; + mask-position: -500vw 0vw; + } + 10% { + -webkit-mask-position: -600vw 0vw; + mask-position: -600vw 0vw; + } + 12% { + -webkit-mask-position: 0vw -100vw; + mask-position: 0vw -100vw; + } + 14% { + -webkit-mask-position: -100vw -100vw; + mask-position: -100vw -100vw; + } + 15% { + -webkit-mask-position: -200vw -100vw; + mask-position: -200vw -100vw; + } + 17% { + -webkit-mask-position: -300vw -100vw; + mask-position: -300vw -100vw; + } + 19% { + -webkit-mask-position: -400vw -100vw; + mask-position: -400vw -100vw; + } + 20% { + -webkit-mask-position: -500vw -100vw; + mask-position: -500vw -100vw; + } + 22% { + -webkit-mask-position: -600vw -100vw; + mask-position: -600vw -100vw; + } + 24% { + -webkit-mask-position: 0vw -200vw; + mask-position: 0vw -200vw; + } + 25% { + -webkit-mask-position: -100vw -200vw; + mask-position: -100vw -200vw; + } + 27% { + -webkit-mask-position: -200vw -200vw; + mask-position: -200vw -200vw; + } + 29% { + -webkit-mask-position: -300vw -200vw; + mask-position: -300vw -200vw; + } + 31% { + -webkit-mask-position: -400vw -200vw; + mask-position: -400vw -200vw; + } + 32% { + -webkit-mask-position: -500vw -200vw; + mask-position: -500vw -200vw; + } + 34% { + -webkit-mask-position: -600vw -200vw; + mask-position: -600vw -200vw; + } + 36% { + -webkit-mask-position: 0vw -300vw; + mask-position: 0vw -300vw; + } + 37% { + -webkit-mask-position: -100vw -300vw; + mask-position: -100vw -300vw; + } + 39% { + -webkit-mask-position: -200vw -300vw; + mask-position: -200vw -300vw; + } + 41% { + -webkit-mask-position: -300vw -300vw; + mask-position: -300vw -300vw; + } + 42% { + -webkit-mask-position: -400vw -300vw; + mask-position: -400vw -300vw; + } + 44% { + -webkit-mask-position: -500vw -300vw; + mask-position: -500vw -300vw; + } + 46% { + -webkit-mask-position: -600vw -300vw; + mask-position: -600vw -300vw; + } + 47% { + -webkit-mask-position: 0vw -400vw; + mask-position: 0vw -400vw; + } + 49% { + -webkit-mask-position: -100vw -400vw; + mask-position: -100vw -400vw; + } + 51% { + -webkit-mask-position: -200vw -400vw; + mask-position: -200vw -400vw; + } + 53% { + -webkit-mask-position: -300vw -400vw; + mask-position: -300vw -400vw; + } + 54% { + -webkit-mask-position: -400vw -400vw; + mask-position: -400vw -400vw; + } + 56% { + -webkit-mask-position: -500vw -400vw; + mask-position: -500vw -400vw; + } + 58% { + -webkit-mask-position: -600vw -400vw; + mask-position: -600vw -400vw; + } + 59% { + -webkit-mask-position: 0vw -500vw; + mask-position: 0vw -500vw; + } + 61% { + -webkit-mask-position: -100vw -500vw; + mask-position: -100vw -500vw; + } + 63% { + -webkit-mask-position: -200vw -500vw; + mask-position: -200vw -500vw; + } + 64% { + -webkit-mask-position: -300vw -500vw; + mask-position: -300vw -500vw; + } + 66% { + -webkit-mask-position: -400vw -500vw; + mask-position: -400vw -500vw; + } + 68% { + -webkit-mask-position: -500vw -500vw; + mask-position: -500vw -500vw; + } + 69% { + -webkit-mask-position: -600vw -500vw; + mask-position: -600vw -500vw; + } + 71% { + -webkit-mask-position: 0vw -600vw; + mask-position: 0vw -600vw; + } + 73% { + -webkit-mask-position: -100vw -600vw; + mask-position: -100vw -600vw; + } + 75% { + -webkit-mask-position: -200vw -600vw; + mask-position: -200vw -600vw; + } + 76% { + -webkit-mask-position: -300vw -600vw; + mask-position: -300vw -600vw; + } + 78% { + -webkit-mask-position: -400vw -600vw; + mask-position: -400vw -600vw; + } + 80% { + -webkit-mask-position: -500vw -600vw; + mask-position: -500vw -600vw; + } + 81% { + -webkit-mask-position: -600vw -600vw; + mask-position: -600vw -600vw; + } + 83% { + -webkit-mask-position: 0vw -700vw; + mask-position: 0vw -700vw; + } + 85% { + -webkit-mask-position: -100vw -700vw; + mask-position: -100vw -700vw; + } + 86% { + -webkit-mask-position: -200vw -700vw; + mask-position: -200vw -700vw; + } + 88% { + -webkit-mask-position: -300vw -700vw; + mask-position: -300vw -700vw; + } + 90% { + -webkit-mask-position: -400vw -700vw; + mask-position: -400vw -700vw; + } + 92% { + -webkit-mask-position: -500vw -700vw; + mask-position: -500vw -700vw; + } + 93% { + -webkit-mask-position: -600vw -700vw; + mask-position: -600vw -700vw; + } + 95% { + -webkit-mask-position: 0vw -800vw; + mask-position: 0vw -800vw; + } + 97% { + -webkit-mask-position: -100vw -800vw; + mask-position: -100vw -800vw; + } + 98% { + -webkit-mask-position: -200vw -800vw; + mask-position: -200vw -800vw; + } + 100% { + -webkit-mask-position: -300vw -800vw; + mask-position: -300vw -800vw; + } +} +@keyframes fullprocess { + 0% { + -webkit-mask-position: 0vw 0vw; + mask-position: 0vw 0vw; + } + 2% { + -webkit-mask-position: -100vw 0vw; + mask-position: -100vw 0vw; + } + 3% { + -webkit-mask-position: -200vw 0vw; + mask-position: -200vw 0vw; + } + 5% { + -webkit-mask-position: -300vw 0vw; + mask-position: -300vw 0vw; + } + 7% { + -webkit-mask-position: -400vw 0vw; + mask-position: -400vw 0vw; + } + 8% { + -webkit-mask-position: -500vw 0vw; + mask-position: -500vw 0vw; + } + 10% { + -webkit-mask-position: -600vw 0vw; + mask-position: -600vw 0vw; + } + 12% { + -webkit-mask-position: 0vw -100vw; + mask-position: 0vw -100vw; + } + 14% { + -webkit-mask-position: -100vw -100vw; + mask-position: -100vw -100vw; + } + 15% { + -webkit-mask-position: -200vw -100vw; + mask-position: -200vw -100vw; + } + 17% { + -webkit-mask-position: -300vw -100vw; + mask-position: -300vw -100vw; + } + 19% { + -webkit-mask-position: -400vw -100vw; + mask-position: -400vw -100vw; + } + 20% { + -webkit-mask-position: -500vw -100vw; + mask-position: -500vw -100vw; + } + 22% { + -webkit-mask-position: -600vw -100vw; + mask-position: -600vw -100vw; + } + 24% { + -webkit-mask-position: 0vw -200vw; + mask-position: 0vw -200vw; + } + 25% { + -webkit-mask-position: -100vw -200vw; + mask-position: -100vw -200vw; + } + 27% { + -webkit-mask-position: -200vw -200vw; + mask-position: -200vw -200vw; + } + 29% { + -webkit-mask-position: -300vw -200vw; + mask-position: -300vw -200vw; + } + 31% { + -webkit-mask-position: -400vw -200vw; + mask-position: -400vw -200vw; + } + 32% { + -webkit-mask-position: -500vw -200vw; + mask-position: -500vw -200vw; + } + 34% { + -webkit-mask-position: -600vw -200vw; + mask-position: -600vw -200vw; + } + 36% { + -webkit-mask-position: 0vw -300vw; + mask-position: 0vw -300vw; + } + 37% { + -webkit-mask-position: -100vw -300vw; + mask-position: -100vw -300vw; + } + 39% { + -webkit-mask-position: -200vw -300vw; + mask-position: -200vw -300vw; + } + 41% { + -webkit-mask-position: -300vw -300vw; + mask-position: -300vw -300vw; + } + 42% { + -webkit-mask-position: -400vw -300vw; + mask-position: -400vw -300vw; + } + 44% { + -webkit-mask-position: -500vw -300vw; + mask-position: -500vw -300vw; + } + 46% { + -webkit-mask-position: -600vw -300vw; + mask-position: -600vw -300vw; + } + 47% { + -webkit-mask-position: 0vw -400vw; + mask-position: 0vw -400vw; + } + 49% { + -webkit-mask-position: -100vw -400vw; + mask-position: -100vw -400vw; + } + 51% { + -webkit-mask-position: -200vw -400vw; + mask-position: -200vw -400vw; + } + 53% { + -webkit-mask-position: -300vw -400vw; + mask-position: -300vw -400vw; + } + 54% { + -webkit-mask-position: -400vw -400vw; + mask-position: -400vw -400vw; + } + 56% { + -webkit-mask-position: -500vw -400vw; + mask-position: -500vw -400vw; + } + 58% { + -webkit-mask-position: -600vw -400vw; + mask-position: -600vw -400vw; + } + 59% { + -webkit-mask-position: 0vw -500vw; + mask-position: 0vw -500vw; + } + 61% { + -webkit-mask-position: -100vw -500vw; + mask-position: -100vw -500vw; + } + 63% { + -webkit-mask-position: -200vw -500vw; + mask-position: -200vw -500vw; + } + 64% { + -webkit-mask-position: -300vw -500vw; + mask-position: -300vw -500vw; + } + 66% { + -webkit-mask-position: -400vw -500vw; + mask-position: -400vw -500vw; + } + 68% { + -webkit-mask-position: -500vw -500vw; + mask-position: -500vw -500vw; + } + 69% { + -webkit-mask-position: -600vw -500vw; + mask-position: -600vw -500vw; + } + 71% { + -webkit-mask-position: 0vw -600vw; + mask-position: 0vw -600vw; + } + 73% { + -webkit-mask-position: -100vw -600vw; + mask-position: -100vw -600vw; + } + 75% { + -webkit-mask-position: -200vw -600vw; + mask-position: -200vw -600vw; + } + 76% { + -webkit-mask-position: -300vw -600vw; + mask-position: -300vw -600vw; + } + 78% { + -webkit-mask-position: -400vw -600vw; + mask-position: -400vw -600vw; + } + 80% { + -webkit-mask-position: -500vw -600vw; + mask-position: -500vw -600vw; + } + 81% { + -webkit-mask-position: -600vw -600vw; + mask-position: -600vw -600vw; + } + 83% { + -webkit-mask-position: 0vw -700vw; + mask-position: 0vw -700vw; + } + 85% { + -webkit-mask-position: -100vw -700vw; + mask-position: -100vw -700vw; + } + 86% { + -webkit-mask-position: -200vw -700vw; + mask-position: -200vw -700vw; + } + 88% { + -webkit-mask-position: -300vw -700vw; + mask-position: -300vw -700vw; + } + 90% { + -webkit-mask-position: -400vw -700vw; + mask-position: -400vw -700vw; + } + 92% { + -webkit-mask-position: -500vw -700vw; + mask-position: -500vw -700vw; + } + 93% { + -webkit-mask-position: -600vw -700vw; + mask-position: -600vw -700vw; + } + 95% { + -webkit-mask-position: 0vw -800vw; + mask-position: 0vw -800vw; + } + 97% { + -webkit-mask-position: -100vw -800vw; + mask-position: -100vw -800vw; + } + 98% { + -webkit-mask-position: -200vw -800vw; + mask-position: -200vw -800vw; + } + 100% { + -webkit-mask-position: -300vw -800vw; + mask-position: -300vw -800vw; + } +} +.ui-page-active .ui-processing { + opacity: 1; +} +.ui-processing { + opacity: 0; + background-color: rgba(77, 207, 255, 1); + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.ui-processing.ui-processing-alternate { + background-color: rgba(250, 250, 250, 1); +} +.ui-processing.ui-processing-on-center { + position: fixed; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.ui-processing.ui-processing-full-size { + -webkit-mask-image: url("images/Processing/processingfull.png"); + mask-image: url("images/Processing/processingfull.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-name: fullprocess; + animation-name: fullprocess; + pointer-events: none; + position: fixed; + width: 100vw; + height: 100vw; + top: 0; + left: 0; + margin: 0; +} +/** widget interactions **/ +.ui-listview li .ui-processing { + position: absolute; + right: 2rem; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-scrollbar-bouncing-effect { + -webkit-animation-duration: .7s; + animation-duration: .7s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + background-color: rgba(77, 207, 255, 0.2); +} +.ui-scrollbar-bouncing-effect::before { + -webkit-animation-duration: .7s; + animation-duration: .7s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(77, 207, 255, 0); +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 5.5rem; + left: 0; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 5.5rem; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 5.5rem; + height: 100%; + top: 0; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 5.5rem; + height: 100%; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_top_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_top_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_bottom_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_bottom_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_left_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_left_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + -webkit-mask-image: url("images/Scroller/bouncing_circle_right_glow.png"); + mask-image: url("images/Scroller/bouncing_circle_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + -webkit-mask-image: url("images/Scroller/bouncing_circle_right_edge.png"); + mask-image: url("images/Scroller/bouncing_circle_right_edge.png"); +} +@-webkit-keyframes -ui-bouncing-show-additional { + 0% { + opacity: 0; + } + 42% { + opacity: 0; + } + 100% { + opacity: .7; + } +} +@keyframes -ui-bouncing-show-additional { + 0% { + opacity: 0; + } + 42% { + opacity: 0; + } + 100% { + opacity: .7; + } +} +@-webkit-keyframes ui-bouncing-show-top { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-top { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-show-left { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-left { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-show-right { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-right { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-show-bottom { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-bottom { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes -ui-bouncing-hide-additional { + 0% { + opacity: .7; + } + 42% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes -ui-bouncing-hide-additional { + 0% { + opacity: .7; + } + 42% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes ui-bouncing-hide-left { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-left { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-hide-right { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-right { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes ui-bouncing-hide-bottom { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes ui-bouncing-hide-bottom { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@-webkit-keyframes ui-bouncing-hide-top { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes ui-bouncing-hide-top { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 42% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 100% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-left { + -webkit-animation-name: ui-bouncing-show-left; + animation-name: ui-bouncing-show-left; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-right { + -webkit-animation-name: ui-bouncing-show-right; + animation-name: ui-bouncing-show-right; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-bottom { + -webkit-animation-name: ui-bouncing-show-bottom; + animation-name: ui-bouncing-show-bottom; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-top { + -webkit-animation-name: ui-bouncing-show-top; + animation-name: ui-bouncing-show-top; +} +.ui-scrollbar-bouncing-effect.ui-show::before { + -webkit-animation-name: -ui-bouncing-show-additional; + animation-name: -ui-bouncing-show-additional; +} +.ui-scrollbar-bouncing-effect.ui-hide { + -webkit-animation-duration: .3s; + animation-duration: .3s; + display: block; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-left { + -webkit-animation-name: ui-bouncing-hide-left; + animation-name: ui-bouncing-hide-left; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-right { + -webkit-animation-name: ui-bouncing-hide-right; + animation-name: ui-bouncing-hide-right; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom { + -webkit-animation-name: ui-bouncing-hide-bottom; + animation-name: ui-bouncing-hide-bottom; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-top { + -webkit-animation-name: ui-bouncing-hide-top; + animation-name: ui-bouncing-hide-top; +} +.ui-scrollbar-bouncing-effect.ui-hide::before { + -webkit-animation-duration: .3s; + animation-duration: .3s; + -webkit-animation-name: -ui-bouncing-hide-additional; + animation-name: -ui-bouncing-hide-additional; +} +.is-circle-test { + width: 1px; +} +.ui-selector { + background-color: rgba(0, 0, 0, 1); +} +.ui-selector .ui-item { + background-color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-selector .ui-item.ui-item-active:active { + background-color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-layer.ui-layer-prev, +.ui-selector .ui-layer.ui-layer-next { + background-color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-layer.ui-layer-prev:active, +.ui-selector .ui-layer.ui-layer-next:active { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-selector .ui-selector-indicator { + font-size: 1.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + color: rgba(250, 250, 250, 1); +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + color: rgba(77, 207, 255, 1); +} +.ui-selector .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background-color: rgba(77, 207, 255, 0.4); +} +.ui-selector .ui-selector-indicator-active + .ui-selector-indicator-arrow::before { + background-color: rgba(77, 207, 255, 0.4); +} +.ui-selector .ui-selector-indicator-arrow::before { + background-color: rgba(77, 207, 255, 1); +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev) { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator > :not(.ui-selector-indicator-text) { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder { + box-sizing: border-box; + border: 0.0625rem solid rgba(250, 250, 250, 0.5); + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after { + display: none; +} +@-webkit-keyframes dragItem { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(1.21428571); + transform: scale(1.21428571); + opacity: 0.7; + } +} +@keyframes dragItem { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(1.21428571); + transform: scale(1.21428571); + opacity: 0.7; + } +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved { + position: fixed; + width: 3.5rem; + height: 3.5rem; + z-index: 101; + visibility: visible; + opacity: 0.7; + -webkit-transform: scale(1.21428571); + -ms-transform: scale(1.21428571); + transform: scale(1.21428571); + pointer-events: none; + margin: -1.75rem; + -webkit-animation: 333ms dragItem; + animation: 333ms dragItem; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end { + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + position: absolute; + width: 1.875rem; + height: 1.875rem; + top: -0.125rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg { + background-color: rgba(250, 250, 250, 0.5); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after { + background-color: rgba(184, 46, 46, 0.5); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg { + position: absolute; + width: 100%; + height: 100%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before { + background-color: rgba(0, 0, 0, 0.35); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + background-color: rgba(184, 46, 46, 1); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + right: -0.1875rem; + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left { + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + left: -0.1875rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item { + opacity: 0; + -webkit-transition: opacity 200ms; + transition: opacity 200ms; +} +.ui-selector.ui-selector-edit-mode .ui-item-plus { + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_add.png"); + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_add.png"); + -webkit-mask-size: 100%; + mask-size: 100%; +} +/* ------------------------- Selector List for bezelless watches ------------------------- */ +.ui-bezelless-selector .ui-more { + z-index: 1; +} +.ui-bezelless-selector .ui-listview li img { + width: 3.125rem; + height: 3.125rem; +} +.ui-bezelless-selector .thumb-container { + display: inline-block; + width: 3.125rem; + height: 3.125rem; + position: absolute; + left: 2.5rem; + background: white; + border-radius: 6.25rem; +} +.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 3.125rem; +} +.ui-slider-container { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-slider-container .ui-slider-icon { + width: 9.375rem; + height: 9.375rem; + margin: 0 auto; +} +.ui-slider-container .ui-slider-titles { + height: 4.625rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-slider-container .ui-slider-titles .ui-slider-title { + color: rgba(250, 250, 250, 1); + font-size: 1.875rem; + line-height: 1.875rem; + margin-top: 0.4375rem; +} +.ui-slider-container .ui-slider-titles .ui-slider-subtitle { + color: rgba(77, 207, 255, 1); + font-size: 1.8125rem; + line-height: 1.875rem; +} +.ui-slider-container .ui-slider-buttons { + height: 4rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; +} +.ui-slider-container .ui-slider-buttons .ui-slider-minus { + width: 2.75rem; + height: 100%; + background: url('images/Slider/b_slider_icon_minus.png') no-repeat center center; + z-index: 1; +} +.ui-slider-container .ui-slider-buttons .ui-slider-number { + height: 100%; + color: rgba(250, 250, 250, 1); + font-size: 2.5rem; + width: 4.125rem; + margin: 0 -1.25rem; + line-height: 3.25rem; + margin-top: 0.3125rem; +} +.ui-slider-container .ui-slider-buttons .ui-slider-plus { + background: url('images/Slider/b_slider_icon_plus.png') no-repeat center center; + width: 2.75rem; + height: 100%; + z-index: 1; +} +a.ui-hyperlink { + color: rgba(77, 225, 255, 1); +} +a.ui-hyperlink:active, +a.ui-hyperlink:hover { + color: rgba(77, 225, 255, 0.5); +} +.ui-arc-listview { + width: 22.5rem; + display: block; + overflow: hidden; + top: 0; + left: 0; +} +.ui-arc-listview-carousel { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-arc-listview-carousel-item { + width: 22.5rem; + position: absolute; + height: 6.75rem; +} +.ui-arc-listview-carousel-item li { + top: 3.375rem; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item { + height: 4.375rem; +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item li { + top: 2.1875rem; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui-arc-listview-selection { + opacity: 0; + position: absolute; + -webkit-transition: opacity 250ms; + transition: opacity 250ms; + pointer-events: none; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + top: 50%; + width: 22.5rem; + height: 7.5rem; + left: 0; + right: 0; + border-radius: 4.5rem; + background-color: rgba(250, 250, 250, 0.5); +} +.ui-arc-listview-selection-show { + opacity: 1; +} +.ui-arc-listview li, +.ui-arc-listview-carousel li { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 6.75rem; + vertical-align: middle; +} +.ui-arc-listview li.ui-li-group-index, +.ui-arc-listview-carousel li.ui-li-group-index, +.ui-arc-listview li.ui-listview-divider, +.ui-arc-listview-carousel li.ui-listview-divider { + margin-top: 0; + border: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.ui-arc-listview li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider) { + margin-top: 0; +} +.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 4.375rem; +} +.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected, +.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 4.375rem; +} +.ui-arc-listview-carousel { + /* disable some unnecessary listview styles */ +} +.ui-arc-listview-carousel .ui-listview { + padding-bottom: 0; +} +.ui-force-relative-li-children li { + position: relative !important; +} +/* Keyboard is visible, screen height is lower then half of screen */ +@media (max-height: 180px) { + .ui-arc-listview-carousel li input[type=text]:focus, + .ui-arc-listview-carousel li input[type=password]:focus { + position: fixed; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + } +} +.ui-number-picker-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 6.875rem; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + top: 0.5625rem; +} +.ui-number-picker-container .ui-circleindicator { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1001; + pointer-events: none; +} +.ui-number-picker-container .ui-circleindicator .ui-animated { + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.ui-number-picker-container input[type="number"] { + display: none; +} +.ui-number-picker-container .ui-number-picker-label { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + font-size: 1.5rem; + line-height: 1.5625rem; + color: rgba(250, 250, 250, 1); + display: block; + width: 5rem; + opacity: 1; + -webkit-transition-duration: 300ms, 300ms; + transition-duration: 300ms, 300ms; + -webkit-transition-property: opacity, top; + transition-property: opacity, top; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.ui-number-picker-container .ui-number-picker-label.hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-number-picker-container .ui-number-picker-number { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + font-size: 3.125rem; + line-height: 5.3125rem; + margin-top: -0.375rem; + color: rgba(250, 250, 250, 1); + min-width: 5rem; + display: block; + padding-top: 0.4375rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin { + margin-top: 0.5rem; + height: 3.125rem; + width: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.5rem; + height: 100%; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling { + height: 100%; +} +.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number { + color: rgba(102, 102, 102, 1); +} +.ui-number-picker-container .ui-number-picker-number-pressed { + color: rgba(54, 145, 179, 1); +} +.ui-number-picker-container .ui-number-picker-number-blink { + -webkit-animation: ui-number-picker-number-blink 1s infinite; + animation: ui-number-picker-number-blink 1s infinite; +} +.ui-number-picker-container .ui-spin { + height: 3.125rem; + line-height: normal; + margin-top: 0; + padding: 0; + width: 3.75rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-spin.enabled { + height: 100%; +} +.ui-number-picker-container .hidden { + display: none; +} +.ui-number-picker-container .ui-spin-item { + font-size: 3.125rem; + height: 2.375rem; +} +.ui-number-picker-container:not(.ui-time-picker) span { + margin-left: 8.75rem; +} +.ui-number-picker-container:not(.ui-time-picker) label { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translate(-50%); + -ms-transform: translate(-50%); + transform: translate(-50%); +} +.ui-time-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-time-picker .ui-time-picker-container-hours { + float: left; + height: inherit; + width: 5rem; +} +.ui-time-picker .ui-time-picker-colon-container { + float: left; + height: 5.3125rem; + width: 0.75rem; + margin-left: 0.5rem; + padding-top: 2.8125rem; +} +.ui-time-picker .ui-time-picker-colon-container span { + font-size: 2.5rem; +} +.ui-time-picker div { + font-size: 2.5rem; +} +.ui-time-picker div label { + font-size: 1rem; +} +.ui-time-picker .ui-time-picker-active-label-animation { + -webkit-animation: changeColor 1s infinite; + animation: changeColor 1s infinite; + color: rgba(77, 207, 255, 1); +} +.ui-time-picker .ui-time-picker-container-minutes { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; +} +.ui-time-picker .ui-time-picker-container-ampm { + float: left; + height: 4.0625rem; + margin-top: 2.0625rem; + margin-left: 0.5rem; + width: 6.25rem; + overflow-y: hidden; +} +.ui-time-picker .ui-time-picker-container-ampm div { + height: 8.125rem; + position: relative; +} +.ui-time-picker .ui-time-picker-container-ampm div span { + font-size: 3.125rem; + height: 4.0625rem; + line-height: 4.0625rem; + width: 6.25rem; + display: inline-block; + position: relative; + color: rgba(77, 207, 255, 1); +} +.ui-time-picker .ui-time-picker-container-ampm-pressed div span { + color: rgba(54, 145, 179, 1); +} +.ui-time-picker .ui-number-picker-label { + display: block; + width: 5rem; + font-size: 1.5rem; + height: 2.0625rem; + position: absolute; + opacity: 1; + top: -0.375rem; + -webkit-transition-duration: 300ms, 300ms; + transition-duration: 300ms, 300ms; + -webkit-transition-property: opacity, top; + transition-property: opacity, top; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.ui-time-picker .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-time-picker .ui-number-picker-number { + width: 5rem; + font-size: 4.0625rem; + display: block; + height: 5.3125rem; + margin-top: 1.25rem; + padding-top: 0; +} +.ui-time-picker .ui-number-picker-number.ui-spin { + margin-top: 2rem; + height: 4.0625rem; + width: auto; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.625rem; + height: 100%; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-time-picker .ui-number-picker-number .ui-spin-item { + font-size: 4.0625rem; + height: 3.125rem; +} +.ui-time-picker-hidden { + opacity: 0; +} +.ui-time-picker .ui-polar .disable-transform.pointer { + -webkit-transition: none; + transition: none; +} +.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation { + -webkit-transition: none; + transition: none; + display: none; +} +.ui-circleindicator.ui-time-picker-background { + background-image: url("images/TimePicker/time_picker_bg.png"); + background-repeat: no-repeat; + background-attachment: fixed; +} +.ui-time-picker-am-pm { + margin-left: 2rem; +} +.ui-time-picker-no-am-pm { + margin-left: 5.375rem; +} +@-webkit-keyframes changeColor { + 0% { + color: rgba(77, 207, 255, 1); + } + 49% { + color: rgba(77, 207, 255, 1); + } + 51% { + color: rgba(250, 250, 250, 1); + } + 100% { + color: rgba(250, 250, 250, 1); + } +} +@keyframes changeColor { + 0% { + color: rgba(77, 207, 255, 1); + } + 49% { + color: rgba(77, 207, 255, 1); + } + 51% { + color: rgba(250, 250, 250, 1); + } + 100% { + color: rgba(250, 250, 250, 1); + } +} +@-webkit-keyframes showPM { + 0% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + 100% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } +} +@keyframes showPM { + 0% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + 100% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } +} +@-webkit-keyframes hidePM { + 0% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} +@keyframes hidePM { + 0% { + -webkit-transform: translateY(-65px); + transform: translateY(-65px); + } + 100% { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } +} +.ui-time-picker-hide-pm { + -webkit-animation: hidePM 300ms ease-out 0ms; + animation: hidePM 300ms ease-out 0ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-time-picker-show-pm { + -webkit-animation: showPM 300ms ease-out 0ms; + animation: showPM 300ms ease-out 0ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text { + font-size: 0; + height: 6.25rem; + width: 6.25rem; + max-height: 6.25rem; + border-radius: 50%; +} +.ui-colorpicker .ui-selector-indicator-arrow:before { + background-color: white; +} +.ui-date-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-date-picker.ui-number-picker-container input { + display: none; +} +.ui-date-picker.ui-number-picker-container span { + margin: -0.375rem 0 0 0; + text-align: center; + font-size: 3.125rem; + width: inherit; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label { + margin: 0; + text-align: center; + height: 1.9375rem; + line-height: 1.9375rem; + font-size: 1.5rem; + width: inherit; + opacity: 1; + -webkit-transition-duration: 300ms, 300ms; + transition-duration: 300ms, 300ms; + -webkit-transition-property: opacity, top; + transition-property: opacity, top; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-date-picker.ui-number-picker-container .ui-spin-item { + height: 3.125rem; +} +.ui-date-picker .ui-date-picker-active-label-animation { + -webkit-animation: changeColor 1s infinite; + animation: changeColor 1s infinite; + color: rgba(77, 207, 255, 1); +} +.ui-date-picker .ui-date-picker-container-month { + float: left; + height: inherit; + margin-left: 1.5rem; + width: 6rem; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-month .ui-spin { + width: 6.875rem; +} +.ui-date-picker .ui-date-picker-container-day { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-day .ui-spin { + width: 4.0625rem; +} +.ui-date-picker .ui-date-picker-container-year { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 7.5rem; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-year .ui-spin { + width: 7.5rem; +} +.ui-date-picker .ui-date-picker-containter-dayname { + position: fixed; + width: 100%; + top: 14.4375rem; + opacity: 0.8; + font-size: 1.5rem; + line-height: 2rem; + height: 2rem; + padding: 0 2.8125rem; + color: rgba(250, 250, 250, 0.8); +} +.ui-date-picker-hidden { + display: none; +} +.ui-date-picker .enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-date-picker .enabled .ui-spin-item-selected { + opacity: 1.0; +} +@keyframes changeColor { + 0% { + color: rgba(77, 207, 255, 1); + } + 49% { + color: rgba(77, 207, 255, 1); + } + 51% { + color: rgba(250, 250, 250, 1); + } + 100% { + color: rgba(250, 250, 250, 1); + } +} +input[type=text], +input[type=password], +input[type=search], +input[type=email] { + -webkit-mask-image: url("images/TextInput/b_list_edit_field_bg.png"); + mask-image: url("images/TextInput/b_list_edit_field_bg.png"); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 18rem; + height: 3.875rem; + padding: 0.8125rem 1rem; + color: rgba(250, 250, 250, 1); + font-size: 1.75rem; + background-color: rgba(250, 250, 250, 0.15); + border: none; + outline: none; +} +input[type=text]:disabled, +input[type=password]:disabled, +input[type=search]:disabled, +input[type=email]:disabled { + color: rgba(250, 250, 250, 0.3); +} +input[type=text]:focus + .ui-footer, +input[type=password]:focus + .ui-footer, +input[type=search]:focus + .ui-footer, +input[type=email]:focus + .ui-footer { + display: none; +} +input[type=text]:active, +input[type=password]:active, +input[type=search]:active, +input[type=email]:active { + background-color: #5B5B5B; +} +.ui-listview input[type=text]:focus, +.ui-arc-listview-carousel input[type=text]:focus, +.ui-listview input[type=password]:focus, +.ui-arc-listview-carousel input[type=password]:focus, +.ui-listview input[type=search]:focus, +.ui-arc-listview-carousel input[type=search]:focus, +.ui-listview input[type=email]:focus, +.ui-arc-listview-carousel input[type=email]:focus { + background-color: transparent; + color: rgba(77, 225, 255, 1); + -webkit-text-fill-color: rgba(179, 179, 179, 1); + font-size: 1.875rem; +} +.ui-listview input[type=text]:active, +.ui-arc-listview-carousel input[type=text]:active, +.ui-listview input[type=password]:active, +.ui-arc-listview-carousel input[type=password]:active, +.ui-listview input[type=search]:active, +.ui-arc-listview-carousel input[type=search]:active, +.ui-listview input[type=email]:active, +.ui-arc-listview-carousel input[type=email]:active { + background-color: rgba(250, 250, 250, 0.15); +} +.ui-textinput-pane { + width: 100%; + height: 100%; + position: fixed; + display: none; + background: rgba(0, 0, 0, 1); + z-index: 1100; +} +.ui-textinput-pane input[type=text]:focus, +.ui-textinput-pane input[type=password]:focus, +.ui-textinput-pane input[type=search]:focus, +.ui-textinput-pane input[type=email]:focus { + position: fixed; + width: 100%; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + background-color: rgba(0, 0, 0, 1); +} +@media (min-height: 180px) { + .ui-textinput-pane input[type=text]:focus, + .ui-textinput-pane input[type=password]:focus, + .ui-textinput-pane input[type=search]:focus, + .ui-textinput-pane input[type=email]:focus { + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + } +} diff --git a/lib/tau/wearable/theme/default/tau.circle.min.css b/lib/tau/wearable/theme/default/tau.circle.min.css new file mode 100644 index 0000000..87d2b28 --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.circle.min.css @@ -0,0 +1 @@ +body{background:rgba(0,0,0,1);color:rgba(204,204,204,1)}.ui-page{background:rgba(0,0,0,1)}.ui-page .ui-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;height:5.75rem;line-height:39px;background-color:transparent;text-align:center;margin-top:1.4375rem}.ui-page .ui-header.ui-header-medium{margin-top:.75rem}.ui-page .ui-header.ui-header-medium .ui-title{margin-bottom:.875rem}.ui-page .ui-header.ui-header-medium .ui-subtitle{margin-top:-.4375rem}.ui-page .ui-header.ui-header-small{margin-top:.125rem}.ui-page .ui-header.ui-header-small .ui-title{margin-bottom:.25rem}.ui-page .ui-header.ui-header-small .ui-subtitle{margin-top:.1875rem}.ui-page .ui-header.ui-header-smaller{margin-top:.125rem;height:5.0625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ui-page .ui-header .ui-title{color:rgba(77,207,255,1);margin:.875rem 4rem 1.5625rem;padding-left:0;padding-right:0;font-size:30px;-webkit-mask-image:none;mask-image:none}.ui-page .ui-header .ui-title.ui-icon{background:none!important;padding-left:1.5rem}.ui-page .ui-header.ui-header-big{height:5.875rem}.ui-page .ui-header.ui-header-big .ui-title{font-size:2rem;margin-top:1.75rem;margin-bottom:1.6875rem;color:rgba(77,207,255,1)}.ui-page .ui-header .ui-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(77,207,255,1);font-size:1.5rem;font-weight:400;margin:-1.125rem 2.1875rem 0;line-height:2rem}.ui-page .ui-header.ui-has-more .ui-title{padding-right:1.5rem;-webkit-mask-image:none;mask-image:none}.ui-page .ui-header.ui-has-more .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:0 none;padding:0}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow{-webkit-mask-image:none;mask-image:none;-webkit-mask-position:initial;mask-position:initial;background-color:transparent;overflow:visible}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled=disabled]{-webkit-mask-position:initial;mask-position:initial}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active{background-color:transparent}.ui-page .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);background-color:transparent;overflow:visible;border:0 none;padding:0;text-indent:-9999px}.ui-page .ui-more::before{content:"";position:absolute;width:12.5rem;height:12.5rem;background-color:rgba(255,255,255,.13);border-radius:50%;opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);top:50%;left:50%;margin-top:-6.25rem;margin-left:-6.25rem;-webkit-transition:all ease-out 200ms;transition:all ease-out 200ms;pointer-events:none}.ui-page .ui-more:active::before{opacity:1;-webkit-transition:transform ease-out 300ms;-webkit-transition:-webkit-transform ease-out 300ms;transition:-webkit-transform ease-out 300ms;transition:transform ease-out 300ms;transition:transform ease-out 300ms, -webkit-transform ease-out 300ms;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ui-page .ui-more::after{content:"";position:absolute;width:1rem;height:2.25rem;-webkit-mask-box-image-source:url(images/Actionbar/b_more_option.png);background-color:rgba(250,250,250,1);border-radius:50%;top:50%;right:.375rem;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-content{text-align:center;font-size:32px;line-height:2.625rem}.ui-page .ui-content.ui-content-padding{font-stretch:ultra-condensed;padding-left:2.0625rem;padding-right:2.0625rem}.ui-page .ui-footer.ui-bottom-button{position:fixed!important;bottom:.375rem;z-index:1000;max-height:6.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:6.25rem}.ui-page .ui-footer.ui-bottom-button .ui-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:rgba(250,250,250,1);padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:4.5rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,53,74,.9);-webkit-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active{color:rgba(250,250,250,1);background-color:#002f4d;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled{color:rgba(250,250,250,.35);background-color:#1a1a1a;border-color:#005e99}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-page.ui-scroll-on{overflow:hidden;-webkit-overflow-scrolling:auto;-moz-overflow-scrolling:auto;-o-overflow-scrolling:auto;-ms-overflow-scrolling:auto;overflow-scrolling:auto}.ui-page.ui-scroll-on .ui-content{margin-top:7.1875rem;padding-bottom:6.25rem;padding-top:0}.ui-page.ui-scroll-on .ui-header~.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-header~.ui-scroller>.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-content~.ui-footer:not(.ui-expandable-footer){margin-top:-5.3125rem}a{color:rgba(204,204,204,1)}.ui-switch-text{margin-top:60px;margin-bottom:48px;font-size:34px;padding:0}.ui-switch-sub-text{margin-top:48px;font-size:26px;color:T161}.ui-toggleswitch{width:76px;height:76px}.ui-toggleswitch.ui-toggleswitch-large{width:76px;height:76px}.ui-toggleswitch .ui-switch-input{background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png);mask-image:url(images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-transition:background-color 300ms linear;transition:background-color 300ms linear}.ui-toggleswitch .ui-switch-input::before{content:none}.ui-toggleswitch .ui-switch-input:active{-webkit-transition:background-color 300ms linear;transition:background-color 300ms linear;background-color:rgba(250,250,250,.3)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::after{background-color:rgba(250,250,250,.4)}.ui-toggleswitch .ui-switch-input:disabled{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button::after{background-color:rgba(250,250,250,.2)}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;-webkit-transform:none;-ms-transform:none;transform:none}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{-webkit-mask-image:url(images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png);mask-image:url(images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-webkit-transition:-webkit-transform 100ms 0ms linear;transition:-webkit-transform 100ms 0ms linear;transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear;background-color:rgba(77,207,255,1);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ui-toggleswitch .ui-switch-activation::after,.ui-toggleswitch .ui-switch-button::after{content:"";width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png);mask-image:url(images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:transform 200ms 100ms linear;-webkit-transition:-webkit-transform 200ms 100ms linear;transition:-webkit-transform 200ms 100ms linear;transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:rgba(250,250,250,.5);position:absolute;left:0}.ui-toggleswitch .ui-switch-input:checked{background-color:rgba(77,207,255,1)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;-webkit-transform:none;-ms-transform:none;transform:none}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:rgba(77,207,255,1);-webkit-transition:transform 200ms 100ms linear;-webkit-transition:-webkit-transform 200ms 100ms linear;transition:-webkit-transform 200ms 100ms linear;transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear, -webkit-transform 200ms 100ms linear}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-webkit-transition:-webkit-transform 100ms 0ms linear;transition:-webkit-transform 100ms 0ms linear;transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear, -webkit-transform 100ms 0ms linear}.ui-toggleswitch .ui-switch-input:checked:active{background-color:rgba(54,145,179,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:rgba(54,145,179,1)}.ui-toggleswitch .ui-switch-input:checked:disabled{background-color:rgba(77,207,255,.3)}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:rgba(77,207,255,.3)}@-webkit-keyframes toastCheck{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}6%{-webkit-mask-position:-5.125rem 0rem;mask-position:-5.125rem 0rem}11%{-webkit-mask-position:-10.25rem 0rem;mask-position:-10.25rem 0rem}17%{-webkit-mask-position:-15.375rem 0rem;mask-position:-15.375rem 0rem}22%{-webkit-mask-position:0rem -5.125rem;mask-position:0rem -5.125rem}28%{-webkit-mask-position:-5.125rem -5.125rem;mask-position:-5.125rem -5.125rem}33%{-webkit-mask-position:-10.25rem -5.125rem;mask-position:-10.25rem -5.125rem}39%{-webkit-mask-position:-15.375rem -5.125rem;mask-position:-15.375rem -5.125rem}44%{-webkit-mask-position:0rem -10.25rem;mask-position:0rem -10.25rem}50%{-webkit-mask-position:-5.125rem -10.25rem;mask-position:-5.125rem -10.25rem}56%{-webkit-mask-position:-10.25rem -10.25rem;mask-position:-10.25rem -10.25rem}61%{-webkit-mask-position:-15.375rem -10.25rem;mask-position:-15.375rem -10.25rem}67%{-webkit-mask-position:0rem -15.375rem;mask-position:0rem -15.375rem}72%{-webkit-mask-position:-5.125rem -15.375rem;mask-position:-5.125rem -15.375rem}78%{-webkit-mask-position:-10.25rem -15.375rem;mask-position:-10.25rem -15.375rem}83%{-webkit-mask-position:-15.375rem -15.375rem;mask-position:-15.375rem -15.375rem}89%{-webkit-mask-position:0rem -20.5rem;mask-position:0rem -20.5rem}94%{-webkit-mask-position:-5.125rem -20.5rem;mask-position:-5.125rem -20.5rem}100%{-webkit-mask-position:-10.25rem -20.5rem;mask-position:-10.25rem -20.5rem}}@keyframes toastCheck{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}6%{-webkit-mask-position:-5.125rem 0rem;mask-position:-5.125rem 0rem}11%{-webkit-mask-position:-10.25rem 0rem;mask-position:-10.25rem 0rem}17%{-webkit-mask-position:-15.375rem 0rem;mask-position:-15.375rem 0rem}22%{-webkit-mask-position:0rem -5.125rem;mask-position:0rem -5.125rem}28%{-webkit-mask-position:-5.125rem -5.125rem;mask-position:-5.125rem -5.125rem}33%{-webkit-mask-position:-10.25rem -5.125rem;mask-position:-10.25rem -5.125rem}39%{-webkit-mask-position:-15.375rem -5.125rem;mask-position:-15.375rem -5.125rem}44%{-webkit-mask-position:0rem -10.25rem;mask-position:0rem -10.25rem}50%{-webkit-mask-position:-5.125rem -10.25rem;mask-position:-5.125rem -10.25rem}56%{-webkit-mask-position:-10.25rem -10.25rem;mask-position:-10.25rem -10.25rem}61%{-webkit-mask-position:-15.375rem -10.25rem;mask-position:-15.375rem -10.25rem}67%{-webkit-mask-position:0rem -15.375rem;mask-position:0rem -15.375rem}72%{-webkit-mask-position:-5.125rem -15.375rem;mask-position:-5.125rem -15.375rem}78%{-webkit-mask-position:-10.25rem -15.375rem;mask-position:-10.25rem -15.375rem}83%{-webkit-mask-position:-15.375rem -15.375rem;mask-position:-15.375rem -15.375rem}89%{-webkit-mask-position:0rem -20.5rem;mask-position:0rem -20.5rem}94%{-webkit-mask-position:-5.125rem -20.5rem;mask-position:-5.125rem -20.5rem}100%{-webkit-mask-position:-10.25rem -20.5rem;mask-position:-10.25rem -20.5rem}}.ui-popup{width:100%;height:100%;overflow:hidden;border:0;border-radius:50%;background-color:rgba(0,0,0,1)}.ui-popup ::-webkit-scrollbar{display:none}.ui-popup .ui-popup-header{text-align:center;min-height:99px;background-color:transparent;color:rgba(77,207,255,1);padding-top:60px;padding-right:61px;padding-bottom:0;padding-left:61px}.ui-popup .ui-popup-header+.ui-popup-content{padding-top:26px}.ui-popup .ui-popup-content{color:rgba(204,204,204,1);background-color:transparent;font-size:32px;line-height:2.625rem;padding:3.75rem 1.875rem .625rem;text-align:center}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-1.5625rem -3.4375rem -1rem -3.4375rem}.ui-popup.ui-has-side-buttons .ui-popup-content{padding-left:4rem;padding-right:4rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn{top:33.33%;position:fixed;text-indent:-9999px;padding:0;line-height:2.3125rem;font-size:1.75rem;font-weight:700;padding:.5rem 1.125rem 0 1.4375rem 0;color:rgba(250,250,250,1);margin:.5rem 0;height:6.25rem;width:3.75rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{content:"";width:50px;height:50px;position:absolute}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,53,74,.9);-webkit-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active{color:rgba(250,250,250,1);background-color:#002f4d;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive{background-color:#000;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled{color:rgba(250,250,250,.35);background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1){left:.125rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2){right:.125rem}.ui-popup .ui-popup-footer.ui-bottom-button{position:fixed;bottom:0;z-index:1000;max-height:6.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:6.25rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:rgba(250,250,250,1);padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:3.75rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,53,74,.9);-webkit-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active{color:rgba(250,250,250,1);background-color:#002f4d;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{-webkit-animation:btn-footer-opacity-press linear 565ms;animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled{color:rgba(250,250,250,.35);background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup-more-options{background-color:transparent}.ui-popup-more-options .ui-selector{background-color:rgba(0,0,0,.95)}.ui-popup-more-options .ui-selector .ui-selector-indicator-text{color:rgba(250,250,250,1)}.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext{color:rgba(77,207,255,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item{background-color:rgba(250,250,250,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item:active{background-color:rgba(191,191,191,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active{background-color:rgba(250,250,250,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before{background-color:rgba(8,8,8,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active{background-color:rgba(22,165,217,1)}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before{background-color:rgba(22,165,217,1)}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after{content:"";position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;background-color:rgba(77,207,255,0);-webkit-mask-image:url(images/Popup/b_popup_edge_inner_glow.png);mask-image:url(images/Popup/b_popup_edge_inner_glow.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{margin-top:4.75rem;margin-bottom:4.75rem;padding-top:0}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header+.ui-popup-content{margin-top:0;padding-top:8px}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer{margin-top:-4.75rem}.ui-popup.ui-popup-toast{min-height:100%;background-color:rgba(0,0,0,1);background-image:none;border:0;margin:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-popup.ui-popup-toast.ui-popup-active,.ui-popup.ui-popup-toast.in,.ui-popup.ui-popup-toast.ui-build{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ui-popup.ui-popup-toast .ui-popup-wrapper{width:100%}.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content{padding:0 1.875rem;height:auto;background-color:transparent;color:rgba(250,250,250,1);font-size:28px;text-align:center;line-height:37px;text-overflow:ellipsis;overflow:hidden}.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{font-size:32px;line-height:42px}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:5.125rem;height:5.125rem;margin-bottom:1rem}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon{-webkit-mask-image:url(images/Popup/toast_check.png);mask-image:url(images/Popup/toast_check.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-name:toastCheck;animation-name:toastCheck;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(230,230,230,1)}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after{content:none}.ui-popup.ui-popup-toast.ui-popup-toast-small{height:10rem;min-height:5.375rem;width:10rem;position:fixed;margin-bottom:.3125rem;background-color:rgba(48,48,48,.95);border:solid .0625rem rgba(38,38,38,.95);border-radius:50%}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content{padding:0 1.1875rem;max-height:6rem;color:rgba(255,255,255,1);font-size:1.5rem;line-height:2rem}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon{-webkit-transform:translateX(-50%) scale(0.6097561);-ms-transform:translateX(-50%) scale(0.6097561);transform:translateX(-50%) scale(0.6097561);margin:-1rem 0;background-color:rgba(250,250,250,1)}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only{width:5.375rem;height:5.375rem}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{padding-bottom:.375rem}.ui-popup.ui-ctxpopup{height:auto}.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item){margin-top:3.125rem}.ui-page.ui-scroll-on .ui-header~.ui-content .ui-listview{margin-top:0}.ui-page .ui-scroller.ui-snap-container .ui-header{margin:0;height:7.1875rem}.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview{margin-top:.6875rem}.ui-page .ui-scroller.ui-snap-container .ui-content{padding-bottom:7.875rem}.ui-listview.ui-arc-listview{padding-bottom:0}.ui-listview li{font-size:2.25rem;font-weight:500;min-height:6.75rem;max-height:22.5rem;padding:0 1.875rem;border:0 none;border-bottom:0 solid transparent;border-image:-webkit-linear-gradient(bottom,transparent,#245B85,transparent) 1;border-image:linear-gradient(0deg,transparent,#245B85,transparent) 1;color:rgba(250,250,250,1);text-align:center;line-height:2.9375rem;box-sizing:content-box;-webkit-transition-property:max-height;transition-property:max-height;-webkit-transition-duration:1ms;transition-duration:1ms}.ui-listview li.ui-listview-divider,.ui-listview li.ui-li-group-index{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:transparent;color:rgba(199,199,199,1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0}.ui-listview li.ui-listview-divider::before,.ui-listview li.ui-li-group-index::before{content:"";height:100%;width:auto;-webkit-mask-image:url(images/List/tw_list_sub_line_left.png);mask-image:url(images/List/tw_list_sub_line_left.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:-.75rem 50%;-moz-mask-position:-.75rem 50%;-ms-mask-position:-.75rem 50%;-o-mask-position:-.75rem 50%;mask-position:-.75rem 50%;background:rgba(255,255,255,.2);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-listview li.ui-listview-divider::after,.ui-listview li.ui-li-group-index::after{content:"";height:100%;width:auto;-webkit-mask-image:url(images/List/tw_list_sub_line_right.png);mask-image:url(images/List/tw_list_sub_line_right.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:.75rem 50%;-moz-mask-position:.75rem 50%;-ms-mask-position:.75rem 50%;-o-mask-position:.75rem 50%;mask-position:.75rem 50%;background:rgba(255,255,255,.2);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-listview li.ui-li-btn{padding:0}.ui-listview li.ui-li-btn .ui-btn{padding:2.625rem 2.5rem;margin:0;line-height:inherit}.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn{padding:1.75rem 1.25rem}.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn{padding:1.75rem 1.875rem;height:100%;text-indent:-9999px}.ui-listview li>*{color:rgba(250,250,250,1)}.ui-listview li>a:first-child:last-child,.ui-listview li button:first-child:last-child{padding:0;margin:0;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub{padding-top:.5625rem;padding-bottom:.5rem}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub{padding-top:.0625rem;padding-bottom:.25rem}.ui-listview li:last-child{border:0}.ui-listview li.li-divider{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:rgba(255,255,255,.2);color:rgba(199,199,199,1);padding:0}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{background-color:rgba(204,204,204,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete{background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-setting{background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-add{background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:B041P;color:rgba(250,250,250,1)}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active{background-color:transparent;color:rgba(250,250,250,1)}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(250,250,250,.65);pointer-events:none}.ui-listview.ui-snap-listview li,.ui-listview.ui-arc-listview-carousel-item li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-listview.ui-snap-listview li a,.ui-listview.ui-arc-listview-carousel-item li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-listview.ui-snap-listview li a>span,.ui-listview.ui-arc-listview-carousel-item li a>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-listview.ui-snap-listview li.ui-li-grid,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div{text-align:inherit}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after{opacity:0}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn-icon{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn{padding:0;margin:0 1.125rem 0 0;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before{border-radius:50%}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle{border-radius:50%;width:5.5rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active{-webkit-animation:btn-circle-opacity-press linear 567ms;animation:btn-circle-opacity-press linear 567ms}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child{margin-right:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child:first-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child:first-child{margin-right:1.25rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn-description,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn-description{-webkit-transform:none;-ms-transform:none;transform:none;margin:0;width:auto}.ui-listview.ui-snap-listview li .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text{color:rgba(179,179,179,1);font-size:1.5rem;display:block;-webkit-transition-property:opacity,line-height;transition-property:opacity,line-height;-webkit-transition-timing-function:ease-in-out,ease-in-out;transition-timing-function:ease-in-out,ease-in-out;-webkit-transition-duration:100ms,200ms;transition-duration:100ms,200ms;opacity:0;line-height:.01px}.ui-listview.ui-snap-listview li.ui-snap-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected,.ui-listview.ui-snap-listview li.ui-arc-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected{line-height:2.9375rem;max-height:45rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text{opacity:1;line-height:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:18.75rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child){padding-top:.125rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active{color:rgba(250,250,250,1)}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before{background-color:rgba(250,250,250,.65)}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active{background-color:B041P;color:rgba(250,250,250,1)}.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;background-color:rgba(250,250,250,.5);border-radius:20vw;pointer-events:none}.ui-listview.ui-snap-listview li li,.ui-listview.ui-arc-listview-carousel-item li li{border:0}.ui-listview.ui-snap-listview li li.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before{background-color:transparent}.ui-listview.ui-arc-listview-carousel-item-separator{height:auto}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li{padding:1.5625rem 1.875rem 1.625rem;min-height:auto;color:rgba(250,250,250,1);overflow:hidden;line-height:3rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before{display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";width:100%;height:.0625rem;background-color:#fff;-webkit-mask-box-image:url(images/List/tw_list_divider.png) 0 128 0 128 repeat repeat}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a{color:rgba(250,250,250,.4)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text{white-space:normal;color:rgba(204,204,204,1);padding-top:.5625rem;padding-bottom:.625rem;font-size:1.9375rem;line-height:2.3125rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active{color:rgba(204,204,204,.4)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline{padding-top:.5625rem;padding-bottom:.625rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text{color:rgba(179,179,179,1);font-size:1.5rem;line-height:2rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text{color:T9262P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left{padding-left:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right{padding-right:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img{background-color:unset;position:absolute;top:-webkit-calc(49.5%);top:calc(49.5%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left{left:1rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right{right:1rem}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{height:76px;width:76px}input[type=checkbox]:not(.ui-switch-input){-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input)::before{content:"";-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);height:100%;width:100%;opacity:0;position:absolute;-webkit-transition:all 300ms ease-in;transition:all 300ms ease-in}input[type=checkbox]:not(.ui-switch-input)::after{-webkit-mask-image:url(images/Controller_icon/Check/tw_btn_check_holo_dark.png);mask-image:url(images/Controller_icon/Check/tw_btn_check_holo_dark.png);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:center bottom;mask-position:center bottom;height:0;-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:500ms;transition-duration:500ms;bottom:0;-webkit-mask-size:100%;mask-size:100%}input[type=checkbox]:not(.ui-switch-input):checked::before{-webkit-animation:checkon 300ms ease-out;animation:checkon 300ms ease-out;-webkit-transition:none;transition:none;-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);opacity:1}input[type=checkbox]:not(.ui-switch-input):checked::after{background-color:rgba(77,207,255,1);height:100%}input[type=checkbox]:not(.ui-switch-input):active{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):active::after{height:0}input[type=checkbox]:not(.ui-switch-input):active:checked::before{-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):active:checked::after{background-color:rgba(77,207,255,1);height:100%}input[type=checkbox]:not(.ui-switch-input):disabled{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background:radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):disabled:checked::before{-webkit-mask-image:none;mask-image:none;background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):disabled:checked::after{background-color:rgba(77,207,255,.3);height:100%}@-webkit-keyframes checkon{from{opacity:.5}100%{opacity:1}}@keyframes checkon{from{opacity:.5}100%{opacity:1}}input[type=radio]{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.7) 63%,rgba(255,255,255,.7) 68%,transparent 72%,transparent);-webkit-mask-image:none;mask-image:none}input[type=radio]::after{content:"";-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:rgba(255,255,255,.2)}input[type=radio]::before{content:"";background-color:rgba(77,207,255,1);-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}input[type=radio]:checked{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,1) 63%,rgba(77,207,255,1) 68%,transparent 72%,transparent)}input[type=radio]:checked::before{background-color:rgba(77,207,255,1);-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:1}input[type=radio]:active{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(255,255,255,.4) 63%,rgba(255,255,255,.4) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(255,255,255,.4) 63%,rgba(255,255,255,.4) 68%,transparent 72%,transparent);-webkit-mask-image:none;mask-image:none}input[type=radio]:active::after{-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:rgba(250,250,250,.15)}input[type=radio]:active:checked{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(54,145,179,1) 63%,rgba(54,145,179,1) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(54,145,179,1) 63%,rgba(54,145,179,1) 68%,transparent 72%,transparent)}input[type=radio]:active:checked::before{-webkit-mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:rgba(54,145,179,1)}input[type=radio]:active:checked::after{content:none}input[type=radio]:disabled{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(250,250,250,.2) 63%,rgba(250,250,250,.2) 68%,transparent 72%,transparent);-webkit-mask-image:none;mask-image:none}input[type=radio]:disabled::before{-webkit-transition:none;transition:none}input[type=radio]:disabled::after{background-color:rgba(250,250,250,.1)}input[type=radio]:disabled:checked{background:-webkit-radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%,transparent);background:radial-gradient(transparent,transparent 59%,rgba(77,207,255,.3) 63%,rgba(77,207,255,.3) 68%,transparent 72%,transparent)}input[type=radio]:disabled:checked::before{background-color:rgba(77,207,255,.3);-webkit-transition:none;transition:none}input[type=radio]:disabled:checked::after{content:none}.ui-btn{color:rgba(250,250,250,1);background-color:transparent;height:auto}.ui-btn.ui-btn-icon-only::before{-webkit-mask-size:3.125rem 3.125rem;mask-size:3.125rem 3.125rem;width:3.125rem;height:3.125rem}.ui-default{color:rgba(250,250,250,1);background-color:transparent}.ui-color-red{color:rgba(250,250,250,1);background-color:W012}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:W012}.ui-color-red:enabled:focus{background-color:W012}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:rgba(250,250,250,1);background-color:W012}.ui-color-orange{color:rgba(250,250,250,1);background-color:W013}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:W013}.ui-color-orange:enabled:focus{background-color:W013}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:rgba(250,250,250,1);background-color:W013}.ui-color-green{color:rgba(250,250,250,1);background-color:W014}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:W014}.ui-color-green:enabled:focus{background-color:W014}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:rgba(250,250,250,1);background-color:W014}.ui-color-blue{color:rgba(250,250,250,1);background-color:rgba(1,59,74,1)}a.ui-color-blue:active:hover,.ui-color-blue:enabled:active:hover{background-color:rgba(1,59,74,1)}.ui-color-blue:enabled:focus{background-color:rgba(1,59,74,1)}a.ui-color-blue.ui-state-disabled,.ui-color-blue:disabled{color:rgba(250,250,250,1);background-color:rgba(1,59,74,1)}.ui-grid-col-1>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-2>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-3>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left{border:.5rem solid rgba(77,207,255,1)}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right{border:.5rem solid rgba(77,207,255,1)}.ui-progressbar .ui-progressbar-bg{border:.5rem solid rgba(0,67,115,1)}.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left,.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right{border:.25rem solid rgba(77,207,255,1)}.ui-progressbar.ui-progressbar-small .ui-progressbar-bg{border:.25rem solid rgba(0,67,115,1)}.ui-progressbar-end-point{position:absolute;z-index:1000;width:20px;height:20px;background:#37a1ed;border-radius:50%;left:180px;top:180px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;display:none}.ui-progressbar-end-point::after{content:"";position:absolute;width:100%;height:100%;background:rgba(55,161,237,.5);left:0;right:0;border-radius:50%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ui-progressbar-end-point-active{display:block}.ui-progressbar-end-point-pressed::after{content:"";-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{background-color:rgba(69,68,68,.9)}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{color:rgba(77,207,255,1)}.ui-indexscrollbar{display:none}.ui-drawer{background-color:rgba(0,0,0,.85);border-radius:50%}.ui-drawer-overlay{background-color:rgba(0,0,0,.85)}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:rgba(77,207,255,1)}}progress{color:rgba(204,204,204,1)}progress::-webkit-progress-bar{background-color:rgba(0,67,115,1)}progress::-webkit-progress-value{background-color:rgba(77,207,255,1)}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:rgba(77,207,255,1)}@-webkit-keyframes fullprocess{0%{-webkit-mask-position:0vw 0vw;mask-position:0vw 0vw}2%{-webkit-mask-position:-100vw 0vw;mask-position:-100vw 0vw}3%{-webkit-mask-position:-200vw 0vw;mask-position:-200vw 0vw}5%{-webkit-mask-position:-300vw 0vw;mask-position:-300vw 0vw}7%{-webkit-mask-position:-400vw 0vw;mask-position:-400vw 0vw}8%{-webkit-mask-position:-500vw 0vw;mask-position:-500vw 0vw}10%{-webkit-mask-position:-600vw 0vw;mask-position:-600vw 0vw}12%{-webkit-mask-position:0vw -100vw;mask-position:0vw -100vw}14%{-webkit-mask-position:-100vw -100vw;mask-position:-100vw -100vw}15%{-webkit-mask-position:-200vw -100vw;mask-position:-200vw -100vw}17%{-webkit-mask-position:-300vw -100vw;mask-position:-300vw -100vw}19%{-webkit-mask-position:-400vw -100vw;mask-position:-400vw -100vw}20%{-webkit-mask-position:-500vw -100vw;mask-position:-500vw -100vw}22%{-webkit-mask-position:-600vw -100vw;mask-position:-600vw -100vw}24%{-webkit-mask-position:0vw -200vw;mask-position:0vw -200vw}25%{-webkit-mask-position:-100vw -200vw;mask-position:-100vw -200vw}27%{-webkit-mask-position:-200vw -200vw;mask-position:-200vw -200vw}29%{-webkit-mask-position:-300vw -200vw;mask-position:-300vw -200vw}31%{-webkit-mask-position:-400vw -200vw;mask-position:-400vw -200vw}32%{-webkit-mask-position:-500vw -200vw;mask-position:-500vw -200vw}34%{-webkit-mask-position:-600vw -200vw;mask-position:-600vw -200vw}36%{-webkit-mask-position:0vw -300vw;mask-position:0vw -300vw}37%{-webkit-mask-position:-100vw -300vw;mask-position:-100vw -300vw}39%{-webkit-mask-position:-200vw -300vw;mask-position:-200vw -300vw}41%{-webkit-mask-position:-300vw -300vw;mask-position:-300vw -300vw}42%{-webkit-mask-position:-400vw -300vw;mask-position:-400vw -300vw}44%{-webkit-mask-position:-500vw -300vw;mask-position:-500vw -300vw}46%{-webkit-mask-position:-600vw -300vw;mask-position:-600vw -300vw}47%{-webkit-mask-position:0vw -400vw;mask-position:0vw -400vw}49%{-webkit-mask-position:-100vw -400vw;mask-position:-100vw -400vw}51%{-webkit-mask-position:-200vw -400vw;mask-position:-200vw -400vw}53%{-webkit-mask-position:-300vw -400vw;mask-position:-300vw -400vw}54%{-webkit-mask-position:-400vw -400vw;mask-position:-400vw -400vw}56%{-webkit-mask-position:-500vw -400vw;mask-position:-500vw -400vw}58%{-webkit-mask-position:-600vw -400vw;mask-position:-600vw -400vw}59%{-webkit-mask-position:0vw -500vw;mask-position:0vw -500vw}61%{-webkit-mask-position:-100vw -500vw;mask-position:-100vw -500vw}63%{-webkit-mask-position:-200vw -500vw;mask-position:-200vw -500vw}64%{-webkit-mask-position:-300vw -500vw;mask-position:-300vw -500vw}66%{-webkit-mask-position:-400vw -500vw;mask-position:-400vw -500vw}68%{-webkit-mask-position:-500vw -500vw;mask-position:-500vw -500vw}69%{-webkit-mask-position:-600vw -500vw;mask-position:-600vw -500vw}71%{-webkit-mask-position:0vw -600vw;mask-position:0vw -600vw}73%{-webkit-mask-position:-100vw -600vw;mask-position:-100vw -600vw}75%{-webkit-mask-position:-200vw -600vw;mask-position:-200vw -600vw}76%{-webkit-mask-position:-300vw -600vw;mask-position:-300vw -600vw}78%{-webkit-mask-position:-400vw -600vw;mask-position:-400vw -600vw}80%{-webkit-mask-position:-500vw -600vw;mask-position:-500vw -600vw}81%{-webkit-mask-position:-600vw -600vw;mask-position:-600vw -600vw}83%{-webkit-mask-position:0vw -700vw;mask-position:0vw -700vw}85%{-webkit-mask-position:-100vw -700vw;mask-position:-100vw -700vw}86%{-webkit-mask-position:-200vw -700vw;mask-position:-200vw -700vw}88%{-webkit-mask-position:-300vw -700vw;mask-position:-300vw -700vw}90%{-webkit-mask-position:-400vw -700vw;mask-position:-400vw -700vw}92%{-webkit-mask-position:-500vw -700vw;mask-position:-500vw -700vw}93%{-webkit-mask-position:-600vw -700vw;mask-position:-600vw -700vw}95%{-webkit-mask-position:0vw -800vw;mask-position:0vw -800vw}97%{-webkit-mask-position:-100vw -800vw;mask-position:-100vw -800vw}98%{-webkit-mask-position:-200vw -800vw;mask-position:-200vw -800vw}100%{-webkit-mask-position:-300vw -800vw;mask-position:-300vw -800vw}}@keyframes fullprocess{0%{-webkit-mask-position:0vw 0vw;mask-position:0vw 0vw}2%{-webkit-mask-position:-100vw 0vw;mask-position:-100vw 0vw}3%{-webkit-mask-position:-200vw 0vw;mask-position:-200vw 0vw}5%{-webkit-mask-position:-300vw 0vw;mask-position:-300vw 0vw}7%{-webkit-mask-position:-400vw 0vw;mask-position:-400vw 0vw}8%{-webkit-mask-position:-500vw 0vw;mask-position:-500vw 0vw}10%{-webkit-mask-position:-600vw 0vw;mask-position:-600vw 0vw}12%{-webkit-mask-position:0vw -100vw;mask-position:0vw -100vw}14%{-webkit-mask-position:-100vw -100vw;mask-position:-100vw -100vw}15%{-webkit-mask-position:-200vw -100vw;mask-position:-200vw -100vw}17%{-webkit-mask-position:-300vw -100vw;mask-position:-300vw -100vw}19%{-webkit-mask-position:-400vw -100vw;mask-position:-400vw -100vw}20%{-webkit-mask-position:-500vw -100vw;mask-position:-500vw -100vw}22%{-webkit-mask-position:-600vw -100vw;mask-position:-600vw -100vw}24%{-webkit-mask-position:0vw -200vw;mask-position:0vw -200vw}25%{-webkit-mask-position:-100vw -200vw;mask-position:-100vw -200vw}27%{-webkit-mask-position:-200vw -200vw;mask-position:-200vw -200vw}29%{-webkit-mask-position:-300vw -200vw;mask-position:-300vw -200vw}31%{-webkit-mask-position:-400vw -200vw;mask-position:-400vw -200vw}32%{-webkit-mask-position:-500vw -200vw;mask-position:-500vw -200vw}34%{-webkit-mask-position:-600vw -200vw;mask-position:-600vw -200vw}36%{-webkit-mask-position:0vw -300vw;mask-position:0vw -300vw}37%{-webkit-mask-position:-100vw -300vw;mask-position:-100vw -300vw}39%{-webkit-mask-position:-200vw -300vw;mask-position:-200vw -300vw}41%{-webkit-mask-position:-300vw -300vw;mask-position:-300vw -300vw}42%{-webkit-mask-position:-400vw -300vw;mask-position:-400vw -300vw}44%{-webkit-mask-position:-500vw -300vw;mask-position:-500vw -300vw}46%{-webkit-mask-position:-600vw -300vw;mask-position:-600vw -300vw}47%{-webkit-mask-position:0vw -400vw;mask-position:0vw -400vw}49%{-webkit-mask-position:-100vw -400vw;mask-position:-100vw -400vw}51%{-webkit-mask-position:-200vw -400vw;mask-position:-200vw -400vw}53%{-webkit-mask-position:-300vw -400vw;mask-position:-300vw -400vw}54%{-webkit-mask-position:-400vw -400vw;mask-position:-400vw -400vw}56%{-webkit-mask-position:-500vw -400vw;mask-position:-500vw -400vw}58%{-webkit-mask-position:-600vw -400vw;mask-position:-600vw -400vw}59%{-webkit-mask-position:0vw -500vw;mask-position:0vw -500vw}61%{-webkit-mask-position:-100vw -500vw;mask-position:-100vw -500vw}63%{-webkit-mask-position:-200vw -500vw;mask-position:-200vw -500vw}64%{-webkit-mask-position:-300vw -500vw;mask-position:-300vw -500vw}66%{-webkit-mask-position:-400vw -500vw;mask-position:-400vw -500vw}68%{-webkit-mask-position:-500vw -500vw;mask-position:-500vw -500vw}69%{-webkit-mask-position:-600vw -500vw;mask-position:-600vw -500vw}71%{-webkit-mask-position:0vw -600vw;mask-position:0vw -600vw}73%{-webkit-mask-position:-100vw -600vw;mask-position:-100vw -600vw}75%{-webkit-mask-position:-200vw -600vw;mask-position:-200vw -600vw}76%{-webkit-mask-position:-300vw -600vw;mask-position:-300vw -600vw}78%{-webkit-mask-position:-400vw -600vw;mask-position:-400vw -600vw}80%{-webkit-mask-position:-500vw -600vw;mask-position:-500vw -600vw}81%{-webkit-mask-position:-600vw -600vw;mask-position:-600vw -600vw}83%{-webkit-mask-position:0vw -700vw;mask-position:0vw -700vw}85%{-webkit-mask-position:-100vw -700vw;mask-position:-100vw -700vw}86%{-webkit-mask-position:-200vw -700vw;mask-position:-200vw -700vw}88%{-webkit-mask-position:-300vw -700vw;mask-position:-300vw -700vw}90%{-webkit-mask-position:-400vw -700vw;mask-position:-400vw -700vw}92%{-webkit-mask-position:-500vw -700vw;mask-position:-500vw -700vw}93%{-webkit-mask-position:-600vw -700vw;mask-position:-600vw -700vw}95%{-webkit-mask-position:0vw -800vw;mask-position:0vw -800vw}97%{-webkit-mask-position:-100vw -800vw;mask-position:-100vw -800vw}98%{-webkit-mask-position:-200vw -800vw;mask-position:-200vw -800vw}100%{-webkit-mask-position:-300vw -800vw;mask-position:-300vw -800vw}}.ui-page-active .ui-processing{opacity:1}.ui-processing{opacity:0;background-color:rgba(77,207,255,1);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.ui-processing.ui-processing-alternate{background-color:rgba(250,250,250,1)}.ui-processing.ui-processing-on-center{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-processing.ui-processing-full-size{-webkit-mask-image:url(images/Processing/processingfull.png);mask-image:url(images/Processing/processingfull.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-name:fullprocess;animation-name:fullprocess;pointer-events:none;position:fixed;width:100vw;height:100vw;top:0;left:0;margin:0}.ui-listview li .ui-processing{position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-scrollbar-bouncing-effect{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;background-color:rgba(77,207,255,.2)}.ui-scrollbar-bouncing-effect::before{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(77,207,255,0)}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:5.5rem;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:5.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:5.5rem;height:100%;top:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:5.5rem;height:100%;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_top_glow.png);mask-image:url(images/Scroller/bouncing_circle_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_top_edge.png);mask-image:url(images/Scroller/bouncing_circle_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_bottom_glow.png);mask-image:url(images/Scroller/bouncing_circle_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_bottom_edge.png);mask-image:url(images/Scroller/bouncing_circle_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_left_glow.png);mask-image:url(images/Scroller/bouncing_circle_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_left_edge.png);mask-image:url(images/Scroller/bouncing_circle_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;-webkit-mask-image:url(images/Scroller/bouncing_circle_right_glow.png);mask-image:url(images/Scroller/bouncing_circle_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{-webkit-mask-image:url(images/Scroller/bouncing_circle_right_edge.png);mask-image:url(images/Scroller/bouncing_circle_right_edge.png)}@-webkit-keyframes -ui-bouncing-show-additional{0%{opacity:0}42%{opacity:0}100%{opacity:.7}}@keyframes -ui-bouncing-show-additional{0%{opacity:0}42%{opacity:0}100%{opacity:.7}}@-webkit-keyframes ui-bouncing-show-top{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-top{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ui-bouncing-show-left{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-left{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ui-bouncing-show-right{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-right{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ui-bouncing-show-bottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-bottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes -ui-bouncing-hide-additional{0%{opacity:.7}42%{opacity:0}100%{opacity:0}}@keyframes -ui-bouncing-hide-additional{0%{opacity:.7}42%{opacity:0}100%{opacity:0}}@-webkit-keyframes ui-bouncing-hide-left{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ui-bouncing-hide-left{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes ui-bouncing-hide-right{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes ui-bouncing-hide-right{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes ui-bouncing-hide-bottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes ui-bouncing-hide-bottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes ui-bouncing-hide-top{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes ui-bouncing-hide-top{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}42%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.ui-scrollbar-bouncing-effect.ui-show{display:block}.ui-scrollbar-bouncing-effect.ui-show.ui-left{-webkit-animation-name:ui-bouncing-show-left;animation-name:ui-bouncing-show-left}.ui-scrollbar-bouncing-effect.ui-show.ui-right{-webkit-animation-name:ui-bouncing-show-right;animation-name:ui-bouncing-show-right}.ui-scrollbar-bouncing-effect.ui-show.ui-bottom{-webkit-animation-name:ui-bouncing-show-bottom;animation-name:ui-bouncing-show-bottom}.ui-scrollbar-bouncing-effect.ui-show.ui-top{-webkit-animation-name:ui-bouncing-show-top;animation-name:ui-bouncing-show-top}.ui-scrollbar-bouncing-effect.ui-show::before{-webkit-animation-name:-ui-bouncing-show-additional;animation-name:-ui-bouncing-show-additional}.ui-scrollbar-bouncing-effect.ui-hide{-webkit-animation-duration:.3s;animation-duration:.3s;display:block}.ui-scrollbar-bouncing-effect.ui-hide.ui-left{-webkit-animation-name:ui-bouncing-hide-left;animation-name:ui-bouncing-hide-left}.ui-scrollbar-bouncing-effect.ui-hide.ui-right{-webkit-animation-name:ui-bouncing-hide-right;animation-name:ui-bouncing-hide-right}.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom{-webkit-animation-name:ui-bouncing-hide-bottom;animation-name:ui-bouncing-hide-bottom}.ui-scrollbar-bouncing-effect.ui-hide.ui-top{-webkit-animation-name:ui-bouncing-hide-top;animation-name:ui-bouncing-hide-top}.ui-scrollbar-bouncing-effect.ui-hide::before{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:-ui-bouncing-hide-additional;animation-name:-ui-bouncing-hide-additional}.is-circle-test{width:1px}.ui-selector{background-color:rgba(0,0,0,1)}.ui-selector .ui-item{background-color:rgba(250,250,250,1)}.ui-selector .ui-item:active{background-color:rgba(191,191,191,1)}.ui-selector .ui-item.ui-item-active:active{background-color:rgba(250,250,250,1)}.ui-selector .ui-layer.ui-layer-prev,.ui-selector .ui-layer.ui-layer-next{background-color:rgba(250,250,250,1)}.ui-selector .ui-layer.ui-layer-prev:active,.ui-selector .ui-layer.ui-layer-next:active{background-color:rgba(250,250,250,.4)}.ui-selector .ui-selector-indicator{font-size:1.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{color:rgba(250,250,250,1)}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{color:rgba(77,207,255,1)}.ui-selector .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background-color:rgba(77,207,255,.4)}.ui-selector .ui-selector-indicator-active+.ui-selector-indicator-arrow::before{background-color:rgba(77,207,255,.4)}.ui-selector .ui-selector-indicator-arrow::before{background-color:rgba(77,207,255,1)}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev){pointer-events:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator>:not(.ui-selector-indicator-text){display:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder{box-sizing:border-box;border:.0625rem solid rgba(250,250,250,.5);background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after{display:none}@-webkit-keyframes dragItem{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.21428571);transform:scale(1.21428571);opacity:.7}}@keyframes dragItem{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.21428571);transform:scale(1.21428571);opacity:.7}}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved{position:fixed;width:3.5rem;height:3.5rem;z-index:101;visibility:visible;opacity:.7;-webkit-transform:scale(1.21428571);-ms-transform:scale(1.21428571);transform:scale(1.21428571);pointer-events:none;margin:-1.75rem;-webkit-animation:333ms dragItem;animation:333ms dragItem}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{position:absolute;width:1.875rem;height:1.875rem;top:-.125rem}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg{background-color:rgba(250,250,250,.5)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after{background-color:rgba(184,46,46,.5)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg{position:absolute;width:100%;height:100%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before{background-color:rgba(0,0,0,.35);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{background-color:rgba(184,46,46,1);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{right:-.1875rem;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;left:-.1875rem}.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item{opacity:0;-webkit-transition:opacity 200ms;transition:opacity 200ms}.ui-selector.ui-selector-edit-mode .ui-item-plus{background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_add.png);mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_add.png);-webkit-mask-size:100%;mask-size:100%}.ui-bezelless-selector .ui-more{z-index:1}.ui-bezelless-selector .ui-listview li img{width:3.125rem;height:3.125rem}.ui-bezelless-selector .thumb-container{display:inline-block;width:3.125rem;height:3.125rem;position:absolute;left:2.5rem;background:#fff;border-radius:6.25rem}.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:3.125rem}.ui-slider-container{position:fixed;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-slider-container .ui-slider-icon{width:9.375rem;height:9.375rem;margin:0 auto}.ui-slider-container .ui-slider-titles{height:4.625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-slider-container .ui-slider-titles .ui-slider-title{color:rgba(250,250,250,1);font-size:1.875rem;line-height:1.875rem;margin-top:.4375rem}.ui-slider-container .ui-slider-titles .ui-slider-subtitle{color:rgba(77,207,255,1);font-size:1.8125rem;line-height:1.875rem}.ui-slider-container .ui-slider-buttons{height:4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.ui-slider-container .ui-slider-buttons .ui-slider-minus{width:2.75rem;height:100%;background:url(images/Slider/b_slider_icon_minus.png) no-repeat center center;z-index:1}.ui-slider-container .ui-slider-buttons .ui-slider-number{height:100%;color:rgba(250,250,250,1);font-size:2.5rem;width:4.125rem;margin:0 -1.25rem;line-height:3.25rem;margin-top:.3125rem}.ui-slider-container .ui-slider-buttons .ui-slider-plus{background:url(images/Slider/b_slider_icon_plus.png) no-repeat center center;width:2.75rem;height:100%;z-index:1}a.ui-hyperlink{color:rgba(77,225,255,1)}a.ui-hyperlink:active,a.ui-hyperlink:hover{color:rgba(77,225,255,.5)}.ui-arc-listview{width:22.5rem;display:block;overflow:hidden;top:0;left:0}.ui-arc-listview-carousel{position:absolute;top:0;left:0;width:100%;height:100%}.ui-arc-listview-carousel-item{width:22.5rem;position:absolute;height:6.75rem}.ui-arc-listview-carousel-item li{top:3.375rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-arc-listview-5 .ui-arc-listview-carousel-item{height:4.375rem}.ui-arc-listview-5 .ui-arc-listview-carousel-item li{top:2.1875rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ui-arc-listview-selection{opacity:0;position:absolute;-webkit-transition:opacity 250ms;transition:opacity 250ms;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;top:50%;width:22.5rem;height:7.5rem;left:0;right:0;border-radius:4.5rem;background-color:rgba(250,250,250,.5)}.ui-arc-listview-selection-show{opacity:1}.ui-arc-listview li,.ui-arc-listview-carousel li{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:6.75rem;vertical-align:middle}.ui-arc-listview li.ui-li-group-index,.ui-arc-listview-carousel li.ui-li-group-index,.ui-arc-listview li.ui-listview-divider,.ui-arc-listview-carousel li.ui-listview-divider{margin-top:0;border:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.ui-arc-listview li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider){margin-top:0}.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:4.375rem}.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected,.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:4.375rem}.ui-arc-listview-carousel{}.ui-arc-listview-carousel .ui-listview{padding-bottom:0}.ui-force-relative-li-children li{position:relative!important}@media (max-height:180px){.ui-arc-listview-carousel li input[type=text]:focus,.ui-arc-listview-carousel li input[type=password]:focus{position:fixed;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem}}.ui-number-picker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:6.875rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;top:.5625rem}.ui-number-picker-container .ui-circleindicator{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;pointer-events:none}.ui-number-picker-container .ui-circleindicator .ui-animated{-webkit-transition-duration:.3s;transition-duration:.3s}.ui-number-picker-container input[type=number]{display:none}.ui-number-picker-container .ui-number-picker-label{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;font-size:1.5rem;line-height:1.5625rem;color:rgba(250,250,250,1);display:block;width:5rem;opacity:1;-webkit-transition-duration:300ms,300ms;transition-duration:300ms,300ms;-webkit-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ui-number-picker-container .ui-number-picker-label.hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-number-picker-container .ui-number-picker-number{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;font-size:3.125rem;line-height:5.3125rem;margin-top:-.375rem;color:rgba(250,250,250,1);min-width:5rem;display:block;padding-top:.4375rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin{margin-top:.5rem;height:3.125rem;width:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled{margin-top:.5rem;height:100%}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling{height:100%}.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number{color:rgba(102,102,102,1)}.ui-number-picker-container .ui-number-picker-number-pressed{color:rgba(54,145,179,1)}.ui-number-picker-container .ui-number-picker-number-blink{-webkit-animation:ui-number-picker-number-blink 1s infinite;animation:ui-number-picker-number-blink 1s infinite}.ui-number-picker-container .ui-spin{height:3.125rem;line-height:normal;margin-top:0;padding:0;width:3.75rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-spin.enabled{height:100%}.ui-number-picker-container .hidden{display:none}.ui-number-picker-container .ui-spin-item{font-size:3.125rem;height:2.375rem}.ui-number-picker-container:not(.ui-time-picker) span{margin-left:8.75rem}.ui-number-picker-container:not(.ui-time-picker) label{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.ui-time-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-time-picker .ui-time-picker-container-hours{float:left;height:inherit;width:5rem}.ui-time-picker .ui-time-picker-colon-container{float:left;height:5.3125rem;width:.75rem;margin-left:.5rem;padding-top:2.8125rem}.ui-time-picker .ui-time-picker-colon-container span{font-size:2.5rem}.ui-time-picker div{font-size:2.5rem}.ui-time-picker div label{font-size:1rem}.ui-time-picker .ui-time-picker-active-label-animation{-webkit-animation:changeColor 1s infinite;animation:changeColor 1s infinite;color:rgba(77,207,255,1)}.ui-time-picker .ui-time-picker-container-minutes{float:left;height:inherit;margin-left:.5rem;width:5rem}.ui-time-picker .ui-time-picker-container-ampm{float:left;height:4.0625rem;margin-top:2.0625rem;margin-left:.5rem;width:6.25rem;overflow-y:hidden}.ui-time-picker .ui-time-picker-container-ampm div{height:8.125rem;position:relative}.ui-time-picker .ui-time-picker-container-ampm div span{font-size:3.125rem;height:4.0625rem;line-height:4.0625rem;width:6.25rem;display:inline-block;position:relative;color:rgba(77,207,255,1)}.ui-time-picker .ui-time-picker-container-ampm-pressed div span{color:rgba(54,145,179,1)}.ui-time-picker .ui-number-picker-label{display:block;width:5rem;font-size:1.5rem;height:2.0625rem;position:absolute;opacity:1;top:-.375rem;-webkit-transition-duration:300ms,300ms;transition-duration:300ms,300ms;-webkit-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ui-time-picker .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-time-picker .ui-number-picker-number{width:5rem;font-size:4.0625rem;display:block;height:5.3125rem;margin-top:1.25rem;padding-top:0}.ui-time-picker .ui-number-picker-number.ui-spin{margin-top:2rem;height:4.0625rem;width:auto}.ui-time-picker .ui-number-picker-number.ui-spin.enabled{margin-top:.625rem;height:100%}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-time-picker .ui-number-picker-number .ui-spin-item{font-size:4.0625rem;height:3.125rem}.ui-time-picker-hidden{opacity:0}.ui-time-picker .ui-polar .disable-transform.pointer{-webkit-transition:none;transition:none}.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation{-webkit-transition:none;transition:none;display:none}.ui-circleindicator.ui-time-picker-background{background-image:url(images/TimePicker/time_picker_bg.png);background-repeat:no-repeat;background-attachment:fixed}.ui-time-picker-am-pm{margin-left:2rem}.ui-time-picker-no-am-pm{margin-left:5.375rem}@-webkit-keyframes changeColor{0%{color:rgba(77,207,255,1)}49%{color:rgba(77,207,255,1)}51%{color:rgba(250,250,250,1)}100%{color:rgba(250,250,250,1)}}@keyframes changeColor{0%{color:rgba(77,207,255,1)}49%{color:rgba(77,207,255,1)}51%{color:rgba(250,250,250,1)}100%{color:rgba(250,250,250,1)}}@-webkit-keyframes showPM{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}}@keyframes showPM{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}}@-webkit-keyframes hidePM{0%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes hidePM{0%{-webkit-transform:translateY(-65px);transform:translateY(-65px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.ui-time-picker-hide-pm{-webkit-animation:hidePM 300ms ease-out 0ms;animation:hidePM 300ms ease-out 0ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-time-picker-show-pm{-webkit-animation:showPM 300ms ease-out 0ms;animation:showPM 300ms ease-out 0ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text{font-size:0;height:6.25rem;width:6.25rem;max-height:6.25rem;border-radius:50%}.ui-colorpicker .ui-selector-indicator-arrow:before{background-color:#fff}.ui-date-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-date-picker.ui-number-picker-container input{display:none}.ui-date-picker.ui-number-picker-container span{margin:-.375rem 0 0 0;text-align:center;font-size:3.125rem;width:inherit}.ui-date-picker.ui-number-picker-container .ui-number-picker-label{margin:0;text-align:center;height:1.9375rem;line-height:1.9375rem;font-size:1.5rem;width:inherit;opacity:1;-webkit-transition-duration:300ms,300ms;transition-duration:300ms,300ms;-webkit-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:linear;transition-timing-function:linear}.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-date-picker.ui-number-picker-container .ui-spin-item{height:3.125rem}.ui-date-picker .ui-date-picker-active-label-animation{-webkit-animation:changeColor 1s infinite;animation:changeColor 1s infinite;color:rgba(77,207,255,1)}.ui-date-picker .ui-date-picker-container-month{float:left;height:inherit;margin-left:1.5rem;width:6rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-date-picker .ui-date-picker-container-month .ui-spin{width:6.875rem}.ui-date-picker .ui-date-picker-container-day{float:left;height:inherit;margin-left:.5rem;width:5rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-date-picker .ui-date-picker-container-day .ui-spin{width:4.0625rem}.ui-date-picker .ui-date-picker-container-year{float:left;height:inherit;margin-left:.5rem;width:7.5rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-date-picker .ui-date-picker-container-year .ui-spin{width:7.5rem}.ui-date-picker .ui-date-picker-containter-dayname{position:fixed;width:100%;top:14.4375rem;opacity:.8;font-size:1.5rem;line-height:2rem;height:2rem;padding:0 2.8125rem;color:rgba(250,250,250,.8)}.ui-date-picker-hidden{display:none}.ui-date-picker .enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-date-picker .enabled .ui-spin-item-selected{opacity:1}@keyframes changeColor{0%{color:rgba(77,207,255,1)}49%{color:rgba(77,207,255,1)}51%{color:rgba(250,250,250,1)}100%{color:rgba(250,250,250,1)}}input[type=text],input[type=password],input[type=search],input[type=email]{-webkit-mask-image:url(images/TextInput/b_list_edit_field_bg.png);mask-image:url(images/TextInput/b_list_edit_field_bg.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;width:18rem;height:3.875rem;padding:.8125rem 1rem;color:rgba(250,250,250,1);font-size:1.75rem;background-color:rgba(250,250,250,.15);border:0;outline:0}input[type=text]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=email]:disabled{color:rgba(250,250,250,.3)}input[type=text]:focus+.ui-footer,input[type=password]:focus+.ui-footer,input[type=search]:focus+.ui-footer,input[type=email]:focus+.ui-footer{display:none}input[type=text]:active,input[type=password]:active,input[type=search]:active,input[type=email]:active{background-color:#5B5B5B}.ui-listview input[type=text]:focus,.ui-arc-listview-carousel input[type=text]:focus,.ui-listview input[type=password]:focus,.ui-arc-listview-carousel input[type=password]:focus,.ui-listview input[type=search]:focus,.ui-arc-listview-carousel input[type=search]:focus,.ui-listview input[type=email]:focus,.ui-arc-listview-carousel input[type=email]:focus{background-color:transparent;color:rgba(77,225,255,1);-webkit-text-fill-color:rgba(179,179,179,1);font-size:1.875rem}.ui-listview input[type=text]:active,.ui-arc-listview-carousel input[type=text]:active,.ui-listview input[type=password]:active,.ui-arc-listview-carousel input[type=password]:active,.ui-listview input[type=search]:active,.ui-arc-listview-carousel input[type=search]:active,.ui-listview input[type=email]:active,.ui-arc-listview-carousel input[type=email]:active{background-color:rgba(250,250,250,.15)}.ui-textinput-pane{width:100%;height:100%;position:fixed;display:none;background:rgba(0,0,0,1);z-index:1100}.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{position:fixed;width:100%;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem;background-color:rgba(0,0,0,1)}@media (min-height:180px){.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} \ No newline at end of file diff --git a/lib/tau/wearable/theme/default/tau.circle.min.template b/lib/tau/wearable/theme/default/tau.circle.min.template new file mode 100644 index 0000000..46b993a --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.circle.min.template @@ -0,0 +1 @@ +body{background:B015;color:T011}.ui-page{background:B015}.ui-page .ui-header{display:flex;flex-direction:column;justify-content:flex-end;height:5.75rem;line-height:39px;background-color:transparent;text-align:center;margin-top:1.4375rem}.ui-page .ui-header.ui-header-medium{margin-top:.75rem}.ui-page .ui-header.ui-header-medium .ui-title{margin-bottom:.875rem}.ui-page .ui-header.ui-header-medium .ui-subtitle{margin-top:-.4375rem}.ui-page .ui-header.ui-header-small{margin-top:.125rem}.ui-page .ui-header.ui-header-small .ui-title{margin-bottom:.25rem}.ui-page .ui-header.ui-header-small .ui-subtitle{margin-top:.1875rem}.ui-page .ui-header.ui-header-smaller{margin-top:.125rem;height:5.0625rem;display:flex;justify-content:flex-end}.ui-page .ui-header .ui-title{color:T012;margin:.875rem 4rem 1.5625rem;padding-left:0;padding-right:0;font-size:30px;mask-image:none}.ui-page .ui-header .ui-title.ui-icon{background:none!important;padding-left:1.5rem}.ui-page .ui-header.ui-header-big{height:5.875rem}.ui-page .ui-header.ui-header-big .ui-title{font-size:2rem;margin-top:1.75rem;margin-bottom:1.6875rem;color:T191}.ui-page .ui-header .ui-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:T019;font-size:1.5rem;font-weight:400;margin:-1.125rem 2.1875rem 0;line-height:2rem}.ui-page .ui-header.ui-has-more .ui-title{padding-right:1.5rem;mask-image:none}.ui-page .ui-header.ui-has-more .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;transform:translate(0,-50%);border:0 none;padding:0}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow{mask-image:none;mask-position:initial;background-color:transparent;overflow:visible}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled=disabled]{mask-position:initial}.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active{background-color:transparent}.ui-page .ui-more{position:fixed;top:50%;right:0;width:50px;height:140px;transform:translate(0,-50%);background-color:transparent;overflow:visible;border:0 none;padding:0;text-indent:-9999px}.ui-page .ui-more::before{content:"";position:absolute;width:12.5rem;height:12.5rem;background-color:rgba(255,255,255,.13);border-radius:50%;opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);top:50%;left:50%;margin-top:-6.25rem;margin-left:-6.25rem;-webkit-transition:all ease-out 200ms;-moz-transition:all ease-out 200ms;-o-transition:all ease-out 200ms;-ms-transition:all ease-out 200ms;transition:all ease-out 200ms;pointer-events:none}.ui-page .ui-more:active::before{opacity:1;-webkit-transition:transform ease-out 300ms;-moz-transition:transform ease-out 300ms;-o-transition:transform ease-out 300ms;-ms-transition:transform ease-out 300ms;transition:transform ease-out 300ms;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.ui-page .ui-more::after{content:"";position:absolute;width:1rem;height:2.25rem;-webkit-mask-box-image-source:url(images/Actionbar/b_more_option.png);background-color:B052L1;border-radius:50%;top:50%;right:.375rem;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-content{text-align:center;font-size:32px;line-height:2.625rem}.ui-page .ui-content.ui-content-padding{font-stretch:ultra-condensed;padding-left:2.0625rem;padding-right:2.0625rem}.ui-page .ui-footer.ui-bottom-button{position:fixed!important;bottom:.375rem;z-index:1000;max-height:6.25rem;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;min-height:6.25rem}.ui-page .ui-footer.ui-bottom-button .ui-btn{display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:T041;padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:4.5rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:B065L4P;-webkit-transition:opacity 200ms;-moz-transition:opacity 200ms;-o-transition:opacity 200ms;-ms-transition:opacity 200ms;transition:opacity 200ms;opacity:0;z-index:-1}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active{color:T041P;background-color:#002f4d;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after{animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:4.5rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{animation:btn-footer-opacity-press linear 565ms}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled{color:T041D;background-color:#1a1a1a;border-color:#005e99}.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-page.ui-scroll-on{overflow:hidden;-webkit-overflow-scrolling:auto;-moz-overflow-scrolling:auto;-o-overflow-scrolling:auto;-ms-overflow-scrolling:auto;overflow-scrolling:auto}.ui-page.ui-scroll-on .ui-content{margin-top:7.1875rem;padding-bottom:6.25rem;padding-top:0}.ui-page.ui-scroll-on .ui-header~.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-header~.ui-scroller>.ui-content{margin-top:0}.ui-page.ui-scroll-on .ui-content~.ui-footer:not(.ui-expandable-footer){margin-top:-5.3125rem}a{color:T011}.ui-switch-text{margin-top:60px;margin-bottom:48px;font-size:34px;padding:0}.ui-switch-sub-text{margin-top:48px;font-size:26px;color:T161}.ui-toggleswitch{width:76px;height:76px}.ui-toggleswitch.ui-toggleswitch-large{width:76px;height:76px}.ui-toggleswitch .ui-switch-input{background-color:W014L2;mask-image:url(images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear}.ui-toggleswitch .ui-switch-input::before{content:none}.ui-toggleswitch .ui-switch-input:active{-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;background-color:W014L2P}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::after{background-color:W014L4P}.ui-toggleswitch .ui-switch-input:disabled{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:disabled~.ui-switch-button::after{background-color:W014L4D}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;transform:none}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{mask-image:url(images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-moz-transition:transform 100ms 0ms linear;-o-transition:transform 100ms 0ms linear;-ms-transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear;background-color:W014L3;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;animation-fill-mode:both}.ui-toggleswitch .ui-switch-activation::after,.ui-toggleswitch .ui-switch-button::after{content:"";width:100%;height:100%;mask-image:url(images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 200ms 100ms linear;-moz-transition:transform 200ms 100ms linear;-o-transition:transform 200ms 100ms linear;-ms-transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;animation-fill-mode:both;background-color:W014L4;position:absolute;left:0}.ui-toggleswitch .ui-switch-input:checked{background-color:W014L1}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;-webkit-mask-image:none;background-color:transparent;transform:none}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{transform:scale(1);-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:W014L3;-webkit-transition:transform 200ms 100ms linear;-moz-transition:transform 200ms 100ms linear;-o-transition:transform 200ms 100ms linear;-ms-transition:transform 200ms 100ms linear;transition:transform 200ms 100ms linear}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::after,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::after{transform:scale(0);-webkit-transition:transform 100ms 0ms linear;-moz-transition:transform 100ms 0ms linear;-o-transition:transform 100ms 0ms linear;-ms-transition:transform 100ms 0ms linear;transition:transform 100ms 0ms linear}.ui-toggleswitch .ui-switch-input:checked:active{background-color:W014L1P}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:W014L3P}.ui-toggleswitch .ui-switch-input:checked:disabled{background-color:W014L1D}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button{background-color:transparent}.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:disabled~.ui-switch-button::before{-webkit-mask-position:0;-moz-mask-position:0;-ms-mask-position:0;-o-mask-position:0;mask-position:0;background-color:W014L3D}@keyframes toastCheck{0%{mask-position:0rem 0rem}6%{mask-position:-5.125rem 0rem}11%{mask-position:-10.25rem 0rem}17%{mask-position:-15.375rem 0rem}22%{mask-position:0rem -5.125rem}28%{mask-position:-5.125rem -5.125rem}33%{mask-position:-10.25rem -5.125rem}39%{mask-position:-15.375rem -5.125rem}44%{mask-position:0rem -10.25rem}50%{mask-position:-5.125rem -10.25rem}56%{mask-position:-10.25rem -10.25rem}61%{mask-position:-15.375rem -10.25rem}67%{mask-position:0rem -15.375rem}72%{mask-position:-5.125rem -15.375rem}78%{mask-position:-10.25rem -15.375rem}83%{mask-position:-15.375rem -15.375rem}89%{mask-position:0rem -20.5rem}94%{mask-position:-5.125rem -20.5rem}100%{mask-position:-10.25rem -20.5rem}}.ui-popup{width:100%;height:100%;overflow:hidden;border:0;border-radius:50%;background-color:B061L1E}.ui-popup ::-webkit-scrollbar{display:none}.ui-popup .ui-popup-header{text-align:center;min-height:99px;background-color:transparent;color:T091;padding-top:60px;padding-right:61px;padding-bottom:0;padding-left:61px}.ui-popup .ui-popup-header+.ui-popup-content{padding-top:26px}.ui-popup .ui-popup-content{color:T092;background-color:transparent;font-size:32px;line-height:2.625rem;padding:3.75rem 1.875rem .625rem;text-align:center}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-1.5625rem -3.4375rem -1rem -3.4375rem}.ui-popup.ui-has-side-buttons .ui-popup-content{padding-left:4rem;padding-right:4rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn{top:33.33%;position:fixed;text-indent:-9999px;padding:0;line-height:2.3125rem;font-size:1.75rem;font-weight:700;padding:.5rem 1.125rem 0 1.4375rem 0;color:T041;margin:.5rem 0;height:6.25rem;width:3.75rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{content:"";width:50px;height:50px;position:absolute}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:B065L4P;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before{left:50%;top:50%;transform:translate(-50%,-50%)}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active{color:T041P;background-color:#002f4d;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive{background-color:#000;height:6.25rem;width:3.75rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled{color:T041D;background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1){left:.125rem}.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2){right:.125rem}.ui-popup .ui-popup-footer.ui-bottom-button{position:fixed;bottom:0;z-index:1000;max-height:6.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:6.25rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:2.3125rem;position:relative;font-size:1.75rem;font-weight:700;color:T041;padding:.5rem 1.125rem 0 1.4375rem 0;margin:.5rem 0;height:3.75rem;width:13.125rem;background-color:#000;border:.1875rem solid #009af9;border-radius:3.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:B065L4P;transition:opacity 200ms;opacity:0;z-index:-1}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active{color:T041P;background-color:#002f4d;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.875rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive{background-color:#000;height:3.75rem;width:13.125rem;border-radius:4.0625rem;font-size:1.75rem}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after{animation:btn-footer-opacity-press linear 565ms}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled,.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled{color:T041D;background-color:#1a1a1a;border-color:#005e99}.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only{padding:.875rem 0}.ui-popup-more-options{background-color:transparent}.ui-popup-more-options .ui-selector{background-color:B059}.ui-popup-more-options .ui-selector .ui-selector-indicator-text{color:T013}.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext{color:T018}.ui-popup-more-options .ui-selector .ui-layer .ui-item{background-color:B0117}.ui-popup-more-options .ui-selector .ui-layer .ui-item:active{background-color:B0117P}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active{background-color:B0117S}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before{background-color:B0118}.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active{background-color:B0118P}.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before{background-color:B0118S}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after{content:"";position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;background-color:B061L8;mask-image:url(images/Popup/b_popup_edge_inner_glow.png);mask-size:100% 100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{margin-top:4.75rem;margin-bottom:4.75rem;padding-top:0}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header+.ui-popup-content{margin-top:0;padding-top:8px}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer{margin-top:-4.75rem}.ui-popup.ui-popup-toast{min-height:100%;background-color:W1712;background-image:none;border:0;margin:0;align-items:center}.ui-popup.ui-popup-toast.ui-popup-active,.ui-popup.ui-popup-toast.in,.ui-popup.ui-popup-toast.ui-build{display:flex}.ui-popup.ui-popup-toast .ui-popup-wrapper{width:100%}.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content{padding:0 1.875rem;height:auto;background-color:transparent;color:T099;font-size:28px;text-align:center;line-height:37px;text-overflow:ellipsis;overflow:hidden}.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{font-size:32px;line-height:42px}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:5.125rem;height:5.125rem;margin-bottom:1rem}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon{mask-image:url(images/Popup/toast_check.png);mask-repeat:no-repeat;animation-name:toastCheck;animation-duration:300ms;animation-delay:300ms;animation-iteration-count:1;animation-timing-function:step-start;animation-fill-mode:forwards;background-color:B069}.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after{content:none}.ui-popup.ui-popup-toast.ui-popup-toast-small{height:10rem;min-height:5.375rem;width:10rem;position:fixed;margin-bottom:.3125rem;background-color:W15021;border:solid .0625rem W15022;border-radius:50%}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content{padding:0 1.1875rem;max-height:6rem;color:T0911;font-size:1.5rem;line-height:2rem}.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon{transform:translateX(-50%) scale(0.6097561);margin:-1rem 0;background-color:W1503}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only{width:5.375rem;height:5.375rem}.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content{padding-bottom:.375rem}.ui-popup.ui-ctxpopup{height:auto}.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item){margin-top:3.125rem}.ui-page.ui-scroll-on .ui-header~.ui-content .ui-listview{margin-top:0}.ui-page .ui-scroller.ui-snap-container .ui-header{margin:0;height:7.1875rem}.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview{margin-top:.6875rem}.ui-page .ui-scroller.ui-snap-container .ui-content{padding-bottom:7.875rem}.ui-listview.ui-arc-listview{padding-bottom:0}.ui-listview li{font-size:2.25rem;font-weight:500;min-height:6.75rem;max-height:22.5rem;padding:0 1.875rem;border:0 none;border-bottom:0 solid transparent;border-image:linear-gradient(0deg,transparent,#245B85,transparent) 1;color:T0211;text-align:center;line-height:2.9375rem;box-sizing:content-box;transition-property:max-height;transition-duration:1ms}.ui-listview li.ui-listview-divider,.ui-listview li.ui-li-group-index{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:transparent;color:T0231;display:flex;padding:0}.ui-listview li.ui-listview-divider::before,.ui-listview li.ui-li-group-index::before{content:"";height:100%;width:auto;mask-image:url(images/List/tw_list_sub_line_left.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:-.75rem 50%;-moz-mask-position:-.75rem 50%;-ms-mask-position:-.75rem 50%;-o-mask-position:-.75rem 50%;mask-position:-.75rem 50%;background:B023;flex:1}.ui-listview li.ui-listview-divider::after,.ui-listview li.ui-li-group-index::after{content:"";height:100%;width:auto;mask-image:url(images/List/tw_list_sub_line_right.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 2px;-moz-mask-size:100% 2px;-ms-mask-size:100% 2px;-o-mask-size:100% 2px;mask-size:100% 2px;-webkit-mask-position:.75rem 50%;-moz-mask-position:.75rem 50%;-ms-mask-position:.75rem 50%;-o-mask-position:.75rem 50%;mask-position:.75rem 50%;background:B023;flex:1}.ui-listview li.ui-li-btn{padding:0}.ui-listview li.ui-li-btn .ui-btn{padding:2.625rem 2.5rem;margin:0;line-height:inherit}.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn{padding:1.75rem 1.25rem}.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn{padding:1.75rem 1.875rem;height:100%;text-indent:-9999px}.ui-listview li>*{color:T0211}.ui-listview li>a:first-child:last-child,.ui-listview li button:first-child:last-child{padding:0;margin:0;justify-content:space-around;display:flex;align-items:center}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub{padding-top:.5625rem;padding-bottom:.5rem}.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub{padding-top:.0625rem;padding-bottom:.25rem}.ui-listview li:last-child{border:0}.ui-listview li.li-divider{height:2.0625rem;min-height:2.0625rem;line-height:1.9375rem;background-color:B023;color:T0231;padding:0}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{background-color:T011}.ui-listview li.ui-li-has-action-icon .ui-action-delete{background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-setting{background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-add{background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:B041P;color:T0211P}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active{background-color:transparent;color:T0211P}.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:url(images/List/b_list_focus_bg.png);mask-size:100% 100%;background-color:B0210P;pointer-events:none}.ui-listview.ui-snap-listview li,.ui-listview.ui-arc-listview-carousel-item li{display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-listview.ui-snap-listview li a,.ui-listview.ui-arc-listview-carousel-item li a{display:flex;flex-direction:column}.ui-listview.ui-snap-listview li a>span,.ui-listview.ui-arc-listview-carousel-item li a>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-listview.ui-snap-listview li.ui-li-grid,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid{flex-direction:row}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full{justify-content:space-between}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div{text-align:inherit}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after{opacity:0}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *{flex-grow:1;flex-shrink:1}.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn-icon,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn-icon{flex-grow:0;flex-shrink:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn{padding:0;margin:0 1.125rem 0 0;flex:none}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-no-bg.ui-btn-icon::before{border-radius:50%}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle{border-radius:50%;width:5.5rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn.ui-btn-circle.ui-btn-active{animation:btn-circle-opacity-press linear 567ms}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child{margin-right:0}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn:last-child:first-child,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn:last-child:first-child{margin-right:1.25rem}.ui-listview.ui-snap-listview li.ui-li-grid>.ui-btn-description,.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid>.ui-btn-description{transform:none;margin:0;width:auto}.ui-listview.ui-snap-listview li .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text{color:T022;font-size:1.5rem;display:block;transition-property:opacity,line-height;transition-timing-function:ease-in-out,ease-in-out;transition-duration:100ms,200ms;opacity:0;line-height:.01px}.ui-listview.ui-snap-listview li.ui-snap-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected,.ui-listview.ui-snap-listview li.ui-arc-listview-selected,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected{line-height:2.9375rem;max-height:45rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text,.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text{opacity:1;line-height:2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:18.75rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child),.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child){padding-top:.125rem}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active{color:T0211P}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before{background-color:B0210P}.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active,.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active{background-color:B041P;color:T0211P}.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before,.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-mask-image:url(images/List/b_list_focus_bg.png);-webkit-mask-size:100% 100%;background-color:B0210;border-radius:20vw;pointer-events:none}.ui-listview.ui-snap-listview li li,.ui-listview.ui-arc-listview-carousel-item li li{border:0}.ui-listview.ui-snap-listview li li.ui-li-active::before,.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before{background-color:transparent}.ui-listview.ui-arc-listview-carousel-item-separator{height:auto}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li{padding:1.5625rem 1.875rem 1.625rem;min-height:auto;color:T0261;overflow:hidden;line-height:3rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before{display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:"";width:100%;height:.0625rem;background-color:#fff;-webkit-mask-box-image:url(images/List/tw_list_divider.png) 0 128 0 128 repeat repeat}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a{color:T0261P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text{white-space:normal;color:T0263;padding-top:.5625rem;padding-bottom:.625rem;font-size:1.9375rem;line-height:2.3125rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active{color:T0263P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline{padding-top:.5625rem;padding-bottom:.625rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a{display:flex;flex-direction:column}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text{color:T0262;font-size:1.5rem;line-height:2rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text{color:T9262P}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left{padding-left:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right{padding-right:6.25rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img{background-color:unset;position:absolute;top:calc(49.5%);transform:translateY(-50%)}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left{left:1rem}.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right,.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right{right:1rem}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{height:76px;width:76px}input[type=checkbox]:not(.ui-switch-input){mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L2 63%,W012L2 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input)::before{content:"";mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1 63%,W012L1 68%,transparent 72%);height:100%;width:100%;opacity:0;position:absolute;transition:all 300ms ease-in}input[type=checkbox]:not(.ui-switch-input)::after{mask-image:url(images/Controller_icon/Check/tw_btn_check_holo_dark.png);mask-repeat:repeat;mask-position:center bottom;height:0;transition-property:height;transition-duration:500ms;bottom:0;mask-size:100%}input[type=checkbox]:not(.ui-switch-input):checked::before{animation:checkon 300ms ease-out;transition:none;mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1 63%,W012L1 68%,transparent 72%);opacity:1}input[type=checkbox]:not(.ui-switch-input):checked::after{background-color:W012L3;height:100%}input[type=checkbox]:not(.ui-switch-input):active{background:radial-gradient(transparent,transparent 59%,W012L2 63%,W012L2 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):active::after{height:0}input[type=checkbox]:not(.ui-switch-input):active:checked::before{mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1 63%,W012L1 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):active:checked::after{background-color:W012L3;height:100%}input[type=checkbox]:not(.ui-switch-input):disabled{background:radial-gradient(transparent,transparent 59%,W012L2D 63%,W012L2D 68%,transparent 72%),url(images/Controller_icon/Check/ref_btn_check_holo_dark.png) no-repeat;background-size:100% 100%}input[type=checkbox]:not(.ui-switch-input):disabled:checked::before{mask-image:none;background:radial-gradient(transparent,transparent 59%,W012L1D 63%,W012L1D 68%,transparent 72%)}input[type=checkbox]:not(.ui-switch-input):disabled:checked::after{background-color:W012L3D;height:100%}@keyframes checkon{from{opacity:.5}100%{opacity:1}}input[type=radio]{background:radial-gradient(transparent,transparent 59%,W013L2 63%,W013L2 68%,transparent 72%,transparent);mask-image:none}input[type=radio]::after{content:"";mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:W013L4}input[type=radio]::before{content:"";background-color:W013L3;mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);mask-repeat:no-repeat;width:100%;height:100%;mask-size:100% 100%;position:absolute;transform:scale(0);transition:transform 300ms}input[type=radio]:checked{background:radial-gradient(transparent,transparent 59%,W013L1 63%,W013L1 68%,transparent 72%,transparent)}input[type=radio]:checked::before{background-color:W013L3;mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);transform:scale(1);z-index:1}input[type=radio]:active{background:radial-gradient(transparent,transparent 59%,W013L2P 63%,W013L2P 68%,transparent 72%,transparent);mask-image:none}input[type=radio]:active::after{mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:W013L4P}input[type=radio]:active:checked{background:radial-gradient(transparent,transparent 59%,W013L1P 63%,W013L1P 68%,transparent 72%,transparent)}input[type=radio]:active:checked::before{mask-image:url(images/Controller_icon/Radio/tw_btn_radio_holo_dark.png);background-color:W013L3P}input[type=radio]:active:checked::after{content:none}input[type=radio]:disabled{background:radial-gradient(transparent,transparent 59%,W013L2D 63%,W013L2D 68%,transparent 72%,transparent);mask-image:none}input[type=radio]:disabled::before{transition:none}input[type=radio]:disabled::after{background-color:W013L4D}input[type=radio]:disabled:checked{background:radial-gradient(transparent,transparent 59%,W013L1D 63%,W013L1D 68%,transparent 72%,transparent)}input[type=radio]:disabled:checked::before{background-color:W013L3D;transition:none}input[type=radio]:disabled:checked::after{content:none}.ui-btn{color:T042;background-color:transparent;height:auto}.ui-btn.ui-btn-icon-only::before{mask-size:3.125rem 3.125rem;width:3.125rem;height:3.125rem}.ui-default{color:T042;background-color:transparent}.ui-color-red{color:T041;background-color:W012}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:W012}.ui-color-red:enabled:focus{background-color:W012}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:T041;background-color:W012}.ui-color-orange{color:T041;background-color:W013}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:W013}.ui-color-orange:enabled:focus{background-color:W013}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:T041;background-color:W013}.ui-color-green{color:T041;background-color:W014}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:W014}.ui-color-green:enabled:focus{background-color:W014}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:T041;background-color:W014}.ui-color-blue{color:T041;background-color:W011}a.ui-color-blue:active:hover,.ui-color-blue:enabled:active:hover{background-color:W011}.ui-color-blue:enabled:focus{background-color:W011}a.ui-color-blue.ui-state-disabled,.ui-color-blue:disabled{color:T041;background-color:W011}.ui-grid-col-1>.ui-btn{border-left:solid 1px B011}.ui-grid-col-2>.ui-btn{border-left:solid 1px B011}.ui-grid-col-3>.ui-btn{border-left:solid 1px B011}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left{border:.5rem solid B065L2}.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right{border:.5rem solid B065L2}.ui-progressbar .ui-progressbar-bg{border:.5rem solid B065L3}.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left,.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right{border:.25rem solid B065L2}.ui-progressbar.ui-progressbar-small .ui-progressbar-bg{border:.25rem solid B065L3}.ui-progressbar-end-point{position:absolute;z-index:1000;width:20px;height:20px;background:#37a1ed;border-radius:50%;left:180px;top:180px;transform:translate(-50%,-50%);transform-origin:center center;display:none}.ui-progressbar-end-point::after{content:"";position:absolute;width:100%;height:100%;background:rgba(55,161,237,.5);left:0;right:0;border-radius:50%;transform:scale(1);transition-property:transform;transition-duration:.25s;transition-timing-function:ease-out}.ui-progressbar-end-point-active{display:block}.ui-progressbar-end-point-pressed::after{content:"";transform:scale(2)}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{background-color:B0731}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{color:T0312P}.ui-indexscrollbar{display:none}.ui-drawer{background-color:B0511D;border-radius:50%}.ui-drawer-overlay{background-color:B0511D}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;background-color:B065L6}}progress{color:T011}progress::-webkit-progress-bar{background-color:B065L3}progress::-webkit-progress-value{background-color:B065L2}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:B065L2}@keyframes fullprocess{0%{mask-position:0vw 0vw}2%{mask-position:-100vw 0vw}3%{mask-position:-200vw 0vw}5%{mask-position:-300vw 0vw}7%{mask-position:-400vw 0vw}8%{mask-position:-500vw 0vw}10%{mask-position:-600vw 0vw}12%{mask-position:0vw -100vw}14%{mask-position:-100vw -100vw}15%{mask-position:-200vw -100vw}17%{mask-position:-300vw -100vw}19%{mask-position:-400vw -100vw}20%{mask-position:-500vw -100vw}22%{mask-position:-600vw -100vw}24%{mask-position:0vw -200vw}25%{mask-position:-100vw -200vw}27%{mask-position:-200vw -200vw}29%{mask-position:-300vw -200vw}31%{mask-position:-400vw -200vw}32%{mask-position:-500vw -200vw}34%{mask-position:-600vw -200vw}36%{mask-position:0vw -300vw}37%{mask-position:-100vw -300vw}39%{mask-position:-200vw -300vw}41%{mask-position:-300vw -300vw}42%{mask-position:-400vw -300vw}44%{mask-position:-500vw -300vw}46%{mask-position:-600vw -300vw}47%{mask-position:0vw -400vw}49%{mask-position:-100vw -400vw}51%{mask-position:-200vw -400vw}53%{mask-position:-300vw -400vw}54%{mask-position:-400vw -400vw}56%{mask-position:-500vw -400vw}58%{mask-position:-600vw -400vw}59%{mask-position:0vw -500vw}61%{mask-position:-100vw -500vw}63%{mask-position:-200vw -500vw}64%{mask-position:-300vw -500vw}66%{mask-position:-400vw -500vw}68%{mask-position:-500vw -500vw}69%{mask-position:-600vw -500vw}71%{mask-position:0vw -600vw}73%{mask-position:-100vw -600vw}75%{mask-position:-200vw -600vw}76%{mask-position:-300vw -600vw}78%{mask-position:-400vw -600vw}80%{mask-position:-500vw -600vw}81%{mask-position:-600vw -600vw}83%{mask-position:0vw -700vw}85%{mask-position:-100vw -700vw}86%{mask-position:-200vw -700vw}88%{mask-position:-300vw -700vw}90%{mask-position:-400vw -700vw}92%{mask-position:-500vw -700vw}93%{mask-position:-600vw -700vw}95%{mask-position:0vw -800vw}97%{mask-position:-100vw -800vw}98%{mask-position:-200vw -800vw}100%{mask-position:-300vw -800vw}}.ui-page-active .ui-processing{opacity:1}.ui-processing{opacity:0;background-color:B065L6;transition:opacity .2s linear}.ui-processing.ui-processing-alternate{background-color:B082}.ui-processing.ui-processing-on-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-processing.ui-processing-full-size{mask-image:url(images/Processing/processingfull.png);mask-repeat:no-repeat;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-start;animation-name:fullprocess;pointer-events:none;position:fixed;width:100vw;height:100vw;top:0;left:0;margin:0}.ui-listview li .ui-processing{position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.ui-scrollbar-bouncing-effect{animation-duration:.7s;animation-timing-function:ease;background-color:B018E}.ui-scrollbar-bouncing-effect::before{animation-duration:.7s;animation-timing-function:ease;animation-fill-mode:forwards;background-color:B019}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:5.5rem;left:0;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:5.5rem;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:5.5rem;height:100%;top:0;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:5.5rem;height:100%;mask-size:100% 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;mask-image:url(images/Scroller/bouncing_circle_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{mask-image:url(images/Scroller/bouncing_circle_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;mask-image:url(images/Scroller/bouncing_circle_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{mask-image:url(images/Scroller/bouncing_circle_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;mask-image:url(images/Scroller/bouncing_circle_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{mask-image:url(images/Scroller/bouncing_circle_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;mask-image:url(images/Scroller/bouncing_circle_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{mask-image:url(images/Scroller/bouncing_circle_right_edge.png)}@keyframes -ui-bouncing-show-additional{0%{opacity:0}42%{opacity:0}100%{opacity:.7}}@keyframes ui-bouncing-show-top{0%{transform:translate3d(0,-100%,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-left{0%{transform:translate3d(-100%,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-right{0%{transform:translate3d(100%,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes ui-bouncing-show-bottom{0%{transform:translate3d(0,100%,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes -ui-bouncing-hide-additional{0%{opacity:.7}42%{opacity:0}100%{opacity:0}}@keyframes ui-bouncing-hide-left{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes ui-bouncing-hide-right{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ui-bouncing-hide-bottom{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,100%,0)}}@keyframes ui-bouncing-hide-top{0%{transform:translate3d(0,0,0)}42%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-100%,0)}}.ui-scrollbar-bouncing-effect.ui-show{display:block}.ui-scrollbar-bouncing-effect.ui-show.ui-left{animation-name:ui-bouncing-show-left}.ui-scrollbar-bouncing-effect.ui-show.ui-right{animation-name:ui-bouncing-show-right}.ui-scrollbar-bouncing-effect.ui-show.ui-bottom{animation-name:ui-bouncing-show-bottom}.ui-scrollbar-bouncing-effect.ui-show.ui-top{animation-name:ui-bouncing-show-top}.ui-scrollbar-bouncing-effect.ui-show::before{animation-name:-ui-bouncing-show-additional}.ui-scrollbar-bouncing-effect.ui-hide{animation-duration:.3s;display:block}.ui-scrollbar-bouncing-effect.ui-hide.ui-left{animation-name:ui-bouncing-hide-left}.ui-scrollbar-bouncing-effect.ui-hide.ui-right{animation-name:ui-bouncing-hide-right}.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom{animation-name:ui-bouncing-hide-bottom}.ui-scrollbar-bouncing-effect.ui-hide.ui-top{animation-name:ui-bouncing-hide-top}.ui-scrollbar-bouncing-effect.ui-hide::before{animation-duration:.3s;animation-name:-ui-bouncing-hide-additional}.is-circle-test{width:1px}.ui-selector{background-color:B01153}.ui-selector .ui-item{background-color:B0554}.ui-selector .ui-item:active{background-color:B0554P}.ui-selector .ui-item.ui-item-active:active{background-color:B0554}.ui-selector .ui-layer.ui-layer-prev,.ui-selector .ui-layer.ui-layer-next{background-color:B058}.ui-selector .ui-layer.ui-layer-prev:active,.ui-selector .ui-layer.ui-layer-next:active{background-color:B058P}.ui-selector .ui-selector-indicator{font-size:1.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{color:T117}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{color:T118}.ui-selector .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background-color:B0116P}.ui-selector .ui-selector-indicator-active+.ui-selector-indicator-arrow::before{background-color:B0116P}.ui-selector .ui-selector-indicator-arrow::before{background-color:B0116}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator,.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow{pointer-events:none}.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev){pointer-events:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator>:not(.ui-selector-indicator-text){display:none}.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active+.ui-selector-indicator-arrow::before{background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder{box-sizing:border-box;border:.0625rem solid B1681;background:0}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after{display:none}@keyframes dragItem{0%{transform:scale(1);opacity:1}100%{transform:scale(1.21428571);opacity:.7}}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved{position:fixed;width:3.5rem;height:3.5rem;z-index:101;visibility:visible;opacity:.7;transform:scale(1.21428571);pointer-events:none;margin:-1.75rem;animation:333ms dragItem}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end{opacity:1;transform:scale(1)}.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right{display:none}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{position:absolute;width:1.875rem;height:1.875rem;top:-.125rem}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg{background-color:B1672P}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after{background-color:B1671P}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg{position:absolute;width:100%;height:100%;background-color:B1672;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before{background-color:B1673;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{background-color:B1671;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_delete.png)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right{right:-.1875rem;transform-origin:top right}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before,.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after{transform:scaleX(-1)}.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left{transform-origin:top left;left:-.1875rem}.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item{opacity:0;transition:opacity 200ms}.ui-selector.ui-selector-edit-mode .ui-item-plus{background-color:B0554;mask-image:url(images/Selector/b_rotary_selector_edit_mode_ic_add.png);mask-size:100%}.ui-bezelless-selector .ui-more{z-index:1}.ui-bezelless-selector .ui-listview li img{width:3.125rem;height:3.125rem}.ui-bezelless-selector .thumb-container{display:inline-block;width:3.125rem;height:3.125rem;position:absolute;left:2.5rem;background:#fff;border-radius:6.25rem}.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:3.125rem}.ui-slider-container{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-slider-container .ui-slider-icon{width:9.375rem;height:9.375rem;margin:0 auto}.ui-slider-container .ui-slider-titles{height:4.625rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-slider-container .ui-slider-titles .ui-slider-title{color:T117;font-size:1.875rem;line-height:1.875rem;margin-top:.4375rem}.ui-slider-container .ui-slider-titles .ui-slider-subtitle{color:T118;font-size:1.8125rem;line-height:1.875rem}.ui-slider-container .ui-slider-buttons{height:4rem;display:flex;align-items:center;justify-content:center;width:100%}.ui-slider-container .ui-slider-buttons .ui-slider-minus{width:2.75rem;height:100%;background:url(images/Slider/b_slider_icon_minus.png) no-repeat center center;z-index:1}.ui-slider-container .ui-slider-buttons .ui-slider-number{height:100%;color:T014;font-size:2.5rem;width:4.125rem;margin:0 -1.25rem;line-height:3.25rem;margin-top:.3125rem}.ui-slider-container .ui-slider-buttons .ui-slider-plus{background:url(images/Slider/b_slider_icon_plus.png) no-repeat center center;width:2.75rem;height:100%;z-index:1}a.ui-hyperlink{color:T1611}a.ui-hyperlink:active,a.ui-hyperlink:hover{color:T1611P}.ui-arc-listview{width:22.5rem;display:block;overflow:hidden;top:0;left:0}.ui-arc-listview-carousel{position:absolute;top:0;left:0;width:100%;height:100%}.ui-arc-listview-carousel-item{width:22.5rem;position:absolute;height:6.75rem}.ui-arc-listview-carousel-item li{top:3.375rem;transform:translateY(-50%)}.ui-arc-listview-5 .ui-arc-listview-carousel-item{height:4.375rem}.ui-arc-listview-5 .ui-arc-listview-carousel-item li{top:2.1875rem;transform:translateY(-50%)}.ui-arc-listview-selection{opacity:0;position:absolute;transition:opacity 250ms;pointer-events:none;transform:translateY(-50%);mask-image:url(images/List/b_list_focus_bg.png);mask-size:100% 100%;top:50%;width:22.5rem;height:7.5rem;left:0;right:0;border-radius:4.5rem;background-color:B0210}.ui-arc-listview-selection-show{opacity:1}.ui-arc-listview li,.ui-arc-listview-carousel li{justify-content:space-around;display:flex;align-items:center}.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:6.75rem;vertical-align:middle}.ui-arc-listview li.ui-li-group-index,.ui-arc-listview-carousel li.ui-li-group-index,.ui-arc-listview li.ui-listview-divider,.ui-arc-listview-carousel li.ui-listview-divider{margin-top:0;border:0;flex-direction:row}.ui-arc-listview li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-li-group-index~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel li.ui-listview-divider~li:not(.ui-li-group-index):not(.ui-listview-divider){margin-top:0}.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider),.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider){min-height:4.375rem}.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected,.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected{line-height:4.375rem}.ui-arc-listview-carousel{}.ui-arc-listview-carousel .ui-listview{padding-bottom:0}.ui-force-relative-li-children li{position:relative!important}@media (max-height:180px){.ui-arc-listview-carousel li input[type=text]:focus,.ui-arc-listview-carousel li input[type=password]:focus{position:fixed;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem}}.ui-number-picker-container{display:flex;width:100%;height:6.875rem;justify-content:center;flex-direction:column;position:relative;top:.5625rem}.ui-number-picker-container .ui-circleindicator{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;pointer-events:none}.ui-number-picker-container .ui-circleindicator .ui-animated{transition-duration:.3s}.ui-number-picker-container input[type=number]{display:none}.ui-number-picker-container .ui-number-picker-label{order:1;font-size:1.5rem;line-height:1.5625rem;color:T273S;display:block;width:5rem;opacity:1;transition-duration:300ms,300ms;transition-property:opacity,top;transition-timing-function:linear}.ui-number-picker-container .ui-number-picker-label.hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-number-picker-container .ui-number-picker-number{order:2;font-size:3.125rem;line-height:5.3125rem;margin-top:-.375rem;color:T2751;min-width:5rem;display:block;padding-top:.4375rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin{margin-top:.5rem;height:3.125rem;width:auto}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled{margin-top:.5rem;height:100%}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling{height:100%}.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number{color:T273D}.ui-number-picker-container .ui-number-picker-number-pressed{color:T275P}.ui-number-picker-container .ui-number-picker-number-blink{animation:ui-number-picker-number-blink 1s infinite}.ui-number-picker-container .ui-spin{height:3.125rem;line-height:normal;margin-top:0;padding:0;width:3.75rem;margin-left:auto;margin-right:auto}.ui-number-picker-container .ui-spin.enabled{height:100%}.ui-number-picker-container .hidden{display:none}.ui-number-picker-container .ui-spin-item{font-size:3.125rem;height:2.375rem}.ui-number-picker-container:not(.ui-time-picker) span{margin-left:8.75rem}.ui-number-picker-container:not(.ui-time-picker) label{position:absolute;top:0;left:50%;transform:translate(-50%)}.ui-time-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-time-picker .ui-time-picker-container-hours{float:left;height:inherit;width:5rem}.ui-time-picker .ui-time-picker-colon-container{float:left;height:5.3125rem;width:.75rem;margin-left:.5rem;padding-top:2.8125rem}.ui-time-picker .ui-time-picker-colon-container span{font-size:2.5rem}.ui-time-picker div{font-size:2.5rem}.ui-time-picker div label{font-size:1rem}.ui-time-picker .ui-time-picker-active-label-animation{animation:changeColor 1s infinite;color:T271S}.ui-time-picker .ui-time-picker-container-minutes{float:left;height:inherit;margin-left:.5rem;width:5rem}.ui-time-picker .ui-time-picker-container-ampm{float:left;height:4.0625rem;margin-top:2.0625rem;margin-left:.5rem;width:6.25rem;overflow-y:hidden}.ui-time-picker .ui-time-picker-container-ampm div{height:8.125rem;position:relative}.ui-time-picker .ui-time-picker-container-ampm div span{font-size:3.125rem;height:4.0625rem;line-height:4.0625rem;width:6.25rem;display:inline-block;position:relative;color:T2741}.ui-time-picker .ui-time-picker-container-ampm-pressed div span{color:T274P}.ui-time-picker .ui-number-picker-label{display:block;width:5rem;font-size:1.5rem;height:2.0625rem;position:absolute;opacity:1;top:-.375rem;transition-duration:300ms,300ms;transition-property:opacity,top;transition-timing-function:linear}.ui-time-picker .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-time-picker .ui-number-picker-number{width:5rem;font-size:4.0625rem;display:block;height:5.3125rem;margin-top:1.25rem;padding-top:0}.ui-time-picker .ui-number-picker-number.ui-spin{margin-top:2rem;height:4.0625rem;width:auto}.ui-time-picker .ui-number-picker-number.ui-spin.enabled{margin-top:.625rem;height:100%}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected{opacity:1}.ui-time-picker .ui-number-picker-number .ui-spin-item{font-size:4.0625rem;height:3.125rem}.ui-time-picker-hidden{opacity:0}.ui-time-picker .ui-polar .disable-transform.pointer{transition:none}.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation{transition:none;display:none}.ui-circleindicator.ui-time-picker-background{background-image:url(images/TimePicker/time_picker_bg.png);background-repeat:no-repeat;background-attachment:fixed}.ui-time-picker-am-pm{margin-left:2rem}.ui-time-picker-no-am-pm{margin-left:5.375rem}@keyframes changeColor{0%{color:T271S}49%{color:T271S}51%{color:T271}100%{color:T271}}@keyframes showPM{0%{transform:translateY(0px)}100%{transform:translateY(-65px)}}@keyframes hidePM{0%{transform:translateY(-65px)}100%{transform:translateY(0px)}}.ui-time-picker-hide-pm{animation:hidePM 300ms ease-out 0ms;animation-fill-mode:forwards}.ui-time-picker-show-pm{animation:showPM 300ms ease-out 0ms;animation-fill-mode:forwards}.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text{font-size:0;height:6.25rem;width:6.25rem;max-height:6.25rem;border-radius:50%}.ui-colorpicker .ui-selector-indicator-arrow:before{background-color:#fff}.ui-date-picker.ui-number-picker-container{height:6.875rem;display:block}.ui-date-picker.ui-number-picker-container input{display:none}.ui-date-picker.ui-number-picker-container span{margin:-.375rem 0 0 0;text-align:center;font-size:3.125rem;width:inherit}.ui-date-picker.ui-number-picker-container .ui-number-picker-label{margin:0;text-align:center;height:1.9375rem;line-height:1.9375rem;font-size:1.5rem;width:inherit;opacity:1;transition-duration:300ms,300ms;transition-property:opacity,top;transition-timing-function:linear}.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden{opacity:0;display:block;pointer-events:none;top:-.75rem}.ui-date-picker.ui-number-picker-container .ui-spin-item{height:3.125rem}.ui-date-picker .ui-date-picker-active-label-animation{animation:changeColor 1s infinite;color:T271S}.ui-date-picker .ui-date-picker-container-month{float:left;height:inherit;margin-left:1.5rem;width:6rem;position:relative;display:flex;justify-content:center;flex-direction:column}.ui-date-picker .ui-date-picker-container-month .ui-spin{width:6.875rem}.ui-date-picker .ui-date-picker-container-day{float:left;height:inherit;margin-left:.5rem;width:5rem;position:relative;display:flex;justify-content:center;flex-direction:column}.ui-date-picker .ui-date-picker-container-day .ui-spin{width:4.0625rem}.ui-date-picker .ui-date-picker-container-year{float:left;height:inherit;margin-left:.5rem;width:7.5rem;position:relative;display:flex;justify-content:center;flex-direction:column}.ui-date-picker .ui-date-picker-container-year .ui-spin{width:7.5rem}.ui-date-picker .ui-date-picker-containter-dayname{position:fixed;width:100%;top:14.4375rem;opacity:.8;font-size:1.5rem;line-height:2rem;height:2rem;padding:0 2.8125rem;color:T277}.ui-date-picker-hidden{display:none}.ui-date-picker .enabled .ui-spin-item{color:#4dcfff;opacity:.5}.ui-date-picker .enabled .ui-spin-item-selected{opacity:1}@keyframes changeColor{0%{color:T271S}49%{color:T271S}51%{color:T271}100%{color:T271}}input[type=text],input[type=password],input[type=search],input[type=email]{mask-image:url(images/TextInput/b_list_edit_field_bg.png);mask-size:100% 100%;width:18rem;height:3.875rem;padding:.8125rem 1rem;color:T016;font-size:1.75rem;background-color:B02112;border:0;outline:0}input[type=text]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=email]:disabled{color:T016D}input[type=text]:focus+.ui-footer,input[type=password]:focus+.ui-footer,input[type=search]:focus+.ui-footer,input[type=email]:focus+.ui-footer{display:none}input[type=text]:active,input[type=password]:active,input[type=search]:active,input[type=email]:active{background-color:#5B5B5B}.ui-listview input[type=text]:focus,.ui-arc-listview-carousel input[type=text]:focus,.ui-listview input[type=password]:focus,.ui-arc-listview-carousel input[type=password]:focus,.ui-listview input[type=search]:focus,.ui-arc-listview-carousel input[type=search]:focus,.ui-listview input[type=email]:focus,.ui-arc-listview-carousel input[type=email]:focus{background-color:transparent;color:B0215;-webkit-text-fill-color:T142;font-size:1.875rem}.ui-listview input[type=text]:active,.ui-arc-listview-carousel input[type=text]:active,.ui-listview input[type=password]:active,.ui-arc-listview-carousel input[type=password]:active,.ui-listview input[type=search]:active,.ui-arc-listview-carousel input[type=search]:active,.ui-listview input[type=email]:active,.ui-arc-listview-carousel input[type=email]:active{background-color:B02112}.ui-textinput-pane{width:100%;height:100%;position:fixed;display:none;background:B015;z-index:1100}.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{position:fixed;width:100%;height:auto;border:0;bottom:0;left:0;right:0;top:auto;margin-top:auto;padding:1.625rem 3.125rem .3125rem;background-color:B015}@media (min-height:180px){.ui-textinput-pane input[type=text]:focus,.ui-textinput-pane input[type=password]:focus,.ui-textinput-pane input[type=search]:focus,.ui-textinput-pane input[type=email]:focus{top:50%;left:50%;transform:translate(-50%,-50%)}} \ No newline at end of file diff --git a/lib/tau/wearable/theme/default/tau.circle.template b/lib/tau/wearable/theme/default/tau.circle.template new file mode 100644 index 0000000..e104430 --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.circle.template @@ -0,0 +1,3093 @@ +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar / Header +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Footer +***************************************************************************/ +/*************************************************************************** + Toast Popup +***************************************************************************/ +/*************************************************************************** + Small Toast Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Multiline List +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Text Input +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Hyper Link +***************************************************************************/ +/*************************************************************************** + Number Picker +***************************************************************************/ +/*************************************************************************** + Time Picker +***************************************************************************/ +/*************************************************************************** + Date Picker +***************************************************************************/ +/*************************************************************************** + Time/Number/Date Indicator +***************************************************************************/ +/*************************************************************************** + More Options +***************************************************************************/ +/*************************************************************************** + IconButton +***************************************************************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* List(FIXED) */ +/**********************************************************************/ +/************************ +Listview +*************************/ +/*************************************************************************** + Common Style + +***************************************************************************/ +/*************************************************************************** + Development Tip + If you want to implement specific css code of circle device, + you should implement specific code here. + But when you implement code, you should check duplicate value + between common/layout.less and this file. + If you have duplicate value, please change static value to variable value. +***************************************************************************/ +body { + background: B015; + color: T011; +} +.ui-page { + background: B015; +} +.ui-page .ui-header { + display: flex; + flex-direction: column; + justify-content: flex-end; + height: 5.75rem; + line-height: 39px; + background-color: transparent; + text-align: center; + margin-top: 1.4375rem; +} +.ui-page .ui-header.ui-header-medium { + margin-top: 0.75rem; +} +.ui-page .ui-header.ui-header-medium .ui-title { + margin-bottom: 0.875rem; +} +.ui-page .ui-header.ui-header-medium .ui-subtitle { + margin-top: -0.4375rem; +} +.ui-page .ui-header.ui-header-small { + margin-top: 0.125rem; +} +.ui-page .ui-header.ui-header-small .ui-title { + margin-bottom: 0.25rem; +} +.ui-page .ui-header.ui-header-small .ui-subtitle { + margin-top: 0.1875rem; +} +.ui-page .ui-header.ui-header-smaller { + margin-top: 0.125rem; + height: 5.0625rem; + display: flex; + justify-content: flex-end; +} +.ui-page .ui-header .ui-title { + color: T012; + margin: 0.875rem 4rem 1.5625rem; + padding-left: 0; + padding-right: 0; + font-size: 30px; + mask-image: none; +} +.ui-page .ui-header .ui-title.ui-icon { + background: none !important; + padding-left: 1.5rem; +} +.ui-page .ui-header.ui-header-big { + height: 5.875rem; +} +.ui-page .ui-header.ui-header-big .ui-title { + font-size: 2rem; + margin-top: 1.75rem; + margin-bottom: 1.6875rem; + color: T191; +} +.ui-page .ui-header .ui-subtitle { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: T019; + font-size: 1.5rem; + font-weight: normal; + margin: -1.125rem 2.1875rem 0; + line-height: 2rem; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 1.5rem; + mask-image: none; +} +.ui-page .ui-header.ui-has-more .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + transform: translate(0, -50%); + border: 0 none; + padding: 0; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow { + mask-image: none; + mask-position: initial; + background-color: transparent; + overflow: visible; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow[disabled="disabled"] { + mask-position: initial; +} +.ui-page .ui-header.ui-has-more .ui-more.ui-icon-overflow:active { + background-color: transparent; +} +.ui-page .ui-more { + position: fixed; + top: 50%; + right: 0; + width: 50px; + height: 140px; + transform: translate(0, -50%); + background-color: transparent; + overflow: visible; + border: 0 none; + padding: 0; + text-indent: -9999px; +} +.ui-page .ui-more::before { + content: ""; + position: absolute; + width: 12.5rem; + height: 12.5rem; + background-color: rgba(255, 255, 255, 0.13); + border-radius: 50%; + opacity: 0; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + top: 50%; + left: 50%; + margin-top: -6.25rem; + margin-left: -6.25rem; + -webkit-transition: all ease-out 200ms; + -moz-transition: all ease-out 200ms; + -o-transition: all ease-out 200ms; + -ms-transition: all ease-out 200ms; + transition: all ease-out 200ms; + pointer-events: none; +} +.ui-page .ui-more:active::before { + opacity: 1; + -webkit-transition: transform ease-out 300ms; + -moz-transition: transform ease-out 300ms; + -o-transition: transform ease-out 300ms; + -ms-transition: transform ease-out 300ms; + transition: transform ease-out 300ms; + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); +} +.ui-page .ui-more::after { + content: ""; + position: absolute; + width: 1rem; + height: 2.25rem; + -webkit-mask-box-image-source: url("images/Actionbar/b_more_option.png"); + background-color: B052L1; + border-radius: 50%; + top: 50%; + right: 0.375rem; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-content { + text-align: center; + font-size: 32px; + line-height: 2.625rem; +} +.ui-page .ui-content.ui-content-padding { + font-stretch: ultra-condensed; + padding-left: 2.0625rem; + padding-right: 2.0625rem; +} +.ui-page .ui-footer.ui-bottom-button { + position: fixed !important; + bottom: 0.375rem; + z-index: 1000; + max-height: 6.25rem; + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 6.25rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn { + display: flex; + -webkit-flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: T041; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 4.5rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: B065L4P; + -webkit-transition: opacity 200ms; + -moz-transition: opacity 200ms; + -o-transition: opacity 200ms; + -ms-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: T041P; + background-color: #002f4d; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 4.5rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-page .ui-footer.ui-bottom-button .ui-btn:disabled { + color: T041D; + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-page .ui-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +/*************************************************************************** + Page Scroll +***************************************************************************/ +.ui-page.ui-scroll-on { + overflow: hidden; + -webkit-overflow-scrolling: auto; + -moz-overflow-scrolling: auto; + -o-overflow-scrolling: auto; + -ms-overflow-scrolling: auto; + overflow-scrolling: auto; +} +.ui-page.ui-scroll-on .ui-content { + margin-top: 7.1875rem; + padding-bottom: 6.25rem; + padding-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-scroller > .ui-content { + margin-top: 0; +} +.ui-page.ui-scroll-on .ui-content ~ .ui-footer:not(.ui-expandable-footer) { + margin-top: -5.3125rem; +} +/* + * Common definition for theme + */ +/*************************************************************** + default font size (base font from WRT) + => small: 13px + => normal: 17px + => large: 20px + +This is only applied to gear2. +so, we set @font_size_default as 17px on gear2 and it was changed to 16px since gear-S. +This value only used for @rem_base, not for html font-size +html font-size is set by WRT base font-size +***************************************************************/ +a { + color: T011; +} +/*************************************************************************** + toggle switch +***************************************************************************/ +.ui-switch-text { + margin-top: 60px; + margin-bottom: 48px; + font-size: 34px; + padding: 0; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + color: T161; +} +.ui-toggleswitch { + width: 76px; + height: 76px; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 76px; + height: 76px; +} +.ui-toggleswitch .ui-switch-input { + background-color: W014L2; + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_bg_holo_dark.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-transition: background-color 300ms linear; + -moz-transition: background-color 300ms linear; + -o-transition: background-color 300ms linear; + -ms-transition: background-color 300ms linear; + transition: background-color 300ms linear; +} +.ui-toggleswitch .ui-switch-input::before { + content: none; +} +.ui-toggleswitch .ui-switch-input:active { + -webkit-transition: background-color 300ms linear; + -moz-transition: background-color 300ms linear; + -o-transition: background-color 300ms linear; + -ms-transition: background-color 300ms linear; + transition: background-color 300ms linear; + background-color: W014L2P; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::after { + background-color: W014L4P; +} +.ui-toggleswitch .ui-switch-input:disabled { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:disabled ~ .ui-switch-button::after { + background-color: W014L4D; +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + transform: none; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_on_holo_dark.png'); + -webkit-transform: scale(0); + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -moz-transition: transform 100ms 0ms linear; + -o-transition: transform 100ms 0ms linear; + -ms-transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; + background-color: W014L3; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + animation-fill-mode: both; +} +.ui-toggleswitch .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-button::after { + content: ""; + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/On_Off/tw_btn_control_off_holo_dark.png'); + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: transform 200ms 100ms linear; + -moz-transition: transform 200ms 100ms linear; + -o-transition: transform 200ms 100ms linear; + -ms-transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + animation-fill-mode: both; + background-color: W014L4; + position: absolute; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked { + background-color: W014L1; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: none; + background-color: transparent; + transform: none; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + transform: scale(1); + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: W014L3; + -webkit-transition: transform 200ms 100ms linear; + -moz-transition: transform 200ms 100ms linear; + -o-transition: transform 200ms 100ms linear; + -ms-transition: transform 200ms 100ms linear; + transition: transform 200ms 100ms linear; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::after, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::after { + transform: scale(0); + -webkit-transition: transform 100ms 0ms linear; + -moz-transition: transform 100ms 0ms linear; + -o-transition: transform 100ms 0ms linear; + -ms-transition: transform 100ms 0ms linear; + transition: transform 100ms 0ms linear; +} +.ui-toggleswitch .ui-switch-input:checked:active { + background-color: W014L1P; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: W014L3P; +} +.ui-toggleswitch .ui-switch-input:checked:disabled { + background-color: W014L1D; +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button { + background-color: transparent; +} +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:disabled ~ .ui-switch-button::before { + -webkit-mask-position: 0; + -moz-mask-position: 0; + -ms-mask-position: 0; + -o-mask-position: 0; + mask-position: 0; + background-color: W014L3D; +} +/*************************************************************************** + Popup +***************************************************************************/ +@keyframes toastCheck { + 0% { + mask-position: 0rem 0rem; + } + 6% { + mask-position: -5.125rem 0rem; + } + 11% { + mask-position: -10.25rem 0rem; + } + 17% { + mask-position: -15.375rem 0rem; + } + 22% { + mask-position: 0rem -5.125rem; + } + 28% { + mask-position: -5.125rem -5.125rem; + } + 33% { + mask-position: -10.25rem -5.125rem; + } + 39% { + mask-position: -15.375rem -5.125rem; + } + 44% { + mask-position: 0rem -10.25rem; + } + 50% { + mask-position: -5.125rem -10.25rem; + } + 56% { + mask-position: -10.25rem -10.25rem; + } + 61% { + mask-position: -15.375rem -10.25rem; + } + 67% { + mask-position: 0rem -15.375rem; + } + 72% { + mask-position: -5.125rem -15.375rem; + } + 78% { + mask-position: -10.25rem -15.375rem; + } + 83% { + mask-position: -15.375rem -15.375rem; + } + 89% { + mask-position: 0rem -20.5rem; + } + 94% { + mask-position: -5.125rem -20.5rem; + } + 100% { + mask-position: -10.25rem -20.5rem; + } +} +.ui-popup { + width: 100%; + height: 100%; + overflow: hidden; + border: 0; + border-radius: 50%; + background-color: B061L1E; + /*********************** + Popup Container Scroll + ***********************/ + /**************************************** + Popup Toast + ****************************************/ + /*********************** + Option Popup + ***********************/ +} +.ui-popup ::-webkit-scrollbar { + display: none; +} +.ui-popup .ui-popup-header { + text-align: center; + min-height: 99px; + background-color: transparent; + color: T091; + padding-top: 60px; + padding-right: 61px; + padding-bottom: 0; + padding-left: 61px; +} +.ui-popup .ui-popup-header + .ui-popup-content { + padding-top: 26px; +} +.ui-popup .ui-popup-content { + color: T092; + background-color: transparent; + font-size: 32px; + line-height: 2.625rem; + padding: 3.75rem 1.875rem 0.625rem; + text-align: center; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -1.5625rem -3.4375rem -1rem -3.4375rem; +} +.ui-popup.ui-has-side-buttons .ui-popup-content { + padding-left: 4rem; + padding-right: 4rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn { + top: 33.33%; + position: fixed; + text-indent: -9999px; + padding: 0; + line-height: 2.3125rem; + font-size: 1.75rem; + font-weight: bold; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + color: T041; + margin: 0.5rem 0; + height: 6.25rem; + width: 3.75rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + content: ""; + width: 50px; + height: 50px; + position: absolute; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: B065L4P; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn::before { + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active { + color: T041P; + background-color: #002f4d; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-active::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 6.25rem; + width: 3.75rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-inactive::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:disabled { + color: T041D; + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(1) { + left: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-side-button .ui-btn:nth-child(2) { + right: 0.125rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button { + position: fixed; + bottom: 0; + z-index: 1000; + max-height: 6.25rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 6.25rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + line-height: 2.3125rem; + position: relative; + font-size: 1.75rem; + font-weight: bold; + color: T041; + padding: 0.5rem 1.125rem 0 1.4375rem 0; + margin: 0.5rem 0; + height: 3.75rem; + width: 13.125rem; + background-color: #000000; + border: 0.1875rem solid #009af9; + border-radius: 3.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: B065L4P; + transition: opacity 200ms; + opacity: 0; + z-index: -1; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active { + color: T041P; + background-color: #002f4d; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.875rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-active::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive { + background-color: #000000; + height: 3.75rem; + width: 13.125rem; + border-radius: 4.0625rem; + font-size: 1.75rem; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-inactive::after { + animation: btn-footer-opacity-press linear 565ms; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-state-disabled, +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn:disabled { + color: T041D; + background-color: #1a1a1a; + border-color: #005e99; +} +.ui-popup .ui-popup-footer.ui-bottom-button .ui-btn.ui-btn-icon-only { + padding: 0.875rem 0 0.875rem 0; +} +.ui-popup-more-options { + background-color: transparent; +} +.ui-popup-more-options .ui-selector { + background-color: B059; +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-text { + color: T013; +} +.ui-popup-more-options .ui-selector .ui-selector-indicator-subtext { + color: T018; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item { + background-color: B0117; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item:active { + background-color: B0117P; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active:active { + background-color: B0117S; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before { + background-color: B0118; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item::before:active { + background-color: B0118P; +} +.ui-popup-more-options .ui-selector .ui-layer .ui-item.ui-item-active::before { + background-color: B0118S; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper::after { + content: ""; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + background-color: B061L8; + mask-image: url(images/Popup/b_popup_edge_inner_glow.png); + mask-size: 100% 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + margin-top: 4.75rem; + margin-bottom: 4.75rem; + padding-top: 0; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header + .ui-popup-content { + margin-top: 0; + padding-top: 8px; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer { + margin-top: -4.75rem; +} +.ui-popup.ui-popup-toast { + min-height: 100%; + background-color: W1712; + background-image: none; + border: none; + margin: 0; + align-items: center; + /**************************************** + Popup Toast Small + ****************************************/ +} +.ui-popup.ui-popup-toast.ui-popup-active, +.ui-popup.ui-popup-toast.in, +.ui-popup.ui-popup-toast.ui-build { + display: flex; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper { + width: 100%; +} +.ui-popup.ui-popup-toast .ui-popup-wrapper .ui-popup-content { + padding: 0 1.875rem; + height: auto; + background-color: transparent; + color: T099; + font-size: 28px; + text-align: center; + line-height: 37px; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-popup.ui-popup-toast.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + font-size: 32px; + line-height: 42px; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 5.125rem; + height: 5.125rem; + margin-bottom: 1rem; +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon { + mask-image: url("images/Popup/toast_check.png"); + mask-repeat: no-repeat; + animation-name: toastCheck; + animation-duration: 300ms; + animation-delay: 300ms; + animation-iteration-count: 1; + animation-timing-function: step-start; + animation-fill-mode: forwards; + background-color: B069; +} +.ui-popup.ui-popup-toast .ui-popup-toast-check-icon::after { + content: none; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small { + height: 10rem; + min-height: 5.375rem; + width: 10rem; + position: fixed; + margin-bottom: 0.3125rem; + background-color: W15021; + border: solid 0.0625rem W15022; + border-radius: 50%; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-wrapper .ui-popup-content { + padding: 0 1.1875rem; + max-height: 6rem; + color: T0911; + font-size: 1.5rem; + line-height: 2rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small .ui-popup-toast-icon { + transform: translateX(-50%) scale(0.6097561); + margin: -1rem 0; + background-color: W1503; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic-only { + width: 5.375rem; + height: 5.375rem; +} +.ui-popup.ui-popup-toast.ui-popup-toast-small.ui-popup-toast-graphic .ui-popup-wrapper .ui-popup-content { + padding-bottom: 0.375rem; +} +.ui-popup.ui-ctxpopup { + height: auto; +} +/*************************************************************************** + listview +***************************************************************************/ +.ui-page.ui-scroll-on .ui-listview:not(.ui-arc-listview-carousel-item) { + margin-top: 3.125rem; +} +.ui-page.ui-scroll-on .ui-header ~ .ui-content .ui-listview { + margin-top: 0; +} +.ui-page .ui-scroller.ui-snap-container .ui-header { + margin: 0; + height: 7.1875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-listview.ui-snap-listview { + margin-top: 0.6875rem; +} +.ui-page .ui-scroller.ui-snap-container .ui-content { + padding-bottom: 7.875rem; +} +.ui-listview.ui-arc-listview { + padding-bottom: 0; +} +.ui-listview li { + font-size: 2.25rem; + font-weight: 500; + min-height: 6.75rem; + max-height: 22.5rem; + padding: 0 1.875rem; + border: 0 none; + border-bottom: 0 solid transparent; + border-image: linear-gradient(0deg, transparent, #245B85, transparent) 1; + color: T0211; + text-align: center; + line-height: 2.9375rem; + box-sizing: content-box; + transition-property: max-height; + transition-duration: 1ms; +} +.ui-listview li.ui-listview-divider, +.ui-listview li.ui-li-group-index { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: transparent; + color: T0231; + display: flex; + padding: 0; +} +.ui-listview li.ui-listview-divider::before, +.ui-listview li.ui-li-group-index::before { + content: ""; + height: 100%; + width: auto; + mask-image: url("images/List/tw_list_sub_line_left.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: -0.75rem 50%; + -moz-mask-position: -0.75rem 50%; + -ms-mask-position: -0.75rem 50%; + -o-mask-position: -0.75rem 50%; + mask-position: -0.75rem 50%; + background: B023; + flex: 1; +} +.ui-listview li.ui-listview-divider::after, +.ui-listview li.ui-li-group-index::after { + content: ""; + height: 100%; + width: auto; + mask-image: url("images/List/tw_list_sub_line_right.png"); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 2px; + -moz-mask-size: 100% 2px; + -ms-mask-size: 100% 2px; + -o-mask-size: 100% 2px; + mask-size: 100% 2px; + -webkit-mask-position: 0.75rem 50%; + -moz-mask-position: 0.75rem 50%; + -ms-mask-position: 0.75rem 50%; + -o-mask-position: 0.75rem 50%; + mask-position: 0.75rem 50%; + background: B023; + flex: 1; +} +.ui-listview li.ui-li-btn { + padding: 0; +} +.ui-listview li.ui-li-btn .ui-btn { + padding: 2.625rem 2.5rem; + margin: 0; + line-height: inherit; +} +.ui-listview li.ui-li-btn.ui-grid-col-2 .ui-btn { + padding: 1.75rem 1.25rem; +} +.ui-listview li.ui-li-btn.ui-grid-col-3 .ui-btn { + padding: 1.75rem 1.875rem; + height: 100%; + text-indent: -9999px; +} +.ui-listview li > * { + color: T0211; +} +.ui-listview li > a:first-child:last-child, +.ui-listview li button:first-child:last-child { + padding: 0; + margin: 0; + justify-content: space-around; + display: flex; + align-items: center; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-2line-sub { + padding-top: 0.5625rem; + padding-bottom: 0.5rem; +} +.ui-listview li.li-has-multiline.ui-arc-listview-selected.li-has-3line-sub { + padding-top: 0.0625rem; + padding-bottom: 0.25rem; +} +.ui-listview li:last-child { + border: 0; +} +.ui-listview li.li-divider { + height: 2.0625rem; + min-height: 2.0625rem; + line-height: 1.9375rem; + background-color: B023; + color: T0231; + padding: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + background-color: T011; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: B041P; + color: T0211P; +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active { + background-color: transparent; + color: T0211P; +} +.ui-listview:not(.ui-arc-listview-carousel-item).ui-li-active::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + mask-image: url("images/List/b_list_focus_bg.png"); + mask-size: 100% 100%; + background-color: B0210P; + pointer-events: none; +} +.ui-listview.ui-snap-listview li, +.ui-listview.ui-arc-listview-carousel-item li { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a, +.ui-listview.ui-arc-listview-carousel-item li a { + display: flex; + flex-direction: column; +} +.ui-listview.ui-snap-listview li a > span, +.ui-listview.ui-arc-listview-carousel-item li a > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.ui-listview.ui-snap-listview li.ui-li-grid, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid { + flex-direction: row; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full { + justify-content: space-between; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div { + text-align: inherit; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full div::after, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full div::after { + opacity: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full * { + flex-grow: 1; + flex-shrink: 1; +} +.ui-listview.ui-snap-listview li.ui-li-grid.ui-li-grid-full *.ui-btn-icon, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid.ui-li-grid-full *.ui-btn-icon { + flex-grow: 0; + flex-shrink: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn { + padding: 0; + margin: 0 1.125rem 0 0; + flex: none; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + border-radius: 50%; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle { + border-radius: 50%; + width: 5.5rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn.ui-btn-circle.ui-btn-active { + animation: btn-circle-opacity-press linear 567ms; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child { + margin-right: 0; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn:last-child:first-child, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn:last-child:first-child { + margin-right: 1.25rem; +} +.ui-listview.ui-snap-listview li.ui-li-grid > *.ui-btn-description, +.ui-listview.ui-arc-listview-carousel-item li.ui-li-grid > *.ui-btn-description { + transform: none; + margin: 0; + width: auto; +} +.ui-listview.ui-snap-listview li .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li .ui-li-sub-text { + color: T022; + font-size: 1.5rem; + display: block; + transition-property: opacity, line-height; + transition-timing-function: ease-in-out, ease-in-out; + transition-duration: 100ms, 200ms; + opacity: 0; + line-height: 0.01px; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected { + line-height: 2.9375rem; + max-height: 45rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text { + opacity: 1; + line-height: 2rem; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 18.75rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-snap-listview li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child), +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected .ui-li-sub-text:last-child:not(:first-child) { + padding-top: 0.125rem; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active { + color: T0211P; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active::before, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active::before { + background-color: B0210P; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-snap-listview li.ui-arc-listview-selected.ui-li-active .ui-action-text:active, +.ui-listview.ui-arc-listview-carousel-item li.ui-arc-listview-selected.ui-li-active .ui-action-text:active { + background-color: B041P; + color: T0211P; +} +.ui-listview.ui-snap-listview li.ui-snap-listview-selected::before, +.ui-listview.ui-arc-listview-carousel-item li.ui-snap-listview-selected::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -webkit-mask-image: url("images/List/b_list_focus_bg.png"); + -webkit-mask-size: 100% 100%; + background-color: B0210; + border-radius: 20vw; + pointer-events: none; +} +.ui-listview.ui-snap-listview li li, +.ui-listview.ui-arc-listview-carousel-item li li { + border: none; +} +.ui-listview.ui-snap-listview li li.ui-li-active::before, +.ui-listview.ui-arc-listview-carousel-item li li.ui-li-active::before { + background-color: transparent; +} +.ui-listview.ui-arc-listview-carousel-item-separator { + height: auto; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li { + padding: 1.5625rem 1.875rem 1.625rem; + min-height: auto; + color: T0261; + overflow: hidden; + line-height: 3rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li::before { + display: block; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + content: ""; + width: 100%; + height: 0.0625rem; + background-color: white; + -webkit-mask-box-image: url("images/List/tw_list_divider.png") 0 128 0 128 repeat repeat; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li:active a, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-active a { + color: T0261P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text { + white-space: normal; + color: T0263; + padding-top: 0.5625rem; + padding-bottom: 0.625rem; + font-size: 1.9375rem; + line-height: 2.3125rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-text:active { + color: T0263P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline { + padding-top: 0.5625rem; + padding-bottom: 0.625rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a { + display: flex; + flex-direction: column; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline a .ui-li-sub-text { + color: T0262; + font-size: 1.5rem; + line-height: 2rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active .ui-li-sub-text, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-multiline.ui-li-active a .ui-li-sub-text { + color: T9262P; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left { + padding-left: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right { + padding-right: 6.25rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img { + background-color: unset; + position: absolute; + top: calc(49.5%); + transform: translateY(-50%); +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-left, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-left { + left: 1rem; +} +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-left img.ui-li-thumb-right, +.ui-listview:not(.ui-arc-listview):not(.ui-arc-listview-carousel-item):not(.ui-snap-listview) li.ui-li-has-thumb-right img.ui-li-thumb-right { + right: 1rem; +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + height: 76px; + width: 76px; +} +input[type="checkbox"]:not(.ui-switch-input) { + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L2 63%, W012L2 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input)::before { + content: ""; + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1 63%, W012L1 68%, transparent 72%); + height: 100%; + width: 100%; + opacity: 0; + position: absolute; + transition: all 300ms ease-in; +} +input[type="checkbox"]:not(.ui-switch-input)::after { + mask-image: url('images/Controller_icon/Check/tw_btn_check_holo_dark.png'); + mask-repeat: repeat; + mask-position: center bottom; + height: 0; + transition-property: height; + transition-duration: 500ms; + bottom: 0; + mask-size: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + animation: checkon 300ms ease-out; + transition: none; + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1 63%, W012L1 68%, transparent 72%); + opacity: 1; +} +input[type="checkbox"]:not(.ui-switch-input):checked::after { + background-color: W012L3; + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background: radial-gradient(transparent, transparent 59%, W012L2 63%, W012L2 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + height: 0; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1 63%, W012L1 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::after { + background-color: W012L3; + height: 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled { + background: radial-gradient(transparent, transparent 59%, W012L2D 63%, W012L2D 68%, transparent 72%), url("images/Controller_icon/Check/ref_btn_check_holo_dark.png") no-repeat; + background-size: 100% 100%; +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::before { + mask-image: none; + background: radial-gradient(transparent, transparent 59%, W012L1D 63%, W012L1D 68%, transparent 72%); +} +input[type="checkbox"]:not(.ui-switch-input):disabled:checked::after { + background-color: W012L3D; + height: 100%; +} +@keyframes checkon { + from { + opacity: .5; + } + 100% { + opacity: 1; + } +} +input[type="radio"] { + background: radial-gradient(transparent, transparent 59%, W013L2 63%, W013L2 68%, transparent 72%, transparent); + mask-image: none; +} +input[type="radio"]::after { + content: ""; + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: W013L4; +} +input[type="radio"]::before { + content: ""; + background-color: W013L3; + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + mask-repeat: no-repeat; + width: 100%; + height: 100%; + mask-size: 100% 100%; + position: absolute; + transform: scale(0); + transition: transform 300ms; +} +input[type="radio"]:checked { + background: radial-gradient(transparent, transparent 59%, W013L1 63%, W013L1 68%, transparent 72%, transparent); +} +input[type="radio"]:checked::before { + background-color: W013L3; + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + transform: scale(1); + z-index: 1; +} +input[type="radio"]:active { + background: radial-gradient(transparent, transparent 59%, W013L2P 63%, W013L2P 68%, transparent 72%, transparent); + mask-image: none; +} +input[type="radio"]:active::after { + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: W013L4P; +} +input[type="radio"]:active:checked { + background: radial-gradient(transparent, transparent 59%, W013L1P 63%, W013L1P 68%, transparent 72%, transparent); +} +input[type="radio"]:active:checked::before { + mask-image: url('images/Controller_icon/Radio/tw_btn_radio_holo_dark.png'); + background-color: W013L3P; +} +input[type="radio"]:active:checked::after { + content: none; +} +input[type="radio"]:disabled { + background: radial-gradient(transparent, transparent 59%, W013L2D 63%, W013L2D 68%, transparent 72%, transparent); + mask-image: none; +} +input[type="radio"]:disabled::before { + transition: none; +} +input[type="radio"]:disabled::after { + background-color: W013L4D; +} +input[type="radio"]:disabled:checked { + background: radial-gradient(transparent, transparent 59%, W013L1D 63%, W013L1D 68%, transparent 72%, transparent); +} +input[type="radio"]:disabled:checked::before { + background-color: W013L3D; + transition: none; +} +input[type="radio"]:disabled:checked::after { + content: none; +} +/*************************************************************************** + button +***************************************************************************/ +.ui-btn { + color: T042; + background-color: transparent; + height: auto; +} +.ui-btn.ui-btn-icon-only::before { + mask-size: 3.125rem 3.125rem; + width: 3.125rem; + height: 3.125rem; +} +.ui-default { + color: T042; + background-color: transparent; +} +.ui-color-red { + color: T041; + background-color: W012; +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: W012; +} +.ui-color-red:enabled:focus { + background-color: W012; +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: T041; + background-color: W012; +} +.ui-color-orange { + color: T041; + background-color: W013; +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: W013; +} +.ui-color-orange:enabled:focus { + background-color: W013; +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: T041; + background-color: W013; +} +.ui-color-green { + color: T041; + background-color: W014; +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: W014; +} +.ui-color-green:enabled:focus { + background-color: W014; +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: T041; + background-color: W014; +} +.ui-color-blue { + color: T041; + background-color: W011; +} +a.ui-color-blue:active:hover, +.ui-color-blue:enabled:active:hover { + background-color: W011; +} +.ui-color-blue:enabled:focus { + background-color: W011; +} +a.ui-color-blue.ui-state-disabled, +.ui-color-blue:disabled { + color: T041; + background-color: W011; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px B011; +} +/*************************************************************************** + circle progress bar +***************************************************************************/ +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-left { + border: 0.5rem solid B065L2; +} +.ui-progressbar .ui-progressbar-value .ui-progressbar-value-right { + border: 0.5rem solid B065L2; +} +.ui-progressbar .ui-progressbar-bg { + border: 0.5rem solid B065L3; +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-left, +.ui-progressbar.ui-progressbar-small .ui-progressbar-value .ui-progressbar-value-right { + border: 0.25rem solid B065L2; +} +.ui-progressbar.ui-progressbar-small .ui-progressbar-bg { + border: 0.25rem solid B065L3; +} +.ui-progressbar-end-point { + position: absolute; + z-index: 1000; + width: 20px; + height: 20px; + background: #37a1ed; + border-radius: 50%; + left: 180px; + top: 180px; + transform: translate(-50%, -50%); + transform-origin: center center; + display: none; +} +.ui-progressbar-end-point::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: rgba(55, 161, 237, 0.5); + left: 0; + right: 0; + border-radius: 50%; + transform: scale(1); + transition-property: transform; + transition-duration: .25s; + transition-timing-function: ease-out; +} +.ui-progressbar-end-point-active { + display: block; +} +.ui-progressbar-end-point-pressed::after { + content: ""; + transform: scale(2); +} +/*************************************************************************** + circular index scroll bar +***************************************************************************/ +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + background-color: B0731; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + color: T0312P; +} +.ui-indexscrollbar { + display: none; +} +/*************************************************************************** + drawer +***************************************************************************/ +.ui-drawer { + background-color: B0511D; + border-radius: 50%; +} +.ui-drawer-overlay { + background-color: B0511D; +} +/*************************************************************************** + progress +***************************************************************************/ +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + -webkit-mask-image: url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png); + -webkit-mask-repeat: no-repeat; + background-color: B065L6; + } +} +progress { + color: T011; +} +progress::-webkit-progress-bar { + background-color: B065L3; +} +progress::-webkit-progress-value { + background-color: B065L2; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: B065L2; +} +/*********************** +Processing +***********************/ +@keyframes fullprocess { + 0% { + mask-position: 0vw 0vw; + } + 2% { + mask-position: -100vw 0vw; + } + 3% { + mask-position: -200vw 0vw; + } + 5% { + mask-position: -300vw 0vw; + } + 7% { + mask-position: -400vw 0vw; + } + 8% { + mask-position: -500vw 0vw; + } + 10% { + mask-position: -600vw 0vw; + } + 12% { + mask-position: 0vw -100vw; + } + 14% { + mask-position: -100vw -100vw; + } + 15% { + mask-position: -200vw -100vw; + } + 17% { + mask-position: -300vw -100vw; + } + 19% { + mask-position: -400vw -100vw; + } + 20% { + mask-position: -500vw -100vw; + } + 22% { + mask-position: -600vw -100vw; + } + 24% { + mask-position: 0vw -200vw; + } + 25% { + mask-position: -100vw -200vw; + } + 27% { + mask-position: -200vw -200vw; + } + 29% { + mask-position: -300vw -200vw; + } + 31% { + mask-position: -400vw -200vw; + } + 32% { + mask-position: -500vw -200vw; + } + 34% { + mask-position: -600vw -200vw; + } + 36% { + mask-position: 0vw -300vw; + } + 37% { + mask-position: -100vw -300vw; + } + 39% { + mask-position: -200vw -300vw; + } + 41% { + mask-position: -300vw -300vw; + } + 42% { + mask-position: -400vw -300vw; + } + 44% { + mask-position: -500vw -300vw; + } + 46% { + mask-position: -600vw -300vw; + } + 47% { + mask-position: 0vw -400vw; + } + 49% { + mask-position: -100vw -400vw; + } + 51% { + mask-position: -200vw -400vw; + } + 53% { + mask-position: -300vw -400vw; + } + 54% { + mask-position: -400vw -400vw; + } + 56% { + mask-position: -500vw -400vw; + } + 58% { + mask-position: -600vw -400vw; + } + 59% { + mask-position: 0vw -500vw; + } + 61% { + mask-position: -100vw -500vw; + } + 63% { + mask-position: -200vw -500vw; + } + 64% { + mask-position: -300vw -500vw; + } + 66% { + mask-position: -400vw -500vw; + } + 68% { + mask-position: -500vw -500vw; + } + 69% { + mask-position: -600vw -500vw; + } + 71% { + mask-position: 0vw -600vw; + } + 73% { + mask-position: -100vw -600vw; + } + 75% { + mask-position: -200vw -600vw; + } + 76% { + mask-position: -300vw -600vw; + } + 78% { + mask-position: -400vw -600vw; + } + 80% { + mask-position: -500vw -600vw; + } + 81% { + mask-position: -600vw -600vw; + } + 83% { + mask-position: 0vw -700vw; + } + 85% { + mask-position: -100vw -700vw; + } + 86% { + mask-position: -200vw -700vw; + } + 88% { + mask-position: -300vw -700vw; + } + 90% { + mask-position: -400vw -700vw; + } + 92% { + mask-position: -500vw -700vw; + } + 93% { + mask-position: -600vw -700vw; + } + 95% { + mask-position: 0vw -800vw; + } + 97% { + mask-position: -100vw -800vw; + } + 98% { + mask-position: -200vw -800vw; + } + 100% { + mask-position: -300vw -800vw; + } +} +.ui-page-active .ui-processing { + opacity: 1; +} +.ui-processing { + opacity: 0; + background-color: B065L6; + transition: opacity 0.2s linear; +} +.ui-processing.ui-processing-alternate { + background-color: B082; +} +.ui-processing.ui-processing-on-center { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.ui-processing.ui-processing-full-size { + mask-image: url("images/Processing/processingfull.png"); + mask-repeat: no-repeat; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: step-start; + animation-name: fullprocess; + pointer-events: none; + position: fixed; + width: 100vw; + height: 100vw; + top: 0; + left: 0; + margin: 0; +} +/** widget interactions **/ +.ui-listview li .ui-processing { + position: absolute; + right: 2rem; + top: 50%; + transform: translateY(-50%); +} +.ui-scrollbar-bouncing-effect { + animation-duration: .7s; + animation-timing-function: ease; + background-color: B018E; +} +.ui-scrollbar-bouncing-effect::before { + animation-duration: .7s; + animation-timing-function: ease; + animation-fill-mode: forwards; + background-color: B019; +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 5.5rem; + left: 0; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 5.5rem; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 5.5rem; + height: 100%; + top: 0; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 5.5rem; + height: 100%; + mask-size: 100% 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + mask-image: url("images/Scroller/bouncing_circle_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + mask-image: url("images/Scroller/bouncing_circle_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + mask-image: url("images/Scroller/bouncing_circle_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + mask-image: url("images/Scroller/bouncing_circle_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + mask-image: url("images/Scroller/bouncing_circle_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + mask-image: url("images/Scroller/bouncing_circle_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + mask-image: url("images/Scroller/bouncing_circle_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + mask-image: url("images/Scroller/bouncing_circle_right_edge.png"); +} +@keyframes -ui-bouncing-show-additional { + 0% { + opacity: 0; + } + 42% { + opacity: 0; + } + 100% { + opacity: .7; + } +} +@keyframes ui-bouncing-show-top { + 0% { + transform: translate3d(0, -100%, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-left { + 0% { + transform: translate3d(-100%, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-right { + 0% { + transform: translate3d(100%, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes ui-bouncing-show-bottom { + 0% { + transform: translate3d(0, 100%, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 0, 0); + } +} +@keyframes -ui-bouncing-hide-additional { + 0% { + opacity: .7; + } + 42% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes ui-bouncing-hide-left { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(-100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-right { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(100%, 0, 0); + } +} +@keyframes ui-bouncing-hide-bottom { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, 100%, 0); + } +} +@keyframes ui-bouncing-hide-top { + 0% { + transform: translate3d(0, 0, 0); + } + 42% { + transform: translate3d(0, 0, 0); + } + 100% { + transform: translate3d(0, -100%, 0); + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-left { + animation-name: ui-bouncing-show-left; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-right { + animation-name: ui-bouncing-show-right; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-bottom { + animation-name: ui-bouncing-show-bottom; +} +.ui-scrollbar-bouncing-effect.ui-show.ui-top { + animation-name: ui-bouncing-show-top; +} +.ui-scrollbar-bouncing-effect.ui-show::before { + animation-name: -ui-bouncing-show-additional; +} +.ui-scrollbar-bouncing-effect.ui-hide { + animation-duration: .3s; + display: block; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-left { + animation-name: ui-bouncing-hide-left; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-right { + animation-name: ui-bouncing-hide-right; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-bottom { + animation-name: ui-bouncing-hide-bottom; +} +.ui-scrollbar-bouncing-effect.ui-hide.ui-top { + animation-name: ui-bouncing-hide-top; +} +.ui-scrollbar-bouncing-effect.ui-hide::before { + animation-duration: .3s; + animation-name: -ui-bouncing-hide-additional; +} +.is-circle-test { + width: 1px; +} +.ui-selector { + background-color: B01153; +} +.ui-selector .ui-item { + background-color: B0554; +} +.ui-selector .ui-item:active { + background-color: B0554P; +} +.ui-selector .ui-item.ui-item-active:active { + background-color: B0554; +} +.ui-selector .ui-layer.ui-layer-prev, +.ui-selector .ui-layer.ui-layer-next { + background-color: B058; +} +.ui-selector .ui-layer.ui-layer-prev:active, +.ui-selector .ui-layer.ui-layer-next:active { + background-color: B058P; +} +.ui-selector .ui-selector-indicator { + font-size: 1.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + color: T117; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + color: T118; +} +.ui-selector .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background-color: B0116P; +} +.ui-selector .ui-selector-indicator-active + .ui-selector-indicator-arrow::before { + background-color: B0116P; +} +.ui-selector .ui-selector-indicator-arrow::before { + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-item.ui-item-plus { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator, +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-selector-indicator-arrow { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode.ui-selector-reorder .ui-layer:not(.ui-layer-active):not(.ui-layer-next):not(.ui-layer-prev) { + pointer-events: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator > :not(.ui-selector-indicator-text) { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-selector-indicator:active + .ui-selector-indicator-arrow::before { + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder { + box-sizing: border-box; + border: 0.0625rem solid B1681; + background: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder .ui-item-icon-remove-right, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::before, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-placeholder::after, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-removable.ui-item-placeholder::after { + display: none; +} +@keyframes dragItem { + 0% { + transform: scale(1); + opacity: 1; + } + 100% { + transform: scale(1.21428571); + opacity: 0.7; + } +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved { + position: fixed; + width: 3.5rem; + height: 3.5rem; + z-index: 101; + visibility: visible; + opacity: 0.7; + transform: scale(1.21428571); + pointer-events: none; + margin: -1.75rem; + animation: 333ms dragItem; +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved-end { + opacity: 1; + transform: scale(1); +} +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item.ui-item-moved .ui-item-icon-remove-right { + display: none; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + position: absolute; + width: 1.875rem; + height: 1.875rem; + top: -0.125rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active .ui-item-icon-remove-bg { + background-color: B1672P; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left:active::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right:active::after { + background-color: B1671P; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg { + position: absolute; + width: 100%; + height: 100%; + background-color: B1672; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before { + background-color: B1673; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete_bg_ef.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left::after, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + background-color: B1671; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_delete.png"); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right { + right: -0.1875rem; + transform-origin: top right; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right .ui-item-icon-remove-bg, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::before, +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-right::after { + transform: scaleX(-1); +} +.ui-selector.ui-selector-edit-mode .ui-item-removable .ui-item-icon-remove-left { + transform-origin: top left; + left: -0.1875rem; +} +.ui-selector.ui-selector-edit-mode .ui-item-removable.ui-item-removed.ui-item { + opacity: 0; + transition: opacity 200ms; +} +.ui-selector.ui-selector-edit-mode .ui-item-plus { + background-color: B0554; + mask-image: url("images/Selector/b_rotary_selector_edit_mode_ic_add.png"); + mask-size: 100%; +} +/* ------------------------- Selector List for bezelless watches ------------------------- */ +.ui-bezelless-selector .ui-more { + z-index: 1; +} +.ui-bezelless-selector .ui-listview li img { + width: 3.125rem; + height: 3.125rem; +} +.ui-bezelless-selector .thumb-container { + display: inline-block; + width: 3.125rem; + height: 3.125rem; + position: absolute; + left: 2.5rem; + background: white; + border-radius: 6.25rem; +} +.ui-bezelless-selector .ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 3.125rem; +} +.ui-slider-container { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.ui-slider-container .ui-slider-icon { + width: 9.375rem; + height: 9.375rem; + margin: 0 auto; +} +.ui-slider-container .ui-slider-titles { + height: 4.625rem; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.ui-slider-container .ui-slider-titles .ui-slider-title { + color: T117; + font-size: 1.875rem; + line-height: 1.875rem; + margin-top: 0.4375rem; +} +.ui-slider-container .ui-slider-titles .ui-slider-subtitle { + color: T118; + font-size: 1.8125rem; + line-height: 1.875rem; +} +.ui-slider-container .ui-slider-buttons { + height: 4rem; + display: flex; + align-items: center; + justify-content: center; + width: 100%; +} +.ui-slider-container .ui-slider-buttons .ui-slider-minus { + width: 2.75rem; + height: 100%; + background: url('images/Slider/b_slider_icon_minus.png') no-repeat center center; + z-index: 1; +} +.ui-slider-container .ui-slider-buttons .ui-slider-number { + height: 100%; + color: T014; + font-size: 2.5rem; + width: 4.125rem; + margin: 0 -1.25rem; + line-height: 3.25rem; + margin-top: 0.3125rem; +} +.ui-slider-container .ui-slider-buttons .ui-slider-plus { + background: url('images/Slider/b_slider_icon_plus.png') no-repeat center center; + width: 2.75rem; + height: 100%; + z-index: 1; +} +a.ui-hyperlink { + color: T1611; +} +a.ui-hyperlink:active, +a.ui-hyperlink:hover { + color: T1611P; +} +.ui-arc-listview { + width: 22.5rem; + display: block; + overflow: hidden; + top: 0; + left: 0; +} +.ui-arc-listview-carousel { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-arc-listview-carousel-item { + width: 22.5rem; + position: absolute; + height: 6.75rem; +} +.ui-arc-listview-carousel-item li { + top: 3.375rem; + transform: translateY(-50%); +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item { + height: 4.375rem; +} +.ui-arc-listview-5 .ui-arc-listview-carousel-item li { + top: 2.1875rem; + transform: translateY(-50%); +} +.ui-arc-listview-selection { + opacity: 0; + position: absolute; + transition: opacity 250ms; + pointer-events: none; + transform: translateY(-50%); + mask-image: url("images/List/b_list_focus_bg.png"); + mask-size: 100% 100%; + top: 50%; + width: 22.5rem; + height: 7.5rem; + left: 0; + right: 0; + border-radius: 4.5rem; + background-color: B0210; +} +.ui-arc-listview-selection-show { + opacity: 1; +} +.ui-arc-listview li, +.ui-arc-listview-carousel li { + justify-content: space-around; + display: flex; + align-items: center; +} +.ui-arc-listview li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 6.75rem; + vertical-align: middle; +} +.ui-arc-listview li.ui-li-group-index, +.ui-arc-listview-carousel li.ui-li-group-index, +.ui-arc-listview li.ui-listview-divider, +.ui-arc-listview-carousel li.ui-listview-divider { + margin-top: 0; + border: 0; + flex-direction: row; +} +.ui-arc-listview li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-li-group-index ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel li.ui-listview-divider ~ li:not(.ui-li-group-index):not(.ui-listview-divider) { + margin-top: 0; +} +.ui-arc-listview.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider), +.ui-arc-listview-carousel.ui-arc-listview-5 li:not(.ui-li-group-index):not(.ui-listview-divider) { + min-height: 4.375rem; +} +.ui-arc-listview.ui-arc-listview-5 li.ui-arc-listview-selected, +.ui-arc-listview-carousel.ui-arc-listview-5 li.ui-arc-listview-selected { + line-height: 4.375rem; +} +.ui-arc-listview-carousel { + /* disable some unnecessary listview styles */ +} +.ui-arc-listview-carousel .ui-listview { + padding-bottom: 0; +} +.ui-force-relative-li-children li { + position: relative !important; +} +/* Keyboard is visible, screen height is lower then half of screen */ +@media (max-height: 180px) { + .ui-arc-listview-carousel li input[type=text]:focus, + .ui-arc-listview-carousel li input[type=password]:focus { + position: fixed; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + } +} +.ui-number-picker-container { + display: flex; + width: 100%; + height: 6.875rem; + justify-content: center; + flex-direction: column; + position: relative; + top: 0.5625rem; +} +.ui-number-picker-container .ui-circleindicator { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1001; + pointer-events: none; +} +.ui-number-picker-container .ui-circleindicator .ui-animated { + transition-duration: 0.3s; +} +.ui-number-picker-container input[type="number"] { + display: none; +} +.ui-number-picker-container .ui-number-picker-label { + order: 1; + font-size: 1.5rem; + line-height: 1.5625rem; + color: T273S; + display: block; + width: 5rem; + opacity: 1; + transition-duration: 300ms, 300ms; + transition-property: opacity, top; + transition-timing-function: linear; +} +.ui-number-picker-container .ui-number-picker-label.hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-number-picker-container .ui-number-picker-number { + order: 2; + font-size: 3.125rem; + line-height: 5.3125rem; + margin-top: -0.375rem; + color: T2751; + min-width: 5rem; + display: block; + padding-top: 0.4375rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin { + margin-top: 0.5rem; + height: 3.125rem; + width: auto; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.5rem; + height: 100%; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-number-picker-container .ui-number-picker-number.ui-spin-enabling { + height: 100%; +} +.ui-number-picker-container.ui-number-picker-disabled .ui-number-picker-number { + color: T273D; +} +.ui-number-picker-container .ui-number-picker-number-pressed { + color: T275P; +} +.ui-number-picker-container .ui-number-picker-number-blink { + animation: ui-number-picker-number-blink 1s infinite; +} +.ui-number-picker-container .ui-spin { + height: 3.125rem; + line-height: normal; + margin-top: 0; + padding: 0; + width: 3.75rem; + margin-left: auto; + margin-right: auto; +} +.ui-number-picker-container .ui-spin.enabled { + height: 100%; +} +.ui-number-picker-container .hidden { + display: none; +} +.ui-number-picker-container .ui-spin-item { + font-size: 3.125rem; + height: 2.375rem; +} +.ui-number-picker-container:not(.ui-time-picker) span { + margin-left: 8.75rem; +} +.ui-number-picker-container:not(.ui-time-picker) label { + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%); +} +.ui-time-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-time-picker .ui-time-picker-container-hours { + float: left; + height: inherit; + width: 5rem; +} +.ui-time-picker .ui-time-picker-colon-container { + float: left; + height: 5.3125rem; + width: 0.75rem; + margin-left: 0.5rem; + padding-top: 2.8125rem; +} +.ui-time-picker .ui-time-picker-colon-container span { + font-size: 2.5rem; +} +.ui-time-picker div { + font-size: 2.5rem; +} +.ui-time-picker div label { + font-size: 1rem; +} +.ui-time-picker .ui-time-picker-active-label-animation { + animation: changeColor 1s infinite; + color: T271S; +} +.ui-time-picker .ui-time-picker-container-minutes { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; +} +.ui-time-picker .ui-time-picker-container-ampm { + float: left; + height: 4.0625rem; + margin-top: 2.0625rem; + margin-left: 0.5rem; + width: 6.25rem; + overflow-y: hidden; +} +.ui-time-picker .ui-time-picker-container-ampm div { + height: 8.125rem; + position: relative; +} +.ui-time-picker .ui-time-picker-container-ampm div span { + font-size: 3.125rem; + height: 4.0625rem; + line-height: 4.0625rem; + width: 6.25rem; + display: inline-block; + position: relative; + color: T2741; +} +.ui-time-picker .ui-time-picker-container-ampm-pressed div span { + color: T274P; +} +.ui-time-picker .ui-number-picker-label { + display: block; + width: 5rem; + font-size: 1.5rem; + height: 2.0625rem; + position: absolute; + opacity: 1; + top: -0.375rem; + transition-duration: 300ms, 300ms; + transition-property: opacity, top; + transition-timing-function: linear; +} +.ui-time-picker .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-time-picker .ui-number-picker-number { + width: 5rem; + font-size: 4.0625rem; + display: block; + height: 5.3125rem; + margin-top: 1.25rem; + padding-top: 0; +} +.ui-time-picker .ui-number-picker-number.ui-spin { + margin-top: 2rem; + height: 4.0625rem; + width: auto; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled { + margin-top: 0.625rem; + height: 100%; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-time-picker .ui-number-picker-number.ui-spin.enabled .ui-spin-item-selected { + opacity: 1; +} +.ui-time-picker .ui-number-picker-number .ui-spin-item { + font-size: 4.0625rem; + height: 3.125rem; +} +.ui-time-picker-hidden { + opacity: 0; +} +.ui-time-picker .ui-polar .disable-transform.pointer { + transition: none; +} +.ui-time-picker .ui-circleindicator .ui-animated.ui-time-picker-disable-animation { + transition: none; + display: none; +} +.ui-circleindicator.ui-time-picker-background { + background-image: url("images/TimePicker/time_picker_bg.png"); + background-repeat: no-repeat; + background-attachment: fixed; +} +.ui-time-picker-am-pm { + margin-left: 2rem; +} +.ui-time-picker-no-am-pm { + margin-left: 5.375rem; +} +@keyframes changeColor { + 0% { + color: T271S; + } + 49% { + color: T271S; + } + 51% { + color: T271; + } + 100% { + color: T271; + } +} +@keyframes showPM { + 0% { + transform: translateY(0px); + } + 100% { + transform: translateY(-65px); + } +} +@keyframes hidePM { + 0% { + transform: translateY(-65px); + } + 100% { + transform: translateY(0px); + } +} +.ui-time-picker-hide-pm { + animation: hidePM 300ms ease-out 0ms; + animation-fill-mode: forwards; +} +.ui-time-picker-show-pm { + animation: showPM 300ms ease-out 0ms; + animation-fill-mode: forwards; +} +.ui-colorpicker .ui-selector-indicator .ui-selector-indicator-text { + font-size: 0; + height: 6.25rem; + width: 6.25rem; + max-height: 6.25rem; + border-radius: 50%; +} +.ui-colorpicker .ui-selector-indicator-arrow:before { + background-color: white; +} +.ui-date-picker.ui-number-picker-container { + height: 6.875rem; + display: block; +} +.ui-date-picker.ui-number-picker-container input { + display: none; +} +.ui-date-picker.ui-number-picker-container span { + margin: -0.375rem 0 0 0; + text-align: center; + font-size: 3.125rem; + width: inherit; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label { + margin: 0; + text-align: center; + height: 1.9375rem; + line-height: 1.9375rem; + font-size: 1.5rem; + width: inherit; + opacity: 1; + transition-duration: 300ms, 300ms; + transition-property: opacity, top; + transition-timing-function: linear; +} +.ui-date-picker.ui-number-picker-container .ui-number-picker-label-hidden { + opacity: 0; + display: block; + pointer-events: none; + top: -0.75rem; +} +.ui-date-picker.ui-number-picker-container .ui-spin-item { + height: 3.125rem; +} +.ui-date-picker .ui-date-picker-active-label-animation { + animation: changeColor 1s infinite; + color: T271S; +} +.ui-date-picker .ui-date-picker-container-month { + float: left; + height: inherit; + margin-left: 1.5rem; + width: 6rem; + position: relative; + display: flex; + justify-content: center; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-month .ui-spin { + width: 6.875rem; +} +.ui-date-picker .ui-date-picker-container-day { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 5rem; + position: relative; + display: flex; + justify-content: center; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-day .ui-spin { + width: 4.0625rem; +} +.ui-date-picker .ui-date-picker-container-year { + float: left; + height: inherit; + margin-left: 0.5rem; + width: 7.5rem; + position: relative; + display: flex; + justify-content: center; + flex-direction: column; +} +.ui-date-picker .ui-date-picker-container-year .ui-spin { + width: 7.5rem; +} +.ui-date-picker .ui-date-picker-containter-dayname { + position: fixed; + width: 100%; + top: 14.4375rem; + opacity: 0.8; + font-size: 1.5rem; + line-height: 2rem; + height: 2rem; + padding: 0 2.8125rem; + color: T277; +} +.ui-date-picker-hidden { + display: none; +} +.ui-date-picker .enabled .ui-spin-item { + color: #4dcfff; + opacity: 0.5; +} +.ui-date-picker .enabled .ui-spin-item-selected { + opacity: 1.0; +} +@keyframes changeColor { + 0% { + color: T271S; + } + 49% { + color: T271S; + } + 51% { + color: T271; + } + 100% { + color: T271; + } +} +input[type=text], +input[type=password], +input[type=search], +input[type=email] { + mask-image: url("images/TextInput/b_list_edit_field_bg.png"); + mask-size: 100% 100%; + width: 18rem; + height: 3.875rem; + padding: 0.8125rem 1rem; + color: T016; + font-size: 1.75rem; + background-color: B02112; + border: none; + outline: none; +} +input[type=text]:disabled, +input[type=password]:disabled, +input[type=search]:disabled, +input[type=email]:disabled { + color: T016D; +} +input[type=text]:focus + .ui-footer, +input[type=password]:focus + .ui-footer, +input[type=search]:focus + .ui-footer, +input[type=email]:focus + .ui-footer { + display: none; +} +input[type=text]:active, +input[type=password]:active, +input[type=search]:active, +input[type=email]:active { + background-color: #5B5B5B; +} +.ui-listview input[type=text]:focus, +.ui-arc-listview-carousel input[type=text]:focus, +.ui-listview input[type=password]:focus, +.ui-arc-listview-carousel input[type=password]:focus, +.ui-listview input[type=search]:focus, +.ui-arc-listview-carousel input[type=search]:focus, +.ui-listview input[type=email]:focus, +.ui-arc-listview-carousel input[type=email]:focus { + background-color: transparent; + color: B0215; + -webkit-text-fill-color: T142; + font-size: 1.875rem; +} +.ui-listview input[type=text]:active, +.ui-arc-listview-carousel input[type=text]:active, +.ui-listview input[type=password]:active, +.ui-arc-listview-carousel input[type=password]:active, +.ui-listview input[type=search]:active, +.ui-arc-listview-carousel input[type=search]:active, +.ui-listview input[type=email]:active, +.ui-arc-listview-carousel input[type=email]:active { + background-color: B02112; +} +.ui-textinput-pane { + width: 100%; + height: 100%; + position: fixed; + display: none; + background: B015; + z-index: 1100; +} +.ui-textinput-pane input[type=text]:focus, +.ui-textinput-pane input[type=password]:focus, +.ui-textinput-pane input[type=search]:focus, +.ui-textinput-pane input[type=email]:focus { + position: fixed; + width: 100%; + height: auto; + border: none; + bottom: 0; + left: 0; + right: 0; + top: auto; + margin-top: auto; + padding: 1.625rem 3.125rem 0.3125rem 3.125rem; + background-color: B015; +} +@media (min-height: 180px) { + .ui-textinput-pane input[type=text]:focus, + .ui-textinput-pane input[type=password]:focus, + .ui-textinput-pane input[type=search]:focus, + .ui-textinput-pane input[type=email]:focus { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } +} diff --git a/lib/tau/wearable/theme/default/tau.css b/lib/tau/wearable/theme/default/tau.css new file mode 100644 index 0000000..fc74e66 --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.css @@ -0,0 +1,4862 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + index scrollbar (vertical) +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + Swipe list +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + View Switcher +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Empty state +***************************************************************************/ +/*************************************************************************** + Grid +***************************************************************************/ +/************************ +Listview +*************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Button(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/*********************************************************************/ +/* Progress(FIXED) */ +/*********************************************************************/ +* { + outline: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: Tizen, Samsung Sans, Helvetica; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +h2 { + font-size: 1.5em; + margin: .83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +input { + line-height: normal; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="time"], +input[type="date"] { + color: #000000; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +.tau-info-theme { + position: absolute; + top: -999px; + left: -999px; +} +.screen-hidden { + visibility: hidden; + position: absolute; + top: -10000em; + left: -10000em; +} +button, +input { + outline: none; + cursor: pointer; +} +* { + box-sizing: border-box; +} +a { + text-decoration: none; + color: rgba(250, 250, 250, 1); +} +ul, +li { + margin: 0; + padding: 0; + list-style-type: none; +} +img { + margin: 0; + padding: 0; +} +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + height: 100%; + font-size: 2.125rem; + font-family: Tizen, Samsung Sans, Helvetica; + background: rgba(0, 0, 0, 1); + color: rgba(250, 250, 250, 1); +} +tau-page { + display: block; +} +.ui-page { + width: 100%; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + display: none; + background: rgba(0, 0, 0, 1); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ui-page.ui-page-active { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.ui-page.ui-page-build { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + visibility: hidden; +} +.ui-page tau-scrollview { + display: block; +} +.ui-page .ui-content { + width: 100%; + height: auto; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page .ui-content.ui-content-padding { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.ui-page .ui-content.ui-content-fixed-middle { + position: fixed; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.ui-page .ui-header { + position: relative; + width: 100%; + line-height: 60px; + background-color: rgba(0, 31, 56, 1); +} +.ui-page .ui-header .ui-subtitle { + height: 30px; + font-weight: normal; + line-height: 30px; + padding-left: 16px; + padding-right: 16px; + color: rgba(116, 196, 252, 1); + font-size: 24px; + margin: -0.625rem 0 0.3125rem 0; +} +.ui-page .ui-header .ui-title { + color: rgba(116, 196, 252, 1); + font-size: 32px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + padding-left: 16px; + padding-right: 16px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); + mask-image: linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); +} +.ui-page .ui-header .ui-title.ui-icon { + padding-left: 60px; + background-position: 16px 14px; + background-size: 34px 34px; + background-repeat: no-repeat; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 78px; + -webkit-mask-image: -webkit-linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); + mask-image: linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); +} +.ui-page .ui-header button.ui-more, +.ui-page .ui-header input.ui-more { + border: 0 none; + padding: 0; +} +.ui-page .ui-header .ui-more-disable { + cursor: default; + background-color: transparent; +} +.ui-page .ui-header .ui-more { + display: block; + position: absolute; + top: 0; + right: 0; + width: 68px; + height: 100%; + overflow: hidden; + text-indent: -1000em; + background-position: center center; + background-color: transparent; + cursor: pointer; +} +.ui-page .ui-header .ui-more:active { + background-color: rgba(23, 73, 115, 1); +} +.ui-page .ui-header .ui-more.ui-icon-detail { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-detail[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall { + background-color: rgba(116, 196, 252, 1); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: rgba(116, 196, 252, 0.2); + -webkit-mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-footer { + width: 100%; + position: absolute; + bottom: 0; + left: 0; +} +.ui-page.ui-scroll-on .ui-scroller { + width: 100%; + height: auto; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} +.ui-page.ui-scroll-on .ui-content { + height: auto; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; +} +.ui-page.ui-scroll-on .ui-footer { + position: relative; +} +.ui-grid-col > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + width: 100%; +} +.ui-page .ui-grid-col-2 > * { + float: left; +} +.ui-page .ui-grid-col-2 > * { + width: 50%; +} +.ui-page .ui-grid-col-3 > * { + float: left; +} +.ui-page .ui-grid-col-3 > * { + width: 33.33333333%; +} +.ui-grid-row > * { + display: block; +} +@-webkit-keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } +} +@keyframes indeterminate { + 0% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 25% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 50% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 75% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } + 100% { + -webkit-mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: rgba(0, 77, 153, 1); + } +} +progress { + position: relative; + padding-left: 1rem; + padding-right: 1rem; + margin-top: 0.875rem; + margin-bottom: 0.875rem; + width: 100%; + height: 0.375rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; +} +progress::-webkit-progress-bar { + position: relative; + background-color: rgba(64, 64, 64, 1); + border-radius: 0.125rem; + overflow: hidden; +} +progress::-webkit-progress-value { + background-color: rgba(55, 161, 237, 1); + height: 0.375rem; + border-radius: 0.125rem; + overflow: hidden; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: rgba(55, 161, 237, 1); +} +progress.ui-progress-indeterminate::-webkit-progress-value { + background-size: 100% 100%; + -webkit-animation: indeterminate 150ms infinite; + animation: indeterminate 150ms infinite; +} +.ui-progress-proportion { + display: block; + float: left; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-progress-ratio { + display: block; + float: right; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: rgba(250, 250, 250, 1); +} +.ui-circle-progress { + display: none; +} +.ui-progressbar { + position: relative; + display: inline-block; + pointer-events: none; +} +.ui-progressbar.ui-progressbar-full { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* + * toggle switch + */ +.ui-switch { + width: 100%; + color: rgba(250, 250, 250, 1); +} +.ui-switch-inneroffset, +.ui-switch-handler { + display: none; +} +.ui-switch-text { + margin-top: 30px; + margin-bottom: 40px; + padding: 0 30px; + font-size: 34px; + text-align: center; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + text-align: center; + color: T161; +} +.ui-toggleswitch { + position: relative; + display: inline-block; + width: 103.5px; + height: 55px; + overflow: hidden; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 207px; + height: 110px; +} +.ui-toggleswitch .ui-switch-input { + position: absolute; + width: 100%; + height: 100%; + -webkit-appearance: none; + display: block; +} +.ui-toggleswitch .ui-switch-input::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + -moz-mask-position: 0 0; + -ms-mask-position: 0 0; + -o-mask-position: 0 0; + mask-position: 0 0; + background-color: rgba(102, 101, 101, 1); + z-index: 0; +} +.ui-toggleswitch .ui-switch-input:active::before { + background-color: rgba(102, 101, 101, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: rgba(179, 179, 179, 1); +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::before { + background-color: rgba(102, 101, 101, 1); +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 33.3%; + -moz-mask-position: 0 33.3%; + -ms-mask-position: 0 33.3%; + -o-mask-position: 0 33.3%; + mask-position: 0 33.3%; + background-color: rgba(250, 250, 250, 1); + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 1; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url('images/Controller_icon/toggle_changeable.png'); + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 66.7%; + -moz-mask-position: 0 66.7%; + -ms-mask-position: 0 66.7%; + -o-mask-position: 0 66.7%; + mask-position: 0 66.7%; + background-color: rgba(133, 133, 133, 1); + top: 0; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-position: 0 33%; + -moz-mask-position: 0 33%; + -ms-mask-position: 0 33%; + -o-mask-position: 0 33%; + mask-position: 0 33%; + -webkit-transform: translate3d(36.23%, 0, 0); + -ms-transform: translate3d(36.23%, 0, 0); + transform: translate3d(36.23%, 0, 0); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-mask-position: 0 100%; + -moz-mask-position: 0 100%; + -ms-mask-position: 0 100%; + -o-mask-position: 0 100%; + mask-position: 0 100%; + background-color: rgba(115, 191, 15, 1); +} +.ui-toggleswitch .ui-switch-input:checked::before { + background-color: rgba(115, 191, 15, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active::before { + background-color: rgba(75, 102, 39, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: rgba(179, 179, 179, 1); +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + background-color: rgba(75, 102, 39, 1); +} +/*********************** +Processing +***********************/ +/** + * @count_of_cols - how many sprites in one row + * @xsize - size of transition on x axis to next sprite + * @ysize - size of transition on y axis to next row of sprites + * @count - counter variable for while loop, loop is ending when count = 0; + * @totalCount - count for 100% of animation + */ +@-webkit-keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@keyframes smallprocess { + 0% { + -webkit-mask-position: 0rem 0rem; + mask-position: 0rem 0rem; + } + 2% { + -webkit-mask-position: -4.75rem 0rem; + mask-position: -4.75rem 0rem; + } + 3% { + -webkit-mask-position: -9.5rem 0rem; + mask-position: -9.5rem 0rem; + } + 5% { + -webkit-mask-position: -14.25rem 0rem; + mask-position: -14.25rem 0rem; + } + 7% { + -webkit-mask-position: -19rem 0rem; + mask-position: -19rem 0rem; + } + 8% { + -webkit-mask-position: -23.75rem 0rem; + mask-position: -23.75rem 0rem; + } + 10% { + -webkit-mask-position: -28.5rem 0rem; + mask-position: -28.5rem 0rem; + } + 12% { + -webkit-mask-position: 0rem -4.75rem; + mask-position: 0rem -4.75rem; + } + 14% { + -webkit-mask-position: -4.75rem -4.75rem; + mask-position: -4.75rem -4.75rem; + } + 15% { + -webkit-mask-position: -9.5rem -4.75rem; + mask-position: -9.5rem -4.75rem; + } + 17% { + -webkit-mask-position: -14.25rem -4.75rem; + mask-position: -14.25rem -4.75rem; + } + 19% { + -webkit-mask-position: -19rem -4.75rem; + mask-position: -19rem -4.75rem; + } + 20% { + -webkit-mask-position: -23.75rem -4.75rem; + mask-position: -23.75rem -4.75rem; + } + 22% { + -webkit-mask-position: -28.5rem -4.75rem; + mask-position: -28.5rem -4.75rem; + } + 24% { + -webkit-mask-position: 0rem -9.5rem; + mask-position: 0rem -9.5rem; + } + 25% { + -webkit-mask-position: -4.75rem -9.5rem; + mask-position: -4.75rem -9.5rem; + } + 27% { + -webkit-mask-position: -9.5rem -9.5rem; + mask-position: -9.5rem -9.5rem; + } + 29% { + -webkit-mask-position: -14.25rem -9.5rem; + mask-position: -14.25rem -9.5rem; + } + 31% { + -webkit-mask-position: -19rem -9.5rem; + mask-position: -19rem -9.5rem; + } + 32% { + -webkit-mask-position: -23.75rem -9.5rem; + mask-position: -23.75rem -9.5rem; + } + 34% { + -webkit-mask-position: -28.5rem -9.5rem; + mask-position: -28.5rem -9.5rem; + } + 36% { + -webkit-mask-position: 0rem -14.25rem; + mask-position: 0rem -14.25rem; + } + 37% { + -webkit-mask-position: -4.75rem -14.25rem; + mask-position: -4.75rem -14.25rem; + } + 39% { + -webkit-mask-position: -9.5rem -14.25rem; + mask-position: -9.5rem -14.25rem; + } + 41% { + -webkit-mask-position: -14.25rem -14.25rem; + mask-position: -14.25rem -14.25rem; + } + 42% { + -webkit-mask-position: -19rem -14.25rem; + mask-position: -19rem -14.25rem; + } + 44% { + -webkit-mask-position: -23.75rem -14.25rem; + mask-position: -23.75rem -14.25rem; + } + 46% { + -webkit-mask-position: -28.5rem -14.25rem; + mask-position: -28.5rem -14.25rem; + } + 47% { + -webkit-mask-position: 0rem -19rem; + mask-position: 0rem -19rem; + } + 49% { + -webkit-mask-position: -4.75rem -19rem; + mask-position: -4.75rem -19rem; + } + 51% { + -webkit-mask-position: -9.5rem -19rem; + mask-position: -9.5rem -19rem; + } + 53% { + -webkit-mask-position: -14.25rem -19rem; + mask-position: -14.25rem -19rem; + } + 54% { + -webkit-mask-position: -19rem -19rem; + mask-position: -19rem -19rem; + } + 56% { + -webkit-mask-position: -23.75rem -19rem; + mask-position: -23.75rem -19rem; + } + 58% { + -webkit-mask-position: -28.5rem -19rem; + mask-position: -28.5rem -19rem; + } + 59% { + -webkit-mask-position: 0rem -23.75rem; + mask-position: 0rem -23.75rem; + } + 61% { + -webkit-mask-position: -4.75rem -23.75rem; + mask-position: -4.75rem -23.75rem; + } + 63% { + -webkit-mask-position: -9.5rem -23.75rem; + mask-position: -9.5rem -23.75rem; + } + 64% { + -webkit-mask-position: -14.25rem -23.75rem; + mask-position: -14.25rem -23.75rem; + } + 66% { + -webkit-mask-position: -19rem -23.75rem; + mask-position: -19rem -23.75rem; + } + 68% { + -webkit-mask-position: -23.75rem -23.75rem; + mask-position: -23.75rem -23.75rem; + } + 69% { + -webkit-mask-position: -28.5rem -23.75rem; + mask-position: -28.5rem -23.75rem; + } + 71% { + -webkit-mask-position: 0rem -28.5rem; + mask-position: 0rem -28.5rem; + } + 73% { + -webkit-mask-position: -4.75rem -28.5rem; + mask-position: -4.75rem -28.5rem; + } + 75% { + -webkit-mask-position: -9.5rem -28.5rem; + mask-position: -9.5rem -28.5rem; + } + 76% { + -webkit-mask-position: -14.25rem -28.5rem; + mask-position: -14.25rem -28.5rem; + } + 78% { + -webkit-mask-position: -19rem -28.5rem; + mask-position: -19rem -28.5rem; + } + 80% { + -webkit-mask-position: -23.75rem -28.5rem; + mask-position: -23.75rem -28.5rem; + } + 81% { + -webkit-mask-position: -28.5rem -28.5rem; + mask-position: -28.5rem -28.5rem; + } + 83% { + -webkit-mask-position: 0rem -33.25rem; + mask-position: 0rem -33.25rem; + } + 85% { + -webkit-mask-position: -4.75rem -33.25rem; + mask-position: -4.75rem -33.25rem; + } + 86% { + -webkit-mask-position: -9.5rem -33.25rem; + mask-position: -9.5rem -33.25rem; + } + 88% { + -webkit-mask-position: -14.25rem -33.25rem; + mask-position: -14.25rem -33.25rem; + } + 90% { + -webkit-mask-position: -19rem -33.25rem; + mask-position: -19rem -33.25rem; + } + 92% { + -webkit-mask-position: -23.75rem -33.25rem; + mask-position: -23.75rem -33.25rem; + } + 93% { + -webkit-mask-position: -28.5rem -33.25rem; + mask-position: -28.5rem -33.25rem; + } + 95% { + -webkit-mask-position: 0rem -38rem; + mask-position: 0rem -38rem; + } + 97% { + -webkit-mask-position: -4.75rem -38rem; + mask-position: -4.75rem -38rem; + } + 98% { + -webkit-mask-position: -9.5rem -38rem; + mask-position: -9.5rem -38rem; + } + 100% { + -webkit-mask-position: -14.25rem -38rem; + mask-position: -14.25rem -38rem; + } +} +@-webkit-keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +@keyframes fullprocess { + 0% { + -webkit-mask-position: 0 0rem; + mask-position: 0 0rem; + } + 25% { + -webkit-mask-position: 0 -0.375rem; + mask-position: 0 -0.375rem; + } + 50% { + -webkit-mask-position: 0 -0.75rem; + mask-position: 0 -0.75rem; + } + 75% { + -webkit-mask-position: 0 -1.125rem; + mask-position: 0 -1.125rem; + } + 100% { + -webkit-mask-position: 0 -1.5rem; + mask-position: 0 -1.5rem; + } +} +.ui-processing { + background-color: rgba(0, 77, 153, 1); + -webkit-mask-image: url("images/Processing/processingsmall.png"); + mask-image: url("images/Processing/processingsmall.png"); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-name: smallprocess; + animation-name: smallprocess; + width: 4.75rem; + height: 4.75rem; + margin: 0 auto; +} +.ui-processing.ui-processing-full-size { + -webkit-mask-image: url("images/Processing/processing_bar.png"); + mask-image: url("images/Processing/processing_bar.png"); + -webkit-animation-name: fullprocess; + animation-name: fullprocess; + width: 100%; + height: 0.375rem; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + max-width: 19.75rem; +} +.ui-processing.ui-hidden { + display: none; +} +.ui-processing-text { + margin: 0 auto; + text-align: center; + width: 10.5rem; + font-size: 1.5rem; + color: rgba(250, 250, 250, 1); +} +.ui-btn { + display: block; + position: relative; + padding-right: 10px; + padding-left: 10px; + margin: 0; + font-size: 2rem; + line-height: 5.3125rem; + height: 5.3125rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + vertical-align: middle; + text-overflow: ellipsis; + overflow: hidden; + border: 0 none; + color: rgba(250, 250, 250, 1); + background-color: rgba(2, 56, 92, 1); +} +a.ui-btn:active:hover, +.ui-btn:enabled:active:hover { + background-color: rgba(23, 73, 115, 1); +} +.ui-btn:enabled:focus { + background-color: rgba(2, 56, 92, 1); +} +a.ui-btn.ui-state-disabled, +.ui-btn:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(3, 44, 64, 1); + cursor: default; +} +.ui-btn.ui-multiline { + padding-top: 10px; + padding-bottom: 10px; +} +.ui-btn.ui-inline { + display: inline-block; +} +.ui-btn.ui-btn-icon { + background-position: center center; + height: 5.5rem; + width: 5.5rem; + text-indent: -1000em; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; +} +.ui-btn.ui-btn-icon::before { + content: ""; + -webkit-mask-size: 5.5rem 5.5rem; + mask-size: 5.5rem 5.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + mask-position: 0 0; + width: 5.5rem; + height: 5.5rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + position: absolute; + -webkit-mask-image: none; + mask-image: none; + background-position: center center; + background-repeat: no-repeat; +} +.ui-btn.ui-btn-icon-only { + text-indent: -624.9375rem; +} +.ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.75rem 3.75rem; + mask-size: 3.75rem 3.75rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.75rem; + height: 3.75rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + background-color: rgba(250, 250, 250, 1); + -webkit-transition: background 150ms; + transition: background 150ms; +} +.ui-btn.ui-btn-icon-only:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-icon-only:disabled::before { + background-color: rgba(250, 250, 250, 0.4); +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + background-color: transparent; + height: 33vh; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + content: ''; + position: absolute; + background-color: white; + border-radius: 50%; + width: 30vw; + height: 30vh; + opacity: 0; + left: 50%; + top: 50%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before { + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; +} +.ui-btn.ui-btn-text { + height: 3.3125rem; + line-height: 2.6875rem; + padding: 0.3125rem; + margin: auto; + max-width: 16.125rem; + min-width: 4.125rem; +} +.ui-btn.ui-btn-text:enabled:active:hover, +.ui-btn.ui-btn-text:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-text.ui-btn-active { + -webkit-animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; + animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; + overflow: visible; + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after { + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + content: ''; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-size: cover; + mask-size: cover; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus { + background-color: rgba(250, 250, 250, 1); +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled { + background-color: rgba(250, 250, 250, 0.4); + cursor: default; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + height: 141%; + width: 141%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled { + background-color: transparent; + cursor: default; +} +.ui-btn.ui-btn-middle { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +@-webkit-keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@keyframes touch-text-btn-scale { + 0% { + -webkit-transform: translate(-50%, -50%) scale(1); + transform: translate(-50%, -50%) scale(1); + } + 100% { + -webkit-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + } +} +@-webkit-keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ui-default { + color: rgba(250, 250, 250, 1); + background-color: rgba(2, 56, 92, 1); +} +a.ui-default:active:hover, +.ui-default:enabled:active:hover { + background-color: rgba(23, 73, 115, 1); +} +.ui-default:enabled:focus { + background-color: rgba(2, 56, 92, 1); +} +a.ui-default.ui-state-disabled, +.ui-default:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(3, 44, 64, 1); + cursor: default; +} +.ui-color-red { + color: rgba(250, 250, 250, 1); + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: rgba(222, 102, 78, 1); +} +.ui-color-red:enabled:focus { + background-color: rgba(207, 36, 2, 1); +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 11, 1, 1); + cursor: default; +} +.ui-color-orange { + color: rgba(250, 250, 250, 1); + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: rgba(242, 171, 78, 1); +} +.ui-color-orange:enabled:focus { + background-color: rgba(237, 134, 0, 1); +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(69, 39, 5, 1); + cursor: default; +} +.ui-color-green { + color: rgba(250, 250, 250, 1); + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: rgba(146, 191, 90, 1); +} +.ui-color-green:enabled:focus { + background-color: rgba(97, 163, 16, 1); +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: rgba(250, 250, 250, 0.2); + background-color: rgba(50, 54, 48, 1); + cursor: default; +} +.ui-btn:focus, +.ui-btn:active { + outline: none; +} +a.ui-btn { + text-decoration: none; + box-sizing: border-box; +} +button.ui-btn, +input.ui-btn { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; +} +button.ui-btn.ui-inline, +input.ui-btn.ui-inline { + display: inline-block; + width: auto; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-1 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-2 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px rgba(0, 0, 0, 1); +} +.ui-grid-col-3 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-row > .ui-btn { + margin-top: 1px; +} +.ui-grid-row > .ui-btn:first-child { + margin-top: 0; +} +.ui-popup { + box-sizing: border-box; + position: fixed; + left: 0; + width: 100%; + margin: 0; + background-color: rgba(0, 17, 33, 1); + border: 3px solid rgba(0, 55, 92, 1); + display: none; + z-index: 1100; +} +.ui-popup:not(.ui-ctxpopup) { + bottom: 0; +} +.ui-popup .ui-popup-header { + width: 100%; + min-height: 68px; + font-size: 30px; + text-align: left; + background-color: rgba(5, 42, 71, 1); + color: rgba(116, 196, 252, 1); + padding-top: 14px; + padding-right: 13px; + padding-bottom: 14px; + padding-left: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-popup .ui-popup-content { + width: 100%; + min-height: 14rem; + font-size: 2.125rem; + text-align: left; + color: rgba(250, 250, 250, 1); + background-color: rgba(0, 17, 33, 1); + padding: 10px 16px 9px 16px; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -0.5625rem -1rem -0.5625rem -1rem; +} +.ui-popup .ui-popup-content .ui-listview li, +.ui-popup .ui-popup-content .ui-inline-listview li { + font-size: 2.125rem; +} +.ui-popup .ui-popup-footer { + width: 100%; + height: 83px; +} +.ui-popup .ui-popup-footer .ui-btn { + padding-top: 27px; + padding-bottom: 28px; + font-size: 30px; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only { + position: relative; + text-indent: -624.9375rem; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + -webkit-mask-size: 3.125rem 3.125rem; + mask-size: 3.125rem 3.125rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 3.125rem; + height: 3.125rem; + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} +.ui-popup.ui-popup-active { + display: block; +} +.ui-popup.in { + display: block; +} +.ui-popup.ui-build { + display: block; + visibility: hidden; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) { + max-height: 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper { + width: 100%; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + height: auto; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 2100; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 2100; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.ui-popup.ui-ctxpopup { + background-color: transparent; + width: 100%; + border: 0 none; + border-radius: 0; + overflow: visible; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size { + width: auto; + padding: 0 0 0 0; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content { + width: auto; +} +.ui-popup.ui-ctxpopup .ui-popup-content { + min-height: initial; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(117, 117, 117, 0.9); + color: #333; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li { + color: rgba(0, 0, 0, 1); + border-bottom: 1px solid rgba(204, 204, 204, 1); + min-height: 90px; + padding: 21px 8px 20px 16px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a { + color: rgba(0, 0, 0, 1); + margin: -21px -16px; + padding: 21px 16px; + min-height: 48px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(19, 99, 145, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon { + position: relative; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a { + margin-left: -4.25rem; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before { + content: ""; + position: absolute; + top: 50%; + left: 0.375rem; + width: 3.5rem; + height: 3.5rem; + margin-top: -1.75rem; + background-color: rgba(92, 92, 92, 0.9); + -webkit-mask-size: 3.5rem 3.5rem; + -moz-mask-size: 3.5rem 3.5rem; + -ms-mask-size: 3.5rem 3.5rem; + -o-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview { + height: 4.3125rem; + overflow: hidden; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li { + float: left; + height: 4.1875rem; + line-height: 4.1875rem; + border-right: 1px solid rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a { + display: block; + width: 100%; + height: 100%; + padding: 0rem 0.5rem; + color: rgba(0, 0, 0, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active { + color: rgba(250, 250, 250, 1); + background-color: rgba(19, 99, 145, 1); +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext { + width: 3.6875rem; + height: 4.1875rem; + text-indent: -1000em; + overflow: hidden; + position: relative; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 2.6875rem; + height: 2.6875rem; + margin-top: -1.34375rem; + margin-left: -1.34375rem; + background-color: rgba(0, 0, 0, 1); + -webkit-mask-size: 2.6875rem 2.6875rem; + -moz-mask-size: 2.6875rem 2.6875rem; + -ms-mask-size: 2.6875rem 2.6875rem; + -o-mask-size: 2.6875rem 2.6875rem; + mask-size: 2.6875rem 2.6875rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before { + background-color: rgba(250, 250, 250, 1); +} +.ui-popup.ui-ctxpopup .ui-arrow { + width: 36px; + height: 15px; + overflow: hidden; + position: absolute; + display: none; + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup .ui-arrow span { + box-sizing: border-box; + width: 20px; + height: 20px; + background-color: rgba(250, 250, 250, 1); + border: 1px solid rgba(117, 117, 117, 0.9); + position: absolute; + top: 6px; + left: 8px; + -webkit-transform: rotate(55deg) skew(24deg); + -ms-transform: rotate(55deg) skew(24deg); + transform: rotate(55deg) skew(24deg); + -webkit-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b { + padding: 20px 20px 0 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t { + padding: 0 20px 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r { + padding: 20px 0 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l { + padding: 20px 20px 20px 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow { + display: block; + bottom: -14px; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow { + display: block; + top: -14px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow { + display: block; + right: -25px; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow { + display: block; + left: -25px; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.ui-popup.ui-popup-toast { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + font-size: 1.5rem; + border: 3px solid rgba(0, 55, 92, 1); + border-radius: 0; + border-left: 0; + border-right: 0; + position: absolute; + bottom: 0; +} +.ui-popup.ui-popup-toast:not(.ui-popup-toast) { + top: auto; + height: auto; +} +.ui-popup.ui-popup-toast .ui-popup-content { + min-height: initial; + padding: 0.6875rem 2.625rem 0.75rem 2.625rem; + background-color: rgba(0, 17, 33, 1); +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 3.5rem; + height: 3.5rem; + position: relative; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + text-indent: -10000px; + overflow: hidden; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 50% 50%; + -moz-mask-position: 50% 50%; + -ms-mask-position: 50% 50%; + -o-mask-position: 50% 50%; + mask-position: 50% 50%; +} +.ui-popup-overlay { + position: fixed; + display: none; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-popup-overlay.in { + display: block; +} +.ui-popup.slideup.in { + -webkit-animation-name: popupslideinfrombottom; + animation-name: popupslideinfrombottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.slideup.out { + -webkit-animation-name: popupslideouttobottom; + animation-name: popupslideouttobottom; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes popupslideinfrombottom { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes popupslideouttobottom { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +.ui-popup.pop.in { + -webkit-animation-name: popuppopin; + animation-name: popuppopin; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.pop.out { + -webkit-animation-name: popuppopout; + animation-name: popuppopout; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes popuppopin { + from { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +@keyframes popuppopout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.35, 1.35, 1); + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +.ui-popup.ui-popup-toast.pop.in { + -webkit-animation-name: toastpopuppopin; + animation-name: toastpopuppopin; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.ui-popup.ui-popup-toast.pop.out { + -webkit-animation-name: toastpopuppopout; + animation-name: toastpopuppopout; + -webkit-animation-duration: 250ms; + animation-duration: 250ms; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@-webkit-keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@keyframes toastpopuppopin { + from { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } + to { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@-webkit-keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +@keyframes toastpopuppopout { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + to { + -webkit-transform: translateY(100%); + transform: translateY(100%); + opacity: 0; + } +} +.ui-popup-overlay.slideup.in, +.ui-popup-overlay.pop.in { + -webkit-animation: fadein 250ms; + animation: fadein 250ms; +} +.ui-popup-overlay.slideup.out, +.ui-popup-overlay.pop.out { + -webkit-animation: fadeout 250ms forwards; + animation: fadeout 250ms forwards; +} +.ui-popup.ui-popup-arrow-t.slideup.in, +.ui-popup.ui-popup-arrow-l.slideup.in, +.ui-popup.ui-popup-arrow-r.slideup.in { + -webkit-animation: ctxpopupslideinfrombottom 250ms ease-in-out; + animation: ctxpopupslideinfrombottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-t.slideup.out, +.ui-popup.ui-popup-arrow-l.slideup.out, +.ui-popup.ui-popup-arrow-r.slideup.out { + -webkit-animation: ctxpopupslideouttobottom 250ms ease-in-out; + animation: ctxpopupslideouttobottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.in { + -webkit-animation: ctxpopupslideinfromtop 250ms ease-in-out; + animation: ctxpopupslideinfromtop 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.out { + -webkit-animation: ctxpopupslideouttotop 250ms ease-in-out; + animation: ctxpopupslideouttotop 250ms ease-in-out; +} +@-webkit-keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfrombottom { + from { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttobottom { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(20%); + transform: translateY(20%); + opacity: 0; + } +} +@-webkit-keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideinfromtop { + from { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } + to { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } +} +@-webkit-keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +@keyframes ctxpopupslideouttotop { + from { + -webkit-transform: translateY(0%); + transform: translateY(0%); + opacity: 1; + } + to { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); + opacity: 0; + } +} +/************************ +Listview +*************************/ +tau-virtuallistview, +tau-listview { + display: block; + list-style-type: disc; + list-style-type: none; +} +.ui-listview li { + font-size: 2rem; + line-height: 3rem; + min-height: 6.25rem; + padding: 0.9375rem 0.5rem 0.9375rem 1rem; + border-bottom: 0.0625rem solid rgba(56, 56, 56, 1); + white-space: nowrap; + position: relative; + color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; + min-height: 5.3125rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ui-listview li.ui-li-grid .ui-processing { + padding: 0; + margin-right: 0.5rem; +} +.ui-listview li.ui-li-grid div:first-child { + width: -webkit-calc(100% - 5.5rem); + width: calc(100% - 5.5rem); + text-align: left; + height: 100%; + margin-left: 1rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + padding: 0; + margin-right: 0.5rem; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + width: 3.5rem; + height: 3.5rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after { + background-color: transparent; +} +.ui-listview li.ui-li-grid.ui-li-grid-full div::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(56, 56, 56, 1); + right: 4.5rem; + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-listview li.ui-li-grid.ui-li-grid-full > * { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid.ui-li-grid-full > *.ui-btn-icon { + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid .ui-btn-description { + width: 100%; + margin: 0 -50%; + z-index: 2; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + text-align: center; + line-height: 5.3125rem; + pointer-events: none; +} +.ui-listview li.ui-li-grid a.ui-btn, +.ui-listview li.ui-li-grid tau-button.ui-btn { + background-position: center center; + height: 5.3125rem; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + border-bottom: 0.0625rem solid rgba(0, 24, 41, 1); + border-right: 0.0625rem solid rgba(0, 24, 41, 1); +} +.ui-listview li input[type=text], +.ui-listview li input[type=password] { + width: 20.5rem; + height: 3.875rem; + padding: 0.8125rem 0 0.8125rem 0.5rem; + color: rgba(116, 196, 252, 1); + font-size: 2rem; + background-color: rgba(245, 245, 245, 0.15); + border: none; + outline: none; +} +.ui-listview li input[type=text]:focus, +.ui-listview li input[type=password]:focus { + border: 0.0625rem solid rgba(245, 245, 245, 0.15); +} +.ui-listview li input[type=text]:focus::-webkit-input-placeholder, +.ui-listview li input[type=password]:focus::-webkit-input-placeholder { + color: white; +} +.ui-listview li > * { + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: rgba(250, 250, 250, 1); +} +.ui-listview li > a:not(.ui-btn) { + display: block; + width: 100%; + height: auto; + margin: -1.625rem -0.5rem -1.625rem -1rem; + padding: 1.25rem 0.5rem 1.25rem 1rem; + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + box-sizing: content-box; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-listview li.ui-listview-divider { + height: 1.875rem; + min-height: 1.875rem; + line-height: 1.875rem; + padding: 0 0.5rem 0 1rem; + background-color: rgba(29, 72, 105, 1); + color: rgba(151, 197, 230, 1); + font-size: 1.5rem; +} +.ui-listview li .ui-li-sub-text { + color: rgba(85, 135, 171, 1); + font-size: 1.75rem; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text { + width: -webkit-calc(100% - 4.8125rem); + width: calc(100% - 4.8125rem); + height: 100%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: rgba(250, 250, 250, 1); + right: 4.25rem; + top: 20%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-divider { + display: none; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete, +.ui-listview li.ui-li-has-action-icon .ui-action-setting, +.ui-listview li.ui-li-has-action-icon .ui-action-add { + position: absolute; + height: 100%; + width: 4.5rem; + right: 0; + top: 0; + -webkit-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: center center; + mask-position: center center; + padding: 0; + margin: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + -webkit-mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + -webkit-mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + -webkit-mask-image: url('images/listview/tw_list_add_holo_dark.png'); + mask-image: url('images/listview/tw_list_add_holo_dark.png'); + background-color: rgba(250, 250, 250, 1); +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon { + background-color: transparent; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active { + background-color: rgba(8, 56, 94, 1); + color: rgba(250, 250, 250, 1); +} +.ui-datetime-widget { + position: relative; + height: 100%; +} +.ui-datetime { + text-align: center; + padding-top: 56px; +} +.ui-time-picker .ui-datetime { + padding-top: 53px; +} +.ui-datetime:only-child { + padding-top: 92px; +} +.ui-time-picker .ui-datetime:only-child { + padding-top: 89px; +} +.ui-datetime input[type='date'], +.ui-datetime input[type='datetime'], +.ui-datetime input[type='time'] { + display: none; +} +.ui-datefield { + height: 52px; + display: inline-block; + vertical-align: top; +} +.ui-datefield > .ui-btn { + float: left; + height: 52px; + padding: 0; + line-height: 52px; + font-size: 42px; + font-weight: 600; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield .ui-datefield-separator { + display: block; + height: 100%; + float: left; + width: 18px; + background: transparent url('images/Datetimepicker/tw_timepicker_num_dot.png'); +} +.ui-datefield > .ui-btn:enabled:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield > .ui-btn:disabled { + color: #404040; +} +.ui-datafield > .ui-btn.ui-selected, +.ui-datefield > .ui-btn:enabled:active, +.ui-datefield > .ui-btn.ui-state-active:enabled, +.ui-datefield > .ui-btn.ui-selected:enabled { + background-color: #ff9000; + color: #000; +} +/* -- for datepicker -- */ +.ui-date-picker .ui-datefield > .ui-btn:first-child { + margin-right: 2px; +} +.ui-date-picker .ui-datefield > .ui-btn:last-child { + margin-left: 2px; +} +.ui-date-picker .ui-datefield-year { + width: 114px; +} +.ui-date-picker .ui-datefield-month { + width: 102px; +} +.ui-date-picker .ui-datefield-day { + width: 68px; +} +/* -- end (for datepicker) -- */ +/* -- for timepicker -- */ +.ui-time-picker .ui-datefield-hour { + width: 74px; +} +.ui-time-picker .ui-datefield-min { + width: 74px; +} +.ui-time-picker .ui-datefield-period { + width: 84px; + margin-left: 10px; +} +.ui-time-picker .ui-datefield { + height: 58px; +} +.ui-time-picker .ui-datefield > .ui-btn { + height: 58px; + line-height: 58px; + font-size: 50px; +} +.ui-time-picker .ui-datefield > .ui-btn.ui-datefield-period { + font-size: 48px; +} +/* -- (end) for timepicker -- */ +.ui-datetime-wheel { + height: 68px; + margin: 0 10px; + margin-top: 30px; +} +.ui-time-picker .ui-datetime-wheel { + margin-top: 27px; +} +.ui-datetime-wheel .ui-btn { + width: 68px; + height: 68px; + float: left; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus { + float: right; + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-wheel { + display: block; + margin-left: 68px; + margin-right: 68px; + height: 68px; + padding: 10px 0; + box-sizing: border-box; + background: url('images/Datetimepicker/tw_timepicker_wheel_01.png') center center no-repeat; +} +.ui-datetime-btns { + position: absolute; + bottom: 0; + width: 100%; + height: 76px; + box-sizing: border-box; + border-top: 2px solid #262626; +} +/* Button separator */ +.ui-datetime-btns::before { + content: ""; + height: 34px; + width: 1px; + background-color: #262626; + position: absolute; + left: 160px; + top: 20px; +} +.ui-datetime-btns .ui-btn { + height: 100%; + position: relative; + background-color: transparent; +} +.ui-datetime-btns .ui-btn:enabled:active, +.ui-datetime-btns .ui-btn:enabled:focus, +.ui-datetime-btns .ui-btn:enabled:active:focus { + background-color: transparent; +} +.ui-datetime-btns .ui-btn-left { + width: 160px; + float: left; + background: url('images/Datetimepicker/tw_timepicker_left_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn-right { + width: 159px; + float: right; + background: url('images/Datetimepicker/tw_timepicker_right_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn:disabled, +.ui-datetime-btns .ui-btn.ui-state-disabled { + opacity: .2; +} +/* ---------------- */ +.ui-datetime-periods { + height: 102px; + margin-top: 7px; + display: inline-block; +} +.ui-datetime-periods .ui-btn, +.ui-datetime-periods .ui-datetime-periods-separator { + height: 100%; + float: left; + padding: 0; + background: transparent; +} +.ui-datetime-periods .ui-btn { + width: 102px; + font-size: 34px; + line-height: 102px; +} +.ui-datetime-periods .ui-btn:enabled:focus { + background: transparent; +} +.ui-datetime-periods .ui-btn:enabled:active, +.ui-datetime-periods .ui-btn:enabled:active:focus, +.ui-datetime-periods .ui-btn.ui-selected:enabled:active, +.ui-datetime-periods .ui-btn.ui-state-active:enabled:active { + color: inherit; + text-decoration: none; + background: url('images/Datetimepicker/tw_timepicker_time_bg.png') center center no-repeat; +} +.ui-datetime-periods .ui-btn.ui-selected:enabled, +.ui-datetime-periods .ui-btn.ui-state-active:enabled { + color: #ff9000; + text-decoration: underline; +} +.ui-datetime-periods .ui-datetime-periods-separator { + width: 24px; + background: url('images/Datetimepicker/tw_timepicker_num_dot_01.png') center center no-repeat; +} +.ui-datetime-wheel.ui-hidden, +.ui-datetime-periods.ui-hidden { + display: none; +} +/* Transitions originally inspired by those from jQtouch, nice work, folks */ +.ui-viewport-transitioning, +.ui-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; + box-sizing: border-box; +} +.ui-pre-in { + z-index: 100; + visibility: visible; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + display: -webkit-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-direction: column; + top: 0; + left: 0; +} +.in { + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 350ms; + animation-duration: 350ms; +} +.out { + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-duration: 225ms; + animation-duration: 225ms; +} +@-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade.out { + opacity: 0; + -webkit-animation: fadeout 125ms; + animation: fadeout 125ms; +} +.fade.in { + opacity: 1; + -webkit-animation: fadein 225ms; + animation: fadein 225ms; +} +@-webkit-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-webkit-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + } +} +.slideup.in:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + -webkit-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + -webkit-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay) { + z-index: 101; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + -webkit-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +@-webkit-keyframes popin { + from { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popout { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } +} +@-webkit-keyframes popoutreverse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.3, 0.3, 1); + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } +} +@-webkit-keyframes popinreverse { + from { + -webkit-transform: scale3d(1.7, 1.7, 1); + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +.pop.out.reverse { + z-index: 100; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popoutreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popoutreverse; + animation-duration: 225ms; + animation-name: popoutreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in.reverse { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popinreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popinreverse; + animation-duration: 225ms; + animation-name: popinreverse; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in { + -webkit-animation-duration: 225ms; + -webkit-animation-name: popin; + -moz-animation-duration: 225ms; + -moz-animation-name: popin; + animation-duration: 225ms; + animation-name: popin; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.out { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popout; + -moz-animation-duration: 225ms; + -moz-animation-name: popout; + animation-duration: 225ms; + animation-name: popout; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-indexscrollbar { + display: block; + position: fixed; + right: 0; + top: 0; + width: 2.8125rem; + height: 100%; + padding-left: 0.125rem; + background-color: rgba(26, 26, 26, 1); + z-index: 10; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + cursor: pointer; +} +.ui-indexscrollbar ul { + position: absolute; + width: 100%; + top: 0; +} +.ui-indexscrollbar ul li { + color: rgba(89, 89, 89, 1); + display: block; + width: 100%; + text-align: center; + font-size: 1.5rem; + height: 2.25rem; +} +.ui-indexscrollbar ul li.ui-state-selected { + background-color: rgba(36, 36, 36, 1); + color: rgba(55, 161, 237, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary { + position: relative; + height: auto; + top: 0; + right: -2.5rem; + width: 100%; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li { + background-color: rgba(36, 36, 36, 1); + color: rgba(89, 89, 89, 1); +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected { + background-color: rgba(36, 36, 36, 1); + color: rgba(55, 161, 237, 1); +} +.ui-indexscrollbar + .ui-listview li { + padding-right: 2.5rem; +} +.ui-indexscrollbar-indicator { + position: fixed; + top: 0; + left: 0; + z-index: 9; + display: none; +} +.ui-indexscrollbar-indicator > span { + width: 8.75rem; + height: 5.4375rem; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -5.625rem; + margin-top: -2.6875rem; + line-height: 5.4375rem; + font-size: 4.375rem; + text-align: center; + background-color: rgba(0, 61, 107, 0.95); + color: rgba(250, 250, 250, 1); +} +.ui-indexscrollbar-indicator > span > span.ui-selected { + color: rgba(55, 161, 237, 1); +} +.ui-circularindexscrollbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + position: absolute; + top: 50%; + left: 50%; + width: 9.875rem; + height: 9.875rem; + line-height: 9.875rem; + border-radius: 50%; + background-color: rgba(0, 61, 107, 0.95); + -webkit-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show { + pointer-events: auto; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator { + opacity: 1; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 4.375rem; + color: rgba(55, 161, 237, 1); +} +/*************************************************************************** + Scrollbar Style +***************************************************************************/ +.ui-scrollbar-bar-type { + position: absolute; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal { + left: 0; + bottom: 0; + width: 100%; + height: 8px; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical { + right: 0; + top: 0; + width: 0.5rem; + height: 100%; +} +.ui-scrollbar-bar-type .ui-scrollbar-indicator { + position: absolute; + background-color: rgba(94, 94, 94, 1); +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator { + height: 0.25rem; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator { + width: 0.25rem; +} +/*************************************************************************** + Scrollbar Bouncing Effect +***************************************************************************/ +.ui-scrollbar-bouncing-effect { + display: none; + position: absolute; + background-repeat: no-repeat; + -webkit-animation-duration: 0.47s; + animation-duration: 0.47s; + -webkit-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: rgba(55, 161, 237, 0.7); +} +.ui-scrollbar-bouncing-effect::before { + content: ""; + position: absolute; + background-color: rgba(55, 161, 237, 1); +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 3.125rem; + left: 0; + -webkit-mask-size: 100% 3.125rem; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 0.125rem; + -webkit-mask-size: 100% 0.125rem; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 3.125rem; + height: 100%; + top: 0; + -webkit-mask-size: 3.125rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 0.0625rem; + height: 100%; + -webkit-mask-size: 0.0625rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + -webkit-mask-image: url("images/Scroller/bouncing_top_glow.png"); + mask-image: url("images/Scroller/bouncing_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + -webkit-mask-image: url("images/Scroller/bouncing_top_edge.png"); + mask-image: url("images/Scroller/bouncing_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + -webkit-mask-image: url("images/Scroller/bouncing_bottom_glow.png"); + mask-image: url("images/Scroller/bouncing_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + -webkit-mask-image: url("images/Scroller/bouncing_bottom_edge.png"); + mask-image: url("images/Scroller/bouncing_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + -webkit-mask-image: url("images/Scroller/bouncing_left_glow.png"); + mask-image: url("images/Scroller/bouncing_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + -webkit-mask-image: url("images/Scroller/bouncing_left_edge.png"); + mask-image: url("images/Scroller/bouncing_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + -webkit-mask-image: url("images/Scroller/bouncing_right_glow.png"); + mask-image: url("images/Scroller/bouncing_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + -webkit-mask-image: url("images/Scroller/bouncing_right_edge.png"); + mask-image: url("images/Scroller/bouncing_right_edge.png"); +} +@-webkit-keyframes ui-bouncing-show { + 0% { + opacity: 0; + } + 10% { + opacity: .1; + } + 20% { + opacity: .2; + } + 30% { + opacity: .3; + } + 40% { + opacity: .4; + } + 50% { + opacity: .5; + } + 60% { + opacity: .6; + } + 70% { + opacity: .7; + } + 80% { + opacity: .8; + } + 90% { + opacity: .9; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes ui-bouncing-hide { + 0% { + opacity: 1; + } + 10% { + opacity: .9; + } + 20% { + opacity: .8; + } + 30% { + opacity: .7; + } + 40% { + opacity: .6; + } + 50% { + opacity: .5; + } + 60% { + opacity: .4; + } + 70% { + opacity: .3; + } + 80% { + opacity: .2; + } + 90% { + opacity: .1; + } + 100% { + opacity: 0; + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; + -webkit-animation-name: ui-bouncing-show; + animation-name: ui-bouncing-show; +} +.ui-scrollbar-bouncing-effect.ui-hide { + display: block; + -webkit-animation-name: ui-bouncing-hide; + animation-name: ui-bouncing-hide; +} +.ui-swipelist { + position: absolute; + top: 0; +} +.ui-swipelist .ui-swipelist-icon { + width: 20%; + height: 100%; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; +} +.ui-swipelist .ui-swipelist-text { + top: 50%; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} +.ui-swipelist-left, +.ui-swipelist-right { + position: absolute; + display: none; +} +.ui-swipelist-left { + background-color: rgba(98, 168, 24, 1); + background-image: -webkit-linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(0, 0, 0, 1) 0%); + background-image: linear-gradient(left, rgba(98, 168, 24, 1) 0%, rgba(0, 0, 0, 1) 0%); +} +.ui-swipelist-right { + background-color: rgba(235, 164, 23, 1); + background-image: -webkit-linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(0, 0, 0, 1) 0%); + background-image: linear-gradient(right, rgba(235, 164, 23, 1) 0%, rgba(0, 0, 0, 1) 0%); +} +.ui-swipelist-icon, +.ui-swipelist-text { + position: absolute; +} +.ui-swipelist-left .ui-swipelist-icon { + margin-left: 2%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-left .ui-swipelist-text { + margin-left: 40%; +} +.ui-swipelist-right .ui-swipelist-icon { + margin-left: 80%; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-right .ui-swipelist-text { + margin-left: 20%; +} +.ui-tab-indicator { + position: relative; + height: 6px; +} +.ui-tab-indicator .ui-tab-item { + position: absolute; + top: 0; + left: 0; + display: block; + height: 6px; + background-color: rgba(76, 103, 125, 1); +} +.ui-tab-indicator .ui-tab-item.ui-tab-active { + background-color: rgba(55, 161, 237, 1); +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + box-sizing: border-box; + padding: 0; + height: 56px; + width: 56px; + font-size: 32px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + position: relative; +} +input[type="radio"] { + background-color: rgba(0, 14, 26, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; +} +input[type="radio"]::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:checked::before { + content: ""; + background-color: rgba(115, 191, 15, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active { + background-color: rgba(0, 50, 84, 0.4); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +input[type="radio"]:active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + -webkit-mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input) { + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(0, 14, 26, 1); +} +input[type="checkbox"]:not(.ui-switch-input)::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + -webkit-mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + content: ""; + -webkit-mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: rgba(115, 191, 15, 1); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background-color: rgba(0, 50, 84, 0.4); +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + content: ""; + background-color: rgba(250, 250, 250, 0.3); + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + content: ""; + background-color: rgba(250, 250, 250, 1); + width: 100%; + height: 100%; + position: absolute; +} +.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input), +.ui-checkbox-small input[type=radio] { + top: 0.4375rem; + margin-right: 0.4375rem; + width: 2.125rem; + height: 2.125rem; +} +.ui-marquee { + position: relative; + white-space: nowrap; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + height: 2.4375rem; + line-height: 2.4375rem; +} +.ui-marquee.ui-marquee-gradient { + text-overflow: clip; + -webkit-mask-image: -webkit-linear-gradient(left, #ffffff 0, #ffffff 85%, transparent 100%); +} +.ui-marquee.ui-marquee-ellipsis .ui-marquee-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-marquee .ui-marquee-content { + left: 0; + position: relative; + overflow: visible; + display: inline-block; +} +.ui-marquee-anim-running { + -webkit-animation-play-state: running; +} +.ui-marquee-anim-stopped { + -webkit-animation-play-state: paused; +} +.ui-marquee.ui-marquee-gradient::after { + background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%); + background: linear-gradient(left, transparent 0%, rgba(0, 0, 0, 1) 100%); +} +/**************************************************** + Page Indicator +*****************************************************/ +tau-pageindicator { + display: block; +} +.ui-page-indicator { + display: block; + position: absolute; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + white-space: nowrap; + max-width: 100%; + overflow: hidden; +} +.ui-page-indicator .ui-page-indicator-item { + position: relative; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + -webkit-mask-image: url(images/Indicator/indicator_horizontal_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_dot.png); + background-color: rgba(250, 250, 250, 0.4); + margin-right: 0.5rem; + margin-top: 1.5rem; + transition-property: -webkit-mask-image, mask-image; + -webkit-transition-duration: 250ms; + transition-duration: 250ms; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.ui-page-indicator .ui-page-indicator-item:last-child { + margin-right: 0; +} +.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active { + -webkit-mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + background-color: rgba(250, 250, 250, 1); +} +.ui-page-indicator.ui-page-indicator-circular { + top: 0; + left: 0; + width: 100vw; + height: 100vw; + -webkit-transform: none; + -ms-transform: none; + transform: none; + pointer-events: none; +} +.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.3125rem; + margin-left: -0.3125rem; + margin-right: 0; +} +.ui-snap-container { + -webkit-scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; +} +.ui-snap-container.ui-snap-disabled { + -webkit-scroll-snap-type: none; +} +.ui-snap-listview-item { + -webkit-scroll-snap-coordinate: 50% 50%; +} +tau-drawer { + display: block; +} +.ui-drawer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + background-color: rgba(0, 0, 0, 1); + z-index: 1201; + box-sizing: border-box; +} +.ui-drawer.ui-drawer-close { + overflow: hidden; +} +.ui-drawer.ui-drawer-open { + overflow: auto; +} +.ui-drawer-overlay { + top: 0; + position: fixed; + background-color: rgba(0, 0, 0, 0.8); + z-index: 1200; +} +tau-drawermorestyle { + display: block; +} +tau-sectionchanger { + display: block; +} +.ui-section-changer { + height: 100%; +} +.ui-view-switcher { + height: 100%; + overflow: hidden; +} +.ui-view-switcher.ui-view-carousel .ui-view { + display: none; + position: absolute; + z-index: -1000; + top: 50%; + background-color: #fafafa; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active { + display: inline; + z-index: 100; + left: 50%; + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim { + opacity: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left { + display: inline; + left: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right { + display: inline; + right: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim { + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; +} +.ui-slider { + position: relative; + box-sizing: border-box; + background-color: rgba(64, 64, 64, 1); +} +.ui-slider .ui-slider-value { + background-color: rgba(55, 161, 237, 1); +} +.ui-slider .ui-slider-handler { + width: 2.25rem; + height: 2.25rem; + background-color: #fafafa; + border-radius: 50%; + position: absolute; + text-indent: 9999px; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-slider.ui-slider-horizontal { + height: 6px; + margin: 20px 22px; +} +.ui-slider.ui-slider-horizontal .ui-slider-value { + height: 6px; +} +.ui-slider.ui-slider-horizontal .ui-slider-handler { + top: 50%; + margin-left: -20px; + border: 3px solid rgba(55, 161, 237, 1); + -webkit-transform: translate(0, -50%) scale(0.6); + -ms-transform: translate(0, -50%) scale(0.6); + transform: translate(0, -50%) scale(0.6); +} +.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active { + -webkit-transform: translate(0, -50%) scale(1); + -ms-transform: translate(0, -50%) scale(1); + transform: translate(0, -50%) scale(1); +} +.ui-slider-title { + text-align: center; + color: rgba(14, 118, 179, 1); + font-size: 28px; +} +.ui-slider-subtitle { + text-align: center; + color: rgba(14, 118, 179, 1); + font-size: 28px; +} +.ui-selector { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); +} +.ui-selector .ui-layer { + position: absolute; + display: none; + width: 4.25rem; + height: 4.25rem; + border-radius: 50%; +} +.ui-selector .ui-layer.ui-layer-active { + display: block; + width: 100%; + height: 100%; + z-index: 3; +} +.ui-selector .ui-layer.ui-layer-active .ui-item { + visibility: visible; + -webkit-transition: transform 300ms ease-out; + -webkit-transition: -webkit-transform 300ms ease-out; + transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; + transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; +} +.ui-selector .ui-layer.ui-layer-hide .ui-item { + visibility: visible; + -webkit-transition: transform 100ms ease-out; + -webkit-transition: -webkit-transform 100ms ease-out; + transition: -webkit-transform 100ms ease-out; + transition: transform 100ms ease-out; + transition: transform 100ms ease-out, -webkit-transform 100ms ease-out; +} +.ui-selector .ui-layer.ui-layer-prev { + display: block; + width: 3rem; + height: 3rem; + left: 50%; + margin-left: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_previous_page.png"); + mask-image: url("images/Common/b_more_option_btn_previous_page.png"); +} +.ui-selector .ui-layer.ui-layer-next { + display: block; + width: 3rem; + height: 3rem; + right: 50%; + margin-right: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + -webkit-mask-image: url("images/Common/b_more_option_btn_next_page.png"); + mask-image: url("images/Common/b_more_option_btn_next_page.png"); +} +.ui-selector .ui-item { + background-color: rgba(250, 250, 250, 1); + position: absolute; + visibility: hidden; + width: 4.25rem; + height: 4.25rem; + top: 50%; + left: 50%; + border-radius: 50%; + margin: -2.125rem; + z-index: 100; +} +.ui-selector .ui-item:active { + background-color: rgba(191, 191, 191, 1); +} +.ui-selector .ui-item::before { + -webkit-transition: background-color 200ms ease-out; + transition: background-color 200ms ease-out; +} +.ui-selector .ui-selector-indicator { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + position: absolute; + z-index: 4; + width: 10.25rem; + height: 10.25rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.ui-selector .ui-selector-indicator::before { + content: ""; + position: absolute; + width: 90%; + height: 90%; + left: 50%; + top: 50%; + border-radius: 50%; + background-color: transparent; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before { + z-index: -1; + background-color: white; + -webkit-transform: translate(-50%, -50%) scale(1.1); + -ms-transform: translate(-50%, -50%) scale(1.1); + transform: translate(-50%, -50%) scale(1.1); + -webkit-animation-duration: 300ms, 733ms; + animation-duration: 300ms, 733ms; + -webkit-animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; + -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + font-size: 1.875rem; + pointer-events: none; + width: 10.25rem; + line-height: 2.5rem; + max-height: 5rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active { + background-repeat: no-repeat; + background-position: 50% 50%; + width: 8.75rem; + height: 8.75rem; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text { + margin-top: -0.25rem; + width: 5.875rem; + height: 5.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active + .ui-selector-indicator-text:not(:empty) { + margin-top: 0.3125rem; + width: 8.625rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + font-size: 1.8125rem; + pointer-events: none; + width: 8.625rem; + line-height: 2.4375rem; + max-height: 2.4375rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text { + width: 9.375rem; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext { + color: T117; + width: 9.375rem; +} +.ui-selector .ui-selector-indicator-arrow { + position: absolute; + width: 13.125rem; + height: 13.125rem; + top: 50%; + left: 50%; + margin: -6.5625rem; + text-align: center; + line-height: 13.125rem; + font-size: 1.75rem; + z-index: 0; +} +.ui-selector .ui-selector-indicator-arrow::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + -webkit-mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active { + background-color: rgba(250, 250, 250, 1); +} +.scrolling-scrollbar { + position: absolute; + pointer-events: none; + -webkit-transition: opacity 2.5s; + transition: opacity 2.5s; + opacity: 0; +} +.scrolling-scrollbar .scrolling-scrollthumb { + stroke: #009de4; + background-color: #009de4; + position: absolute; +} +.scrolling-scrollbar.scrolling-direction-y { + right: 0; + width: 10px; +} +.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb { + width: 10px; + min-height: 20px; + top: 0; + left: 50%; + margin-left: -5px; +} +.scrolling-scrollbar.scrolling-direction-x { + bottom: 0; + height: 10px; +} +.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb { + height: 10px; + min-width: 20px; + left: 0; + top: 50%; + margin-top: -5px; +} +.scrolling-scrollbar:not(.scrolling-circular) { + background-color: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular { + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.scrolling-scrollbar.scrolling-circular .ui-polar { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + pointer-events: none; +} +.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path { + stroke: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated { + -webkit-transition: all .5s; + transition: all .5s; +} +.scrolling-scrollbar.fade-in { + opacity: 1; + -webkit-transition: opacity .5s; + transition: opacity .5s; +} +.ui-page.ui-empty-state { + background-color: B0911; + color: rgba(250, 250, 250, 1); +} +.ui-page.ui-empty-state header.ui-header { + height: 6.75rem; +} +.ui-page.ui-empty-state:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + -webkit-mask-image: url("images/Common/tw_no_item_bg.png"); + mask-image: url("images/Common/tw_no_item_bg.png"); + background-color: rgba(255, 255, 255, 0.1); +} +.ui-page.ui-empty-state .ui-title { + color: rgba(116, 196, 252, 1); + font-size: 1.875rem; + line-height: 2.4375rem; +} +.ui-page.ui-empty-state .ui-content { + overflow: hidden; + color: rgba(250, 250, 250, 1); + font-size: 1.75rem; + line-height: 2.3125rem; + padding-left: 3.75rem; + padding-right: 3.75rem; + margin: 0 auto; +} +.ui-page.ui-empty-state .ui-content .ui-icon { + width: 6.125rem; + height: 6.125rem; +} +.ui-page.ui-empty-state .ui-content .ui-empty-state-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 4.625rem; + margin-top: 0.5rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header { + height: 7.8125rem; + margin-top: 0; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title { + padding-top: 3.1875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon { + width: 8.125rem; + height: 6.875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label { + height: 2.3125rem; + margin-top: 1.75rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines { + margin-top: 0.125rem; + height: 4.625rem; +} +.ui-grid { + padding: 0; + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + overflow: hidden; + background-color: rgba(0, 0, 0, 1); +} +.ui-grid.ui-hidden { + display: none; +} +.ui-grid li { + transition-property: border-radius, -webkit-mask-size, mask-size; + -webkit-transition-duration: 450ms; + transition-duration: 450ms; + -webkit-transition-timing-function: linear; + transition-timing-function: linear; + position: absolute; + overflow: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.ui-grid li a { + position: relative; +} +.ui-grid li a:active:hover:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(38, 38, 38, 0.4); +} +.ui-grid.ui-grid-horizontal { + height: 22.5rem; +} +.ui-grid.ui-grid-horizontal li { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-horizontal.ui-grid-rectangle li { + -webkit-mask-size: 22.5rem auto; + mask-size: 22.5rem auto; + -webkit-mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); + mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); +} +.ui-grid.ui-grid-vertical { + width: 22.5rem; +} +.ui-grid.ui-grid-vertical li { + -webkit-transform-origin: center top; + -ms-transform-origin: center top; + transform-origin: center top; +} +.ui-grid.ui-grid-vertical.ui-grid-rectangle li { + -webkit-mask-size: auto 22.5rem; + mask-size: auto 22.5rem; + -webkit-mask-image: url('images/Grid/tw_basic_grid_vertical.png'); + mask-image: url('images/Grid/tw_basic_grid_vertical.png'); +} +.ui-grid.ui-grid-circle li { + border-radius: 100%; +} +.ui-grid.ui-grid-rectangle li { + border-radius: 1.125rem; + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-grid.ui-grid-3x3 { + height: 22.5rem; +} +.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned { + position: absolute; + left: 0; + top: 0; + margin: 0 !important; +} +.ui-grid.ui-grid-3x3 li { + width: 22.5rem; + height: 22.5rem; + position: absolute; + display: inline-block; +} +.ui-grid.ui-grid-3x3 li.ui-selected { + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; +} +.ui-grid.ui-grid-3x3 li a { + display: inline-block; +} +.ui-grid.ui-grid-3x3 .thumb { + width: 100%; + height: 100%; + position: relative; +} +.ui-grid.ui-grid-image { + padding: 0; +} +.ui-grid.ui-grid-image li { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + width: 22.5rem; + height: 22.5rem; + overflow: hidden; +} +.ui-grid.ui-grid-image li a { + display: inline-block; +} +.ui-grid.ui-grid-image .thumb { + width: 22.5rem; + height: 22.5rem; + position: relative; +} +.ui-grid.ui-grid-thumbnail { + background-color: W143; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li { + -webkit-mask-size: 14rem auto; + mask-size: 14rem auto; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li { + -webkit-mask-size: auto 14rem; + mask-size: auto 14rem; +} +.ui-grid-container { + position: relative; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-scroll-snap-type: mandatory; + -ms-scroll-snap-type: mandatory; + scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; + -ms-scroll-snap-destination: 50% 50%; + scroll-snap-destination: 50% 50%; +} +.ui-grid-container .ui-image-section { + width: 22.5rem; + height: 22.5rem; +} +.ui-grid-container .snap-point { + width: 0.0625rem; + height: 0.0625rem; + position: absolute; + -webkit-scroll-snap-coordinate: 50% 50%; + -ms-scroll-snap-coordinate: 50% 50%; + scroll-snap-coordinate: 50% 50%; + visibility: hidden; +} +.ui-grid-container.ui-grid-horizontal { + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + height: 22.5rem; +} +.ui-grid-container.ui-grid-horizontal .snap-point { + top: 50%; +} +.ui-grid-container.ui-grid-vertical { + overflow-x: hidden; + overflow-y: scroll; + width: 22.5rem; + height: 100%; +} +.ui-grid-container.ui-grid-vertical .snap-point { + left: 50%; +} +.ui-circleindicator { + position: fixed; + z-index: 0; +} +.ui-circleindicator svg { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.ui-circleindicator svg:nth-child(2) circle { + -webkit-transition: stroke-dashoffset 0.5s linear; + transition: stroke-dashoffset 0.5s linear; +} +.ui-circleindicator svg .ui-big { + z-index: 4; +} +.ui-circleindicator svg .ui-pointer { + z-index: 5; +} +/*implementation of animation added by polar*/ +.ui-animated { + -webkit-transition: 1s linear; + transition: 1s linear; +} +.ui-hyperlink { + text-decoration: underline; +} +.ui-spin { + position: relative; + display: inline-block; + height: 3.75rem; + background-color: transparent; + overflow: hidden; + font-size: 1.375rem; + padding: 0; + box-sizing: content-box; + width: 5rem; +} +.ui-spin-item { + background-color: transparent; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1.875rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #4dcfff; +} +.ui-spin-item-selected { + font-size: 1.875rem; + height: 1.875rem; + color: #ffffff; +} +.ui-spin-enabling { + height: 100%; +} +.ui-spin-enabling .ui-spin-item { + -webkit-transition: 300ms opacity linear; + transition: 300ms opacity linear; +} +.tau-info-theme:after { + content: "default"; +} diff --git a/lib/tau/wearable/theme/default/tau.min.css b/lib/tau/wearable/theme/default/tau.min.css new file mode 100644 index 0000000..f38976b --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.min.css @@ -0,0 +1,17 @@ +/* + * Copyright (c) 2015 Samsung Electronics Co., Ltd + * + * Licensed under the Flora License, Version 1.1 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://floralicense.org/license/ + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +*{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}html,button,input,select,textarea{font-family:Tizen,Samsung Sans,Helvetica}body{margin:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button[disabled],input[disabled]{cursor:default}input[type=time],input[type=date]{color:#000}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.tau-info-theme{position:absolute;top:-999px;left:-999px}.screen-hidden{visibility:hidden;position:absolute;top:-10000em;left:-10000em}button,input{outline:0;cursor:pointer}*{box-sizing:border-box}a{text-decoration:none;color:rgba(250,250,250,1)}ul,li{margin:0;padding:0;list-style-type:none}img{margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;font-size:2.125rem;font-family:Tizen,Samsung Sans,Helvetica;background:rgba(0,0,0,1);color:rgba(250,250,250,1)}tau-page{display:block}.ui-page{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;background:rgba(0,0,0,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-page.ui-page-active{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ui-page.ui-page-build{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:hidden}.ui-page tau-scrollview{display:block}.ui-page .ui-content{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page .ui-content.ui-content-padding{padding-left:.75rem;padding-right:.75rem}.ui-page .ui-content.ui-content-fixed-middle{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.ui-page .ui-header{position:relative;width:100%;line-height:60px;background-color:rgba(0,31,56,1)}.ui-page .ui-header .ui-subtitle{height:30px;font-weight:400;line-height:30px;padding-left:16px;padding-right:16px;color:rgba(116,196,252,1);font-size:24px;margin:-.625rem 0 .3125rem 0}.ui-page .ui-header .ui-title{color:rgba(116,196,252,1);font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding-left:16px;padding-right:16px;-webkit-mask-image:-webkit-linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%);mask-image:linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%)}.ui-page .ui-header .ui-title.ui-icon{padding-left:60px;background-position:16px 14px;background-size:34px 34px;background-repeat:no-repeat}.ui-page .ui-header.ui-has-more .ui-title{padding-right:78px;-webkit-mask-image:-webkit-linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%)}.ui-page .ui-header button.ui-more,.ui-page .ui-header input.ui-more{border:0 none;padding:0}.ui-page .ui-header .ui-more-disable{cursor:default;background-color:transparent}.ui-page .ui-header .ui-more{display:block;position:absolute;top:0;right:0;width:68px;height:100%;overflow:hidden;text-indent:-1000em;background-position:center center;background-color:transparent;cursor:pointer}.ui-page .ui-header .ui-more:active{background-color:rgba(23,73,115,1)}.ui-page .ui-header .ui-more.ui-icon-detail{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-detail[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall{background-color:rgba(116,196,252,1);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall[disabled=disabled]{cursor:default;background-color:transparent;background-color:rgba(116,196,252,.2);-webkit-mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-footer{width:100%;position:absolute;bottom:0;left:0}.ui-page.ui-scroll-on .ui-scroller{width:100%;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ui-page.ui-scroll-on .ui-content{height:auto;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.ui-page.ui-scroll-on .ui-footer{position:relative}.ui-grid-col>*{float:left}.ui-page .ui-grid-col-1>*{float:left}.ui-page .ui-grid-col-1>*{width:100%}.ui-page .ui-grid-col-2>*{float:left}.ui-page .ui-grid-col-2>*{width:50%}.ui-page .ui-grid-col-3>*{float:left}.ui-page .ui-grid-col-3>*{width:33.33333333%}.ui-grid-row>*{display:block}@-webkit-keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}}@keyframes indeterminate{0%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}25%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}50%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}75%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}100%{-webkit-mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:rgba(0,77,153,1)}}progress{position:relative;padding-left:1rem;padding-right:1rem;margin-top:.875rem;margin-bottom:.875rem;width:100%;height:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}progress::-webkit-progress-bar{position:relative;background-color:rgba(64,64,64,1);border-radius:.125rem;overflow:hidden}progress::-webkit-progress-value{background-color:rgba(55,161,237,1);height:.375rem;border-radius:.125rem;overflow:hidden}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:rgba(55,161,237,1)}progress.ui-progress-indeterminate::-webkit-progress-value{background-size:100% 100%;-webkit-animation:indeterminate 150ms infinite;animation:indeterminate 150ms infinite}.ui-progress-proportion{display:block;float:left;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-progress-ratio{display:block;float:right;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:rgba(250,250,250,1)}.ui-circle-progress{display:none}.ui-progressbar{position:relative;display:inline-block;pointer-events:none}.ui-progressbar.ui-progressbar-full{position:fixed;top:0;left:0;width:100%;height:100%}.ui-switch{width:100%;color:rgba(250,250,250,1)}.ui-switch-inneroffset,.ui-switch-handler{display:none}.ui-switch-text{margin-top:30px;margin-bottom:40px;padding:0 30px;font-size:34px;text-align:center}.ui-switch-sub-text{margin-top:48px;font-size:26px;text-align:center;color:T161}.ui-toggleswitch{position:relative;display:inline-block;width:103.5px;height:55px;overflow:hidden}.ui-toggleswitch.ui-toggleswitch-large{width:207px;height:110px}.ui-toggleswitch .ui-switch-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;display:block}.ui-toggleswitch .ui-switch-input::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;-moz-mask-position:0 0;-ms-mask-position:0 0;-o-mask-position:0 0;mask-position:0 0;background-color:rgba(102,101,101,1);z-index:0}.ui-toggleswitch .ui-switch-input:active::before{background-color:rgba(102,101,101,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:rgba(179,179,179,1)}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::before{background-color:rgba(102,101,101,1)}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 33.3%;-moz-mask-position:0 33.3%;-ms-mask-position:0 33.3%;-o-mask-position:0 33.3%;mask-position:0 33.3%;background-color:rgba(250,250,250,1);position:absolute;top:0;left:0;pointer-events:none;z-index:1}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Controller_icon/toggle_changeable.png);mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 66.7%;-moz-mask-position:0 66.7%;-ms-mask-position:0 66.7%;-o-mask-position:0 66.7%;mask-position:0 66.7%;background-color:rgba(133,133,133,1);top:0;left:0}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;background-color:rgba(250,250,250,1);-webkit-mask-position:0 33%;-moz-mask-position:0 33%;-ms-mask-position:0 33%;-o-mask-position:0 33%;mask-position:0 33%;-webkit-transform:translate3d(36.23%,0,0);-ms-transform:translate3d(36.23%,0,0);transform:translate3d(36.23%,0,0)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-mask-position:0 100%;-moz-mask-position:0 100%;-ms-mask-position:0 100%;-o-mask-position:0 100%;mask-position:0 100%;background-color:rgba(115,191,15,1)}.ui-toggleswitch .ui-switch-input:checked::before{background-color:rgba(115,191,15,1)}.ui-toggleswitch .ui-switch-input:checked:active::before{background-color:rgba(75,102,39,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:rgba(179,179,179,1)}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{background-color:rgba(75,102,39,1)}@-webkit-keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@keyframes smallprocess{0%{-webkit-mask-position:0rem 0rem;mask-position:0rem 0rem}2%{-webkit-mask-position:-4.75rem 0rem;mask-position:-4.75rem 0rem}3%{-webkit-mask-position:-9.5rem 0rem;mask-position:-9.5rem 0rem}5%{-webkit-mask-position:-14.25rem 0rem;mask-position:-14.25rem 0rem}7%{-webkit-mask-position:-19rem 0rem;mask-position:-19rem 0rem}8%{-webkit-mask-position:-23.75rem 0rem;mask-position:-23.75rem 0rem}10%{-webkit-mask-position:-28.5rem 0rem;mask-position:-28.5rem 0rem}12%{-webkit-mask-position:0rem -4.75rem;mask-position:0rem -4.75rem}14%{-webkit-mask-position:-4.75rem -4.75rem;mask-position:-4.75rem -4.75rem}15%{-webkit-mask-position:-9.5rem -4.75rem;mask-position:-9.5rem -4.75rem}17%{-webkit-mask-position:-14.25rem -4.75rem;mask-position:-14.25rem -4.75rem}19%{-webkit-mask-position:-19rem -4.75rem;mask-position:-19rem -4.75rem}20%{-webkit-mask-position:-23.75rem -4.75rem;mask-position:-23.75rem -4.75rem}22%{-webkit-mask-position:-28.5rem -4.75rem;mask-position:-28.5rem -4.75rem}24%{-webkit-mask-position:0rem -9.5rem;mask-position:0rem -9.5rem}25%{-webkit-mask-position:-4.75rem -9.5rem;mask-position:-4.75rem -9.5rem}27%{-webkit-mask-position:-9.5rem -9.5rem;mask-position:-9.5rem -9.5rem}29%{-webkit-mask-position:-14.25rem -9.5rem;mask-position:-14.25rem -9.5rem}31%{-webkit-mask-position:-19rem -9.5rem;mask-position:-19rem -9.5rem}32%{-webkit-mask-position:-23.75rem -9.5rem;mask-position:-23.75rem -9.5rem}34%{-webkit-mask-position:-28.5rem -9.5rem;mask-position:-28.5rem -9.5rem}36%{-webkit-mask-position:0rem -14.25rem;mask-position:0rem -14.25rem}37%{-webkit-mask-position:-4.75rem -14.25rem;mask-position:-4.75rem -14.25rem}39%{-webkit-mask-position:-9.5rem -14.25rem;mask-position:-9.5rem -14.25rem}41%{-webkit-mask-position:-14.25rem -14.25rem;mask-position:-14.25rem -14.25rem}42%{-webkit-mask-position:-19rem -14.25rem;mask-position:-19rem -14.25rem}44%{-webkit-mask-position:-23.75rem -14.25rem;mask-position:-23.75rem -14.25rem}46%{-webkit-mask-position:-28.5rem -14.25rem;mask-position:-28.5rem -14.25rem}47%{-webkit-mask-position:0rem -19rem;mask-position:0rem -19rem}49%{-webkit-mask-position:-4.75rem -19rem;mask-position:-4.75rem -19rem}51%{-webkit-mask-position:-9.5rem -19rem;mask-position:-9.5rem -19rem}53%{-webkit-mask-position:-14.25rem -19rem;mask-position:-14.25rem -19rem}54%{-webkit-mask-position:-19rem -19rem;mask-position:-19rem -19rem}56%{-webkit-mask-position:-23.75rem -19rem;mask-position:-23.75rem -19rem}58%{-webkit-mask-position:-28.5rem -19rem;mask-position:-28.5rem -19rem}59%{-webkit-mask-position:0rem -23.75rem;mask-position:0rem -23.75rem}61%{-webkit-mask-position:-4.75rem -23.75rem;mask-position:-4.75rem -23.75rem}63%{-webkit-mask-position:-9.5rem -23.75rem;mask-position:-9.5rem -23.75rem}64%{-webkit-mask-position:-14.25rem -23.75rem;mask-position:-14.25rem -23.75rem}66%{-webkit-mask-position:-19rem -23.75rem;mask-position:-19rem -23.75rem}68%{-webkit-mask-position:-23.75rem -23.75rem;mask-position:-23.75rem -23.75rem}69%{-webkit-mask-position:-28.5rem -23.75rem;mask-position:-28.5rem -23.75rem}71%{-webkit-mask-position:0rem -28.5rem;mask-position:0rem -28.5rem}73%{-webkit-mask-position:-4.75rem -28.5rem;mask-position:-4.75rem -28.5rem}75%{-webkit-mask-position:-9.5rem -28.5rem;mask-position:-9.5rem -28.5rem}76%{-webkit-mask-position:-14.25rem -28.5rem;mask-position:-14.25rem -28.5rem}78%{-webkit-mask-position:-19rem -28.5rem;mask-position:-19rem -28.5rem}80%{-webkit-mask-position:-23.75rem -28.5rem;mask-position:-23.75rem -28.5rem}81%{-webkit-mask-position:-28.5rem -28.5rem;mask-position:-28.5rem -28.5rem}83%{-webkit-mask-position:0rem -33.25rem;mask-position:0rem -33.25rem}85%{-webkit-mask-position:-4.75rem -33.25rem;mask-position:-4.75rem -33.25rem}86%{-webkit-mask-position:-9.5rem -33.25rem;mask-position:-9.5rem -33.25rem}88%{-webkit-mask-position:-14.25rem -33.25rem;mask-position:-14.25rem -33.25rem}90%{-webkit-mask-position:-19rem -33.25rem;mask-position:-19rem -33.25rem}92%{-webkit-mask-position:-23.75rem -33.25rem;mask-position:-23.75rem -33.25rem}93%{-webkit-mask-position:-28.5rem -33.25rem;mask-position:-28.5rem -33.25rem}95%{-webkit-mask-position:0rem -38rem;mask-position:0rem -38rem}97%{-webkit-mask-position:-4.75rem -38rem;mask-position:-4.75rem -38rem}98%{-webkit-mask-position:-9.5rem -38rem;mask-position:-9.5rem -38rem}100%{-webkit-mask-position:-14.25rem -38rem;mask-position:-14.25rem -38rem}}@-webkit-keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}@keyframes fullprocess{0%{-webkit-mask-position:0 0rem;mask-position:0 0rem}25%{-webkit-mask-position:0 -.375rem;mask-position:0 -.375rem}50%{-webkit-mask-position:0 -.75rem;mask-position:0 -.75rem}75%{-webkit-mask-position:0 -1.125rem;mask-position:0 -1.125rem}100%{-webkit-mask-position:0 -1.5rem;mask-position:0 -1.5rem}}.ui-processing{background-color:rgba(0,77,153,1);-webkit-mask-image:url(images/Processing/processingsmall.png);mask-image:url(images/Processing/processingsmall.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-name:smallprocess;animation-name:smallprocess;width:4.75rem;height:4.75rem;margin:0 auto}.ui-processing.ui-processing-full-size{-webkit-mask-image:url(images/Processing/processing_bar.png);mask-image:url(images/Processing/processing_bar.png);-webkit-animation-name:fullprocess;animation-name:fullprocess;width:100%;height:.375rem;margin-top:.375rem;margin-bottom:.375rem;max-width:19.75rem}.ui-processing.ui-hidden{display:none}.ui-processing-text{margin:0 auto;text-align:center;width:10.5rem;font-size:1.5rem;color:rgba(250,250,250,1)}.ui-btn{display:block;position:relative;padding-right:10px;padding-left:10px;margin:0;font-size:2rem;line-height:5.3125rem;height:5.3125rem;text-align:center;white-space:nowrap;cursor:pointer;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;border:0 none;color:rgba(250,250,250,1);background-color:rgba(2,56,92,1)}a.ui-btn:active:hover,.ui-btn:enabled:active:hover{background-color:rgba(23,73,115,1)}.ui-btn:enabled:focus{background-color:rgba(2,56,92,1)}a.ui-btn.ui-state-disabled,.ui-btn:disabled{color:rgba(250,250,250,.2);background-color:rgba(3,44,64,1);cursor:default}.ui-btn.ui-multiline{padding-top:10px;padding-bottom:10px}.ui-btn.ui-inline{display:inline-block}.ui-btn.ui-btn-icon{background-position:center center;height:5.5rem;width:5.5rem;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem}.ui-btn.ui-btn-icon::before{content:"";-webkit-mask-size:5.5rem 5.5rem;mask-size:5.5rem 5.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;width:5.5rem;height:5.5rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);position:absolute;-webkit-mask-image:none;mask-image:none;background-position:center center;background-repeat:no-repeat}.ui-btn.ui-btn-icon-only{text-indent:-624.9375rem}.ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.75rem 3.75rem;mask-size:3.75rem 3.75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.75rem;height:3.75rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(250,250,250,1);-webkit-transition:background 150ms;transition:background 150ms}.ui-btn.ui-btn-icon-only:active::before{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-icon-only:disabled::before{background-color:rgba(250,250,250,.4)}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{background-color:transparent;height:33vh}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{content:'';position:absolute;background-color:#fff;border-radius:50%;width:30vw;height:30vh;opacity:0;left:50%;top:50%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before,.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before{-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity}.ui-btn.ui-btn-text{height:3.3125rem;line-height:2.6875rem;padding:.3125rem;margin:auto;max-width:16.125rem;min-width:4.125rem}.ui-btn.ui-btn-text:enabled:active:hover,.ui-btn.ui-btn-text:enabled:focus{background-color:transparent}.ui-btn.ui-btn-text.ui-btn-active{-webkit-animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms;animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem;overflow:visible;background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon::after,.ui-btn.ui-btn-no-bg.ui-btn-icon::after{position:absolute;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';background-color:rgba(250,250,250,1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus{background-color:rgba(250,250,250,1)}.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled{background-color:rgba(250,250,250,.4);cursor:default}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{height:141%;width:141%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled{background-color:transparent;cursor:default}.ui-btn.ui-btn-middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@keyframes touch-text-btn-scale{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}100%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@-webkit-keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@-webkit-keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@-webkit-keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}.ui-default{color:rgba(250,250,250,1);background-color:rgba(2,56,92,1)}a.ui-default:active:hover,.ui-default:enabled:active:hover{background-color:rgba(23,73,115,1)}.ui-default:enabled:focus{background-color:rgba(2,56,92,1)}a.ui-default.ui-state-disabled,.ui-default:disabled{color:rgba(250,250,250,.2);background-color:rgba(3,44,64,1);cursor:default}.ui-color-red{color:rgba(250,250,250,1);background-color:rgba(207,36,2,1)}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:rgba(222,102,78,1)}.ui-color-red:enabled:focus{background-color:rgba(207,36,2,1)}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,11,1,1);cursor:default}.ui-color-orange{color:rgba(250,250,250,1);background-color:rgba(237,134,0,1)}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:rgba(242,171,78,1)}.ui-color-orange:enabled:focus{background-color:rgba(237,134,0,1)}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:rgba(250,250,250,.2);background-color:rgba(69,39,5,1);cursor:default}.ui-color-green{color:rgba(250,250,250,1);background-color:rgba(97,163,16,1)}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:rgba(146,191,90,1)}.ui-color-green:enabled:focus{background-color:rgba(97,163,16,1)}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:rgba(250,250,250,.2);background-color:rgba(50,54,48,1);cursor:default}.ui-btn:focus,.ui-btn:active{outline:0}a.ui-btn{text-decoration:none;box-sizing:border-box}button.ui-btn,input.ui-btn{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}button.ui-btn.ui-inline,input.ui-btn.ui-inline{display:inline-block;width:auto}.ui-grid-col-1>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-1>.ui-btn:first-child{border-left:0 none}.ui-grid-col-2>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-2>.ui-btn:first-child{border-left:0 none}.ui-grid-col-3>.ui-btn{border-left:solid 1px rgba(0,0,0,1)}.ui-grid-col-3>.ui-btn:first-child{border-left:0 none}.ui-grid-row>.ui-btn{margin-top:1px}.ui-grid-row>.ui-btn:first-child{margin-top:0}.ui-popup{box-sizing:border-box;position:fixed;left:0;width:100%;margin:0;background-color:rgba(0,17,33,1);border:3px solid rgba(0,55,92,1);display:none;z-index:1100}.ui-popup:not(.ui-ctxpopup){bottom:0}.ui-popup .ui-popup-header{width:100%;min-height:68px;font-size:30px;text-align:left;background-color:rgba(5,42,71,1);color:rgba(116,196,252,1);padding-top:14px;padding-right:13px;padding-bottom:14px;padding-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popup .ui-popup-content{width:100%;min-height:14rem;font-size:2.125rem;text-align:left;color:rgba(250,250,250,1);background-color:rgba(0,17,33,1);padding:10px 16px 9px;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-.5625rem -1rem -.5625rem -1rem}.ui-popup .ui-popup-content .ui-listview li,.ui-popup .ui-popup-content .ui-inline-listview li{font-size:2.125rem}.ui-popup .ui-popup-footer{width:100%;height:83px}.ui-popup .ui-popup-footer .ui-btn{padding-top:27px;padding-bottom:28px;font-size:30px}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only{position:relative;text-indent:-624.9375rem}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before{content:"";position:absolute;-webkit-mask-size:3.125rem 3.125rem;mask-size:3.125rem 3.125rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:3.125rem;height:3.125rem;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.ui-popup.ui-popup-active{display:block}.ui-popup.in{display:block}.ui-popup.ui-build{display:block;visibility:hidden}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast){max-height:100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper{width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{height:auto}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed{position:absolute;top:0;left:0;width:100%;z-index:2100}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed{position:absolute;bottom:0;left:0;width:100%;z-index:2100;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ui-popup.ui-ctxpopup{background-color:transparent;width:100%;border:0 none;border-radius:0;overflow:visible}div.ui-popup.ui-ctxpopup.ui-popup-content-size{width:auto;padding:0}div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content{width:auto}.ui-popup.ui-ctxpopup .ui-popup-content{min-height:initial;background-color:rgba(250,250,250,1);border:1px solid rgba(117,117,117,.9);color:#333}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li{color:rgba(0,0,0,1);border-bottom:1px solid rgba(204,204,204,1);min-height:90px;padding:21px 8px 20px 16px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a{color:rgba(0,0,0,1);margin:-21px -16px;padding:21px 16px;min-height:48px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(19,99,145,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon{position:relative;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a{margin-left:-4.25rem;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before{content:"";position:absolute;top:50%;left:.375rem;width:3.5rem;height:3.5rem;margin-top:-1.75rem;background-color:rgba(92,92,92,.9);-webkit-mask-size:3.5rem 3.5rem;-moz-mask-size:3.5rem 3.5rem;-ms-mask-size:3.5rem 3.5rem;-o-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview{height:4.3125rem;overflow:hidden}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li{float:left;height:4.1875rem;line-height:4.1875rem;border-right:1px solid rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a{display:block;width:100%;height:100%;padding:0rem .5rem;color:rgba(0,0,0,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active{color:rgba(250,250,250,1);background-color:rgba(19,99,145,1)}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext{width:3.6875rem;height:4.1875rem;text-indent:-1000em;overflow:hidden;position:relative}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before{content:"";position:absolute;top:50%;left:50%;width:2.6875rem;height:2.6875rem;margin-top:-1.34375rem;margin-left:-1.34375rem;background-color:rgba(0,0,0,1);-webkit-mask-size:2.6875rem 2.6875rem;-moz-mask-size:2.6875rem 2.6875rem;-ms-mask-size:2.6875rem 2.6875rem;-o-mask-size:2.6875rem 2.6875rem;mask-size:2.6875rem 2.6875rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before{background-color:rgba(250,250,250,1)}.ui-popup.ui-ctxpopup .ui-arrow{width:36px;height:15px;overflow:hidden;position:absolute;display:none;-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup .ui-arrow span{box-sizing:border-box;width:20px;height:20px;background-color:rgba(250,250,250,1);border:1px solid rgba(117,117,117,.9);position:absolute;top:6px;left:8px;-webkit-transform:rotate(55deg) skew(24deg);-ms-transform:rotate(55deg) skew(24deg);transform:rotate(55deg) skew(24deg);-webkit-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b{padding:20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-t{padding:0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r{padding:20px 0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-l{padding:20px 20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow{display:block;bottom:-14px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow{display:block;top:-14px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow{display:block;right:-25px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow{display:block;left:-25px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.ui-popup.ui-popup-toast{margin-left:0;margin-right:0;margin-bottom:0;font-size:1.5rem;border:3px solid rgba(0,55,92,1);border-radius:0;border-left:0;border-right:0;position:absolute;bottom:0}.ui-popup.ui-popup-toast:not(.ui-popup-toast){top:auto;height:auto}.ui-popup.ui-popup-toast .ui-popup-content{min-height:initial;padding:.6875rem 2.625rem .75rem;background-color:rgba(0,17,33,1)}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:3.5rem;height:3.5rem;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-indent:-10000px;overflow:hidden}.ui-popup.ui-popup-toast .ui-popup-toast-icon::after{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%}.ui-popup-overlay{position:fixed;display:none;top:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.7)}.ui-popup-overlay.in{display:block}.ui-popup.slideup.in{-webkit-animation-name:popupslideinfrombottom;animation-name:popupslideinfrombottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.slideup.out{-webkit-animation-name:popupslideouttobottom;animation-name:popupslideouttobottom;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popupslideinfrombottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes popupslideouttobottom{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.ui-popup.pop.in{-webkit-animation-name:popuppopin;animation-name:popuppopin;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.pop.out{-webkit-animation-name:popuppopout;animation-name:popuppopout;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes popuppopin{from{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}@keyframes popuppopout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.35,1.35,1);transform:scale3d(1.35,1.35,1);opacity:0}}.ui-popup.ui-popup-toast.pop.in{-webkit-animation-name:toastpopuppopin;animation-name:toastpopuppopin;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ui-popup.ui-popup-toast.pop.out{-webkit-animation-name:toastpopuppopout;animation-name:toastpopuppopout;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes toastpopuppopin{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes toastpopuppopout{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}.ui-popup-overlay.slideup.in,.ui-popup-overlay.pop.in{-webkit-animation:fadein 250ms;animation:fadein 250ms}.ui-popup-overlay.slideup.out,.ui-popup-overlay.pop.out{-webkit-animation:fadeout 250ms forwards;animation:fadeout 250ms forwards}.ui-popup.ui-popup-arrow-t.slideup.in,.ui-popup.ui-popup-arrow-l.slideup.in,.ui-popup.ui-popup-arrow-r.slideup.in{-webkit-animation:ctxpopupslideinfrombottom 250ms ease-in-out;animation:ctxpopupslideinfrombottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-t.slideup.out,.ui-popup.ui-popup-arrow-l.slideup.out,.ui-popup.ui-popup-arrow-r.slideup.out{-webkit-animation:ctxpopupslideouttobottom 250ms ease-in-out;animation:ctxpopupslideouttobottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.in{-webkit-animation:ctxpopupslideinfromtop 250ms ease-in-out;animation:ctxpopupslideinfromtop 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.out{-webkit-animation:ctxpopupslideouttotop 250ms ease-in-out;animation:ctxpopupslideouttotop 250ms ease-in-out}@-webkit-keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfrombottom{from{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@keyframes ctxpopupslideouttobottom{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}}@-webkit-keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideinfromtop{from{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}}@-webkit-keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}@keyframes ctxpopupslideouttotop{from{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}}tau-virtuallistview,tau-listview{display:block;list-style-type:disc;list-style-type:none}.ui-listview li{font-size:2rem;line-height:3rem;min-height:6.25rem;padding:.9375rem .5rem .9375rem 1rem;border-bottom:.0625rem solid rgba(56,56,56,1);white-space:nowrap;position:relative;color:rgba(250,250,250,1)}.ui-listview li.ui-li-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0;min-height:5.3125rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ui-listview li.ui-li-grid .ui-processing{padding:0;margin-right:.5rem}.ui-listview li.ui-li-grid div:first-child{width:-webkit-calc(100% - 5.5rem);width:calc(100% - 5.5rem);text-align:left;height:100%;margin-left:1rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{padding:0;margin-right:.5rem;background-size:contain;background-position:center center;background-repeat:no-repeat;width:3.5rem;height:3.5rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after{background-color:transparent}.ui-listview li.ui-li-grid.ui-li-grid-full div::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(56,56,56,1);right:4.5rem;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-listview li.ui-li-grid.ui-li-grid-full>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid.ui-li-grid-full>.ui-btn-icon{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ui-listview li.ui-li-grid .ui-btn-description{width:100%;margin:0 -50%;z-index:2;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:center;line-height:5.3125rem;pointer-events:none}.ui-listview li.ui-li-grid a.ui-btn,.ui-listview li.ui-li-grid tau-button.ui-btn{background-position:center center;height:5.3125rem;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem;position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border-bottom:.0625rem solid rgba(0,24,41,1);border-right:.0625rem solid rgba(0,24,41,1)}.ui-listview li input[type=text],.ui-listview li input[type=password]{width:20.5rem;height:3.875rem;padding:.8125rem 0 .8125rem .5rem;color:rgba(116,196,252,1);font-size:2rem;background-color:rgba(245,245,245,.15);border:0;outline:0}.ui-listview li input[type=text]:focus,.ui-listview li input[type=password]:focus{border:.0625rem solid rgba(245,245,245,.15)}.ui-listview li input[type=text]:focus::-webkit-input-placeholder,.ui-listview li input[type=password]:focus::-webkit-input-placeholder{color:#fff}.ui-listview li>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:rgba(250,250,250,1)}.ui-listview li>a:not(.ui-btn){display:block;width:100%;height:auto;margin:-1.625rem -.5rem -1.625rem -1rem;padding:1.25rem .5rem 1.25rem 1rem;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;text-overflow:ellipsis;overflow:hidden}.ui-listview li.ui-listview-divider{height:1.875rem;min-height:1.875rem;line-height:1.875rem;padding:0 .5rem 0 1rem;background-color:rgba(29,72,105,1);color:rgba(151,197,230,1);font-size:1.5rem}.ui-listview li .ui-li-sub-text{color:rgba(85,135,171,1);font-size:1.75rem}.ui-listview li.ui-li-has-action-icon .ui-action-text{width:-webkit-calc(100% - 4.8125rem);width:calc(100% - 4.8125rem);height:100%}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:rgba(250,250,250,1);right:4.25rem;top:20%}.ui-listview li.ui-li-has-action-icon .ui-action-divider{display:none}.ui-listview li.ui-li-has-action-icon .ui-action-delete,.ui-listview li.ui-li-has-action-icon .ui-action-setting,.ui-listview li.ui-li-has-action-icon .ui-action-add{position:absolute;height:100%;width:4.5rem;right:0;top:0;-webkit-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;padding:0;margin:0}.ui-listview li.ui-li-has-action-icon .ui-action-delete{-webkit-mask-image:url(images/listview/tw_list_delete_holo_dark.png);mask-image:url(images/listview/tw_list_delete_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-setting{-webkit-mask-image:url(images/listview/tw_list_setting_holo_dark.png);mask-image:url(images/listview/tw_list_setting_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-add{-webkit-mask-image:url(images/listview/tw_list_add_holo_dark.png);mask-image:url(images/listview/tw_list_add_holo_dark.png);background-color:rgba(250,250,250,1)}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon{background-color:transparent}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active{background-color:rgba(8,56,94,1);color:rgba(250,250,250,1)}.ui-datetime-widget{position:relative;height:100%}.ui-datetime{text-align:center;padding-top:56px}.ui-time-picker .ui-datetime{padding-top:53px}.ui-datetime:only-child{padding-top:92px}.ui-time-picker .ui-datetime:only-child{padding-top:89px}.ui-datetime input[type=date],.ui-datetime input[type=datetime],.ui-datetime input[type=time]{display:none}.ui-datefield{height:52px;display:inline-block;vertical-align:top}.ui-datefield>.ui-btn{float:left;height:52px;padding:0;line-height:52px;font-size:42px;font-weight:600;border-radius:2px;background-color:rgba(255,255,255,.15)}.ui-datefield .ui-datefield-separator{display:block;height:100%;float:left;width:18px;background:transparent url(images/Datetimepicker/tw_timepicker_num_dot.png)}.ui-datefield>.ui-btn:enabled:focus{background-color:rgba(255,255,255,.15)}.ui-datefield>.ui-btn:disabled{color:#404040}.ui-datafield>.ui-btn.ui-selected,.ui-datefield>.ui-btn:enabled:active,.ui-datefield>.ui-btn.ui-state-active:enabled,.ui-datefield>.ui-btn.ui-selected:enabled{background-color:#ff9000;color:#000}.ui-date-picker .ui-datefield>.ui-btn:first-child{margin-right:2px}.ui-date-picker .ui-datefield>.ui-btn:last-child{margin-left:2px}.ui-date-picker .ui-datefield-year{width:114px}.ui-date-picker .ui-datefield-month{width:102px}.ui-date-picker .ui-datefield-day{width:68px}.ui-time-picker .ui-datefield-hour{width:74px}.ui-time-picker .ui-datefield-min{width:74px}.ui-time-picker .ui-datefield-period{width:84px;margin-left:10px}.ui-time-picker .ui-datefield{height:58px}.ui-time-picker .ui-datefield>.ui-btn{height:58px;line-height:58px;font-size:50px}.ui-time-picker .ui-datefield>.ui-btn.ui-datefield-period{font-size:48px}.ui-datetime-wheel{height:68px;margin:0 10px;margin-top:30px}.ui-time-picker .ui-datetime-wheel{margin-top:27px}.ui-datetime-wheel .ui-btn{width:68px;height:68px;float:left}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus{float:right;background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-wheel{display:block;margin-left:68px;margin-right:68px;height:68px;padding:10px 0;box-sizing:border-box;background:url(images/Datetimepicker/tw_timepicker_wheel_01.png) center center no-repeat}.ui-datetime-btns{position:absolute;bottom:0;width:100%;height:76px;box-sizing:border-box;border-top:2px solid #262626}.ui-datetime-btns::before{content:"";height:34px;width:1px;background-color:#262626;position:absolute;left:160px;top:20px}.ui-datetime-btns .ui-btn{height:100%;position:relative;background-color:transparent}.ui-datetime-btns .ui-btn:enabled:active,.ui-datetime-btns .ui-btn:enabled:focus,.ui-datetime-btns .ui-btn:enabled:active:focus{background-color:transparent}.ui-datetime-btns .ui-btn-left{width:160px;float:left;background:url(images/Datetimepicker/tw_timepicker_left_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn-right{width:159px;float:right;background:url(images/Datetimepicker/tw_timepicker_right_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn:disabled,.ui-datetime-btns .ui-btn.ui-state-disabled{opacity:.2}.ui-datetime-periods{height:102px;margin-top:7px;display:inline-block}.ui-datetime-periods .ui-btn,.ui-datetime-periods .ui-datetime-periods-separator{height:100%;float:left;padding:0;background:transparent}.ui-datetime-periods .ui-btn{width:102px;font-size:34px;line-height:102px}.ui-datetime-periods .ui-btn:enabled:focus{background:transparent}.ui-datetime-periods .ui-btn:enabled:active,.ui-datetime-periods .ui-btn:enabled:active:focus,.ui-datetime-periods .ui-btn.ui-selected:enabled:active,.ui-datetime-periods .ui-btn.ui-state-active:enabled:active{color:inherit;text-decoration:none;background:url(images/Datetimepicker/tw_timepicker_time_bg.png) center center no-repeat}.ui-datetime-periods .ui-btn.ui-selected:enabled,.ui-datetime-periods .ui-btn.ui-state-active:enabled{color:#ff9000;text-decoration:underline}.ui-datetime-periods .ui-datetime-periods-separator{width:24px;background:url(images/Datetimepicker/tw_timepicker_num_dot_01.png) center center no-repeat}.ui-datetime-wheel.ui-hidden,.ui-datetime-periods.ui-hidden{display:none}.ui-viewport-transitioning,.ui-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;box-sizing:border-box}.ui-pre-in{z-index:100;visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-direction:column;top:0;left:0}.in{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:350ms;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:225ms;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation:fadeout 125ms;animation:fadeout 125ms}.fade.in{opacity:1;-webkit-animation:fadein 225ms;animation:fadein 225ms}@-webkit-keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes slideupin{from{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-webkit-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideup.in:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);-webkit-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay){z-index:101;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1)}@-webkit-keyframes popin{from{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}}@-webkit-keyframes popoutreverse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.3,.3,1);transform:scale3d(0.3,.3,1);opacity:0}}@-webkit-keyframes popinreverse{from{-webkit-transform:scale3d(1.7,1.7,1);transform:scale3d(1.7,1.7,1);opacity:0}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}.pop.out.reverse{z-index:100;-webkit-animation-duration:225ms;-webkit-animation-name:popoutreverse;-moz-animation-duration:225ms;-moz-animation-name:popoutreverse;animation-duration:225ms;animation-name:popoutreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in.reverse{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popinreverse;-moz-animation-duration:225ms;-moz-animation-name:popinreverse;animation-duration:225ms;animation-name:popinreverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in{-webkit-animation-duration:225ms;-webkit-animation-name:popin;-moz-animation-duration:225ms;-moz-animation-name:popin;animation-duration:225ms;animation-name:popin;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.out{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popout;-moz-animation-duration:225ms;-moz-animation-name:popout;animation-duration:225ms;animation-name:popout;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-indexscrollbar{display:block;position:fixed;right:0;top:0;width:2.8125rem;height:100%;padding-left:.125rem;background-color:rgba(26,26,26,1);z-index:10;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ui-indexscrollbar ul{position:absolute;width:100%;top:0}.ui-indexscrollbar ul li{color:rgba(89,89,89,1);display:block;width:100%;text-align:center;font-size:1.5rem;height:2.25rem}.ui-indexscrollbar ul li.ui-state-selected{background-color:rgba(36,36,36,1);color:rgba(55,161,237,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary{position:relative;height:auto;top:0;right:-2.5rem;width:100%}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li{background-color:rgba(36,36,36,1);color:rgba(89,89,89,1)}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected{background-color:rgba(36,36,36,1);color:rgba(55,161,237,1)}.ui-indexscrollbar+.ui-listview li{padding-right:2.5rem}.ui-indexscrollbar-indicator{position:fixed;top:0;left:0;z-index:9;display:none}.ui-indexscrollbar-indicator>span{width:8.75rem;height:5.4375rem;position:absolute;display:block;top:50%;left:50%;margin-left:-5.625rem;margin-top:-2.6875rem;line-height:5.4375rem;font-size:4.375rem;text-align:center;background-color:rgba(0,61,107,.95);color:rgba(250,250,250,1)}.ui-indexscrollbar-indicator>span>span.ui-selected{color:rgba(55,161,237,1)}.ui-circularindexscrollbar{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{position:absolute;top:50%;left:50%;width:9.875rem;height:9.875rem;line-height:9.875rem;border-radius:50%;background-color:rgba(0,61,107,.95);-webkit-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-circularindexscrollbar.ui-circularindexscrollbar-show{pointer-events:auto}.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator{opacity:1}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:4.375rem;color:rgba(55,161,237,1)}.ui-scrollbar-bar-type{position:absolute}.ui-scrollbar-bar-type.ui-scrollbar-horizontal{left:0;bottom:0;width:100%;height:8px}.ui-scrollbar-bar-type.ui-scrollbar-vertical{right:0;top:0;width:.5rem;height:100%}.ui-scrollbar-bar-type .ui-scrollbar-indicator{position:absolute;background-color:rgba(94,94,94,1)}.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator{height:.25rem}.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator{width:.25rem}.ui-scrollbar-bouncing-effect{display:none;position:absolute;background-repeat:no-repeat;-webkit-animation-duration:.47s;animation-duration:.47s;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:rgba(55,161,237,.7)}.ui-scrollbar-bouncing-effect::before{content:"";position:absolute;background-color:rgba(55,161,237,1)}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:3.125rem;left:0;-webkit-mask-size:100% 3.125rem}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:.125rem;-webkit-mask-size:100% .125rem}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:3.125rem;height:100%;top:0;-webkit-mask-size:3.125rem 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:.0625rem;height:100%;-webkit-mask-size:.0625rem 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;-webkit-mask-image:url(images/Scroller/bouncing_top_glow.png);mask-image:url(images/Scroller/bouncing_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{-webkit-mask-image:url(images/Scroller/bouncing_top_edge.png);mask-image:url(images/Scroller/bouncing_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;-webkit-mask-image:url(images/Scroller/bouncing_bottom_glow.png);mask-image:url(images/Scroller/bouncing_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{-webkit-mask-image:url(images/Scroller/bouncing_bottom_edge.png);mask-image:url(images/Scroller/bouncing_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;-webkit-mask-image:url(images/Scroller/bouncing_left_glow.png);mask-image:url(images/Scroller/bouncing_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{-webkit-mask-image:url(images/Scroller/bouncing_left_edge.png);mask-image:url(images/Scroller/bouncing_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;-webkit-mask-image:url(images/Scroller/bouncing_right_glow.png);mask-image:url(images/Scroller/bouncing_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{-webkit-mask-image:url(images/Scroller/bouncing_right_edge.png);mask-image:url(images/Scroller/bouncing_right_edge.png)}@-webkit-keyframes ui-bouncing-show{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes ui-bouncing-hide{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}100%{opacity:0}}.ui-scrollbar-bouncing-effect.ui-show{display:block;-webkit-animation-name:ui-bouncing-show;animation-name:ui-bouncing-show}.ui-scrollbar-bouncing-effect.ui-hide{display:block;-webkit-animation-name:ui-bouncing-hide;animation-name:ui-bouncing-hide}.ui-swipelist{position:absolute;top:0}.ui-swipelist .ui-swipelist-icon{width:20%;height:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ui-swipelist .ui-swipelist-text{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.ui-swipelist-left,.ui-swipelist-right{position:absolute;display:none}.ui-swipelist-left{background-color:rgba(98,168,24,1);background-image:-webkit-linear-gradient(left,rgba(98,168,24,1) 0,rgba(0,0,0,1) 0);background-image:linear-gradient(left,rgba(98,168,24,1) 0,rgba(0,0,0,1) 0)}.ui-swipelist-right{background-color:rgba(235,164,23,1);background-image:-webkit-linear-gradient(right,rgba(235,164,23,1) 0,rgba(0,0,0,1) 0);background-image:linear-gradient(right,rgba(235,164,23,1) 0,rgba(0,0,0,1) 0)}.ui-swipelist-icon,.ui-swipelist-text{position:absolute}.ui-swipelist-left .ui-swipelist-icon{margin-left:2%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-left .ui-swipelist-text{margin-left:40%}.ui-swipelist-right .ui-swipelist-icon{margin-left:80%;background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-right .ui-swipelist-text{margin-left:20%}.ui-tab-indicator{position:relative;height:6px}.ui-tab-indicator .ui-tab-item{position:absolute;top:0;left:0;display:block;height:6px;background-color:rgba(76,103,125,1)}.ui-tab-indicator .ui-tab-item.ui-tab-active{background-color:rgba(55,161,237,1)}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{box-sizing:border-box;padding:0;height:56px;width:56px;font-size:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}input[type=radio]{background-color:rgba(0,14,26,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%}input[type=radio]::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:checked::before{content:"";background-color:rgba(115,191,15,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:active{background-color:rgba(0,50,84,.4);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=radio]:active::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=radio]:active:checked::before{content:"";background-color:rgba(250,250,250,1);-webkit-mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input){-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(0,14,26,1)}input[type=checkbox]:not(.ui-switch-input)::after{content:"";background-color:rgba(250,250,250,.3);-webkit-mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):checked::before{content:"";-webkit-mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:rgba(115,191,15,1);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active{background-color:rgba(0,50,84,.4)}input[type=checkbox]:not(.ui-switch-input):active::after{content:"";background-color:rgba(250,250,250,.3);width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active:checked::before{content:"";background-color:rgba(250,250,250,1);width:100%;height:100%;position:absolute}.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input),.ui-checkbox-small input[type=radio]{top:.4375rem;margin-right:.4375rem;width:2.125rem;height:2.125rem}.ui-marquee{position:relative;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:2.4375rem;line-height:2.4375rem}.ui-marquee.ui-marquee-gradient{text-overflow:clip;-webkit-mask-image:-webkit-linear-gradient(left,#fff 0,#fff 85%,transparent 100%)}.ui-marquee.ui-marquee-ellipsis .ui-marquee-content{display:block;overflow:hidden;text-overflow:ellipsis}.ui-marquee .ui-marquee-content{left:0;position:relative;overflow:visible;display:inline-block}.ui-marquee-anim-running{-webkit-animation-play-state:running}.ui-marquee-anim-stopped{-webkit-animation-play-state:paused}.ui-marquee.ui-marquee-gradient::after{background:-webkit-linear-gradient(left,transparent 0,rgba(0,0,0,1) 100%);background:linear-gradient(left,transparent 0,rgba(0,0,0,1) 100%)}tau-pageindicator{display:block}.ui-page-indicator{display:block;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);white-space:nowrap;max-width:100%;overflow:hidden}.ui-page-indicator .ui-page-indicator-item{position:relative;display:inline-block;width:.625rem;height:.625rem;-webkit-mask-image:url(images/Indicator/indicator_horizontal_dot.png);mask-image:url(images/Indicator/indicator_horizontal_dot.png);background-color:rgba(250,250,250,.4);margin-right:.5rem;margin-top:1.5rem;transition-property:-webkit-mask-image,mask-image;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ui-page-indicator .ui-page-indicator-item:last-child{margin-right:0}.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active{-webkit-mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);background-color:rgba(250,250,250,1)}.ui-page-indicator.ui-page-indicator-circular{top:0;left:0;width:100vw;height:100vw;-webkit-transform:none;-ms-transform:none;transform:none;pointer-events:none}.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item{position:absolute;top:50%;left:50%;margin-top:-.3125rem;margin-left:-.3125rem;margin-right:0}.ui-snap-container{-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%}.ui-snap-container.ui-snap-disabled{-webkit-scroll-snap-type:none}.ui-snap-listview-item{-webkit-scroll-snap-coordinate:50% 50%}tau-drawer{display:block}.ui-drawer{width:100%;height:100%;position:fixed;top:0;background-color:rgba(0,0,0,1);z-index:1201;box-sizing:border-box}.ui-drawer.ui-drawer-close{overflow:hidden}.ui-drawer.ui-drawer-open{overflow:auto}.ui-drawer-overlay{top:0;position:fixed;background-color:rgba(0,0,0,.8);z-index:1200}tau-drawermorestyle{display:block}tau-sectionchanger{display:block}.ui-section-changer{height:100%}.ui-view-switcher{height:100%;overflow:hidden}.ui-view-switcher.ui-view-carousel .ui-view{display:none;position:absolute;z-index:-1000;top:50%;background-color:#fafafa}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active{display:inline;z-index:100;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim{opacity:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left{display:inline;left:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right{display:inline;right:0}.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim{position:absolute;top:0;width:100%;height:100%;opacity:.6;background-color:#000}.ui-slider{position:relative;box-sizing:border-box;background-color:rgba(64,64,64,1)}.ui-slider .ui-slider-value{background-color:rgba(55,161,237,1)}.ui-slider .ui-slider-handler{width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:50%;position:absolute;text-indent:9999px;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-slider.ui-slider-horizontal{height:6px;margin:20px 22px}.ui-slider.ui-slider-horizontal .ui-slider-value{height:6px}.ui-slider.ui-slider-horizontal .ui-slider-handler{top:50%;margin-left:-20px;border:3px solid rgba(55,161,237,1);-webkit-transform:translate(0,-50%) scale(0.6);-ms-transform:translate(0,-50%) scale(0.6);transform:translate(0,-50%) scale(0.6)}.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active{-webkit-transform:translate(0,-50%) scale(1);-ms-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1)}.ui-slider-title{text-align:center;color:rgba(14,118,179,1);font-size:28px}.ui-slider-subtitle{text-align:center;color:rgba(14,118,179,1);font-size:28px}.ui-selector{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.7)}.ui-selector .ui-layer{position:absolute;display:none;width:4.25rem;height:4.25rem;border-radius:50%}.ui-selector .ui-layer.ui-layer-active{display:block;width:100%;height:100%;z-index:3}.ui-selector .ui-layer.ui-layer-active .ui-item{visibility:visible;-webkit-transition:transform 300ms ease-out;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.ui-selector .ui-layer.ui-layer-hide .ui-item{visibility:visible;-webkit-transition:transform 100ms ease-out;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out}.ui-selector .ui-layer.ui-layer-prev{display:block;width:3rem;height:3rem;left:50%;margin-left:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_previous_page.png);mask-image:url(images/Common/b_more_option_btn_previous_page.png)}.ui-selector .ui-layer.ui-layer-next{display:block;width:3rem;height:3rem;right:50%;margin-right:.375rem;margin-top:.75rem;z-index:5;-webkit-mask-image:url(images/Common/b_more_option_btn_next_page.png);mask-image:url(images/Common/b_more_option_btn_next_page.png)}.ui-selector .ui-item{background-color:rgba(250,250,250,1);position:absolute;visibility:hidden;width:4.25rem;height:4.25rem;top:50%;left:50%;border-radius:50%;margin:-2.125rem;z-index:100}.ui-selector .ui-item:active{background-color:rgba(191,191,191,1)}.ui-selector .ui-item::before{-webkit-transition:background-color 200ms ease-out;transition:background-color 200ms ease-out}.ui-selector .ui-selector-indicator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:4;width:10.25rem;height:10.25rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-selector .ui-selector-indicator::before{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;border-radius:50%;background-color:transparent;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before{z-index:-1;background-color:#fff;-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-animation-duration:300ms,733ms;animation-duration:300ms,733ms;-webkit-animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-name:touch-text-btn-scale,touch-text-btn-opacity;-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{font-size:1.875rem;pointer-events:none;width:10.25rem;line-height:2.5rem;max-height:5rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active{background-repeat:no-repeat;background-position:50% 50%;width:8.75rem;height:8.75rem;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text{margin-top:-.25rem;width:5.875rem;height:5.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active+.ui-selector-indicator-text:not(:empty){margin-top:.3125rem;width:8.625rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{font-size:1.8125rem;pointer-events:none;width:8.625rem;line-height:2.4375rem;max-height:2.4375rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text{width:9.375rem}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext{color:T117;width:9.375rem}.ui-selector .ui-selector-indicator-arrow{position:absolute;width:13.125rem;height:13.125rem;top:50%;left:50%;margin:-6.5625rem;text-align:center;line-height:13.125rem;font-size:1.75rem;z-index:0}.ui-selector .ui-selector-indicator-arrow::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;-webkit-mask-image:url(images/Common/b_rotary_selector_center_pointer.png);mask-image:url(images/Common/b_rotary_selector_center_pointer.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B0116}.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active{background-color:rgba(250,250,250,1)}.scrolling-scrollbar{position:absolute;pointer-events:none;-webkit-transition:opacity 2.5s;transition:opacity 2.5s;opacity:0}.scrolling-scrollbar .scrolling-scrollthumb{stroke:#009de4;background-color:#009de4;position:absolute}.scrolling-scrollbar.scrolling-direction-y{right:0;width:10px}.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb{width:10px;min-height:20px;top:0;left:50%;margin-left:-5px}.scrolling-scrollbar.scrolling-direction-x{bottom:0;height:10px}.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb{height:10px;min-width:20px;left:0;top:50%;margin-top:-5px}.scrolling-scrollbar:not(.scrolling-circular){background-color:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular{width:100%;height:100%;top:0;left:0}.scrolling-scrollbar.scrolling-circular .ui-polar{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path{stroke:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated{-webkit-transition:all .5s;transition:all .5s}.scrolling-scrollbar.fade-in{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.ui-page.ui-empty-state{background-color:B0911;color:rgba(250,250,250,1)}.ui-page.ui-empty-state header.ui-header{height:6.75rem}.ui-page.ui-empty-state:after{content:"";position:absolute;width:100%;height:100%;-webkit-mask-image:url(images/Common/tw_no_item_bg.png);mask-image:url(images/Common/tw_no_item_bg.png);background-color:rgba(255,255,255,.1)}.ui-page.ui-empty-state .ui-title{color:rgba(116,196,252,1);font-size:1.875rem;line-height:2.4375rem}.ui-page.ui-empty-state .ui-content{overflow:hidden;color:rgba(250,250,250,1);font-size:1.75rem;line-height:2.3125rem;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}.ui-page.ui-empty-state .ui-content .ui-icon{width:6.125rem;height:6.125rem}.ui-page.ui-empty-state .ui-content .ui-empty-state-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:4.625rem;margin-top:.5rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header{height:7.8125rem;margin-top:0}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title{padding-top:3.1875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon{width:8.125rem;height:6.875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label{height:2.3125rem;margin-top:1.75rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines{margin-top:.125rem;height:4.625rem}.ui-grid{padding:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;background-color:rgba(0,0,0,1)}.ui-grid.ui-hidden{display:none}.ui-grid li{transition-property:border-radius,-webkit-mask-size,mask-size;-webkit-transition-duration:450ms;transition-duration:450ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;position:absolute;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui-grid li a{position:relative}.ui-grid li a:active:hover:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(38,38,38,.4)}.ui-grid.ui-grid-horizontal{height:22.5rem}.ui-grid.ui-grid-horizontal li{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-horizontal.ui-grid-rectangle li{-webkit-mask-size:22.5rem auto;mask-size:22.5rem auto;-webkit-mask-image:url(images/Grid/tw_basic_grid_horizontal.png);mask-image:url(images/Grid/tw_basic_grid_horizontal.png)}.ui-grid.ui-grid-vertical{width:22.5rem}.ui-grid.ui-grid-vertical li{-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.ui-grid.ui-grid-vertical.ui-grid-rectangle li{-webkit-mask-size:auto 22.5rem;mask-size:auto 22.5rem;-webkit-mask-image:url(images/Grid/tw_basic_grid_vertical.png);mask-image:url(images/Grid/tw_basic_grid_vertical.png)}.ui-grid.ui-grid-circle li{border-radius:100%}.ui-grid.ui-grid-rectangle li{border-radius:1.125rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-grid.ui-grid-3x3{height:22.5rem}.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned{position:absolute;left:0;top:0;margin:0!important}.ui-grid.ui-grid-3x3 li{width:22.5rem;height:22.5rem;position:absolute;display:inline-block}.ui-grid.ui-grid-3x3 li.ui-selected{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.ui-grid.ui-grid-3x3 li a{display:inline-block}.ui-grid.ui-grid-3x3 .thumb{width:100%;height:100%;position:relative}.ui-grid.ui-grid-image{padding:0}.ui-grid.ui-grid-image li{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:22.5rem;height:22.5rem;overflow:hidden}.ui-grid.ui-grid-image li a{display:inline-block}.ui-grid.ui-grid-image .thumb{width:22.5rem;height:22.5rem;position:relative}.ui-grid.ui-grid-thumbnail{background-color:W143}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li{-webkit-mask-size:14rem auto;mask-size:14rem auto}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li{-webkit-mask-size:auto 14rem;mask-size:auto 14rem}.ui-grid-container{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-scroll-snap-type:mandatory;-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;-ms-scroll-snap-destination:50% 50%;scroll-snap-destination:50% 50%}.ui-grid-container .ui-image-section{width:22.5rem;height:22.5rem}.ui-grid-container .snap-point{width:.0625rem;height:.0625rem;position:absolute;-webkit-scroll-snap-coordinate:50% 50%;-ms-scroll-snap-coordinate:50% 50%;scroll-snap-coordinate:50% 50%;visibility:hidden}.ui-grid-container.ui-grid-horizontal{overflow-x:scroll;overflow-y:hidden;width:100%;height:22.5rem}.ui-grid-container.ui-grid-horizontal .snap-point{top:50%}.ui-grid-container.ui-grid-vertical{overflow-x:hidden;overflow-y:scroll;width:22.5rem;height:100%}.ui-grid-container.ui-grid-vertical .snap-point{left:50%}.ui-circleindicator{position:fixed;z-index:0}.ui-circleindicator svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.ui-circleindicator svg:nth-child(2) circle{-webkit-transition:stroke-dashoffset .5s linear;transition:stroke-dashoffset .5s linear}.ui-circleindicator svg .ui-big{z-index:4}.ui-circleindicator svg .ui-pointer{z-index:5}.ui-animated{-webkit-transition:1s linear;transition:1s linear}.ui-hyperlink{text-decoration:underline}.ui-spin{position:relative;display:inline-block;height:3.75rem;background-color:transparent;overflow:hidden;font-size:1.375rem;padding:0;box-sizing:content-box;width:5rem}.ui-spin-item{background-color:transparent;position:absolute;left:0;top:0;width:100%;height:1.875rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#4dcfff}.ui-spin-item-selected{font-size:1.875rem;height:1.875rem;color:#fff}.ui-spin-enabling{height:100%}.ui-spin-enabling .ui-spin-item{-webkit-transition:300ms opacity linear;transition:300ms opacity linear}.tau-info-theme:after{content:"default"} \ No newline at end of file diff --git a/lib/tau/wearable/theme/default/tau.min.template b/lib/tau/wearable/theme/default/tau.min.template new file mode 100644 index 0000000..b171330 --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.min.template @@ -0,0 +1 @@ +*{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%}html,button,input,select,textarea{font-family:Tizen,Samsung Sans,Helvetica}body{margin:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button[disabled],input[disabled]{cursor:default}input[type=time],input[type=date]{color:#000}input[type=search]{appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.tau-info-theme{position:absolute;top:-999px;left:-999px}.screen-hidden{visibility:hidden;position:absolute;top:-10000em;left:-10000em}button,input{outline:0;cursor:pointer}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:T0811}ul,li{margin:0;padding:0;list-style-type:none}img{margin:0;padding:0}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;font-size:2.125rem;font-family:Tizen,Samsung Sans,Helvetica;background:B011;color:T0811}tau-page{display:block}.ui-page{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;background:B011;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-page.ui-page-active{display:block;display:flex;flex-direction:column}.ui-page.ui-page-build{display:flex;flex-direction:column;visibility:hidden}.ui-page tau-scrollview{display:block}.ui-page .ui-content{width:100%;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;flex:1}.ui-page .ui-content.ui-content-padding{padding-left:.75rem;padding-right:.75rem}.ui-page .ui-content.ui-content-fixed-middle{position:fixed;top:50%;transform:translate(0,-50%)}.ui-page .ui-header{position:relative;width:100%;line-height:60px;background-color:B0511}.ui-page .ui-header .ui-subtitle{height:30px;font-weight:400;line-height:30px;padding-left:16px;padding-right:16px;color:T012;font-size:24px;margin:-.625rem 0 .3125rem 0}.ui-page .ui-header .ui-title{color:T012;font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding-left:16px;padding-right:16px;mask-image:linear-gradient(left,#000 80%,rgba(0,0,0,0) 95%)}.ui-page .ui-header .ui-title.ui-icon{padding-left:60px;background-position:16px 14px;background-size:34px 34px;background-repeat:no-repeat}.ui-page .ui-header.ui-has-more .ui-title{padding-right:78px;mask-image:linear-gradient(left,#000 70%,rgba(0,0,0,0) 75%)}.ui-page .ui-header button.ui-more,.ui-page .ui-header input.ui-more{border:0 none;padding:0}.ui-page .ui-header .ui-more-disable{cursor:default;background-color:transparent}.ui-page .ui-header .ui-more{display:block;position:absolute;top:0;right:0;width:68px;height:100%;overflow:hidden;text-indent:-1000em;background-position:center center;background-color:transparent;cursor:pointer}.ui-page .ui-header .ui-more:active{background-color:W011P}.ui-page .ui-header .ui-more.ui-icon-detail{background-color:B052L1;mask-image:url(images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-detail[disabled=disabled]{cursor:default;background-color:transparent;background-color:B052L1D;mask-image:url(images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow{background-color:B052L1;mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-overflow[disabled=disabled]{cursor:default;background-color:transparent;background-color:B052L1D;mask-image:url(images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall{background-color:B052L1;mask-image:url(images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-header .ui-more.ui-icon-selectall[disabled=disabled]{cursor:default;background-color:transparent;background-color:B052L1D;mask-image:url(images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png);-webkit-mask-size:3.25rem 3.75rem;-moz-mask-size:3.25rem 3.75rem;-ms-mask-size:3.25rem 3.75rem;-o-mask-size:3.25rem 3.75rem;mask-size:3.25rem 3.75rem;-webkit-mask-position:center;-moz-mask-position:center;-ms-mask-position:center;-o-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-page .ui-footer{width:100%;position:absolute;bottom:0;left:0}.ui-page.ui-scroll-on .ui-scroller{width:100%;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;flex:1}.ui-page.ui-scroll-on .ui-content{height:auto;flex:none}.ui-page.ui-scroll-on .ui-footer{position:relative}.ui-grid-col>*{float:left}.ui-page .ui-grid-col-1>*{float:left}.ui-page .ui-grid-col-1>*{width:100%}.ui-page .ui-grid-col-2>*{float:left}.ui-page .ui-grid-col-2>*{width:50%}.ui-page .ui-grid-col-3>*{float:left}.ui-page .ui-grid-col-3>*{width:33.33333333%}.ui-grid-row>*{display:block}@-webkit-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@-moz-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@-ms-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@-o-keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}@keyframes indeterminate{0%{mask-image:url(images/Progress/tw_progressbar_indeterminate1_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}25%{mask-image:url(images/Progress/tw_progressbar_indeterminate2_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}50%{mask-image:url(images/Progress/tw_progressbar_indeterminate3_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}75%{mask-image:url(images/Progress/tw_progressbar_indeterminate4_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}100%{mask-image:url(images/Progress/tw_progressbar_indeterminate5_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B065L6}}progress{position:relative;padding-left:1rem;padding-right:1rem;margin-top:.875rem;margin-bottom:.875rem;width:100%;height:.375rem;appearance:none;border:0}progress::-webkit-progress-bar{position:relative;background-color:B065L3;border-radius:.125rem;overflow:hidden}progress::-webkit-progress-value{background-color:B065L2;height:.375rem;border-radius:.125rem;overflow:hidden}progress.ui-progress-indeterminate::-webkit-progress-bar{background-color:B065L2}progress.ui-progress-indeterminate::-webkit-progress-value{background-size:100% 100%;-webkit-animation:indeterminate 150ms infinite;-moz-animation:indeterminate 150ms infinite;-o-animation:indeterminate 150ms infinite;animation:indeterminate 150ms infinite}.ui-progress-proportion{display:block;float:left;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:T0811}.ui-progress-ratio{display:block;float:right;font-size:20px;padding-left:1rem;padding-right:1rem;margin-top:-.625rem;color:T0811}.ui-circle-progress{display:none}.ui-progressbar{position:relative;display:inline-block;pointer-events:none}.ui-progressbar.ui-progressbar-full{position:fixed;top:0;left:0;width:100%;height:100%}.ui-switch{width:100%;color:T0811}.ui-switch-inneroffset,.ui-switch-handler{display:none}.ui-switch-text{margin-top:30px;margin-bottom:40px;padding:0 30px;font-size:34px;text-align:center}.ui-switch-sub-text{margin-top:48px;font-size:26px;text-align:center;color:T161}.ui-toggleswitch{position:relative;display:inline-block;width:103.5px;height:55px;overflow:hidden}.ui-toggleswitch.ui-toggleswitch-large{width:207px;height:110px}.ui-toggleswitch .ui-switch-input{position:absolute;width:100%;height:100%;-webkit-appearance:none;display:block}.ui-toggleswitch .ui-switch-input::before{content:"";position:absolute;width:100%;height:100%;mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;-moz-mask-position:0 0;-ms-mask-position:0 0;-o-mask-position:0 0;mask-position:0 0;background-color:W014L2P;z-index:0}.ui-toggleswitch .ui-switch-input:active::before{background-color:W014L2P}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button{background-color:W014L4P}.ui-toggleswitch .ui-switch-input:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:active~.ui-switch-button::before{background-color:W014L6P}.ui-toggleswitch .ui-switch-activation,.ui-toggleswitch .ui-switch-button{width:100%;height:100%;mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 33.3%;-moz-mask-position:0 33.3%;-ms-mask-position:0 33.3%;-o-mask-position:0 33.3%;mask-position:0 33.3%;background-color:W014L4;position:absolute;top:0;left:0;pointer-events:none;z-index:1}.ui-toggleswitch .ui-switch-activation::before,.ui-toggleswitch .ui-switch-button::before{content:"";position:absolute;width:100%;height:100%;mask-image:url(images/Controller_icon/toggle_changeable.png);-webkit-mask-size:100% 400%;-moz-mask-size:100% 400%;-ms-mask-size:100% 400%;-o-mask-size:100% 400%;mask-size:100% 400%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 66.7%;-moz-mask-position:0 66.7%;-ms-mask-position:0 66.7%;-o-mask-position:0 66.7%;mask-position:0 66.7%;background-color:W014L6;top:0;left:0}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button{width:100%;height:100%;background-color:W014L3;-webkit-mask-position:0 33%;-moz-mask-position:0 33%;-ms-mask-position:0 33%;-o-mask-position:0 33%;mask-position:0 33%;-webkit-transform:translate3d(36.23%,0,0);-moz-transform:translate3d(36.23%,0,0);-ms-transform:translate3d(36.23%,0,0);-o-transform:translate3d(36.23%,0,0);transform:translate3d(36.23%,0,0)}.ui-toggleswitch .ui-switch-input:checked~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked~.ui-switch-button::before{-webkit-mask-position:0 100%;-moz-mask-position:0 100%;-ms-mask-position:0 100%;-o-mask-position:0 100%;mask-position:0 100%;background-color:W014L5}.ui-toggleswitch .ui-switch-input:checked::before{background-color:W014L1}.ui-toggleswitch .ui-switch-input:checked:active::before{background-color:W014L1P}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button{background-color:W014L3P}.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-activation::before,.ui-toggleswitch .ui-switch-input:checked:active~.ui-switch-button::before{background-color:W014L5P}@keyframes smallprocess{0%{mask-position:0rem 0rem}2%{mask-position:-4.75rem 0rem}3%{mask-position:-9.5rem 0rem}5%{mask-position:-14.25rem 0rem}7%{mask-position:-19rem 0rem}8%{mask-position:-23.75rem 0rem}10%{mask-position:-28.5rem 0rem}12%{mask-position:0rem -4.75rem}14%{mask-position:-4.75rem -4.75rem}15%{mask-position:-9.5rem -4.75rem}17%{mask-position:-14.25rem -4.75rem}19%{mask-position:-19rem -4.75rem}20%{mask-position:-23.75rem -4.75rem}22%{mask-position:-28.5rem -4.75rem}24%{mask-position:0rem -9.5rem}25%{mask-position:-4.75rem -9.5rem}27%{mask-position:-9.5rem -9.5rem}29%{mask-position:-14.25rem -9.5rem}31%{mask-position:-19rem -9.5rem}32%{mask-position:-23.75rem -9.5rem}34%{mask-position:-28.5rem -9.5rem}36%{mask-position:0rem -14.25rem}37%{mask-position:-4.75rem -14.25rem}39%{mask-position:-9.5rem -14.25rem}41%{mask-position:-14.25rem -14.25rem}42%{mask-position:-19rem -14.25rem}44%{mask-position:-23.75rem -14.25rem}46%{mask-position:-28.5rem -14.25rem}47%{mask-position:0rem -19rem}49%{mask-position:-4.75rem -19rem}51%{mask-position:-9.5rem -19rem}53%{mask-position:-14.25rem -19rem}54%{mask-position:-19rem -19rem}56%{mask-position:-23.75rem -19rem}58%{mask-position:-28.5rem -19rem}59%{mask-position:0rem -23.75rem}61%{mask-position:-4.75rem -23.75rem}63%{mask-position:-9.5rem -23.75rem}64%{mask-position:-14.25rem -23.75rem}66%{mask-position:-19rem -23.75rem}68%{mask-position:-23.75rem -23.75rem}69%{mask-position:-28.5rem -23.75rem}71%{mask-position:0rem -28.5rem}73%{mask-position:-4.75rem -28.5rem}75%{mask-position:-9.5rem -28.5rem}76%{mask-position:-14.25rem -28.5rem}78%{mask-position:-19rem -28.5rem}80%{mask-position:-23.75rem -28.5rem}81%{mask-position:-28.5rem -28.5rem}83%{mask-position:0rem -33.25rem}85%{mask-position:-4.75rem -33.25rem}86%{mask-position:-9.5rem -33.25rem}88%{mask-position:-14.25rem -33.25rem}90%{mask-position:-19rem -33.25rem}92%{mask-position:-23.75rem -33.25rem}93%{mask-position:-28.5rem -33.25rem}95%{mask-position:0rem -38rem}97%{mask-position:-4.75rem -38rem}98%{mask-position:-9.5rem -38rem}100%{mask-position:-14.25rem -38rem}}@keyframes fullprocess{0%{mask-position:0 0rem}25%{mask-position:0 -.375rem}50%{mask-position:0 -.75rem}75%{mask-position:0 -1.125rem}100%{mask-position:0 -1.5rem}}.ui-processing{background-color:B065L6;mask-image:url(images/Processing/processingsmall.png);mask-repeat:no-repeat;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:step-start;animation-name:smallprocess;width:4.75rem;height:4.75rem;margin:0 auto}.ui-processing.ui-processing-full-size{mask-image:url(images/Processing/processing_bar.png);animation-name:fullprocess;width:100%;height:.375rem;margin-top:.375rem;margin-bottom:.375rem;max-width:19.75rem}.ui-processing.ui-hidden{display:none}.ui-processing-text{margin:0 auto;text-align:center;width:10.5rem;font-size:1.5rem;color:T097}.ui-btn{display:block;position:relative;padding-right:10px;padding-left:10px;margin:0;font-size:2rem;line-height:5.3125rem;height:5.3125rem;text-align:center;white-space:nowrap;cursor:pointer;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;border:0 none;color:T041;background-color:W011}a.ui-btn:active:hover,.ui-btn:enabled:active:hover{background-color:W011P}.ui-btn:enabled:focus{background-color:W011}a.ui-btn.ui-state-disabled,.ui-btn:disabled{color:T041D;background-color:W011D;cursor:default}.ui-btn.ui-multiline{padding-top:10px;padding-bottom:10px}.ui-btn.ui-inline{display:inline-block}.ui-btn.ui-btn-icon{background-position:center center;height:5.5rem;width:5.5rem;text-indent:-1000em;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem}.ui-btn.ui-btn-icon::before{content:"";mask-size:5.5rem 5.5rem;mask-repeat:no-repeat;mask-position:0 0;width:5.5rem;height:5.5rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0);position:absolute;mask-image:none;background-position:center center;background-repeat:no-repeat}.ui-btn.ui-btn-icon-only{text-indent:-624.9375rem}.ui-btn.ui-btn-icon-only::before{content:"";position:absolute;mask-size:3.75rem 3.75rem;mask-repeat:no-repeat;width:3.75rem;height:3.75rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:F022L1i;transition:background 150ms}.ui-btn.ui-btn-icon-only:active::before{background-color:F022L1i}.ui-btn.ui-btn-icon-only:disabled::before{background-color:F022L1iD}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{background-color:transparent;height:33vh}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{content:'';position:absolute;background-color:#fff;border-radius:50%;width:30vw;height:30vh;opacity:0;left:50%;top:50%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before,.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before{transform:translate(-50%,-50%) scale(1.1);animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear;animation-duration:300ms,733ms;animation-name:touch-text-btn-scale,touch-text-btn-opacity}.ui-btn.ui-btn-text{height:3.3125rem;line-height:2.6875rem;padding:.3125rem;margin:auto;max-width:16.125rem;min-width:4.125rem}.ui-btn.ui-btn-text:enabled:active:hover,.ui-btn.ui-btn-text:enabled:focus{background-color:transparent}.ui-btn.ui-btn-text.ui-btn-active{animation:btn-circle-opacity-press cubic-bezier(0.25,.46,.45,1) 300ms}.ui-btn.ui-btn-nobg.ui-btn-icon,.ui-btn.ui-btn-no-bg.ui-btn-icon{width:4.75rem;height:4.75rem;overflow:visible;background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon::after,.ui-btn.ui-btn-no-bg.ui-btn-icon::after{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);content:'';background-color:F022L1i;mask-repeat:no-repeat;mask-position:center;mask-size:cover}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover{background-color:F022L1i}.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus{background-color:F022L1i}.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled{background-color:F022L1iD;cursor:default}.ui-btn.ui-btn-nobg.ui-btn-icon::before,.ui-btn.ui-btn-no-bg.ui-btn-icon::before{height:141%;width:141%}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus,.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus{background-color:transparent}.ui-btn.ui-btn-nobg.ui-btn-icon:disabled,.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled{background-color:transparent;cursor:default}.ui-btn.ui-btn-middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes touch-text-btn-scale{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes touch-text-btn-opacity{0%{opacity:.13}72%{opacity:.13}100%{opacity:0}}@keyframes btn-circle-opacity-press{0%{opacity:1}3%{opacity:.4}65%{opacity:.4}100%{opacity:1}}@keyframes btn-footer-opacity-press{0%{opacity:0}3%{opacity:1}65%{opacity:1}100%{opacity:0}}.ui-default{color:T041;background-color:W011}a.ui-default:active:hover,.ui-default:enabled:active:hover{background-color:W011P}.ui-default:enabled:focus{background-color:W011}a.ui-default.ui-state-disabled,.ui-default:disabled{color:T041D;background-color:W011D;cursor:default}.ui-color-red{color:T041;background-color:W012}a.ui-color-red:active:hover,.ui-color-red:enabled:active:hover{background-color:W012P}.ui-color-red:enabled:focus{background-color:W012}a.ui-color-red.ui-state-disabled,.ui-color-red:disabled{color:T041D;background-color:W012D;cursor:default}.ui-color-orange{color:T041;background-color:W013}a.ui-color-orange:active:hover,.ui-color-orange:enabled:active:hover{background-color:W013P}.ui-color-orange:enabled:focus{background-color:W013}a.ui-color-orange.ui-state-disabled,.ui-color-orange:disabled{color:T041D;background-color:W013D;cursor:default}.ui-color-green{color:T041;background-color:W014}a.ui-color-green:active:hover,.ui-color-green:enabled:active:hover{background-color:W014P}.ui-color-green:enabled:focus{background-color:W014}a.ui-color-green.ui-state-disabled,.ui-color-green:disabled{color:T041D;background-color:W014D;cursor:default}.ui-btn:focus,.ui-btn:active{outline:0}a.ui-btn{text-decoration:none;box-sizing:border-box}button.ui-btn,input.ui-btn{box-sizing:border-box;appearance:none;width:100%}button.ui-btn.ui-inline,input.ui-btn.ui-inline{display:inline-block;width:auto}.ui-grid-col-1>.ui-btn{border-left:solid 1px B011}.ui-grid-col-1>.ui-btn:first-child{border-left:0 none}.ui-grid-col-2>.ui-btn{border-left:solid 1px B011}.ui-grid-col-2>.ui-btn:first-child{border-left:0 none}.ui-grid-col-3>.ui-btn{border-left:solid 1px B011}.ui-grid-col-3>.ui-btn:first-child{border-left:0 none}.ui-grid-row>.ui-btn{margin-top:1px}.ui-grid-row>.ui-btn:first-child{margin-top:0}.ui-popup{box-sizing:border-box;position:fixed;left:0;width:100%;margin:0;background-color:B061L1E;border:3px solid B061L7;display:none;z-index:1100}.ui-popup:not(.ui-ctxpopup){bottom:0}.ui-popup .ui-popup-header{width:100%;min-height:68px;font-size:30px;text-align:left;background-color:B061L2;color:T091;padding-top:14px;padding-right:13px;padding-bottom:14px;padding-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popup .ui-popup-content{width:100%;min-height:14rem;font-size:2.125rem;text-align:left;color:T0811;background-color:B061L1E;padding:10px 16px 9px;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup .ui-popup-content .ui-listview,.ui-popup .ui-popup-content .ui-inline-listview{margin:-.5625rem -1rem -.5625rem -1rem}.ui-popup .ui-popup-content .ui-listview li,.ui-popup .ui-popup-content .ui-inline-listview li{font-size:2.125rem}.ui-popup .ui-popup-footer{width:100%;height:83px}.ui-popup .ui-popup-footer .ui-btn{padding-top:27px;padding-bottom:28px;font-size:30px}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only{position:relative;text-indent:-624.9375rem}.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before{content:"";position:absolute;mask-size:3.125rem 3.125rem;mask-repeat:no-repeat;width:3.125rem;height:3.125rem;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.ui-popup.ui-popup-active{display:block}.ui-popup.in{display:block}.ui-popup.ui-build{display:block;visibility:hidden}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast){max-height:100%}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper{width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content{height:auto}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed{position:absolute;top:0;left:0;width:100%;z-index:2100}.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed{position:absolute;bottom:0;left:0;width:100%;z-index:2100;transform:translate3d(0,0,0)}.ui-popup.ui-ctxpopup{background-color:transparent;width:100%;border:0 none;border-radius:0;overflow:visible}div.ui-popup.ui-ctxpopup.ui-popup-content-size{width:auto;padding:0}div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content{width:auto}.ui-popup.ui-ctxpopup .ui-popup-content{min-height:initial;background-color:B092L1;border:1px solid B092L2;color:#333}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li{color:T111;border-bottom:1px solid B094;min-height:90px;padding:21px 8px 20px 16px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a{color:T111;margin:-21px -16px;padding:21px 16px;min-height:48px}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active{color:T111P;background-color:B093P}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon{position:relative;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a{margin-left:-4.25rem;padding-left:4.25rem}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before{content:"";position:absolute;top:50%;left:.375rem;width:3.5rem;height:3.5rem;margin-top:-1.75rem;background-color:B095;-webkit-mask-size:3.5rem 3.5rem;-moz-mask-size:3.5rem 3.5rem;-ms-mask-size:3.5rem 3.5rem;-o-mask-size:3.5rem 3.5rem;mask-size:3.5rem 3.5rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before{background-color:B095P}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview{height:4.3125rem;overflow:hidden}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li{float:left;height:4.1875rem;line-height:4.1875rem;border-right:1px solid B097}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child{border:0}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a{display:block;width:100%;height:100%;padding:0rem .5rem;color:T111}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active{color:T111P;background-color:B093P}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext{width:3.6875rem;height:4.1875rem;text-indent:-1000em;overflow:hidden;position:relative}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before{content:"";position:absolute;top:50%;left:50%;width:2.6875rem;height:2.6875rem;margin-top:-1.34375rem;margin-left:-1.34375rem;background-color:B096;-webkit-mask-size:2.6875rem 2.6875rem;-moz-mask-size:2.6875rem 2.6875rem;-ms-mask-size:2.6875rem 2.6875rem;-o-mask-size:2.6875rem 2.6875rem;mask-size:2.6875rem 2.6875rem;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before{background-color:B096P}.ui-popup.ui-ctxpopup .ui-arrow{width:36px;height:15px;overflow:hidden;position:absolute;display:none;-webkit-animation-duration:0;-moz-animation-duration:0;-o-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup .ui-arrow span{box-sizing:border-box;width:20px;height:20px;background-color:B092L1;border:1px solid B092L2;position:absolute;top:6px;left:8px;-webkit-transform:rotate(55deg) skew(24deg);-moz-transform:rotate(55deg) skew(24deg);-ms-transform:rotate(55deg) skew(24deg);-o-transform:rotate(55deg) skew(24deg);transform:rotate(55deg) skew(24deg);-webkit-animation-duration:0;-moz-animation-duration:0;-o-animation-duration:0;animation-duration:0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b{padding:20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-t{padding:0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r{padding:20px 0 20px 20px}.ui-popup.ui-ctxpopup.ui-popup-arrow-l{padding:20px 20px 20px 0}.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow{display:block;bottom:-14px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow{display:block;top:-14px}.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow{display:block;right:-25px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow{display:block;left:-25px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.ui-popup.ui-popup-toast{margin-left:0;margin-right:0;margin-bottom:0;font-size:1.5rem;border:3px solid B061L7;border-radius:0;border-left:0;border-right:0;position:absolute;bottom:0}.ui-popup.ui-popup-toast:not(.ui-popup-toast){top:auto;height:auto}.ui-popup.ui-popup-toast .ui-popup-content{min-height:initial;padding:.6875rem 2.625rem .75rem;background-color:B061L1E}.ui-popup.ui-popup-toast .ui-popup-toast-icon{width:3.5rem;height:3.5rem;position:relative;left:50%;transform:translateX(-50%);text-indent:-10000px;overflow:hidden}.ui-popup.ui-popup-toast .ui-popup-toast-icon::after{content:"";width:100%;height:100%;position:absolute;left:0;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%}.ui-popup-overlay{position:fixed;display:none;top:0;width:100%;height:100%;z-index:100;background-color:W1712}.ui-popup-overlay.in{display:block}.ui-popup.slideup.in{animation-name:popupslideinfrombottom;animation-duration:250ms;transition-timing-function:ease-in-out}.ui-popup.slideup.out{animation-name:popupslideouttobottom;animation-duration:250ms;animation-fill-mode:forwards;transition-timing-function:ease-in-out}@keyframes popupslideinfrombottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popupslideouttobottom{from{transform:translateY(0)}to{transform:translateY(100%)}}.ui-popup.pop.in{animation-name:popuppopin;animation-duration:350ms;transition-timing-function:ease-in-out}.ui-popup.pop.out{animation-name:popuppopout;animation-duration:350ms;transition-timing-function:ease-in-out}@keyframes popuppopin{from{transform:scale3d(1.35,1.35,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}@keyframes popuppopout{from{transform:scale3d(1,1,1);opacity:1}to{transform:scale3d(1.35,1.35,1);opacity:0}}.ui-popup.ui-popup-toast.pop.in{animation-name:toastpopuppopin;animation-duration:250ms;transition-timing-function:ease-in-out}.ui-popup.ui-popup-toast.pop.out{animation-name:toastpopuppopout;animation-duration:250ms;animation-fill-mode:forwards;transition-timing-function:ease-in-out}@keyframes toastpopuppopin{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastpopuppopout{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.ui-popup-overlay.slideup.in,.ui-popup-overlay.pop.in{animation:fadein 250ms}.ui-popup-overlay.slideup.out,.ui-popup-overlay.pop.out{animation:fadeout 250ms forwards}.ui-popup.ui-popup-arrow-t.slideup.in,.ui-popup.ui-popup-arrow-l.slideup.in,.ui-popup.ui-popup-arrow-r.slideup.in{animation:ctxpopupslideinfrombottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-t.slideup.out,.ui-popup.ui-popup-arrow-l.slideup.out,.ui-popup.ui-popup-arrow-r.slideup.out{animation:ctxpopupslideouttobottom 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.in{animation:ctxpopupslideinfromtop 250ms ease-in-out}.ui-popup.ui-popup-arrow-b.slideup.out{animation:ctxpopupslideouttotop 250ms ease-in-out}@keyframes ctxpopupslideinfrombottom{from{transform:translateY(20%);opacity:0}to{transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideouttobottom{from{transform:translateY(0%);opacity:1}to{transform:translateY(20%);opacity:0}}@keyframes ctxpopupslideinfromtop{from{transform:translateY(-20%);opacity:0}to{transform:translateY(0%);opacity:1}}@keyframes ctxpopupslideouttotop{from{transform:translateY(0%);opacity:1}to{transform:translateY(-20%);opacity:0}}tau-virtuallistview,tau-listview{display:block;list-style-type:disc;list-style-type:none}.ui-listview li{font-size:2rem;line-height:3rem;min-height:6.25rem;padding:.9375rem .5rem .9375rem 1rem;border-bottom:.0625rem solid B0222;white-space:nowrap;position:relative;color:T0211}.ui-listview li.ui-li-grid{display:flex;flex-direction:row;padding:0;min-height:5.3125rem;align-items:center}.ui-listview li.ui-li-grid .ui-processing{padding:0;margin-right:.5rem}.ui-listview li.ui-li-grid div:first-child{width:calc(100% - 5.5rem);text-align:left;height:100%;margin-left:1rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon{padding:0;margin-right:.5rem;background-size:contain;background-position:center center;background-repeat:no-repeat;width:3.5rem;height:3.5rem}.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after{background-color:transparent}.ui-listview li.ui-li-grid.ui-li-grid-full div::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:B0221L1;right:4.5rem;top:50%;transform:translate3d(0,-50%,0)}.ui-listview li.ui-li-grid.ui-li-grid-full>*{flex-grow:1;flex-shrink:0}.ui-listview li.ui-li-grid.ui-li-grid-full>.ui-btn-icon{flex-grow:0;flex-shrink:0}.ui-listview li.ui-li-grid .ui-btn-description{width:100%;margin:0 -50%;z-index:2;transform:translate(-50%,0);text-align:center;line-height:5.3125rem;pointer-events:none}.ui-listview li.ui-li-grid a.ui-btn,.ui-listview li.ui-li-grid tau-button.ui-btn{background-position:center center;height:5.3125rem;overflow:hidden;background-repeat:no-repeat;background-size:5.5rem 5.5rem;position:relative;flex:1 1 auto;border-bottom:.0625rem solid B0553;border-right:.0625rem solid B0553}.ui-listview li input[type=text],.ui-listview li input[type=password]{width:20.5rem;height:3.875rem;padding:.8125rem 0 .8125rem .5rem;color:T012;font-size:2rem;background-color:rgba(245,245,245,.15);border:0;outline:0}.ui-listview li input[type=text]:focus,.ui-listview li input[type=password]:focus{border:.0625rem solid rgba(245,245,245,.15)}.ui-listview li input[type=text]:focus::-webkit-input-placeholder,.ui-listview li input[type=password]:focus::-webkit-input-placeholder{color:#fff}.ui-listview li>*{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;color:T0211}.ui-listview li>a:not(.ui-btn){display:block;width:100%;height:auto;margin:-1.625rem -.5rem -1.625rem -1rem;padding:1.25rem .5rem 1.25rem 1rem;-o-box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;text-overflow:ellipsis;overflow:hidden}.ui-listview li.ui-listview-divider{height:1.875rem;min-height:1.875rem;line-height:1.875rem;padding:0 .5rem 0 1rem;background-color:B012;color:T0231;font-size:1.5rem}.ui-listview li .ui-li-sub-text{color:T022;font-size:1.75rem}.ui-listview li.ui-li-has-action-icon .ui-action-text{width:calc(100% - 4.8125rem);height:100%}.ui-listview li.ui-li-has-action-icon .ui-action-text::after{content:"";position:absolute;height:3.5rem;width:.125rem;background-color:T0811;right:4.25rem;top:20%}.ui-listview li.ui-li-has-action-icon .ui-action-divider{display:none}.ui-listview li.ui-li-has-action-icon .ui-action-delete,.ui-listview li.ui-li-has-action-icon .ui-action-setting,.ui-listview li.ui-li-has-action-icon .ui-action-add{position:absolute;height:100%;width:4.5rem;right:0;top:0;mask-size:3.5rem 3.5rem;mask-repeat:no-repeat;mask-position:center center;padding:0;margin:0}.ui-listview li.ui-li-has-action-icon .ui-action-delete{mask-image:url(images/listview/tw_list_delete_holo_dark.png);background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-setting{mask-image:url(images/listview/tw_list_setting_holo_dark.png);background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-add{mask-image:url(images/listview/tw_list_add_holo_dark.png);background-color:F022L1i}.ui-listview li.ui-li-has-action-icon .ui-action-delete:active,.ui-listview li.ui-li-has-action-icon .ui-action-setting:active,.ui-listview li.ui-li-has-action-icon .ui-action-add:active{background-color:B041P;color:T0211P}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active{background-color:B041P;color:T0211P}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon{background-color:transparent}.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active{background-color:B041P;color:T0211P}.ui-datetime-widget{position:relative;height:100%}.ui-datetime{text-align:center;padding-top:56px}.ui-time-picker .ui-datetime{padding-top:53px}.ui-datetime:only-child{padding-top:92px}.ui-time-picker .ui-datetime:only-child{padding-top:89px}.ui-datetime input[type=date],.ui-datetime input[type=datetime],.ui-datetime input[type=time]{display:none}.ui-datefield{height:52px;display:inline-block;vertical-align:top}.ui-datefield>.ui-btn{float:left;height:52px;padding:0;line-height:52px;font-size:42px;font-weight:600;border-radius:2px;background-color:rgba(255,255,255,.15)}.ui-datefield .ui-datefield-separator{display:block;height:100%;float:left;width:18px;background:transparent url(images/Datetimepicker/tw_timepicker_num_dot.png)}.ui-datefield>.ui-btn:enabled:focus{background-color:rgba(255,255,255,.15)}.ui-datefield>.ui-btn:disabled{color:#404040}.ui-datafield>.ui-btn.ui-selected,.ui-datefield>.ui-btn:enabled:active,.ui-datefield>.ui-btn.ui-state-active:enabled,.ui-datefield>.ui-btn.ui-selected:enabled{background-color:#ff9000;color:#000}.ui-date-picker .ui-datefield>.ui-btn:first-child{margin-right:2px}.ui-date-picker .ui-datefield>.ui-btn:last-child{margin-left:2px}.ui-date-picker .ui-datefield-year{width:114px}.ui-date-picker .ui-datefield-month{width:102px}.ui-date-picker .ui-datefield-day{width:68px}.ui-time-picker .ui-datefield-hour{width:74px}.ui-time-picker .ui-datefield-min{width:74px}.ui-time-picker .ui-datefield-period{width:84px;margin-left:10px}.ui-time-picker .ui-datefield{height:58px}.ui-time-picker .ui-datefield>.ui-btn{height:58px;line-height:58px;font-size:50px}.ui-time-picker .ui-datefield>.ui-btn.ui-datefield-period{font-size:48px}.ui-datetime-wheel{height:68px;margin:0 10px;margin-top:30px}.ui-time-picker .ui-datetime-wheel{margin-top:27px}.ui-datetime-wheel .ui-btn{width:68px;height:68px;float:left}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus{float:right;background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png) center center no-repeat}.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled,.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover{background:transparent url(images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png) center center no-repeat}.ui-datetime-wheel .ui-wheel{display:block;margin-left:68px;margin-right:68px;height:68px;padding:10px 0;box-sizing:border-box;background:url(images/Datetimepicker/tw_timepicker_wheel_01.png) center center no-repeat}.ui-datetime-btns{position:absolute;bottom:0;width:100%;height:76px;box-sizing:border-box;border-top:2px solid #262626}.ui-datetime-btns::before{content:"";height:34px;width:1px;background-color:#262626;position:absolute;left:160px;top:20px}.ui-datetime-btns .ui-btn{height:100%;position:relative;background-color:transparent}.ui-datetime-btns .ui-btn:enabled:active,.ui-datetime-btns .ui-btn:enabled:focus,.ui-datetime-btns .ui-btn:enabled:active:focus{background-color:transparent}.ui-datetime-btns .ui-btn-left{width:160px;float:left;background:url(images/Datetimepicker/tw_timepicker_left_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn-right{width:159px;float:right;background:url(images/Datetimepicker/tw_timepicker_right_softbtn.png) center center no-repeat}.ui-datetime-btns .ui-btn:disabled,.ui-datetime-btns .ui-btn.ui-state-disabled{opacity:.2}.ui-datetime-periods{height:102px;margin-top:7px;display:inline-block}.ui-datetime-periods .ui-btn,.ui-datetime-periods .ui-datetime-periods-separator{height:100%;float:left;padding:0;background:transparent}.ui-datetime-periods .ui-btn{width:102px;font-size:34px;line-height:102px}.ui-datetime-periods .ui-btn:enabled:focus{background:transparent}.ui-datetime-periods .ui-btn:enabled:active,.ui-datetime-periods .ui-btn:enabled:active:focus,.ui-datetime-periods .ui-btn.ui-selected:enabled:active,.ui-datetime-periods .ui-btn.ui-state-active:enabled:active{color:inherit;text-decoration:none;background:url(images/Datetimepicker/tw_timepicker_time_bg.png) center center no-repeat}.ui-datetime-periods .ui-btn.ui-selected:enabled,.ui-datetime-periods .ui-btn.ui-state-active:enabled{color:#ff9000;text-decoration:underline}.ui-datetime-periods .ui-datetime-periods-separator{width:24px;background:url(images/Datetimepicker/tw_timepicker_num_dot_01.png) center center no-repeat}.ui-datetime-wheel.ui-hidden,.ui-datetime-periods.ui-hidden{display:none}.ui-viewport-transitioning,.ui-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-pre-in{z-index:100;visibility:visible;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;top:0;left:0}.in{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:350ms;-moz-animation-duration:350ms;-o-animation-duration:350ms;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:225ms;-moz-animation-duration:225ms;-o-animation-duration:225ms;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@-ms-keyframes fadeout{from{opacity:1}to{opacity:0}}@-o-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation:fadeout 125ms;-moz-animation:fadeout 125ms;-o-animation:fadeout 125ms;animation:fadeout 125ms}.fade.in{opacity:1;-webkit-animation:fadein 225ms;-moz-animation:fadein 225ms;-o-animation:fadein 225ms;animation:fadein 225ms}@-webkit-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes slideupin{from{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-o-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-ms-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-moz-keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@keyframes slideupout{from{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}}@-webkit-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-o-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-ms-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-moz-keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes slideupinreverse{from{-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);opacity:.3}to{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-o-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-ms-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@-moz-keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideupoutreverse{from{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}}.slideup.in:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupin 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(0.6,.6,1);-moz-transform:scale3d(0.6,.6,1);-ms-transform:scale3d(0.6,.6,1);-o-transform:scale3d(0.6,.6,1);transform:scale3d(0.6,.6,1);-webkit-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupout 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay){z-index:101;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupoutreverse 400ms cubic-bezier(0.25,.46,.45,1)}.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay){-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);-moz-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);-o-animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1);animation:slideupinreverse 400ms cubic-bezier(0.25,.46,.45,1)}@-webkit-keyframes popin{from{transform:scale3d(0.3,.3,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}@-webkit-keyframes popout{from{transform:scale3d(1,1,1);opacity:1}to{transform:scale3d(1.7,1.7,1);opacity:0}}@-webkit-keyframes popoutreverse{from{transform:scale3d(1,1,1);opacity:1}to{transform:scale3d(0.3,.3,1);opacity:0}}@-webkit-keyframes popinreverse{from{transform:scale3d(1.7,1.7,1);opacity:0}to{transform:scale3d(1,1,1);opacity:1}}.pop.out.reverse{z-index:100;-webkit-animation-duration:225ms;-webkit-animation-name:popoutreverse;-moz-animation-duration:225ms;-moz-animation-name:popoutreverse;animation-duration:225ms;animation-name:popoutreverse;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in.reverse{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popinreverse;-moz-animation-duration:225ms;-moz-animation-name:popinreverse;animation-duration:225ms;animation-name:popinreverse;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.in{-webkit-animation-duration:225ms;-webkit-animation-name:popin;-moz-animation-duration:225ms;-moz-animation-name:popin;animation-duration:225ms;animation-name:popin;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.pop.out{z-index:200;-webkit-animation-duration:225ms;-webkit-animation-name:popout;-moz-animation-duration:225ms;-moz-animation-name:popout;animation-duration:225ms;animation-name:popout;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.ui-indexscrollbar{display:block;position:fixed;right:0;top:0;width:2.8125rem;height:100%;padding-left:.125rem;background-color:B0722;z-index:10;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.ui-indexscrollbar ul{position:absolute;width:100%;top:0}.ui-indexscrollbar ul li{color:T0311;display:block;width:100%;text-align:center;font-size:1.5rem;height:2.25rem}.ui-indexscrollbar ul li.ui-state-selected{background-color:B0724;color:T0311P}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary{position:relative;height:auto;top:0;right:-2.5rem;width:100%}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li{background-color:B0723;color:T0311}.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected{background-color:B0723;color:T0313}.ui-indexscrollbar+.ui-listview li{padding-right:2.5rem}.ui-indexscrollbar-indicator{position:fixed;top:0;left:0;z-index:9;display:none}.ui-indexscrollbar-indicator>span{width:8.75rem;height:5.4375rem;position:absolute;display:block;top:50%;left:50%;margin-left:-5.625rem;margin-top:-2.6875rem;line-height:5.4375rem;font-size:4.375rem;text-align:center;background-color:B0731;color:T0312}.ui-indexscrollbar-indicator>span>span.ui-selected{color:T0312P}.ui-circularindexscrollbar{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator{position:absolute;top:50%;left:50%;width:9.875rem;height:9.875rem;line-height:9.875rem;border-radius:50%;background-color:B0731;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.ui-circularindexscrollbar.ui-circularindexscrollbar-show{pointer-events:auto}.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator{opacity:1}.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:4.375rem;color:T0312P}.ui-scrollbar-bar-type{position:absolute}.ui-scrollbar-bar-type.ui-scrollbar-horizontal{left:0;bottom:0;width:100%;height:8px}.ui-scrollbar-bar-type.ui-scrollbar-vertical{right:0;top:0;width:.5rem;height:100%}.ui-scrollbar-bar-type .ui-scrollbar-indicator{position:absolute;background-color:B071}.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator{height:.25rem}.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator{width:.25rem}.ui-scrollbar-bouncing-effect{display:none;position:absolute;background-repeat:no-repeat;-webkit-animation-duration:.47s;-moz-animation-duration:.47s;-o-animation-duration:.47s;animation-duration:.47s;-webkit-animation-timing-function:step-start;-moz-animation-timing-function:step-start;-o-animation-timing-function:step-start;animation-timing-function:step-start;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:B018E}.ui-scrollbar-bouncing-effect::before{content:"";position:absolute;background-color:B019}.ui-scrollbar-bouncing-effect.ui-top,.ui-scrollbar-bouncing-effect.ui-bottom{width:100%;height:3.125rem;left:0;-webkit-mask-size:100% 3.125rem}.ui-scrollbar-bouncing-effect.ui-top::before,.ui-scrollbar-bouncing-effect.ui-bottom::before{width:100%;height:.125rem;-webkit-mask-size:100% .125rem}.ui-scrollbar-bouncing-effect.ui-left,.ui-scrollbar-bouncing-effect.ui-right{width:3.125rem;height:100%;top:0;-webkit-mask-size:3.125rem 100%}.ui-scrollbar-bouncing-effect.ui-left::before,.ui-scrollbar-bouncing-effect.ui-right::before{width:.0625rem;height:100%;-webkit-mask-size:.0625rem 100%}.ui-scrollbar-bouncing-effect.ui-top{top:0;mask-image:url(images/Scroller/bouncing_top_glow.png)}.ui-scrollbar-bouncing-effect.ui-top::before{mask-image:url(images/Scroller/bouncing_top_edge.png)}.ui-scrollbar-bouncing-effect.ui-bottom{bottom:0;mask-image:url(images/Scroller/bouncing_bottom_glow.png)}.ui-scrollbar-bouncing-effect.ui-bottom::before{mask-image:url(images/Scroller/bouncing_bottom_edge.png)}.ui-scrollbar-bouncing-effect.ui-left{left:0;mask-image:url(images/Scroller/bouncing_left_glow.png)}.ui-scrollbar-bouncing-effect.ui-left::before{mask-image:url(images/Scroller/bouncing_left_edge.png)}.ui-scrollbar-bouncing-effect.ui-right{right:0;mask-image:url(images/Scroller/bouncing_right_glow.png)}.ui-scrollbar-bouncing-effect.ui-right::before{mask-image:url(images/Scroller/bouncing_right_edge.png)}@-webkit-keyframes ui-bouncing-show{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}100%{opacity:1}}@-webkit-keyframes ui-bouncing-hide{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.4}70%{opacity:.3}80%{opacity:.2}90%{opacity:.1}100%{opacity:0}}.ui-scrollbar-bouncing-effect.ui-show{display:block;-webkit-animation-name:ui-bouncing-show;-moz-animation-name:ui-bouncing-show;-o-animation-name:ui-bouncing-show;animation-name:ui-bouncing-show}.ui-scrollbar-bouncing-effect.ui-hide{display:block;-webkit-animation-name:ui-bouncing-hide;-moz-animation-name:ui-bouncing-hide;-o-animation-name:ui-bouncing-hide;animation-name:ui-bouncing-hide}.ui-swipelist{position:absolute;top:0}.ui-swipelist .ui-swipelist-icon{width:20%;height:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ui-swipelist .ui-swipelist-text{top:50%;transform:translate3d(0,-50%,0)}.ui-swipelist-left,.ui-swipelist-right{position:absolute;display:none}.ui-swipelist-left{background-color:B0242;background-image:linear-gradient(left,B0242 0,B011 0)}.ui-swipelist-right{background-color:B0241;background-image:linear-gradient(right,B0241 0,B011 0)}.ui-swipelist-icon,.ui-swipelist-text{position:absolute}.ui-swipelist-left .ui-swipelist-icon{margin-left:2%;background-color:F021L1i;mask-image:url(images/Swipelist/b_logs_icon_body_btn_call_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-left .ui-swipelist-text{margin-left:40%}.ui-swipelist-right .ui-swipelist-icon{margin-left:80%;background-color:F021L1i;mask-image:url(images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-swipelist-right .ui-swipelist-text{margin-left:20%}.ui-tab-indicator{position:relative;height:6px}.ui-tab-indicator .ui-tab-item{position:absolute;top:0;left:0;display:block;height:6px;background-color:B0514}.ui-tab-indicator .ui-tab-item.ui-tab-active{background-color:B0514P1}input[type=checkbox]:not(.ui-switch-input),input[type=radio]{box-sizing:border-box;padding:0;height:56px;width:56px;font-size:32px;appearance:none;position:relative}input[type=radio]{background-color:W013L1;mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%}input[type=radio]::after{content:"";background-color:W241;mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:checked::before{content:"";background-color:W013L2;mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=radio]:active{background-color:W013L1P;mask-image:url(images/Controller_icon/tw_btn_radiobox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=radio]:active::after{content:"";background-color:W241P;mask-image:url(images/Controller_icon/tw_btn_radiobox_line.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=radio]:active:checked::before{content:"";background-color:W013L2P;mask-image:url(images/Controller_icon/tw_btn_radio_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input){mask-image:url(images/Controller_icon/tw_btn_checkbox_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:W012L1}input[type=checkbox]:not(.ui-switch-input)::after{content:"";background-color:W231;mask-image:url(images/Controller_icon/tw_btn_checkbox_line_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):checked::before{content:"";mask-image:url(images/Controller_icon/tw_btn_check_holo_dark.png);-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;background-color:W012L2;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active{background-color:W012L1P}input[type=checkbox]:not(.ui-switch-input):active::after{content:"";background-color:W231P;width:100%;height:100%;position:absolute}input[type=checkbox]:not(.ui-switch-input):active:checked::before{content:"";background-color:W012L2P;width:100%;height:100%;position:absolute}.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input),.ui-checkbox-small input[type=radio]{top:.4375rem;margin-right:.4375rem;width:2.125rem;height:2.125rem}.ui-marquee{position:relative;white-space:nowrap;overflow:hidden;user-select:none;width:100%;height:2.4375rem;line-height:2.4375rem}.ui-marquee.ui-marquee-gradient{text-overflow:clip;-webkit-mask-image:-webkit-linear-gradient(left,#fff 0,#fff 85%,transparent 100%)}.ui-marquee.ui-marquee-ellipsis .ui-marquee-content{display:block;overflow:hidden;text-overflow:ellipsis}.ui-marquee .ui-marquee-content{left:0;position:relative;overflow:visible;display:inline-block}.ui-marquee-anim-running{-webkit-animation-play-state:running}.ui-marquee-anim-stopped{-webkit-animation-play-state:paused}.ui-marquee.ui-marquee-gradient::after{background:linear-gradient(left,transparent 0,B0211 100%)}tau-pageindicator{display:block}.ui-page-indicator{display:block;position:absolute;left:50%;transform:translate3d(-50%,0,0);white-space:nowrap;max-width:100%;overflow:hidden}.ui-page-indicator .ui-page-indicator-item{position:relative;display:inline-block;width:.625rem;height:.625rem;mask-image:url(images/Indicator/indicator_horizontal_dot.png);background-color:T0211D;margin-right:.5rem;margin-top:1.5rem;transition-property:-webkit-mask-image,mask-image;transition-duration:250ms;transition-timing-function:ease-out}.ui-page-indicator .ui-page-indicator-item:last-child{margin-right:0}.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active{mask-image:url(images/Indicator/indicator_horizontal_focus_dot.png);background-color:W1911}.ui-page-indicator.ui-page-indicator-circular{top:0;left:0;width:100vw;height:100vw;transform:none;pointer-events:none}.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item{position:absolute;top:50%;left:50%;margin-top:-.3125rem;margin-left:-.3125rem;margin-right:0}.ui-snap-container{-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%}.ui-snap-container.ui-snap-disabled{-webkit-scroll-snap-type:none}.ui-snap-listview-item{-webkit-scroll-snap-coordinate:50% 50%}tau-drawer{display:block}.ui-drawer{width:100%;height:100%;position:fixed;top:0;background-color:B011;z-index:1201;box-sizing:border-box}.ui-drawer.ui-drawer-close{overflow:hidden}.ui-drawer.ui-drawer-open{overflow:auto}.ui-drawer-overlay{top:0;position:fixed;background-color:rgba(0,0,0,.8);z-index:1200}tau-drawermorestyle{display:block}tau-sectionchanger{display:block}.ui-section-changer{height:100%}.ui-view-switcher{height:100%;overflow:hidden}.ui-view-switcher.ui-view-carousel .ui-view{display:none;position:absolute;z-index:-1000;top:50%;background-color:#fafafa}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active{display:inline;z-index:100;left:50%;transform:translate3d(-50%,0,0)}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim{opacity:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left{display:inline;left:0}.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right{display:inline;right:0}.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim{position:absolute;top:0;width:100%;height:100%;opacity:.6;background-color:#000}.ui-slider{position:relative;box-sizing:border-box;background-color:B065L3}.ui-slider .ui-slider-value{background-color:B065L2}.ui-slider .ui-slider-handler{width:2.25rem;height:2.25rem;background-color:#fafafa;border-radius:50%;position:absolute;text-indent:9999px;transition:transform 300ms ease-out}.ui-slider.ui-slider-horizontal{height:6px;margin:20px 22px}.ui-slider.ui-slider-horizontal .ui-slider-value{height:6px}.ui-slider.ui-slider-horizontal .ui-slider-handler{top:50%;margin-left:-20px;border:3px solid B065L2;transform:translate(0,-50%) scale(0.6)}.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active{transform:translate(0,-50%) scale(1)}.ui-slider-title{text-align:center;color:T063;font-size:28px}.ui-slider-subtitle{text-align:center;color:T063;font-size:28px}.ui-selector{position:absolute;top:0;left:0;height:100%;width:100%;background-color:B0511D}.ui-selector .ui-layer{position:absolute;display:none;width:4.25rem;height:4.25rem;border-radius:50%}.ui-selector .ui-layer.ui-layer-active{display:block;width:100%;height:100%;z-index:3}.ui-selector .ui-layer.ui-layer-active .ui-item{visibility:visible;-webkit-transition:transform 300ms ease-out;-moz-transition:transform 300ms ease-out;-o-transition:transform 300ms ease-out;-ms-transition:transform 300ms ease-out;transition:transform 300ms ease-out}.ui-selector .ui-layer.ui-layer-hide .ui-item{visibility:visible;-webkit-transition:transform 100ms ease-out;-moz-transition:transform 100ms ease-out;-o-transition:transform 100ms ease-out;-ms-transition:transform 100ms ease-out;transition:transform 100ms ease-out}.ui-selector .ui-layer.ui-layer-prev{display:block;width:3rem;height:3rem;left:50%;margin-left:.375rem;margin-top:.75rem;z-index:5;mask-image:url(images/Common/b_more_option_btn_previous_page.png)}.ui-selector .ui-layer.ui-layer-next{display:block;width:3rem;height:3rem;right:50%;margin-right:.375rem;margin-top:.75rem;z-index:5;mask-image:url(images/Common/b_more_option_btn_next_page.png)}.ui-selector .ui-item{background-color:B0554;position:absolute;visibility:hidden;width:4.25rem;height:4.25rem;top:50%;left:50%;border-radius:50%;margin:-2.125rem;z-index:100}.ui-selector .ui-item:active{background-color:B0554P}.ui-selector .ui-item::before{transition:background-color 200ms ease-out}.ui-selector .ui-selector-indicator{display:flex;justify-content:center;flex-direction:column;align-items:center;position:absolute;z-index:4;width:10.25rem;height:10.25rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-selector .ui-selector-indicator::before{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;border-radius:50%;background-color:transparent;transform:translate(-50%,-50%);opacity:0}.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before{z-index:-1;background-color:#fff;transform:translate(-50%,-50%) scale(1.1);animation-duration:300ms,733ms;animation-name:touch-text-btn-scale,touch-text-btn-opacity;animation-timing-function:cubic-bezier(0.25,.46,.45,1),linear}.ui-selector .ui-selector-indicator .ui-selector-indicator-text{font-size:1.875rem;pointer-events:none;width:10.25rem;line-height:2.5rem;max-height:5rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active{background-repeat:no-repeat;background-position:50% 50%;width:8.75rem;height:8.75rem;overflow:hidden}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text{margin-top:-.25rem;width:5.875rem;height:5.875rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active+.ui-selector-indicator-text:not(:empty){margin-top:.3125rem;width:8.625rem}.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext{font-size:1.8125rem;pointer-events:none;width:8.625rem;line-height:2.4375rem;max-height:2.4375rem;text-align:center;overflow:hidden}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text{width:9.375rem}.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext{color:T117;width:9.375rem}.ui-selector .ui-selector-indicator-arrow{position:absolute;width:13.125rem;height:13.125rem;top:50%;left:50%;margin:-6.5625rem;text-align:center;line-height:13.125rem;font-size:1.75rem;z-index:0}.ui-selector .ui-selector-indicator-arrow::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;mask-image:url(images/Common/b_rotary_selector_center_pointer.png);-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:B0116}.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active{background-color:B0554}.scrolling-scrollbar{position:absolute;pointer-events:none;transition:opacity 2.5s;opacity:0}.scrolling-scrollbar .scrolling-scrollthumb{stroke:#009de4;background-color:#009de4;position:absolute}.scrolling-scrollbar.scrolling-direction-y{right:0;width:10px}.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb{width:10px;min-height:20px;top:0;left:50%;margin-left:-5px}.scrolling-scrollbar.scrolling-direction-x{bottom:0;height:10px}.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb{height:10px;min-width:20px;left:0;top:50%;margin-top:-5px}.scrolling-scrollbar:not(.scrolling-circular){background-color:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular{width:100%;height:100%;top:0;left:0}.scrolling-scrollbar.scrolling-circular .ui-polar{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path{stroke:rgba(255,255,255,.2)}.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated{transition:all .5s}.scrolling-scrollbar.fade-in{opacity:1;transition:opacity .5s}.ui-page.ui-empty-state{background-color:B0911;color:T071}.ui-page.ui-empty-state header.ui-header{height:6.75rem}.ui-page.ui-empty-state:after{content:"";position:absolute;width:100%;height:100%;mask-image:url(images/Common/tw_no_item_bg.png);background-color:rgba(255,255,255,.1)}.ui-page.ui-empty-state .ui-title{color:T012;font-size:1.875rem;line-height:2.4375rem}.ui-page.ui-empty-state .ui-content{overflow:hidden;color:T071;font-size:1.75rem;line-height:2.3125rem;padding-left:3.75rem;padding-right:3.75rem;margin:0 auto}.ui-page.ui-empty-state .ui-content .ui-icon{width:6.125rem;height:6.125rem}.ui-page.ui-empty-state .ui-content .ui-empty-state-label{display:flex;justify-content:center;height:4.625rem;margin-top:.5rem;align-items:center;overflow:hidden}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header{height:7.8125rem;margin-top:0}.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title{padding-top:3.1875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon{width:8.125rem;height:6.875rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label{height:2.3125rem;margin-top:1.75rem}.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines{margin-top:.125rem;height:4.625rem}.ui-grid{padding:0;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden;background-color:B011}.ui-grid.ui-hidden{display:none}.ui-grid li{transition-property:border-radius,-webkit-mask-size,mask-size;transition-duration:450ms;transition-timing-function:linear;position:absolute;overflow:hidden;transform-style:preserve-3d}.ui-grid li a{position:relative}.ui-grid li a:active:hover:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(38,38,38,.4)}.ui-grid.ui-grid-horizontal{height:22.5rem}.ui-grid.ui-grid-horizontal li{transform-origin:left center}.ui-grid.ui-grid-horizontal.ui-grid-rectangle li{mask-size:22.5rem auto;mask-image:url(images/Grid/tw_basic_grid_horizontal.png)}.ui-grid.ui-grid-vertical{width:22.5rem}.ui-grid.ui-grid-vertical li{transform-origin:center top}.ui-grid.ui-grid-vertical.ui-grid-rectangle li{mask-size:auto 22.5rem;mask-image:url(images/Grid/tw_basic_grid_vertical.png)}.ui-grid.ui-grid-circle li{border-radius:100%}.ui-grid.ui-grid-rectangle li{border-radius:1.125rem;mask-position:center;mask-repeat:no-repeat}.ui-grid.ui-grid-3x3{height:22.5rem}.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned{position:absolute;left:0;top:0;margin:0!important}.ui-grid.ui-grid-3x3 li{width:22.5rem;height:22.5rem;position:absolute;display:inline-block}.ui-grid.ui-grid-3x3 li.ui-selected{transform-origin:left center}.ui-grid.ui-grid-3x3 li a{display:inline-block}.ui-grid.ui-grid-3x3 .thumb{width:100%;height:100%;position:relative}.ui-grid.ui-grid-image{padding:0}.ui-grid.ui-grid-image li{transform-origin:center center;width:22.5rem;height:22.5rem;overflow:hidden}.ui-grid.ui-grid-image li a{display:inline-block}.ui-grid.ui-grid-image .thumb{width:22.5rem;height:22.5rem;position:relative}.ui-grid.ui-grid-thumbnail{background-color:W143}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li{mask-size:14rem auto}.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li{mask-size:auto 14rem}.ui-grid-container{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-webkit-scroll-snap-destination:50% 50%;scroll-snap-destination:50% 50%}.ui-grid-container .ui-image-section{width:22.5rem;height:22.5rem}.ui-grid-container .snap-point{width:.0625rem;height:.0625rem;position:absolute;-webkit-scroll-snap-coordinate:50% 50%;scroll-snap-coordinate:50% 50%;visibility:hidden}.ui-grid-container.ui-grid-horizontal{overflow-x:scroll;overflow-y:hidden;width:100%;height:22.5rem}.ui-grid-container.ui-grid-horizontal .snap-point{top:50%}.ui-grid-container.ui-grid-vertical{overflow-x:hidden;overflow-y:scroll;width:22.5rem;height:100%}.ui-grid-container.ui-grid-vertical .snap-point{left:50%}.ui-circleindicator{position:fixed;z-index:0}.ui-circleindicator svg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.ui-circleindicator svg:nth-child(2) circle{transition:stroke-dashoffset .5s linear}.ui-circleindicator svg .ui-big{z-index:4}.ui-circleindicator svg .ui-pointer{z-index:5}.ui-animated{transition:1s linear}.ui-hyperlink{text-decoration:underline}.ui-spin{position:relative;display:inline-block;height:3.75rem;background-color:transparent;overflow:hidden;font-size:1.375rem;padding:0;box-sizing:content-box;width:5rem}.ui-spin-item{background-color:transparent;position:absolute;left:0;top:0;width:100%;height:1.875rem;display:flex;flex-direction:column;justify-content:center;color:#4dcfff}.ui-spin-item-selected{font-size:1.875rem;height:1.875rem;color:#fff}.ui-spin-enabling{height:100%}.ui-spin-enabling .ui-spin-item{transition:300ms opacity linear}.tau-info-theme:after{content:"default"} \ No newline at end of file diff --git a/lib/tau/wearable/theme/default/tau.template b/lib/tau/wearable/theme/default/tau.template new file mode 100644 index 0000000..b31b0e5 --- /dev/null +++ b/lib/tau/wearable/theme/default/tau.template @@ -0,0 +1,4548 @@ +/*************************************************************************** + Body +***************************************************************************/ +/*************************************************************************** + Action Bar +***************************************************************************/ +/**************************************************************************** + Circle Progress Bar +****************************************************************************/ +/**************************************************************************** + Progress Bar +****************************************************************************/ +/**************************************************************************** + Processing +****************************************************************************/ +/**************************************************************************** + Toggle Switch +****************************************************************************/ +/*************************************************************************** + Buttons +***************************************************************************/ +/*************************************************************************** + Popup +***************************************************************************/ +/*************************************************************************** + Option Popup +***************************************************************************/ +/*************************************************************************** + index scrollbar (vertical) +***************************************************************************/ +/*************************************************************************** + circular index scrollbar +***************************************************************************/ +/*************************************************************************** + Listview +***************************************************************************/ +/**************************************************************************** + Listview with Marquee +****************************************************************************/ +/*************************************************************************** + Scroller +***************************************************************************/ +/*************************************************************************** + Swipe list +***************************************************************************/ +/*************************************************************************** + Checkbox/Radio +***************************************************************************/ +/*************************************************************************** + Page Indicator +***************************************************************************/ +/*************************************************************************** + More options +***************************************************************************/ +/*************************************************************************** + View Switcher +***************************************************************************/ +/*************************************************************************** + Slider +***************************************************************************/ +/*************************************************************************** + Selector +***************************************************************************/ +/*************************************************************************** + Empty state +***************************************************************************/ +/*************************************************************************** + Grid +***************************************************************************/ +/************************ +Listview +*************************/ +/************************************************************************/ +/* fixedUIStyle.less */ +/************************************************************************/ +/* When system font-size is changed, winset size (ex. header, footer, button, etc, + include font) also changed. But in UX guide, some UI elements should have fixed + size regardless of system font size. + So, this less file supports fixed style for some elements. + - Layout: header, footer, button + - Popup : popup header, popup footer + - toggleswitch + - progress: text for ratio +*/ +/***********************************************************************/ +/* Layout(FIXED) */ +/***********************************************************************/ +/**********************************************************************/ +/* Button(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* Popup(FIXED) */ +/**********************************************************************/ +/**********************************************************************/ +/* ToggleSwitch(FIXED) */ +/**********************************************************************/ +/*********************************************************************/ +/* Progress(FIXED) */ +/*********************************************************************/ +* { + outline: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -o-text-size-adjust: 100%; + text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: Tizen, Samsung Sans, Helvetica; +} +body { + margin: 0; +} +h1 { + font-size: 2em; + margin: .67em 0; +} +h2 { + font-size: 1.5em; + margin: .83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +input { + line-height: normal; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="time"], +input[type="date"] { + color: #000000; +} +input[type="search"] { + appearance: textfield; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +.tau-info-theme { + position: absolute; + top: -999px; + left: -999px; +} +.screen-hidden { + visibility: hidden; + position: absolute; + top: -10000em; + left: -10000em; +} +button, +input { + outline: none; + cursor: pointer; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +a { + text-decoration: none; + color: T0811; +} +ul, +li { + margin: 0; + padding: 0; + list-style-type: none; +} +img { + margin: 0; + padding: 0; +} +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + height: 100%; + font-size: 2.125rem; + font-family: Tizen, Samsung Sans, Helvetica; + background: B011; + color: T0811; +} +tau-page { + display: block; +} +.ui-page { + width: 100%; + height: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + display: none; + background: B011; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ui-page.ui-page-active { + display: block; + display: flex; + flex-direction: column; +} +.ui-page.ui-page-build { + display: flex; + flex-direction: column; + visibility: hidden; +} +.ui-page tau-scrollview { + display: block; +} +.ui-page .ui-content { + width: 100%; + height: auto; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + flex: 1; +} +.ui-page .ui-content.ui-content-padding { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.ui-page .ui-content.ui-content-fixed-middle { + position: fixed; + top: 50%; + transform: translate(0, -50%); +} +.ui-page .ui-header { + position: relative; + width: 100%; + line-height: 60px; + background-color: B0511; +} +.ui-page .ui-header .ui-subtitle { + height: 30px; + font-weight: normal; + line-height: 30px; + padding-left: 16px; + padding-right: 16px; + color: T012; + font-size: 24px; + margin: -0.625rem 0 0.3125rem 0; +} +.ui-page .ui-header .ui-title { + color: T012; + font-size: 32px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + padding-left: 16px; + padding-right: 16px; + mask-image: linear-gradient(left, #000000 80%, rgba(0, 0, 0, 0) 95%); +} +.ui-page .ui-header .ui-title.ui-icon { + padding-left: 60px; + background-position: 16px 14px; + background-size: 34px 34px; + background-repeat: no-repeat; +} +.ui-page .ui-header.ui-has-more .ui-title { + padding-right: 78px; + mask-image: linear-gradient(left, #000000 70%, rgba(0, 0, 0, 0) 75%); +} +.ui-page .ui-header button.ui-more, +.ui-page .ui-header input.ui-more { + border: 0 none; + padding: 0; +} +.ui-page .ui-header .ui-more-disable { + cursor: default; + background-color: transparent; +} +.ui-page .ui-header .ui-more { + display: block; + position: absolute; + top: 0; + right: 0; + width: 68px; + height: 100%; + overflow: hidden; + text-indent: -1000em; + background-position: center center; + background-color: transparent; + cursor: pointer; +} +.ui-page .ui-header .ui-more:active { + background-color: W011P; +} +.ui-page .ui-header .ui-more.ui-icon-detail { + background-color: B052L1; + mask-image: url("images/Actionbar/tw_ic_menu_detail_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-detail[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: B052L1D; + mask-image: url("images/Actionbar/tw_ic_menu_detail_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow { + background-color: B052L1; + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-overflow[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: B052L1D; + mask-image: url("images/Actionbar/tw_ic_menu_moreoverflow_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall { + background-color: B052L1; + mask-image: url("images/Actionbar/tw_ic_menu_selectall_normal_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-header .ui-more.ui-icon-selectall[disabled="disabled"] { + cursor: default; + background-color: transparent; + background-color: B052L1D; + mask-image: url("images/Actionbar/tw_ic_menu_selectall_disable_holo_dark.png"); + -webkit-mask-size: 3.25rem 3.75rem; + -moz-mask-size: 3.25rem 3.75rem; + -ms-mask-size: 3.25rem 3.75rem; + -o-mask-size: 3.25rem 3.75rem; + mask-size: 3.25rem 3.75rem; + -webkit-mask-position: center; + -moz-mask-position: center; + -ms-mask-position: center; + -o-mask-position: center; + mask-position: center; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-page .ui-footer { + width: 100%; + position: absolute; + bottom: 0; + left: 0; +} +.ui-page.ui-scroll-on .ui-scroller { + width: 100%; + height: auto; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; + flex: 1; +} +.ui-page.ui-scroll-on .ui-content { + height: auto; + flex: none; +} +.ui-page.ui-scroll-on .ui-footer { + position: relative; +} +.ui-grid-col > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + float: left; +} +.ui-page .ui-grid-col-1 > * { + width: 100%; +} +.ui-page .ui-grid-col-2 > * { + float: left; +} +.ui-page .ui-grid-col-2 > * { + width: 50%; +} +.ui-page .ui-grid-col-3 > * { + float: left; +} +.ui-page .ui-grid-col-3 > * { + width: 33.33333333%; +} +.ui-grid-row > * { + display: block; +} +@-webkit-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@-moz-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@-ms-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@-o-keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +@keyframes indeterminate { + 0% { + mask-image: url('images/Progress/tw_progressbar_indeterminate1_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 25% { + mask-image: url('images/Progress/tw_progressbar_indeterminate2_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 50% { + mask-image: url('images/Progress/tw_progressbar_indeterminate3_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 75% { + mask-image: url('images/Progress/tw_progressbar_indeterminate4_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } + 100% { + mask-image: url('images/Progress/tw_progressbar_indeterminate5_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B065L6; + } +} +progress { + position: relative; + padding-left: 1rem; + padding-right: 1rem; + margin-top: 0.875rem; + margin-bottom: 0.875rem; + width: 100%; + height: 0.375rem; + appearance: none; + border: none; +} +progress::-webkit-progress-bar { + position: relative; + background-color: B065L3; + border-radius: 0.125rem; + overflow: hidden; +} +progress::-webkit-progress-value { + background-color: B065L2; + height: 0.375rem; + border-radius: 0.125rem; + overflow: hidden; +} +progress.ui-progress-indeterminate::-webkit-progress-bar { + background-color: B065L2; +} +progress.ui-progress-indeterminate::-webkit-progress-value { + background-size: 100% 100%; + -webkit-animation: indeterminate 150ms infinite; + -moz-animation: indeterminate 150ms infinite; + -o-animation: indeterminate 150ms infinite; + animation: indeterminate 150ms infinite; +} +.ui-progress-proportion { + display: block; + float: left; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: T0811; +} +.ui-progress-ratio { + display: block; + float: right; + font-size: 20px; + padding-left: 1rem; + padding-right: 1rem; + margin-top: -0.625rem; + color: T0811; +} +.ui-circle-progress { + display: none; +} +.ui-progressbar { + position: relative; + display: inline-block; + pointer-events: none; +} +.ui-progressbar.ui-progressbar-full { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +/* + * toggle switch + */ +.ui-switch { + width: 100%; + color: T0811; +} +.ui-switch-inneroffset, +.ui-switch-handler { + display: none; +} +.ui-switch-text { + margin-top: 30px; + margin-bottom: 40px; + padding: 0 30px; + font-size: 34px; + text-align: center; +} +.ui-switch-sub-text { + margin-top: 48px; + font-size: 26px; + text-align: center; + color: T161; +} +.ui-toggleswitch { + position: relative; + display: inline-block; + width: 103.5px; + height: 55px; + overflow: hidden; +} +.ui-toggleswitch.ui-toggleswitch-large { + width: 207px; + height: 110px; +} +.ui-toggleswitch .ui-switch-input { + position: absolute; + width: 100%; + height: 100%; + -webkit-appearance: none; + display: block; +} +.ui-toggleswitch .ui-switch-input::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 0; + -moz-mask-position: 0 0; + -ms-mask-position: 0 0; + -o-mask-position: 0 0; + mask-position: 0 0; + background-color: W014L2P; + z-index: 0; +} +.ui-toggleswitch .ui-switch-input:active::before { + background-color: W014L2P; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button { + background-color: W014L4P; +} +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:active ~ .ui-switch-button::before { + background-color: W014L6P; +} +.ui-toggleswitch .ui-switch-activation, +.ui-toggleswitch .ui-switch-button { + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 33.3%; + -moz-mask-position: 0 33.3%; + -ms-mask-position: 0 33.3%; + -o-mask-position: 0 33.3%; + mask-position: 0 33.3%; + background-color: W014L4; + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 1; +} +.ui-toggleswitch .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-button::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + mask-image: url('images/Controller_icon/toggle_changeable.png'); + -webkit-mask-size: 100% 400%; + -moz-mask-size: 100% 400%; + -ms-mask-size: 100% 400%; + -o-mask-size: 100% 400%; + mask-size: 100% 400%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 0 66.7%; + -moz-mask-position: 0 66.7%; + -ms-mask-position: 0 66.7%; + -o-mask-position: 0 66.7%; + mask-position: 0 66.7%; + background-color: W014L6; + top: 0; + left: 0; +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button { + width: 100%; + height: 100%; + background-color: W014L3; + -webkit-mask-position: 0 33%; + -moz-mask-position: 0 33%; + -ms-mask-position: 0 33%; + -o-mask-position: 0 33%; + mask-position: 0 33%; + -webkit-transform: translate3d(36.23%, 0, 0); + -moz-transform: translate3d(36.23%, 0, 0); + -ms-transform: translate3d(36.23%, 0, 0); + -o-transform: translate3d(36.23%, 0, 0); + transform: translate3d(36.23%, 0, 0); +} +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked ~ .ui-switch-button::before { + -webkit-mask-position: 0 100%; + -moz-mask-position: 0 100%; + -ms-mask-position: 0 100%; + -o-mask-position: 0 100%; + mask-position: 0 100%; + background-color: W014L5; +} +.ui-toggleswitch .ui-switch-input:checked::before { + background-color: W014L1; +} +.ui-toggleswitch .ui-switch-input:checked:active::before { + background-color: W014L1P; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button { + background-color: W014L3P; +} +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-activation::before, +.ui-toggleswitch .ui-switch-input:checked:active ~ .ui-switch-button::before { + background-color: W014L5P; +} +/*********************** +Processing +***********************/ +/** + * @count_of_cols - how many sprites in one row + * @xsize - size of transition on x axis to next sprite + * @ysize - size of transition on y axis to next row of sprites + * @count - counter variable for while loop, loop is ending when count = 0; + * @totalCount - count for 100% of animation + */ +@keyframes smallprocess { + 0% { + mask-position: 0rem 0rem; + } + 2% { + mask-position: -4.75rem 0rem; + } + 3% { + mask-position: -9.5rem 0rem; + } + 5% { + mask-position: -14.25rem 0rem; + } + 7% { + mask-position: -19rem 0rem; + } + 8% { + mask-position: -23.75rem 0rem; + } + 10% { + mask-position: -28.5rem 0rem; + } + 12% { + mask-position: 0rem -4.75rem; + } + 14% { + mask-position: -4.75rem -4.75rem; + } + 15% { + mask-position: -9.5rem -4.75rem; + } + 17% { + mask-position: -14.25rem -4.75rem; + } + 19% { + mask-position: -19rem -4.75rem; + } + 20% { + mask-position: -23.75rem -4.75rem; + } + 22% { + mask-position: -28.5rem -4.75rem; + } + 24% { + mask-position: 0rem -9.5rem; + } + 25% { + mask-position: -4.75rem -9.5rem; + } + 27% { + mask-position: -9.5rem -9.5rem; + } + 29% { + mask-position: -14.25rem -9.5rem; + } + 31% { + mask-position: -19rem -9.5rem; + } + 32% { + mask-position: -23.75rem -9.5rem; + } + 34% { + mask-position: -28.5rem -9.5rem; + } + 36% { + mask-position: 0rem -14.25rem; + } + 37% { + mask-position: -4.75rem -14.25rem; + } + 39% { + mask-position: -9.5rem -14.25rem; + } + 41% { + mask-position: -14.25rem -14.25rem; + } + 42% { + mask-position: -19rem -14.25rem; + } + 44% { + mask-position: -23.75rem -14.25rem; + } + 46% { + mask-position: -28.5rem -14.25rem; + } + 47% { + mask-position: 0rem -19rem; + } + 49% { + mask-position: -4.75rem -19rem; + } + 51% { + mask-position: -9.5rem -19rem; + } + 53% { + mask-position: -14.25rem -19rem; + } + 54% { + mask-position: -19rem -19rem; + } + 56% { + mask-position: -23.75rem -19rem; + } + 58% { + mask-position: -28.5rem -19rem; + } + 59% { + mask-position: 0rem -23.75rem; + } + 61% { + mask-position: -4.75rem -23.75rem; + } + 63% { + mask-position: -9.5rem -23.75rem; + } + 64% { + mask-position: -14.25rem -23.75rem; + } + 66% { + mask-position: -19rem -23.75rem; + } + 68% { + mask-position: -23.75rem -23.75rem; + } + 69% { + mask-position: -28.5rem -23.75rem; + } + 71% { + mask-position: 0rem -28.5rem; + } + 73% { + mask-position: -4.75rem -28.5rem; + } + 75% { + mask-position: -9.5rem -28.5rem; + } + 76% { + mask-position: -14.25rem -28.5rem; + } + 78% { + mask-position: -19rem -28.5rem; + } + 80% { + mask-position: -23.75rem -28.5rem; + } + 81% { + mask-position: -28.5rem -28.5rem; + } + 83% { + mask-position: 0rem -33.25rem; + } + 85% { + mask-position: -4.75rem -33.25rem; + } + 86% { + mask-position: -9.5rem -33.25rem; + } + 88% { + mask-position: -14.25rem -33.25rem; + } + 90% { + mask-position: -19rem -33.25rem; + } + 92% { + mask-position: -23.75rem -33.25rem; + } + 93% { + mask-position: -28.5rem -33.25rem; + } + 95% { + mask-position: 0rem -38rem; + } + 97% { + mask-position: -4.75rem -38rem; + } + 98% { + mask-position: -9.5rem -38rem; + } + 100% { + mask-position: -14.25rem -38rem; + } +} +@keyframes fullprocess { + 0% { + mask-position: 0 0rem; + } + 25% { + mask-position: 0 -0.375rem; + } + 50% { + mask-position: 0 -0.75rem; + } + 75% { + mask-position: 0 -1.125rem; + } + 100% { + mask-position: 0 -1.5rem; + } +} +.ui-processing { + background-color: B065L6; + mask-image: url("images/Processing/processingsmall.png"); + mask-repeat: no-repeat; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: step-start; + animation-name: smallprocess; + width: 4.75rem; + height: 4.75rem; + margin: 0 auto; +} +.ui-processing.ui-processing-full-size { + mask-image: url("images/Processing/processing_bar.png"); + animation-name: fullprocess; + width: 100%; + height: 0.375rem; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + max-width: 19.75rem; +} +.ui-processing.ui-hidden { + display: none; +} +.ui-processing-text { + margin: 0 auto; + text-align: center; + width: 10.5rem; + font-size: 1.5rem; + color: T097; +} +.ui-btn { + display: block; + position: relative; + padding-right: 10px; + padding-left: 10px; + margin: 0; + font-size: 2rem; + line-height: 5.3125rem; + height: 5.3125rem; + text-align: center; + white-space: nowrap; + cursor: pointer; + vertical-align: middle; + text-overflow: ellipsis; + overflow: hidden; + border: 0 none; + color: T041; + background-color: W011; +} +a.ui-btn:active:hover, +.ui-btn:enabled:active:hover { + background-color: W011P; +} +.ui-btn:enabled:focus { + background-color: W011; +} +a.ui-btn.ui-state-disabled, +.ui-btn:disabled { + color: T041D; + background-color: W011D; + cursor: default; +} +.ui-btn.ui-multiline { + padding-top: 10px; + padding-bottom: 10px; +} +.ui-btn.ui-inline { + display: inline-block; +} +.ui-btn.ui-btn-icon { + background-position: center center; + height: 5.5rem; + width: 5.5rem; + text-indent: -1000em; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; +} +.ui-btn.ui-btn-icon::before { + content: ""; + mask-size: 5.5rem 5.5rem; + mask-repeat: no-repeat; + mask-position: 0 0; + width: 5.5rem; + height: 5.5rem; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + position: absolute; + mask-image: none; + background-position: center center; + background-repeat: no-repeat; +} +.ui-btn.ui-btn-icon-only { + text-indent: -624.9375rem; +} +.ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + mask-size: 3.75rem 3.75rem; + mask-repeat: no-repeat; + width: 3.75rem; + height: 3.75rem; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); + background-color: F022L1i; + transition: background 150ms; +} +.ui-btn.ui-btn-icon-only:active::before { + background-color: F022L1i; +} +.ui-btn.ui-btn-icon-only:disabled::before { + background-color: F022L1iD; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + background-color: transparent; + height: 33vh; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + content: ''; + position: absolute; + background-color: white; + border-radius: 50%; + width: 30vw; + height: 30vh; + opacity: 0; + left: 50%; + top: 50%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon.ui-btn-active::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon.ui-btn-active::before { + transform: translate(-50%, -50%) scale(1.1); + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; + animation-duration: 300ms, 733ms; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; +} +.ui-btn.ui-btn-text { + height: 3.3125rem; + line-height: 2.6875rem; + padding: 0.3125rem; + margin: auto; + max-width: 16.125rem; + min-width: 4.125rem; +} +.ui-btn.ui-btn-text:enabled:active:hover, +.ui-btn.ui-btn-text:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-text.ui-btn-active { + animation: btn-circle-opacity-press cubic-bezier(0.25, 0.46, 0.45, 1) 300ms; +} +.ui-btn.ui-btn-nobg.ui-btn-icon, +.ui-btn.ui-btn-no-bg.ui-btn-icon { + width: 4.75rem; + height: 4.75rem; + overflow: visible; + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after { + position: absolute; + width: 100%; + height: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + content: ''; + background-color: F022L1i; + mask-repeat: no-repeat; + mask-position: center; + mask-size: cover; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:active:hover { + background-color: F022L1i; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:enabled:focus { + background-color: F022L1i; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::after:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon::after:disabled { + background-color: F022L1iD; + cursor: default; +} +.ui-btn.ui-btn-nobg.ui-btn-icon::before, +.ui-btn.ui-btn-no-bg.ui-btn-icon::before { + height: 141%; + width: 141%; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:active:hover, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:active:hover { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:enabled:focus, +.ui-btn.ui-btn-no-bg.ui-btn-icon:enabled:focus { + background-color: transparent; +} +.ui-btn.ui-btn-nobg.ui-btn-icon:disabled, +.ui-btn.ui-btn-no-bg.ui-btn-icon:disabled { + background-color: transparent; + cursor: default; +} +.ui-btn.ui-btn-middle { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +@keyframes touch-text-btn-scale { + 0% { + transform: translate(-50%, -50%) scale(1); + } + 100% { + transform: translate(-50%, -50%) scale(1.1); + } +} +@keyframes touch-text-btn-opacity { + 0% { + opacity: .13; + } + 72% { + opacity: .13; + } + 100% { + opacity: 0; + } +} +@keyframes btn-circle-opacity-press { + 0% { + opacity: 1; + } + 3% { + opacity: .4; + } + 65% { + opacity: .4; + } + 100% { + opacity: 1; + } +} +@keyframes btn-footer-opacity-press { + 0% { + opacity: 0; + } + 3% { + opacity: 1; + } + 65% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ui-default { + color: T041; + background-color: W011; +} +a.ui-default:active:hover, +.ui-default:enabled:active:hover { + background-color: W011P; +} +.ui-default:enabled:focus { + background-color: W011; +} +a.ui-default.ui-state-disabled, +.ui-default:disabled { + color: T041D; + background-color: W011D; + cursor: default; +} +.ui-color-red { + color: T041; + background-color: W012; +} +a.ui-color-red:active:hover, +.ui-color-red:enabled:active:hover { + background-color: W012P; +} +.ui-color-red:enabled:focus { + background-color: W012; +} +a.ui-color-red.ui-state-disabled, +.ui-color-red:disabled { + color: T041D; + background-color: W012D; + cursor: default; +} +.ui-color-orange { + color: T041; + background-color: W013; +} +a.ui-color-orange:active:hover, +.ui-color-orange:enabled:active:hover { + background-color: W013P; +} +.ui-color-orange:enabled:focus { + background-color: W013; +} +a.ui-color-orange.ui-state-disabled, +.ui-color-orange:disabled { + color: T041D; + background-color: W013D; + cursor: default; +} +.ui-color-green { + color: T041; + background-color: W014; +} +a.ui-color-green:active:hover, +.ui-color-green:enabled:active:hover { + background-color: W014P; +} +.ui-color-green:enabled:focus { + background-color: W014; +} +a.ui-color-green.ui-state-disabled, +.ui-color-green:disabled { + color: T041D; + background-color: W014D; + cursor: default; +} +.ui-btn:focus, +.ui-btn:active { + outline: none; +} +a.ui-btn { + text-decoration: none; + box-sizing: border-box; +} +button.ui-btn, +input.ui-btn { + box-sizing: border-box; + appearance: none; + width: 100%; +} +button.ui-btn.ui-inline, +input.ui-btn.ui-inline { + display: inline-block; + width: auto; +} +.ui-grid-col-1 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-1 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-2 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-2 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-col-3 > .ui-btn { + border-left: solid 1px B011; +} +.ui-grid-col-3 > .ui-btn:first-child { + border-left: 0 none; +} +.ui-grid-row > .ui-btn { + margin-top: 1px; +} +.ui-grid-row > .ui-btn:first-child { + margin-top: 0; +} +.ui-popup { + box-sizing: border-box; + position: fixed; + left: 0; + width: 100%; + margin: 0; + background-color: B061L1E; + border: 3px solid B061L7; + display: none; + z-index: 1100; +} +.ui-popup:not(.ui-ctxpopup) { + bottom: 0; +} +.ui-popup .ui-popup-header { + width: 100%; + min-height: 68px; + font-size: 30px; + text-align: left; + background-color: B061L2; + color: T091; + padding-top: 14px; + padding-right: 13px; + padding-bottom: 14px; + padding-left: 13px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-popup .ui-popup-content { + width: 100%; + min-height: 14rem; + font-size: 2.125rem; + text-align: left; + color: T0811; + background-color: B061L1E; + padding: 10px 16px 9px 16px; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup .ui-popup-content .ui-listview, +.ui-popup .ui-popup-content .ui-inline-listview { + margin: -0.5625rem -1rem -0.5625rem -1rem; +} +.ui-popup .ui-popup-content .ui-listview li, +.ui-popup .ui-popup-content .ui-inline-listview li { + font-size: 2.125rem; +} +.ui-popup .ui-popup-footer { + width: 100%; + height: 83px; +} +.ui-popup .ui-popup-footer .ui-btn { + padding-top: 27px; + padding-bottom: 28px; + font-size: 30px; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only { + position: relative; + text-indent: -624.9375rem; +} +.ui-popup .ui-popup-footer .ui-btn.ui-btn-icon-only::before { + content: ""; + position: absolute; + mask-size: 3.125rem 3.125rem; + mask-repeat: no-repeat; + width: 3.125rem; + height: 3.125rem; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0); +} +.ui-popup.ui-popup-active { + display: block; +} +.ui-popup.in { + display: block; +} +.ui-popup.ui-build { + display: block; + visibility: hidden; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) { + max-height: 100%; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-wrapper { + width: 100%; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-content { + height: auto; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-header.ui-fixed { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 2100; +} +.ui-popup.ui-scroll-on:not(.ui-ctxpopup):not(.ui-popup-toast) .ui-popup-footer.ui-fixed { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 2100; + transform: translate3d(0, 0, 0); +} +.ui-popup.ui-ctxpopup { + background-color: transparent; + width: 100%; + border: 0 none; + border-radius: 0; + overflow: visible; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size { + width: auto; + padding: 0 0 0 0; +} +div.ui-popup.ui-ctxpopup.ui-popup-content-size .ui-popup-content { + width: auto; +} +.ui-popup.ui-ctxpopup .ui-popup-content { + min-height: initial; + background-color: B092L1; + border: 1px solid B092L2; + color: #333; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li { + color: T111; + border-bottom: 1px solid B094; + min-height: 90px; + padding: 21px 8px 20px 16px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a { + color: T111; + margin: -21px -16px; + padding: 21px 16px; + min-height: 48px; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li a:active { + color: T111P; + background-color: B093P; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon { + position: relative; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon a { + margin-left: -4.25rem; + padding-left: 4.25rem; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon::before { + content: ""; + position: absolute; + top: 50%; + left: 0.375rem; + width: 3.5rem; + height: 3.5rem; + margin-top: -1.75rem; + background-color: B095; + -webkit-mask-size: 3.5rem 3.5rem; + -moz-mask-size: 3.5rem 3.5rem; + -ms-mask-size: 3.5rem 3.5rem; + -o-mask-size: 3.5rem 3.5rem; + mask-size: 3.5rem 3.5rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-listview .ui-list-icon:active::before { + background-color: B095P; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview { + height: 4.3125rem; + overflow: hidden; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li { + float: left; + height: 4.1875rem; + line-height: 4.1875rem; + border-right: 1px solid B097; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li:last-child { + border: none; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a { + display: block; + width: 100%; + height: 100%; + padding: 0rem 0.5rem; + color: T111; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview li a:active { + color: T111P; + background-color: B093P; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext { + width: 3.6875rem; + height: 4.1875rem; + text-indent: -1000em; + overflow: hidden; + position: relative; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 2.6875rem; + height: 2.6875rem; + margin-top: -1.34375rem; + margin-left: -1.34375rem; + background-color: B096; + -webkit-mask-size: 2.6875rem 2.6875rem; + -moz-mask-size: 2.6875rem 2.6875rem; + -ms-mask-size: 2.6875rem 2.6875rem; + -o-mask-size: 2.6875rem 2.6875rem; + mask-size: 2.6875rem 2.6875rem; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-popup.ui-ctxpopup .ui-popup-content .ui-inline-listview .ui-list-icon-notext:active::before { + background-color: B096P; +} +.ui-popup.ui-ctxpopup .ui-arrow { + width: 36px; + height: 15px; + overflow: hidden; + position: absolute; + display: none; + -webkit-animation-duration: 0; + -moz-animation-duration: 0; + -o-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup .ui-arrow span { + box-sizing: border-box; + width: 20px; + height: 20px; + background-color: B092L1; + border: 1px solid B092L2; + position: absolute; + top: 6px; + left: 8px; + -webkit-transform: rotate(55deg) skew(24deg); + -moz-transform: rotate(55deg) skew(24deg); + -ms-transform: rotate(55deg) skew(24deg); + -o-transform: rotate(55deg) skew(24deg); + transform: rotate(55deg) skew(24deg); + -webkit-animation-duration: 0; + -moz-animation-duration: 0; + -o-animation-duration: 0; + animation-duration: 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b { + padding: 20px 20px 0 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t { + padding: 0 20px 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r { + padding: 20px 0 20px 20px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l { + padding: 20px 20px 20px 0; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-b .ui-arrow { + display: block; + bottom: -14px; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-t .ui-arrow { + display: block; + top: -14px; +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-r .ui-arrow { + display: block; + right: -25px; + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +.ui-popup.ui-ctxpopup.ui-popup-arrow-l .ui-arrow { + display: block; + left: -25px; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.ui-popup.ui-popup-toast { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + font-size: 1.5rem; + border: 3px solid B061L7; + border-radius: 0; + border-left: 0; + border-right: 0; + position: absolute; + bottom: 0; +} +.ui-popup.ui-popup-toast:not(.ui-popup-toast) { + top: auto; + height: auto; +} +.ui-popup.ui-popup-toast .ui-popup-content { + min-height: initial; + padding: 0.6875rem 2.625rem 0.75rem 2.625rem; + background-color: B061L1E; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon { + width: 3.5rem; + height: 3.5rem; + position: relative; + left: 50%; + transform: translateX(-50%); + text-indent: -10000px; + overflow: hidden; +} +.ui-popup.ui-popup-toast .ui-popup-toast-icon::after { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-position: 50% 50%; + -moz-mask-position: 50% 50%; + -ms-mask-position: 50% 50%; + -o-mask-position: 50% 50%; + mask-position: 50% 50%; +} +.ui-popup-overlay { + position: fixed; + display: none; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + background-color: W1712; +} +.ui-popup-overlay.in { + display: block; +} +.ui-popup.slideup.in { + animation-name: popupslideinfrombottom; + animation-duration: 250ms; + transition-timing-function: ease-in-out; +} +.ui-popup.slideup.out { + animation-name: popupslideouttobottom; + animation-duration: 250ms; + animation-fill-mode: forwards; + transition-timing-function: ease-in-out; +} +@keyframes popupslideinfrombottom { + from { + transform: translateY(100%); + } + to { + transform: translateY(0); + } +} +@keyframes popupslideouttobottom { + from { + transform: translateY(0); + } + to { + transform: translateY(100%); + } +} +.ui-popup.pop.in { + animation-name: popuppopin; + animation-duration: 350ms; + transition-timing-function: ease-in-out; +} +.ui-popup.pop.out { + animation-name: popuppopout; + animation-duration: 350ms; + transition-timing-function: ease-in-out; +} +@keyframes popuppopin { + from { + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } + to { + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes popuppopout { + from { + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + transform: scale3d(1.35, 1.35, 1); + opacity: 0; + } +} +.ui-popup.ui-popup-toast.pop.in { + animation-name: toastpopuppopin; + animation-duration: 250ms; + transition-timing-function: ease-in-out; +} +.ui-popup.ui-popup-toast.pop.out { + animation-name: toastpopuppopout; + animation-duration: 250ms; + animation-fill-mode: forwards; + transition-timing-function: ease-in-out; +} +@keyframes toastpopuppopin { + from { + transform: translateY(100%); + opacity: 0; + } + to { + transform: translateY(0); + opacity: 1; + } +} +@keyframes toastpopuppopout { + from { + transform: translateY(0); + opacity: 1; + } + to { + transform: translateY(100%); + opacity: 0; + } +} +.ui-popup-overlay.slideup.in, +.ui-popup-overlay.pop.in { + animation: fadein 250ms; +} +.ui-popup-overlay.slideup.out, +.ui-popup-overlay.pop.out { + animation: fadeout 250ms forwards; +} +.ui-popup.ui-popup-arrow-t.slideup.in, +.ui-popup.ui-popup-arrow-l.slideup.in, +.ui-popup.ui-popup-arrow-r.slideup.in { + animation: ctxpopupslideinfrombottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-t.slideup.out, +.ui-popup.ui-popup-arrow-l.slideup.out, +.ui-popup.ui-popup-arrow-r.slideup.out { + animation: ctxpopupslideouttobottom 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.in { + animation: ctxpopupslideinfromtop 250ms ease-in-out; +} +.ui-popup.ui-popup-arrow-b.slideup.out { + animation: ctxpopupslideouttotop 250ms ease-in-out; +} +@keyframes ctxpopupslideinfrombottom { + from { + transform: translateY(20%); + opacity: 0; + } + to { + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideouttobottom { + from { + transform: translateY(0%); + opacity: 1; + } + to { + transform: translateY(20%); + opacity: 0; + } +} +@keyframes ctxpopupslideinfromtop { + from { + transform: translateY(-20%); + opacity: 0; + } + to { + transform: translateY(0%); + opacity: 1; + } +} +@keyframes ctxpopupslideouttotop { + from { + transform: translateY(0%); + opacity: 1; + } + to { + transform: translateY(-20%); + opacity: 0; + } +} +/************************ +Listview +*************************/ +tau-virtuallistview, +tau-listview { + display: block; + list-style-type: disc; + list-style-type: none; +} +.ui-listview li { + font-size: 2rem; + line-height: 3rem; + min-height: 6.25rem; + padding: 0.9375rem 0.5rem 0.9375rem 1rem; + border-bottom: 0.0625rem solid B0222; + white-space: nowrap; + position: relative; + color: T0211; +} +.ui-listview li.ui-li-grid { + display: flex; + flex-direction: row; + padding: 0; + min-height: 5.3125rem; + align-items: center; +} +.ui-listview li.ui-li-grid .ui-processing { + padding: 0; + margin-right: 0.5rem; +} +.ui-listview li.ui-li-grid div:first-child { + width: calc(100% - 5.5rem); + text-align: left; + height: 100%; + margin-left: 1rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon { + padding: 0; + margin-right: 0.5rem; + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + width: 3.5rem; + height: 3.5rem; +} +.ui-listview li.ui-li-grid.ui-li-grid-full .ui-btn.ui-btn-no-bg.ui-btn-icon::after { + background-color: transparent; +} +.ui-listview li.ui-li-grid.ui-li-grid-full div::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: B0221L1; + right: 4.5rem; + top: 50%; + transform: translate3d(0, -50%, 0); +} +.ui-listview li.ui-li-grid.ui-li-grid-full > * { + flex-grow: 1; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid.ui-li-grid-full > *.ui-btn-icon { + flex-grow: 0; + flex-shrink: 0; +} +.ui-listview li.ui-li-grid .ui-btn-description { + width: 100%; + margin: 0 -50%; + z-index: 2; + transform: translate(-50%, 0); + text-align: center; + line-height: 5.3125rem; + pointer-events: none; +} +.ui-listview li.ui-li-grid a.ui-btn, +.ui-listview li.ui-li-grid tau-button.ui-btn { + background-position: center center; + height: 5.3125rem; + overflow: hidden; + background-repeat: no-repeat; + background-size: 5.5rem 5.5rem; + position: relative; + flex: 1 1 auto; + border-bottom: 0.0625rem solid B0553; + border-right: 0.0625rem solid B0553; +} +.ui-listview li input[type=text], +.ui-listview li input[type=password] { + width: 20.5rem; + height: 3.875rem; + padding: 0.8125rem 0 0.8125rem 0.5rem; + color: T012; + font-size: 2rem; + background-color: rgba(245, 245, 245, 0.15); + border: none; + outline: none; +} +.ui-listview li input[type=text]:focus, +.ui-listview li input[type=password]:focus { + border: 0.0625rem solid rgba(245, 245, 245, 0.15); +} +.ui-listview li input[type=text]:focus::-webkit-input-placeholder, +.ui-listview li input[type=password]:focus::-webkit-input-placeholder { + color: white; +} +.ui-listview li > * { + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: T0211; +} +.ui-listview li > a:not(.ui-btn) { + display: block; + width: 100%; + height: auto; + margin: -1.625rem -0.5rem -1.625rem -1rem; + padding: 1.25rem 0.5rem 1.25rem 1rem; + -o-box-sizing: content-box; + -ms-box-sizing: content-box; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + text-overflow: ellipsis; + overflow: hidden; +} +.ui-listview li.ui-listview-divider { + height: 1.875rem; + min-height: 1.875rem; + line-height: 1.875rem; + padding: 0 0.5rem 0 1rem; + background-color: B012; + color: T0231; + font-size: 1.5rem; +} +.ui-listview li .ui-li-sub-text { + color: T022; + font-size: 1.75rem; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text { + width: calc(100% - 4.8125rem); + height: 100%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-text::after { + content: ""; + position: absolute; + height: 3.5rem; + width: 0.125rem; + background-color: T0811; + right: 4.25rem; + top: 20%; +} +.ui-listview li.ui-li-has-action-icon .ui-action-divider { + display: none; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete, +.ui-listview li.ui-li-has-action-icon .ui-action-setting, +.ui-listview li.ui-li-has-action-icon .ui-action-add { + position: absolute; + height: 100%; + width: 4.5rem; + right: 0; + top: 0; + mask-size: 3.5rem 3.5rem; + mask-repeat: no-repeat; + mask-position: center center; + padding: 0; + margin: 0; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete { + mask-image: url('images/listview/tw_list_delete_holo_dark.png'); + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-setting { + mask-image: url('images/listview/tw_list_setting_holo_dark.png'); + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-add { + mask-image: url('images/listview/tw_list_add_holo_dark.png'); + background-color: F022L1i; +} +.ui-listview li.ui-li-has-action-icon .ui-action-delete:active, +.ui-listview li.ui-li-has-action-icon .ui-action-setting:active, +.ui-listview li.ui-li-has-action-icon .ui-action-add:active { + background-color: B041P; + color: T0211P; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active { + background-color: B041P; + color: T0211P; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon { + background-color: transparent; +} +.ui-listview li:not(.ui-arc-listview-carousel-item) li.ui-li-active.ui-li-has-action-icon .ui-action-text:active { + background-color: B041P; + color: T0211P; +} +.ui-datetime-widget { + position: relative; + height: 100%; +} +.ui-datetime { + text-align: center; + padding-top: 56px; +} +.ui-time-picker .ui-datetime { + padding-top: 53px; +} +.ui-datetime:only-child { + padding-top: 92px; +} +.ui-time-picker .ui-datetime:only-child { + padding-top: 89px; +} +.ui-datetime input[type='date'], +.ui-datetime input[type='datetime'], +.ui-datetime input[type='time'] { + display: none; +} +.ui-datefield { + height: 52px; + display: inline-block; + vertical-align: top; +} +.ui-datefield > .ui-btn { + float: left; + height: 52px; + padding: 0; + line-height: 52px; + font-size: 42px; + font-weight: 600; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield .ui-datefield-separator { + display: block; + height: 100%; + float: left; + width: 18px; + background: transparent url('images/Datetimepicker/tw_timepicker_num_dot.png'); +} +.ui-datefield > .ui-btn:enabled:focus { + background-color: rgba(255, 255, 255, 0.15); +} +.ui-datefield > .ui-btn:disabled { + color: #404040; +} +.ui-datafield > .ui-btn.ui-selected, +.ui-datefield > .ui-btn:enabled:active, +.ui-datefield > .ui-btn.ui-state-active:enabled, +.ui-datefield > .ui-btn.ui-selected:enabled { + background-color: #ff9000; + color: #000; +} +/* -- for datepicker -- */ +.ui-date-picker .ui-datefield > .ui-btn:first-child { + margin-right: 2px; +} +.ui-date-picker .ui-datefield > .ui-btn:last-child { + margin-left: 2px; +} +.ui-date-picker .ui-datefield-year { + width: 114px; +} +.ui-date-picker .ui-datefield-month { + width: 102px; +} +.ui-date-picker .ui-datefield-day { + width: 68px; +} +/* -- end (for datepicker) -- */ +/* -- for timepicker -- */ +.ui-time-picker .ui-datefield-hour { + width: 74px; +} +.ui-time-picker .ui-datefield-min { + width: 74px; +} +.ui-time-picker .ui-datefield-period { + width: 84px; + margin-left: 10px; +} +.ui-time-picker .ui-datefield { + height: 58px; +} +.ui-time-picker .ui-datefield > .ui-btn { + height: 58px; + line-height: 58px; + font-size: 50px; +} +.ui-time-picker .ui-datefield > .ui-btn.ui-datefield-period { + font-size: 48px; +} +/* -- (end) for timepicker -- */ +.ui-datetime-wheel { + height: 68px; + margin: 0 10px; + margin-top: 30px; +} +.ui-time-picker .ui-datetime-wheel { + margin-top: 27px; +} +.ui-datetime-wheel .ui-btn { + width: 68px; + height: 68px; + float: left; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus { + float: right; + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-plus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_plus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_normal.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:enabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_pressed.png') center center no-repeat; +} +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus:disabled:active:hover, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled, +.ui-datetime-wheel .ui-btn.ui-datetime-wheel-minus.ui-state-disabled:active:hover { + background: transparent url('images/Datetimepicker/tw_timepicker_dialbtn_minus_dim.png') center center no-repeat; +} +.ui-datetime-wheel .ui-wheel { + display: block; + margin-left: 68px; + margin-right: 68px; + height: 68px; + padding: 10px 0; + box-sizing: border-box; + background: url('images/Datetimepicker/tw_timepicker_wheel_01.png') center center no-repeat; +} +.ui-datetime-btns { + position: absolute; + bottom: 0; + width: 100%; + height: 76px; + box-sizing: border-box; + border-top: 2px solid #262626; +} +/* Button separator */ +.ui-datetime-btns::before { + content: ""; + height: 34px; + width: 1px; + background-color: #262626; + position: absolute; + left: 160px; + top: 20px; +} +.ui-datetime-btns .ui-btn { + height: 100%; + position: relative; + background-color: transparent; +} +.ui-datetime-btns .ui-btn:enabled:active, +.ui-datetime-btns .ui-btn:enabled:focus, +.ui-datetime-btns .ui-btn:enabled:active:focus { + background-color: transparent; +} +.ui-datetime-btns .ui-btn-left { + width: 160px; + float: left; + background: url('images/Datetimepicker/tw_timepicker_left_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn-right { + width: 159px; + float: right; + background: url('images/Datetimepicker/tw_timepicker_right_softbtn.png') center center no-repeat; +} +.ui-datetime-btns .ui-btn:disabled, +.ui-datetime-btns .ui-btn.ui-state-disabled { + opacity: .2; +} +/* ---------------- */ +.ui-datetime-periods { + height: 102px; + margin-top: 7px; + display: inline-block; +} +.ui-datetime-periods .ui-btn, +.ui-datetime-periods .ui-datetime-periods-separator { + height: 100%; + float: left; + padding: 0; + background: transparent; +} +.ui-datetime-periods .ui-btn { + width: 102px; + font-size: 34px; + line-height: 102px; +} +.ui-datetime-periods .ui-btn:enabled:focus { + background: transparent; +} +.ui-datetime-periods .ui-btn:enabled:active, +.ui-datetime-periods .ui-btn:enabled:active:focus, +.ui-datetime-periods .ui-btn.ui-selected:enabled:active, +.ui-datetime-periods .ui-btn.ui-state-active:enabled:active { + color: inherit; + text-decoration: none; + background: url('images/Datetimepicker/tw_timepicker_time_bg.png') center center no-repeat; +} +.ui-datetime-periods .ui-btn.ui-selected:enabled, +.ui-datetime-periods .ui-btn.ui-state-active:enabled { + color: #ff9000; + text-decoration: underline; +} +.ui-datetime-periods .ui-datetime-periods-separator { + width: 24px; + background: url('images/Datetimepicker/tw_timepicker_num_dot_01.png') center center no-repeat; +} +.ui-datetime-wheel.ui-hidden, +.ui-datetime-periods.ui-hidden { + display: none; +} +/* Transitions originally inspired by those from jQtouch, nice work, folks */ +.ui-viewport-transitioning, +.ui-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.ui-pre-in { + z-index: 100; + visibility: visible; + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + top: 0; + left: 0; +} +.in { + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 350ms; + -moz-animation-duration: 350ms; + -o-animation-duration: 350ms; + animation-duration: 350ms; +} +.out { + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; + -webkit-animation-duration: 225ms; + -moz-animation-duration: 225ms; + -o-animation-duration: 225ms; + animation-duration: 225ms; +} +@-webkit-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-moz-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-ms-keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeout { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-moz-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-ms-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-o-keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.fade.out { + opacity: 0; + -webkit-animation: fadeout 125ms; + -moz-animation: fadeout 125ms; + -o-animation: fadeout 125ms; + animation: fadeout 125ms; +} +.fade.in { + opacity: 1; + -webkit-animation: fadein 225ms; + -moz-animation: fadein 225ms; + -o-animation: fadein 225ms; + animation: fadein 225ms; +} +@-webkit-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-o-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-ms-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-moz-keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes slideupin { + from { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } + to { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-o-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-ms-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-moz-keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@keyframes slideupout { + from { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } +} +@-webkit-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-o-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-ms-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-moz-keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@keyframes slideupinreverse { + from { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + opacity: .3; + } + to { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@-o-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@-ms-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@-moz-keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +@keyframes slideupoutreverse { + from { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + to { + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + } +} +.slideup.in:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -ms-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + -webkit-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupin 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(0.6, 0.6, 1); + -moz-transform: scale3d(0.6, 0.6, 1); + -ms-transform: scale3d(0.6, 0.6, 1); + -o-transform: scale3d(0.6, 0.6, 1); + transform: scale3d(0.6, 0.6, 1); + -webkit-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupout 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.out.reverse:not(.ui-popup):not(.ui-popup-overlay) { + z-index: 101; + -webkit-transform: translateY(100%); + -moz-transform: translateY(100%); + -ms-transform: translateY(100%); + -o-transform: translateY(100%); + transform: translateY(100%); + -webkit-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupoutreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +.slideup.in.reverse:not(.ui-popup):not(.ui-popup-overlay) { + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -moz-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + -o-animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); + animation: slideupinreverse 400ms cubic-bezier(0.25, 0.46, 0.45, 1); +} +@-webkit-keyframes popin { + from { + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } + to { + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +@-webkit-keyframes popout { + from { + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } +} +@-webkit-keyframes popoutreverse { + from { + transform: scale3d(1, 1, 1); + opacity: 1; + } + to { + transform: scale3d(0.3, 0.3, 1); + opacity: 0; + } +} +@-webkit-keyframes popinreverse { + from { + transform: scale3d(1.7, 1.7, 1); + opacity: 0; + } + to { + transform: scale3d(1, 1, 1); + opacity: 1; + } +} +.pop.out.reverse { + z-index: 100; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popoutreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popoutreverse; + animation-duration: 225ms; + animation-name: popoutreverse; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in.reverse { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popinreverse; + -moz-animation-duration: 225ms; + -moz-animation-name: popinreverse; + animation-duration: 225ms; + animation-name: popinreverse; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.in { + -webkit-animation-duration: 225ms; + -webkit-animation-name: popin; + -moz-animation-duration: 225ms; + -moz-animation-name: popin; + animation-duration: 225ms; + animation-name: popin; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.pop.out { + z-index: 200; + -webkit-animation-duration: 225ms; + -webkit-animation-name: popout; + -moz-animation-duration: 225ms; + -moz-animation-name: popout; + animation-duration: 225ms; + animation-name: popout; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.ui-indexscrollbar { + display: block; + position: fixed; + right: 0; + top: 0; + width: 2.8125rem; + height: 100%; + padding-left: 0.125rem; + background-color: B0722; + z-index: 10; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + cursor: pointer; +} +.ui-indexscrollbar ul { + position: absolute; + width: 100%; + top: 0; +} +.ui-indexscrollbar ul li { + color: T0311; + display: block; + width: 100%; + text-align: center; + font-size: 1.5rem; + height: 2.25rem; +} +.ui-indexscrollbar ul li.ui-state-selected { + background-color: B0724; + color: T0311P; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary { + position: relative; + height: auto; + top: 0; + right: -2.5rem; + width: 100%; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li { + background-color: B0723; + color: T0311; +} +.ui-indexscrollbar ul.ui-indexscrollbar-supplementary li.ui-state-selected { + background-color: B0723; + color: T0313; +} +.ui-indexscrollbar + .ui-listview li { + padding-right: 2.5rem; +} +.ui-indexscrollbar-indicator { + position: fixed; + top: 0; + left: 0; + z-index: 9; + display: none; +} +.ui-indexscrollbar-indicator > span { + width: 8.75rem; + height: 5.4375rem; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -5.625rem; + margin-top: -2.6875rem; + line-height: 5.4375rem; + font-size: 4.375rem; + text-align: center; + background-color: B0731; + color: T0312; +} +.ui-indexscrollbar-indicator > span > span.ui-selected { + color: T0312P; +} +.ui-circularindexscrollbar { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator { + position: absolute; + top: 50%; + left: 50%; + width: 9.875rem; + height: 9.875rem; + line-height: 9.875rem; + border-radius: 50%; + background-color: B0731; + -webkit-transition: opacity 250ms ease-out; + -moz-transition: opacity 250ms ease-out; + -o-transition: opacity 250ms ease-out; + -ms-transition: opacity 250ms ease-out; + transition: opacity 250ms ease-out; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show { + pointer-events: auto; +} +.ui-circularindexscrollbar.ui-circularindexscrollbar-show .ui-circularindexscrollbar-indicator { + opacity: 1; +} +.ui-circularindexscrollbar .ui-circularindexscrollbar-indicator-text { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 4.375rem; + color: T0312P; +} +/*************************************************************************** + Scrollbar Style +***************************************************************************/ +.ui-scrollbar-bar-type { + position: absolute; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal { + left: 0; + bottom: 0; + width: 100%; + height: 8px; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical { + right: 0; + top: 0; + width: 0.5rem; + height: 100%; +} +.ui-scrollbar-bar-type .ui-scrollbar-indicator { + position: absolute; + background-color: B071; +} +.ui-scrollbar-bar-type.ui-scrollbar-horizontal .ui-scrollbar-indicator { + height: 0.25rem; +} +.ui-scrollbar-bar-type.ui-scrollbar-vertical .ui-scrollbar-indicator { + width: 0.25rem; +} +/*************************************************************************** + Scrollbar Bouncing Effect +***************************************************************************/ +.ui-scrollbar-bouncing-effect { + display: none; + position: absolute; + background-repeat: no-repeat; + -webkit-animation-duration: 0.47s; + -moz-animation-duration: 0.47s; + -o-animation-duration: 0.47s; + animation-duration: 0.47s; + -webkit-animation-timing-function: step-start; + -moz-animation-timing-function: step-start; + -o-animation-timing-function: step-start; + animation-timing-function: step-start; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; + background-color: B018E; +} +.ui-scrollbar-bouncing-effect::before { + content: ""; + position: absolute; + background-color: B019; +} +.ui-scrollbar-bouncing-effect.ui-top, +.ui-scrollbar-bouncing-effect.ui-bottom { + width: 100%; + height: 3.125rem; + left: 0; + -webkit-mask-size: 100% 3.125rem; +} +.ui-scrollbar-bouncing-effect.ui-top::before, +.ui-scrollbar-bouncing-effect.ui-bottom::before { + width: 100%; + height: 0.125rem; + -webkit-mask-size: 100% 0.125rem; +} +.ui-scrollbar-bouncing-effect.ui-left, +.ui-scrollbar-bouncing-effect.ui-right { + width: 3.125rem; + height: 100%; + top: 0; + -webkit-mask-size: 3.125rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-left::before, +.ui-scrollbar-bouncing-effect.ui-right::before { + width: 0.0625rem; + height: 100%; + -webkit-mask-size: 0.0625rem 100%; +} +.ui-scrollbar-bouncing-effect.ui-top { + top: 0; + mask-image: url("images/Scroller/bouncing_top_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-top::before { + mask-image: url("images/Scroller/bouncing_top_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom { + bottom: 0; + mask-image: url("images/Scroller/bouncing_bottom_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-bottom::before { + mask-image: url("images/Scroller/bouncing_bottom_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-left { + left: 0; + mask-image: url("images/Scroller/bouncing_left_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-left::before { + mask-image: url("images/Scroller/bouncing_left_edge.png"); +} +.ui-scrollbar-bouncing-effect.ui-right { + right: 0; + mask-image: url("images/Scroller/bouncing_right_glow.png"); +} +.ui-scrollbar-bouncing-effect.ui-right::before { + mask-image: url("images/Scroller/bouncing_right_edge.png"); +} +@-webkit-keyframes ui-bouncing-show { + 0% { + opacity: 0; + } + 10% { + opacity: .1; + } + 20% { + opacity: .2; + } + 30% { + opacity: .3; + } + 40% { + opacity: .4; + } + 50% { + opacity: .5; + } + 60% { + opacity: .6; + } + 70% { + opacity: .7; + } + 80% { + opacity: .8; + } + 90% { + opacity: .9; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes ui-bouncing-hide { + 0% { + opacity: 1; + } + 10% { + opacity: .9; + } + 20% { + opacity: .8; + } + 30% { + opacity: .7; + } + 40% { + opacity: .6; + } + 50% { + opacity: .5; + } + 60% { + opacity: .4; + } + 70% { + opacity: .3; + } + 80% { + opacity: .2; + } + 90% { + opacity: .1; + } + 100% { + opacity: 0; + } +} +.ui-scrollbar-bouncing-effect.ui-show { + display: block; + -webkit-animation-name: ui-bouncing-show; + -moz-animation-name: ui-bouncing-show; + -o-animation-name: ui-bouncing-show; + animation-name: ui-bouncing-show; +} +.ui-scrollbar-bouncing-effect.ui-hide { + display: block; + -webkit-animation-name: ui-bouncing-hide; + -moz-animation-name: ui-bouncing-hide; + -o-animation-name: ui-bouncing-hide; + animation-name: ui-bouncing-hide; +} +.ui-swipelist { + position: absolute; + top: 0; +} +.ui-swipelist .ui-swipelist-icon { + width: 20%; + height: 100%; + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; +} +.ui-swipelist .ui-swipelist-text { + top: 50%; + transform: translate3d(0, -50%, 0); +} +.ui-swipelist-left, +.ui-swipelist-right { + position: absolute; + display: none; +} +.ui-swipelist-left { + background-color: B0242; + background-image: linear-gradient(left, B0242 0%, B011 0%); +} +.ui-swipelist-right { + background-color: B0241; + background-image: linear-gradient(right, B0241 0%, B011 0%); +} +.ui-swipelist-icon, +.ui-swipelist-text { + position: absolute; +} +.ui-swipelist-left .ui-swipelist-icon { + margin-left: 2%; + background-color: F021L1i; + mask-image: url('images/Swipelist/b_logs_icon_body_btn_call_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-left .ui-swipelist-text { + margin-left: 40%; +} +.ui-swipelist-right .ui-swipelist-icon { + margin-left: 80%; + background-color: F021L1i; + mask-image: url('images/Swipelist/b_logs_icon_actionbar_btn_msg_nor.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +.ui-swipelist-right .ui-swipelist-text { + margin-left: 20%; +} +.ui-tab-indicator { + position: relative; + height: 6px; +} +.ui-tab-indicator .ui-tab-item { + position: absolute; + top: 0; + left: 0; + display: block; + height: 6px; + background-color: B0514; +} +.ui-tab-indicator .ui-tab-item.ui-tab-active { + background-color: B0514P1; +} +input[type="checkbox"]:not(.ui-switch-input), +input[type="radio"] { + box-sizing: border-box; + padding: 0; + height: 56px; + width: 56px; + font-size: 32px; + appearance: none; + position: relative; +} +input[type="radio"] { + background-color: W013L1; + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; +} +input[type="radio"]::after { + content: ""; + background-color: W241; + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:checked::before { + content: ""; + background-color: W013L2; + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active { + background-color: W013L1P; + mask-image: url('images/Controller_icon/tw_btn_radiobox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; +} +input[type="radio"]:active::after { + content: ""; + background-color: W241P; + mask-image: url('images/Controller_icon/tw_btn_radiobox_line.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="radio"]:active:checked::before { + content: ""; + background-color: W013L2P; + mask-image: url('images/Controller_icon/tw_btn_radio_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input) { + mask-image: url('images/Controller_icon/tw_btn_checkbox_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: W012L1; +} +input[type="checkbox"]:not(.ui-switch-input)::after { + content: ""; + background-color: W231; + mask-image: url('images/Controller_icon/tw_btn_checkbox_line_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):checked::before { + content: ""; + mask-image: url('images/Controller_icon/tw_btn_check_holo_dark.png'); + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + background-color: W012L2; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active { + background-color: W012L1P; +} +input[type="checkbox"]:not(.ui-switch-input):active::after { + content: ""; + background-color: W231P; + width: 100%; + height: 100%; + position: absolute; +} +input[type="checkbox"]:not(.ui-switch-input):active:checked::before { + content: ""; + background-color: W012L2P; + width: 100%; + height: 100%; + position: absolute; +} +.ui-checkbox-small input[type=checkbox]:not(.ui-switch-input), +.ui-checkbox-small input[type=radio] { + top: 0.4375rem; + margin-right: 0.4375rem; + width: 2.125rem; + height: 2.125rem; +} +.ui-marquee { + position: relative; + white-space: nowrap; + overflow: hidden; + user-select: none; + width: 100%; + height: 2.4375rem; + line-height: 2.4375rem; +} +.ui-marquee.ui-marquee-gradient { + text-overflow: clip; + -webkit-mask-image: -webkit-linear-gradient(left, #ffffff 0, #ffffff 85%, transparent 100%); +} +.ui-marquee.ui-marquee-ellipsis .ui-marquee-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-marquee .ui-marquee-content { + left: 0; + position: relative; + overflow: visible; + display: inline-block; +} +.ui-marquee-anim-running { + -webkit-animation-play-state: running; +} +.ui-marquee-anim-stopped { + -webkit-animation-play-state: paused; +} +.ui-marquee.ui-marquee-gradient::after { + background: linear-gradient(left, transparent 0%, B0211 100%); +} +/**************************************************** + Page Indicator +*****************************************************/ +tau-pageindicator { + display: block; +} +.ui-page-indicator { + display: block; + position: absolute; + left: 50%; + transform: translate3d(-50%, 0, 0); + white-space: nowrap; + max-width: 100%; + overflow: hidden; +} +.ui-page-indicator .ui-page-indicator-item { + position: relative; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + mask-image: url(images/Indicator/indicator_horizontal_dot.png); + background-color: T0211D; + margin-right: 0.5rem; + margin-top: 1.5rem; + transition-property: -webkit-mask-image, mask-image; + transition-duration: 250ms; + transition-timing-function: ease-out; +} +.ui-page-indicator .ui-page-indicator-item:last-child { + margin-right: 0; +} +.ui-page-indicator .ui-page-indicator-item.ui-page-indicator-active { + mask-image: url(images/Indicator/indicator_horizontal_focus_dot.png); + background-color: W1911; +} +.ui-page-indicator.ui-page-indicator-circular { + top: 0; + left: 0; + width: 100vw; + height: 100vw; + transform: none; + pointer-events: none; +} +.ui-page-indicator.ui-page-indicator-circular .ui-page-indicator-item { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.3125rem; + margin-left: -0.3125rem; + margin-right: 0; +} +.ui-snap-container { + -webkit-scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; +} +.ui-snap-container.ui-snap-disabled { + -webkit-scroll-snap-type: none; +} +.ui-snap-listview-item { + -webkit-scroll-snap-coordinate: 50% 50%; +} +tau-drawer { + display: block; +} +.ui-drawer { + width: 100%; + height: 100%; + position: fixed; + top: 0; + background-color: B011; + z-index: 1201; + box-sizing: border-box; +} +.ui-drawer.ui-drawer-close { + overflow: hidden; +} +.ui-drawer.ui-drawer-open { + overflow: auto; +} +.ui-drawer-overlay { + top: 0; + position: fixed; + background-color: rgba(0, 0, 0, 0.8); + z-index: 1200; +} +tau-drawermorestyle { + display: block; +} +tau-sectionchanger { + display: block; +} +.ui-section-changer { + height: 100%; +} +.ui-view-switcher { + height: 100%; + overflow: hidden; +} +.ui-view-switcher.ui-view-carousel .ui-view { + display: none; + position: absolute; + z-index: -1000; + top: 50%; + background-color: #fafafa; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active { + display: inline; + z-index: 100; + left: 50%; + transform: translate3d(-50%, 0, 0); +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-active .ui-view-carousel-dim { + opacity: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-left { + display: inline; + left: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view.ui-view-carousel-right { + display: inline; + right: 0; +} +.ui-view-switcher.ui-view-carousel .ui-view .ui-view-carousel-dim { + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; +} +.ui-slider { + position: relative; + box-sizing: border-box; + background-color: B065L3; +} +.ui-slider .ui-slider-value { + background-color: B065L2; +} +.ui-slider .ui-slider-handler { + width: 2.25rem; + height: 2.25rem; + background-color: #fafafa; + border-radius: 50%; + position: absolute; + text-indent: 9999px; + transition: transform 300ms ease-out; +} +.ui-slider.ui-slider-horizontal { + height: 6px; + margin: 20px 22px; +} +.ui-slider.ui-slider-horizontal .ui-slider-value { + height: 6px; +} +.ui-slider.ui-slider-horizontal .ui-slider-handler { + top: 50%; + margin-left: -20px; + border: 3px solid B065L2; + transform: translate(0, -50%) scale(0.6); +} +.ui-slider.ui-slider-horizontal .ui-slider-handler.ui-slider-handler-active { + transform: translate(0, -50%) scale(1); +} +.ui-slider-title { + text-align: center; + color: T063; + font-size: 28px; +} +.ui-slider-subtitle { + text-align: center; + color: T063; + font-size: 28px; +} +.ui-selector { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: B0511D; +} +.ui-selector .ui-layer { + position: absolute; + display: none; + width: 4.25rem; + height: 4.25rem; + border-radius: 50%; +} +.ui-selector .ui-layer.ui-layer-active { + display: block; + width: 100%; + height: 100%; + z-index: 3; +} +.ui-selector .ui-layer.ui-layer-active .ui-item { + visibility: visible; + -webkit-transition: transform 300ms ease-out; + -moz-transition: transform 300ms ease-out; + -o-transition: transform 300ms ease-out; + -ms-transition: transform 300ms ease-out; + transition: transform 300ms ease-out; +} +.ui-selector .ui-layer.ui-layer-hide .ui-item { + visibility: visible; + -webkit-transition: transform 100ms ease-out; + -moz-transition: transform 100ms ease-out; + -o-transition: transform 100ms ease-out; + -ms-transition: transform 100ms ease-out; + transition: transform 100ms ease-out; +} +.ui-selector .ui-layer.ui-layer-prev { + display: block; + width: 3rem; + height: 3rem; + left: 50%; + margin-left: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + mask-image: url("images/Common/b_more_option_btn_previous_page.png"); +} +.ui-selector .ui-layer.ui-layer-next { + display: block; + width: 3rem; + height: 3rem; + right: 50%; + margin-right: 0.375rem; + margin-top: 0.75rem; + z-index: 5; + mask-image: url("images/Common/b_more_option_btn_next_page.png"); +} +.ui-selector .ui-item { + background-color: B0554; + position: absolute; + visibility: hidden; + width: 4.25rem; + height: 4.25rem; + top: 50%; + left: 50%; + border-radius: 50%; + margin: -2.125rem; + z-index: 100; +} +.ui-selector .ui-item:active { + background-color: B0554P; +} +.ui-selector .ui-item::before { + transition: background-color 200ms ease-out; +} +.ui-selector .ui-selector-indicator { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + position: absolute; + z-index: 4; + width: 10.25rem; + height: 10.25rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; +} +.ui-selector .ui-selector-indicator::before { + content: ""; + position: absolute; + width: 90%; + height: 90%; + left: 50%; + top: 50%; + border-radius: 50%; + background-color: transparent; + transform: translate(-50%, -50%); + opacity: 0; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-active::before { + z-index: -1; + background-color: white; + transform: translate(-50%, -50%) scale(1.1); + animation-duration: 300ms, 733ms; + animation-name: touch-text-btn-scale, touch-text-btn-opacity; + animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 1), linear; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-text { + font-size: 1.875rem; + pointer-events: none; + width: 10.25rem; + line-height: 2.5rem; + max-height: 5rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active { + background-repeat: no-repeat; + background-position: 50% 50%; + width: 8.75rem; + height: 8.75rem; + overflow: hidden; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active-with-text { + margin-top: -0.25rem; + width: 5.875rem; + height: 5.875rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-icon-active + .ui-selector-indicator-text:not(:empty) { + margin-top: 0.3125rem; + width: 8.625rem; +} +.ui-selector .ui-selector-indicator .ui-selector-indicator-subtext { + font-size: 1.8125rem; + pointer-events: none; + width: 8.625rem; + line-height: 2.4375rem; + max-height: 2.4375rem; + text-align: center; + overflow: hidden; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-text { + width: 9.375rem; +} +.ui-selector .ui-selector-indicator.ui-selector-indicator-with-subtext .ui-selector-indicator-subtext { + color: T117; + width: 9.375rem; +} +.ui-selector .ui-selector-indicator-arrow { + position: absolute; + width: 13.125rem; + height: 13.125rem; + top: 50%; + left: 50%; + margin: -6.5625rem; + text-align: center; + line-height: 13.125rem; + font-size: 1.75rem; + z-index: 0; +} +.ui-selector .ui-selector-indicator-arrow::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + mask-image: url('images/Common/b_rotary_selector_center_pointer.png'); + -webkit-mask-size: 100% 100%; + -moz-mask-size: 100% 100%; + -ms-mask-size: 100% 100%; + -o-mask-size: 100% 100%; + mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; + -moz-mask-repeat: no-repeat; + -ms-mask-repeat: no-repeat; + -o-mask-repeat: no-repeat; + mask-repeat: no-repeat; + background-color: B0116; +} +.ui-selector.ui-selector-edit-mode .ui-layer .ui-item-removable:active { + background-color: B0554; +} +.scrolling-scrollbar { + position: absolute; + pointer-events: none; + transition: opacity 2.5s; + opacity: 0; +} +.scrolling-scrollbar .scrolling-scrollthumb { + stroke: #009de4; + background-color: #009de4; + position: absolute; +} +.scrolling-scrollbar.scrolling-direction-y { + right: 0; + width: 10px; +} +.scrolling-scrollbar.scrolling-direction-y .scrolling-scrollthumb { + width: 10px; + min-height: 20px; + top: 0; + left: 50%; + margin-left: -5px; +} +.scrolling-scrollbar.scrolling-direction-x { + bottom: 0; + height: 10px; +} +.scrolling-scrollbar.scrolling-direction-x .scrolling-scrollthumb { + height: 10px; + min-width: 20px; + left: 0; + top: 50%; + margin-top: -5px; +} +.scrolling-scrollbar:not(.scrolling-circular) { + background-color: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular { + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.scrolling-scrollbar.scrolling-circular .ui-polar { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + pointer-events: none; +} +.scrolling-scrollbar.scrolling-circular .ui-polar .scrolling-path { + stroke: rgba(255, 255, 255, 0.2); +} +.scrolling-scrollbar.scrolling-circular .ui-polar .ui-animated { + transition: all .5s; +} +.scrolling-scrollbar.fade-in { + opacity: 1; + transition: opacity .5s; +} +.ui-page.ui-empty-state { + background-color: B0911; + color: T071; +} +.ui-page.ui-empty-state header.ui-header { + height: 6.75rem; +} +.ui-page.ui-empty-state:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + mask-image: url("images/Common/tw_no_item_bg.png"); + background-color: rgba(255, 255, 255, 0.1); +} +.ui-page.ui-empty-state .ui-title { + color: T012; + font-size: 1.875rem; + line-height: 2.4375rem; +} +.ui-page.ui-empty-state .ui-content { + overflow: hidden; + color: T071; + font-size: 1.75rem; + line-height: 2.3125rem; + padding-left: 3.75rem; + padding-right: 3.75rem; + margin: 0 auto; +} +.ui-page.ui-empty-state .ui-content .ui-icon { + width: 6.125rem; + height: 6.125rem; +} +.ui-page.ui-empty-state .ui-content .ui-empty-state-label { + display: flex; + justify-content: center; + height: 4.625rem; + margin-top: 0.5rem; + align-items: center; + overflow: hidden; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header { + height: 7.8125rem; + margin-top: 0; +} +.ui-page.ui-empty-state.ui-empty-state-add-item header.ui-header .ui-title { + padding-top: 3.1875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-icon { + width: 8.125rem; + height: 6.875rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label { + height: 2.3125rem; + margin-top: 1.75rem; +} +.ui-page.ui-empty-state.ui-empty-state-add-item .ui-content .ui-empty-state-label.ui-label-2-lines { + margin-top: 0.125rem; + height: 4.625rem; +} +.ui-grid { + padding: 0; + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + overflow: hidden; + background-color: B011; +} +.ui-grid.ui-hidden { + display: none; +} +.ui-grid li { + transition-property: border-radius, -webkit-mask-size, mask-size; + transition-duration: 450ms; + transition-timing-function: linear; + position: absolute; + overflow: hidden; + transform-style: preserve-3d; +} +.ui-grid li a { + position: relative; +} +.ui-grid li a:active:hover:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(38, 38, 38, 0.4); +} +.ui-grid.ui-grid-horizontal { + height: 22.5rem; +} +.ui-grid.ui-grid-horizontal li { + transform-origin: left center; +} +.ui-grid.ui-grid-horizontal.ui-grid-rectangle li { + mask-size: 22.5rem auto; + mask-image: url('images/Grid/tw_basic_grid_horizontal.png'); +} +.ui-grid.ui-grid-vertical { + width: 22.5rem; +} +.ui-grid.ui-grid-vertical li { + transform-origin: center top; +} +.ui-grid.ui-grid-vertical.ui-grid-rectangle li { + mask-size: auto 22.5rem; + mask-image: url('images/Grid/tw_basic_grid_vertical.png'); +} +.ui-grid.ui-grid-circle li { + border-radius: 100%; +} +.ui-grid.ui-grid-rectangle li { + border-radius: 1.125rem; + mask-position: center; + mask-repeat: no-repeat; +} +.ui-grid.ui-grid-3x3 { + height: 22.5rem; +} +.ui-grid.ui-grid-3x3.ui-children-positioned li.ui-positioned { + position: absolute; + left: 0; + top: 0; + margin: 0 !important; +} +.ui-grid.ui-grid-3x3 li { + width: 22.5rem; + height: 22.5rem; + position: absolute; + display: inline-block; +} +.ui-grid.ui-grid-3x3 li.ui-selected { + transform-origin: left center; +} +.ui-grid.ui-grid-3x3 li a { + display: inline-block; +} +.ui-grid.ui-grid-3x3 .thumb { + width: 100%; + height: 100%; + position: relative; +} +.ui-grid.ui-grid-image { + padding: 0; +} +.ui-grid.ui-grid-image li { + transform-origin: center center; + width: 22.5rem; + height: 22.5rem; + overflow: hidden; +} +.ui-grid.ui-grid-image li a { + display: inline-block; +} +.ui-grid.ui-grid-image .thumb { + width: 22.5rem; + height: 22.5rem; + position: relative; +} +.ui-grid.ui-grid-thumbnail { + background-color: W143; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-horizontal li { + mask-size: 14rem auto; +} +.ui-grid.ui-grid-thumbnail.ui-grid-rectangle.ui-grid-vertical li { + mask-size: auto 14rem; +} +.ui-grid-container { + position: relative; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-scroll-snap-type: mandatory; + scroll-snap-type: mandatory; + -webkit-scroll-snap-destination: 50% 50%; + scroll-snap-destination: 50% 50%; +} +.ui-grid-container .ui-image-section { + width: 22.5rem; + height: 22.5rem; +} +.ui-grid-container .snap-point { + width: 0.0625rem; + height: 0.0625rem; + position: absolute; + -webkit-scroll-snap-coordinate: 50% 50%; + scroll-snap-coordinate: 50% 50%; + visibility: hidden; +} +.ui-grid-container.ui-grid-horizontal { + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + height: 22.5rem; +} +.ui-grid-container.ui-grid-horizontal .snap-point { + top: 50%; +} +.ui-grid-container.ui-grid-vertical { + overflow-x: hidden; + overflow-y: scroll; + width: 22.5rem; + height: 100%; +} +.ui-grid-container.ui-grid-vertical .snap-point { + left: 50%; +} +.ui-circleindicator { + position: fixed; + z-index: 0; +} +.ui-circleindicator svg { + position: absolute; + top: 0; + left: 0; + z-index: 0; + width: 100%; + height: 100%; +} +.ui-circleindicator svg:nth-child(2) circle { + transition: stroke-dashoffset 0.5s linear; +} +.ui-circleindicator svg .ui-big { + z-index: 4; +} +.ui-circleindicator svg .ui-pointer { + z-index: 5; +} +/*implementation of animation added by polar*/ +.ui-animated { + transition: 1s linear; +} +.ui-hyperlink { + text-decoration: underline; +} +.ui-spin { + position: relative; + display: inline-block; + height: 3.75rem; + background-color: transparent; + overflow: hidden; + font-size: 1.375rem; + padding: 0; + box-sizing: content-box; + width: 5rem; +} +.ui-spin-item { + background-color: transparent; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 1.875rem; + display: flex; + flex-direction: column; + justify-content: center; + color: #4dcfff; +} +.ui-spin-item-selected { + font-size: 1.875rem; + height: 1.875rem; + color: #ffffff; +} +.ui-spin-enabling { + height: 100%; +} +.ui-spin-enabling .ui-spin-item { + transition: 300ms opacity linear; +} +.tau-info-theme:after { + content: "default"; +}

TAU Basic

Call menu

Header

SectionChanger

LEFT1 PAGE

MAIN PAGE

RIGHT1 PAGE

Call menu

Call menu

Drawer

Left Drawer

Left Drawer

Left Drawer

Left Drawer

Left Drawer

Left Drawer

IndexScrollbar

CircularIndexScrollbar