.btnIcon{--btn-bg:#ffffff1a;--btn-bg-hover:#ffffff4d;--btn-color:#fff;--btn-color-hover:#fff;--btn-icon-size:1.75rem;--btn-rounded:var(--rounded-infinity);--btn-size:var(--size-btn);display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--btn-size);position:relative;width:var(--btn-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--btn-bg);border-radius:var(--btn-rounded);color:var(--btn-color);justify-content:center;overflow:hidden;-webkit-transition:background-color var(--animation-default),color var(--animation-default),opacity var(--animation-default);transition:background-color var(--animation-default),color var(--animation-default),opacity var(--animation-default);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:2100px){.btnIcon{--btn-icon-size:1.5rem}}@media screen and (max-width:1600px){.btnIcon{--btn-icon-size:1.25rem}}@media screen and (max-width:1160px){.btnIcon{--btn-icon-size:1rem}}@media(hover:hover)and (pointer:fine){.btnIcon:not(:disabled):hover{--btn-bg:var(--btn-bg-hover);--btn-color:var(--btn-color-hover)}}.btnIcon:disabled{cursor:not-allowed;opacity:.6}.btnIcon .icon{--icon-color:var(--btn-color);--icon-size:var(--btn-icon-size)}.btnIcon__wrapper{pointer-events:none;position:relative;-webkit-transition:opacity var(--animation-short);transition:opacity var(--animation-short);z-index:10}.btnIcon__wrapper .icon:last-child:not(:first-child):not(.loadingIcon){display:none;inset:0;position:absolute}.btnIcon[class*=btnIcon_anim]{--btn-icon-offset:5px}.btnIcon[class*=btnIcon_anim] .btnIcon__wrapper{overflow:hidden}.btnIcon[class*=btnIcon_anim] .btnIcon__wrapper .icon:last-child:not(:first-child){display:block}@media(hover:hover)and (pointer:fine){.btnIcon[class*=btnIcon_anim].btnIcon_animT:not(:disabled):hover .btnIcon__wrapper .icon:first-child:not(:last-child){-webkit-transform:translateY(calc(-100% - var(--btn-icon-offset)));-ms-transform:translateY(calc(-100% - var(--btn-icon-offset)));transform:translateY(calc(-100% - var(--btn-icon-offset)))}.btnIcon[class*=btnIcon_anim].btnIcon_animT:not(:disabled):hover .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.btnIcon[class*=btnIcon_anim].btnIcon_animT .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateY(calc(100% + var(--btn-icon-offset)));-ms-transform:translateY(calc(100% + var(--btn-icon-offset)));transform:translateY(calc(100% + var(--btn-icon-offset)))}@media(hover:hover)and (pointer:fine){.btnIcon[class*=btnIcon_anim].btnIcon_animR:not(:disabled):hover .btnIcon__wrapper .icon:first-child:not(:last-child){-webkit-transform:translateX(calc(100% + var(--btn-icon-offset)));-ms-transform:translateX(calc(100% + var(--btn-icon-offset)));transform:translate(calc(100% + var(--btn-icon-offset)))}.btnIcon[class*=btnIcon_anim].btnIcon_animR:not(:disabled):hover .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.btnIcon[class*=btnIcon_anim].btnIcon_animR .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateX(calc(-100% - var(--btn-icon-offset)));-ms-transform:translateX(calc(-100% - var(--btn-icon-offset)));transform:translate(calc(-100% - var(--btn-icon-offset)))}@media(hover:hover)and (pointer:fine){.btnIcon[class*=btnIcon_anim].btnIcon_animB:not(:disabled):hover .btnIcon__wrapper .icon:first-child:not(:last-child){-webkit-transform:translateY(calc(100% + var(--btn-icon-offset)));-ms-transform:translateY(calc(100% + var(--btn-icon-offset)));transform:translateY(calc(100% + var(--btn-icon-offset)))}.btnIcon[class*=btnIcon_anim].btnIcon_animB:not(:disabled):hover .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.btnIcon[class*=btnIcon_anim].btnIcon_animB .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateY(calc(-100% - var(--btn-icon-offset)));-ms-transform:translateY(calc(-100% - var(--btn-icon-offset)));transform:translateY(calc(-100% - var(--btn-icon-offset)))}@media(hover:hover)and (pointer:fine){.btnIcon[class*=btnIcon_anim].btnIcon_animL:not(:disabled):hover .btnIcon__wrapper .icon:first-child:not(:last-child){-webkit-transform:translateX(calc(-100% - var(--btn-icon-offset)));-ms-transform:translateX(calc(-100% - var(--btn-icon-offset)));transform:translate(calc(-100% - var(--btn-icon-offset)))}.btnIcon[class*=btnIcon_anim].btnIcon_animL:not(:disabled):hover .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.btnIcon[class*=btnIcon_anim].btnIcon_animL .btnIcon__wrapper .icon:last-child:not(:first-child){-webkit-transform:translateX(calc(100% + var(--btn-icon-offset)));-ms-transform:translateX(calc(100% + var(--btn-icon-offset)));transform:translate(calc(100% + var(--btn-icon-offset)))}.btnIcon_spy{will-change:transform}.btnIcon.btnIcon_loading .btnIcon__wrapper .icon:not(.loadingIcon){opacity:0}.btnIcon.btnIcon_varLink{--btn-bg:#ededf5;--btn-bg-hover:#ededf5;--btn-color:#1f2842;--btn-color-hover:#1f2842;--btn-icon-size:1.5rem}@media screen and (max-width:2100px){.btnIcon.btnIcon_varLink{--btn-icon-size:1.25rem}}@media screen and (max-width:1600px){.btnIcon.btnIcon_varLink{--btn-icon-size:1rem}}@media screen and (max-width:620px){.btnIcon.btnIcon_varLink{--btn-icon-size:.875rem}}.btnIcon.btnIcon_varClose{--btn-bg:#fff;--btn-bg-hover:#fff;--btn-color:#1f2842;--btn-color-hover:#1f2842;--btn-icon-size:2rem}@media screen and (max-width:2100px){.btnIcon.btnIcon_varClose{--btn-icon-size:1.5rem}}@media screen and (max-width:1600px){.btnIcon.btnIcon_varClose{--btn-icon-size:1.25rem}}@media screen and (max-width:620px){.btnIcon.btnIcon_varClose{--btn-icon-size:1.125rem;--btn-size:1.875rem}}.btnIcon.btnIcon_varHeader{--btn-bg:#fff;--btn-bg-hover:#fff;--btn-color:#1f2842;--btn-color-hover:#1f2842;--btn-icon-size:1.5rem;--btn-size:var(--size-btn-header)}@media screen and (max-width:2100px){.btnIcon.btnIcon_varHeader{--btn-icon-size:1.25rem}}@media screen and (max-width:1600px){.btnIcon.btnIcon_varHeader{--btn-icon-size:1.125rem}}@media screen and (max-width:620px){.btnIcon.btnIcon_varHeader{--btn-icon-size:1rem}}
