@layer reset, common, component;
@layer component{:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch{cursor:pointer;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch__container{display:flex;flex-direction:column;align-items:center;width:fit-content}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch__label{font-family:var(--S_font-family_primary);font-style:normal;font-weight:400;font-size:13px;color:var(--S_color_text_secondary_base);margin-bottom:3px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--on{background-color:var(--S_color_background_confirm_base)}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--off{background-color:var(--S_color_background_warn_base)}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--disabled{background-color:var(--C_InactiveButton_color_background);cursor:unset}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--loading{opacity:50%;cursor:unset;pointer-events:none}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch{border-radius:24px;-webkit-border-radius:24px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch__wrapper{position:relative;width:100%;height:100%}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch__toggle{border-radius:50%;-webkit-border-radius:50%;background-color:var(--S_color_background_default_base);position:absolute;top:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translateY(-50%);-webkit-transition:left ease .3s;-moz-transition:left ease .3s;-o-transition:left ease .3s;transition:left ease .3s}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh.Switch--size-default{height:22px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh.Switch--size-default .Switch__toggle{width:18px;height:18px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh.Switch--on{background-color:var(--VIP_Refresh_color_confirm_base)}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh.Switch--on .Switch__toggle{left:20px!important}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh.Switch--off{background-color:var(--VIP_Refresh_color_grey_base)}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh .Switch__toggle{transition:left .25s cubic-bezier(.68,-.55,.265,1.55)}@media(prefers-reduced-motion:reduce){:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--refresh .Switch__toggle{transition:none}}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-default{max-width:40px;width:40px;height:24px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-default .Switch__toggle{width:20px;height:20px;left:2px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-default.Switch--on .Switch__toggle{left:18px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-default.Switch--off .Switch__toggle{left:2px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-compact{max-width:30px;width:30px;height:18px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-compact .Switch__toggle{width:15px;height:15px;left:2px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-compact.Switch--on .Switch__toggle{left:13px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-compact.Switch--off .Switch__toggle{left:2px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-medium{max-width:35px;width:35px;height:21px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-medium .Switch__toggle{width:17.5px;height:17.5px;left:2px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-medium.Switch--on .Switch__toggle{left:15.5px}:where(:root[data-brand=intaserve]) :not(:where([data-product] *)) .Switch--size-medium.Switch--off .Switch__toggle{left:2px}}@layer component{:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch{cursor:pointer;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch__container{display:flex;flex-direction:column;align-items:center;width:fit-content}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch__label{font-family:var(--S_font-family_primary);font-style:normal;font-weight:400;font-size:13px;color:var(--S_color_text_secondary_base);margin-bottom:3px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--on{background-color:var(--S_color_background_confirm_base)}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--off{background-color:var(--S_color_border_secondary-alt_base)}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--disabled{background-color:var(--C_InactiveButton_color_background);cursor:unset}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--loading{opacity:50%;cursor:unset;pointer-events:none}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch{border-radius:24px;-webkit-border-radius:24px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch__wrapper{position:relative;width:100%;height:100%}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch__toggle{border-radius:50%;-webkit-border-radius:50%;background-color:var(--S_color_background_default_base);position:absolute;top:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translateY(-50%);-webkit-transition:left ease .3s;-moz-transition:left ease .3s;-o-transition:left ease .3s;transition:left ease .3s}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh.Switch--size-default{height:22px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh.Switch--size-default .Switch__toggle{width:18px;height:18px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh.Switch--on{background-color:var(--VIP_Refresh_color_confirm_base)}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh.Switch--on .Switch__toggle{left:20px!important}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh.Switch--off{background-color:var(--VIP_Refresh_color_grey_base)}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh .Switch__toggle{transition:left .25s cubic-bezier(.68,-.55,.265,1.55)}@media(prefers-reduced-motion:reduce){:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--refresh .Switch__toggle{transition:none}}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-default{max-width:40px;width:40px;height:24px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-default .Switch__toggle{width:20px;height:20px;left:2px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-default.Switch--on .Switch__toggle{left:18px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-default.Switch--off .Switch__toggle{left:2px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-compact{max-width:30px;width:30px;height:18px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-compact .Switch__toggle{width:15px;height:15px;left:2px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-compact.Switch--on .Switch__toggle{left:13px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-compact.Switch--off .Switch__toggle{left:2px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-medium{max-width:35px;width:35px;height:21px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-medium .Switch__toggle{width:17.5px;height:17.5px;left:2px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-medium.Switch--on .Switch__toggle{left:15.5px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .Switch--size-medium.Switch--off .Switch__toggle{left:2px}}@layer component{:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch{cursor:pointer;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch__container{display:flex;flex-direction:column;align-items:center;width:fit-content}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch__label{font-family:var(--S_font-family_primary);font-style:normal;font-weight:400;font-size:13px;color:var(--S_color_text_secondary_base);margin-bottom:3px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--on{background-color:var(--S_color_background_confirm_base)}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--off{background-color:var(--S_color_background_warn_base)}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--disabled{background-color:var(--C_InactiveButton_color_background);cursor:unset}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--loading{opacity:50%;cursor:unset;pointer-events:none}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch{border-radius:24px;-webkit-border-radius:24px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch__wrapper{position:relative;width:100%;height:100%}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch__toggle{border-radius:50%;-webkit-border-radius:50%;background-color:var(--S_color_background_default_base);position:absolute;top:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translateY(-50%);-webkit-transition:left ease .3s;-moz-transition:left ease .3s;-o-transition:left ease .3s;transition:left ease .3s}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh.Switch--size-default{height:22px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh.Switch--size-default .Switch__toggle{width:18px;height:18px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh.Switch--on{background-color:var(--VIP_Refresh_color_confirm_base)}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh.Switch--on .Switch__toggle{left:20px!important}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh.Switch--off{background-color:var(--VIP_Refresh_color_grey_base)}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh .Switch__toggle{transition:left .25s cubic-bezier(.68,-.55,.265,1.55)}@media(prefers-reduced-motion:reduce){:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--refresh .Switch__toggle{transition:none}}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-default{max-width:40px;width:40px;height:24px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-default .Switch__toggle{width:20px;height:20px;left:2px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-default.Switch--on .Switch__toggle{left:18px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-default.Switch--off .Switch__toggle{left:2px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-compact{max-width:30px;width:30px;height:18px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-compact .Switch__toggle{width:15px;height:15px;left:2px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-compact.Switch--on .Switch__toggle{left:13px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-compact.Switch--off .Switch__toggle{left:2px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-medium{max-width:35px;width:35px;height:21px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-medium .Switch__toggle{width:17.5px;height:17.5px;left:2px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-medium.Switch--on .Switch__toggle{left:15.5px}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .Switch--size-medium.Switch--off .Switch__toggle{left:2px}}@layer component{.SwitchHookFormDefault .form__title .Tooltip{left:unset;bottom:unset}.SwitchHookFormDefault label{gap:5px;align-items:center}}@keyframes fadein{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:0;-khtml-opacity:0;opacity:0}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:1;-khtml-opacity:1;opacity:1}}@keyframes fadeout{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:1;-khtml-opacity:1;opacity:1}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:0;-khtml-opacity:0;opacity:0}}@keyframes placeHolderShimmer{0%{background-position:-100vw 0}to{background-position:100vw 0}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@layer component{.PanelSwitch{height:50px;background-color:var(--VIP_Flow_color_background_gray_base);display:flex;align-items:center;border-radius:var(--S_border-radius_modern);width:max-content}.PanelSwitch__option{width:max-content;padding:0 40px;align-content:center;height:100%;border-radius:var(--S_border-radius_modern);color:var(--S_color_text_secondary_base)}.PanelSwitch__option--active{background-color:var(--S_color_background_primary_base);color:var(--S_color_text_inverse_base)}.PanelSwitch--disabled,.PanelSwitch__option--disabled{background-color:var(--S_color_border_default_base);color:var(--C_Input__disabled_color_text)}}
