@layer reset, common, component;
@layer component{.DialogFullScreen{margin:0;width:100dvw;height:100dvh;max-width:100dvw;max-height:100dvh;overflow:auto;z-index:999}}.IntaserveWarningDialog{border-radius:var(--C_Input_border-radius);background-color:#f5f5f5;width:500px;padding:45px;overflow:hidden;margin:auto}@container userLayout (min-width: 481px) and (max-width: 768px){.IntaserveWarningDialog{width:90%;padding:20px;margin:0 auto;text-align:center}}@container userLayoutOverlay (min-width: 481px) and (max-width: 768px){.IntaserveWarningDialog{width:90%;padding:20px;margin:0 auto;text-align:center}}@container userLayout (max-width: 480px){.IntaserveWarningDialog{width:90%;padding:20px;margin:0 auto;text-align:center}}@container userLayoutOverlay (max-width: 480px){.IntaserveWarningDialog{width:90%;padding:20px;margin:0 auto;text-align:center}}@layer component{.SlidingDialogFullScreen__overlay{position:fixed;top:0;left:0;height:100vh;width:calc(100% - var(--SlidingFullscreenDialog-width, min(650px, 100%)));transform:var(--SlidingFullscreenOverlay-Transform);transition:transform var(--SlidingFullscreen-AnimationDuration, .3s) ease-in-out;background-color:var(--S_color_background_black_base);opacity:50%;z-index:10}.SlidingDialogFullScreen__dialog{height:100vh;width:var(--SlidingFullscreenDialog-width, min(650px, 100%));left:unset;background-color:var(--S_color_background_default_base);transform:var(--SlidingFullscreenDialog-Transform);transition:transform var(--SlidingFullscreen-AnimationDuration, .3s) ease-in-out;z-index:10}.SlidingDialogFullScreen__dialog .ViewportContainer__lightbox{padding:30px}}@layer component{.SlidingDialogFullScreenFooter{position:absolute;bottom:0;left:0;width:100%;padding:40px 50px;box-shadow:0 -5px 7px #0000000d;height:fit-content;background-color:var(--S_color_background_default_base)}@media only screen and (max-width:480px){.SlidingDialogFullScreenFooter{padding:30px}}@media only screen and (min-width:481px)and (max-width:768px){.SlidingDialogFullScreenFooter{padding:30px}}}@layer component{:where(:root[data-brand=ventra]) :where([data-product=astrophage]) .InternalDialogTop{margin-bottom:20px}:where(:root[data-brand=ventra]) :where([data-product=astrophage]) .InternalDialogTop__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;border:none;border-radius:8px;background:transparent;color:var(--S_color_text_default_base);cursor:pointer;transition:background .2s ease}:where(:root[data-brand=ventra]) :where([data-product=astrophage]) .InternalDialogTop__close:focus-visible{outline:2px solid var(--S_color_border_primary_base);outline-offset:2px}:where(:root[data-brand=ventra]) :where([data-product=astrophage]) .InternalDialogTop__close:hover{background:var(--VIP_Flow_color_background_gray_deep)}}@layer component{:where(:root[data-brand=ventra]) .InternalDialogTop{margin-bottom:20px}:where(:root[data-brand=ventra]) .InternalDialogTop__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;border:none;border-radius:8px;background:transparent;font-weight:900;cursor:pointer;transition:background .2s ease}:where(:root[data-brand=ventra]) .InternalDialogTop__close:focus-visible{outline:2px solid var(--S_color_border_primary_base);outline-offset:2px}:where(:root[data-brand=ventra]) .InternalDialogTop__close:hover{background:var(--S_background_secondary_hover)}}@layer component{.InternalDialog{pointer-events:auto}.InternalDialog[open]{animation:none}.InternalDialog__layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;pointer-events:none;view-transition-class:InternalDialog}.InternalDialog__backdropDismissPlane{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;pointer-events:auto}}html::view-transition-group(.InternalDialog){z-index:101}html::view-transition-old(.InternalDialog):not(:only-child){display:none}html::view-transition-new(.InternalDialog):not(:only-child){animation:none}@layer component{:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog{box-sizing:border-box;width:fit-content;min-width:min(100vw,390px);height:fit-content;max-width:none;max-height:calc(100dvh - 40px);padding:25px;border-radius:20px;background-color:var(--S_color_background_default_base);color:var(--S_color_text_default_base);overflow:visible}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog--widthMedium{width:570px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog--widthLarge{width:900px}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog::backdrop{background-color:transparent}:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog__backdropDismissPlane{background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media only screen and (max-width:480px){:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog{min-width:100dvw;width:100dvw;max-height:100dvh;overflow-y:auto;position:fixed;inset:auto 0 0;margin:0;border-radius:20px 20px 0 0}}@media only screen and (min-width:481px)and (max-width:768px){:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog{min-width:100dvw;width:100dvw;max-height:100dvh;overflow-y:auto;position:fixed;inset:auto 0 0;margin:0;border-radius:20px 20px 0 0}}@media only screen and (min-width:769px)and (max-width:1024px){:where(:root[data-brand=popi]) :not(:where([data-product] *)) .InternalDialog{min-width:100dvw;width:100dvw;max-height:100dvh;overflow-y:auto;position:fixed;inset:auto 0 0;margin:0;border-radius:20px 20px 0 0}}}@layer component{:where(:root[data-brand=ventra]) .InternalDialog{box-sizing:border-box;width:min(650px,100% - 40px);min-width:0;height:fit-content;max-width:none;max-height:calc(100dvh - 40px);padding:20px;border-radius:12px;background-color:var(--S_background_default);overflow:visible;box-shadow:0 0 0 100vmax var(--S_background_utilities_blanket)}:where(:root[data-brand=ventra]) .InternalDialog::backdrop{background-color:transparent}}@layer component{.DialogSlideUp{margin:0;min-width:100%;min-height:100%;overflow:hidden}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .DialogSlideUp .ViewportContainer__lightbox{background-color:var(--S_background_default);display:flex;flex-direction:column;height:max-content;max-height:50dvh;width:100%;margin:auto 0 0;border-radius:32px 32px 0 0;padding:42px 16px 16px;position:absolute;bottom:0;z-index:12;transform:translateY(var(--slide-up-drag-distance, 0px));transition:transform var(--slide-up-drag-transition, .18s ease-out);overflow-y:hidden}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .DialogSlideUp .ViewportContainer__lightbox:before{content:"";display:block;position:absolute;top:16px;left:50%;transform:translate(-50%);width:48px;height:4px;border-radius:9px;background-color:var(--S_background_utilities_blanket_2)}:where(:root[data-brand=ventra]) :not(:where([data-product] *)) .DialogSlideUp::backdrop{background-color:var(--S_background_utilities_blanket)}}@layer component{.LightBox{position:fixed;height:100vh;width:100vw;background-color:var(--S_color_background_tertiary_base);z-index:99;overflow:auto;top:0;right:0;bottom:0;left:0;max-width:none;max-height:none;padding:80px 100px}@container userLayout (min-width: 1025px) and (max-width: 1440px){.LightBox{padding:80px}}@container userLayoutOverlay (min-width: 1025px) and (max-width: 1440px){.LightBox{padding:80px}}@container userLayout (min-width: 769px) and (max-width: 1024px){.LightBox{padding:60px 60px 40px}}@container userLayoutOverlay (min-width: 769px) and (max-width: 1024px){.LightBox{padding:60px 60px 40px}}@container userLayout (max-width: 480px){.LightBox{padding:80px 20px}}@container userLayoutOverlay (max-width: 480px){.LightBox{padding:80px 20px}}@container userLayout (min-width: 481px) and (max-width: 768px){.LightBox{padding:80px 20px}}@container userLayoutOverlay (min-width: 481px) and (max-width: 768px){.LightBox{padding:80px 20px}}.LightBox{animation:fadein .3s 0s normal forwards ease-in-out;-webkit-animation:fadein .3s 0s normal forwards ease-in-out}}@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{.lightbox__close{position:absolute;top:40px;right:40px;color:var(--S_color_text_default_base);cursor:pointer}@container userLayout (min-width: 769px) and (max-width: 1024px){.lightbox__close{top:25px;right:25px}}@container userLayoutOverlay (min-width: 769px) and (max-width: 1024px){.lightbox__close{top:25px;right:25px}}@container userLayout (max-width: 480px){.lightbox__close{top:20px;right:20px}}@container userLayoutOverlay (max-width: 480px){.lightbox__close{top:20px;right:20px}}@container userLayout (min-width: 481px) and (max-width: 768px){.lightbox__close{top:20px;right:20px}}@container userLayoutOverlay (min-width: 481px) and (max-width: 768px){.lightbox__close{top:20px;right:20px}}.lightbox__close--intaserve{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:var(--C_orderingForm__actionButton_color_background);border-radius:var(--C_orderingForm__pillButton_border_radius);padding:10px;top:25px;right:25px;color:var(--S_color_text_secondary_base)}}
