/*!
 * Framework8 All Component. All of the Framework8 blocks.
 * Framework8 is a template in CSS, JS, and HTML for those who love good design.
 *
 * @version v1.3.0
 * @license Included with the package you've purchased.
 * @copyright 2022 MyThemeIsReady. All Rights Reserved.
 * @link https://imalitavakoli.github.io/
 *
 * NOTE: For more straightforward sizing in CSS, we switch the global
 * `box-sizing` value from `content-box` to `border-box`. It can cause problems
 * with some third party software. On the rare occasion you need to override it,
 * use something like the following:
 * .selector-for-some-widget { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
 */*,:after,:before{box-sizing:border-box}:root{--f8-blocks-def-text-color:#333;--f8-blocks-def-bg-color:hsla(0,0%,53%,.2);--f8-blocks-def-hr-color:hsla(0,0%,53%,.4);--f8-blocks-whitish-color:#fff;--f8-blocks-blackish-color:#000;--f8-blocks-whitish-2-color:#ddd;--f8-blocks-blackish-2-color:#333;--f8-blocks-whitish-alpha-color:hsla(0,0%,87%,.25);--f8-blocks-blackish-alpha-color:rgba(51,51,51,.25);--f8-blocks-primary-color:#5c6bc0;--f8-blocks-accent-color:#ffa726;--f8-blocks-greenish-color:#66bb6a;--f8-blocks-reddish-color:#ef5350;--f8-blocks-yellowish-color:#ff7043;--f8-blocks-bluish-color:#42a5f5;--f8-blocks-primary-2-color:#3a4896;--f8-blocks-accent-2-color:#d98100;--f8-blocks-greenish-2-color:#419345;--f8-blocks-reddish-2-color:#de1814;--f8-blocks-yellowish-2-color:#f63b00;--f8-blocks-bluish-2-color:#0c80df;--f8-blocks-primary-alpha-color:rgba(92,107,192,.3);--f8-blocks-accent-alpha-color:rgba(255,167,38,.3);--f8-blocks-greenish-alpha-color:rgba(102,187,106,.3);--f8-blocks-reddish-alpha-color:rgba(239,83,80,.3);--f8-blocks-yellowish-alpha-color:rgba(255,112,67,.3);--f8-blocks-bluish-alpha-color:rgba(66,165,245,.3);--f8-blocks-font-size:1rem;--f8-blocks-spacer:1rem;--f8-blocks-border-width:2px;--f8-blocks-border-radius:4px}.f8-button{--f8-button-text-color:inherit;--f8-button-bg-color:var(--f8-blocks-def-bg-color);--f8-button-bg-hover-color:var(--f8-blocks-def-hr-color);--f8-button-font-size:var(--f8-blocks-font-size);--f8-button-padding-x:var(--f8-blocks-spacer);--f8-button-padding-y:var(--f8-blocks-spacer);position:relative;display:inline-flex;justify-content:center;align-items:center;align-content:center;margin-bottom:0;transition:all .3s;border:0;border-radius:0;background-image:none;font-weight:400;text-align:center;vertical-align:middle;white-space:normal;line-height:inherit;overflow:hidden;touch-action:manipulation;cursor:pointer;user-select:none;padding:var(--f8-button-padding-y) var(--f8-button-padding-x);font-size:var(--f8-button-font-size)}.f8-button,.f8-button:active,.f8-button:focus,.f8-button:hover,.f8-button:link,.f8-button:visited{background-color:var(--f8-button-bg-color);color:var(--f8-button-text-color)}.f8-button.f8-button--state-active,.f8-button.f8-button--state-loading,.f8-button:active,.f8-button:hover,.f8-nav .f8-button.current{background-color:var(--f8-button-bg-hover-color)}.f8-button.f8-button--effect-fader,.f8-button.f8-button--effect-light,.f8-button.f8-button--effect-outline{border-color:var(--f8-button-bg-color);background-color:transparent;color:var(--f8-button-bg-hover-color)}.f8-button.f8-button--effect-fader.f8-button--state-active,.f8-button.f8-button--effect-fader.f8-button--state-loading,.f8-button.f8-button--effect-fader:active,.f8-button.f8-button--effect-fader:hover,.f8-button.f8-button--effect-light.f8-button--state-active,.f8-button.f8-button--effect-light.f8-button--state-loading,.f8-button.f8-button--effect-light:active,.f8-button.f8-button--effect-light:hover,.f8-button.f8-button--effect-outline.f8-button--state-active,.f8-button.f8-button--effect-outline.f8-button--state-loading,.f8-button.f8-button--effect-outline:active,.f8-button.f8-button--effect-outline:hover,.f8-nav .f8-button.f8-button--effect-fader.current,.f8-nav .f8-button.f8-button--effect-light.current,.f8-nav .f8-button.f8-button--effect-outline.current{background-color:var(--f8-button-bg-color);color:var(--f8-button-text-color)}.f8-button.f8-button--effect-3d{background-color:var(--f8-button-bg-color);box-shadow:0 4px var(--f8-button-bg-hover-color)}.f8-button .f8-button__head{font-size:calc(var(--f8-button-font-size) * 1.5)}.f8-button,.f8-button:active,.f8-button:focus,.f8-button:hover,.f8-button:link,.f8-button:visited{text-decoration:none}.f8-button.f8-button--state-active:focus,.f8-button:active:focus,.f8-button:focus,.f8-nav .f8-button.current:focus{outline:0;box-shadow:0 0 0 var(--f8-blocks-border-width) var(--f8-blocks-def-bg-color)}.f8-button.f8-button--state-loading:focus{outline:none}.f8-button.f8-button--state-disable,.f8-button[disabled],fieldset[disabled] .f8-button{opacity:.3;pointer-events:none}.f8-button .f8-icon{transition:all 0s}.f8-button--color-fitful-agree{--f8-button-text-color:#000;--f8-button-bg-color:var(--f8-blocks-whitish-color);--f8-button-bg-hover-color:var(--f8-blocks-whitish-2-color)}.f8-button--color-fitful-against,[class*=dark] .f8-button--color-fitful-agree{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-blackish-color);--f8-button-bg-hover-color:var(--f8-blocks-blackish-2-color)}.f8-button--color-whitish,[class*=dark] .f8-button--color-fitful-against{--f8-button-text-color:#000;--f8-button-bg-color:var(--f8-blocks-whitish-color);--f8-button-bg-hover-color:var(--f8-blocks-whitish-2-color)}.f8-button--color-blackish{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-blackish-color);--f8-button-bg-hover-color:var(--f8-blocks-blackish-2-color)}.f8-button--color-primary{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-primary-color);--f8-button-bg-hover-color:var(--f8-blocks-primary-2-color)}.f8-button--color-accent{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-accent-color);--f8-button-bg-hover-color:var(--f8-blocks-accent-2-color)}.f8-button--color-greenish{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-greenish-color);--f8-button-bg-hover-color:var(--f8-blocks-greenish-2-color)}.f8-button--color-reddish{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-reddish-color);--f8-button-bg-hover-color:var(--f8-blocks-reddish-2-color)}.f8-button--color-yellowish{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-yellowish-color);--f8-button-bg-hover-color:var(--f8-blocks-yellowish-2-color)}.f8-button--color-bluish{--f8-button-text-color:#fff;--f8-button-bg-color:var(--f8-blocks-bluish-color);--f8-button-bg-hover-color:var(--f8-blocks-bluish-2-color)}.f8-button--size-xs{--f8-button-padding-x:calc(var(--f8-blocks-spacer) * 0.5);--f8-button-padding-y:calc(var(--f8-blocks-spacer) * 0.25)}.f8-button--size-sm,.f8-button--size-xs{--f8-button-font-size:calc(var(--f8-blocks-font-size) * 0.75)}.f8-button--size-sm{--f8-button-padding-x:var(--f8-blocks-spacer);--f8-button-padding-y:calc(var(--f8-blocks-spacer) * 0.5)}.f8-button--size-lg{--f8-button-font-size:calc(var(--f8-blocks-font-size) * 1.5);--f8-button-padding-x:calc(var(--f8-blocks-spacer) * 1.5);--f8-button-padding-y:calc(var(--f8-blocks-spacer) * 1.5)}.f8-button--visual-block{width:100%}.f8-button--visual-block+.f8-button--visual-block{margin-top:var(--f8-blocks-spacer)}input[type=button].f8-button--visual-block,input[type=reset].f8-button--visual-block,input[type=submit].f8-button--visual-block{width:100%}.f8-button--effect-light{border:1px solid}.f8-button--effect-fader,.f8-button--effect-outline{border:var(--f8-blocks-border-width) solid}.f8-button--effect-3d:hover{filter:brightness(1.15)}.f8-button--effect-3d.f8-button--state-active,.f8-button--effect-3d.f8-button--state-loading,.f8-button--effect-3d:active,.f8-nav .f8-button--effect-3d.current{filter:brightness(1);transform:translateY(4px);box-shadow:0 0 var(--f8-button-bg-hover-color)}.f8-button--effect-fader .f8-button__icon,.f8-button--effect-fader .f8-button__label,.f8-button--effect-rotator .f8-button__icon,.f8-button--effect-rotator .f8-button__label{transition:transform .3s,opacity .3s}.f8-button--effect-fader .f8-button__icon,.f8-button--effect-rotator .f8-button__icon{position:absolute}.f8-button--effect-rotator .f8-button__icon{transform:translateY(-300%)}.f8-button--effect-rotator.f8-button--state-active .f8-button__label,.f8-button--effect-rotator:hover .f8-button__label,.f8-nav .f8-button--effect-rotator.current .f8-button__label{transform:translateY(300%)}.f8-button--effect-rotator.f8-button--state-active .f8-button__icon,.f8-button--effect-rotator:hover .f8-button__icon,.f8-nav .f8-button--effect-rotator.current .f8-button__icon{transform:translateY(0)}.f8-button--effect-fader .f8-button__icon{transform:translateY(35%);opacity:0}.f8-button--effect-fader.f8-button--state-active .f8-button__label,.f8-button--effect-fader:hover .f8-button__label,.f8-nav .f8-button--effect-fader.current .f8-button__label{transform:translateY(-35%);opacity:0}.f8-button--effect-fader.f8-button--state-active .f8-button__icon,.f8-button--effect-fader:hover .f8-button__icon,.f8-nav .f8-button--effect-fader.current .f8-button__icon{transform:translateY(0);opacity:1}.f8-button--state-loading{pointer-events:none}.f8-button--state-loading .f8-button__holder{visibility:hidden;opacity:0;pointer-events:none}.f8-button--state-loading .f8-button__loader{visibility:visible;opacity:1}.f8-button__holder,.f8-button__loader{display:flex;align-content:center;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s}.f8-button__holder>svg,.f8-button__loader>svg{margin:0;width:100%;height:100%;object-fit:contain}.f8-button__loader{position:absolute;visibility:hidden;opacity:0}.f8-button__body,.f8-button__head,.f8-button__icon,.f8-button__label,.f8-button__loader{pointer-events:none}.f8-button__body,.f8-button__head{display:block}.f8-button__icon{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f8-button__group{display:inline-flex;justify-content:space-between}.f8-button__group>*{margin:0;flex:1 0 auto;border-radius:0}.f8-button__group.u8-curved>:first-child{border-top-left-radius:var(--f8-blocks-border-radius);border-bottom-left-radius:var(--f8-blocks-border-radius)}.f8-button__group.u8-curved>:last-child{border-top-right-radius:var(--f8-blocks-border-radius);border-bottom-right-radius:var(--f8-blocks-border-radius)}.f8-button__group.u8-rounded>:first-child{border-top-left-radius:100px;border-bottom-left-radius:100px}.f8-button__group.u8-rounded>:last-child{border-top-right-radius:100px;border-bottom-right-radius:100px}.f8-button__group>.f8-button.f8-button--effect-outline:not(:first-child){margin-left:calc(var(--f8-blocks-border-width) * -1)}.f8-button__group>.f8-button.f8-button--effect-light:not(:first-child){margin-left:-1px}