body.vl-shop-open #imbox-container {display:none; visibility: hidden;}
/* 
.vl_embed_buydialog .MuiTypography-body2{
    font-family: 'Avenir Next',sans-serif;
}
.vl_embed_buydialog .MuiTypography-h6 {
    font-family: 'FF Meta', sans-serif;
    text-rendering: optimizeLegibility;
    font-style: italic;
    font-size: 26px;
    font-weight: 800;
    color:rgb(39, 114, 182);
}

.vl_embed_buydialog .MuiTypography-h5 {
    font-family: 'Avenir Next',sans-serif;
    font-size: 20px;
    font-weight: 800;
    color:#000;
}
.vl_embed_buydialog .MuiInputBase-input {
    font-family: 'Avenir Next',sans-serif;
}

.MuiMenuItem-root  {
    font-family: 'Avenir Next',sans-serif !important;
}

.MuiPopover-root {
    z-index: 10002 !important;
} */



.vl_embed_buydialog .close-icon, .vl_mypages.embed .close-icon {
    height: 30px;
    float: right;
    margin-top: 5px;
    fill: gray;
    cursor: pointer;
}

/* button.MuiButton-root {
    
    background-color: #F0F7FF;
    border-color: rgb(255, 255, 255);
    border-radius: 3px;
    border-style: none;
    border-bottom-width: 0px;
    font-family: 'Avenir Next',sans-serif;
    box-sizing: border-box;
    color: #2772b6;
    font-weight: 800;
    
}
button.MuiButton-root.MuiButton-contained {
    background-color: rgb(39, 114, 182);
    color: rgb(255, 255, 255);
}
button.MuiButton-root:hover {
    background: #cfe5ff;
}

button.MuiButton-root.Mui-disabled {
    background: lightgray;
    color: gray;
}
button.MuiButton-contained:hover {
    background: #2c7fcb;
} */

@keyframes slidein {
    from {
      right: -400px;
    }
  
    to {
      right:0;
    }
  }



.vl_mypages.embed .MuiTypography-h6 {
    font-family: 'FF Meta', sans-serif;
    font-style: italic;
    font-size: 26px;
    font-weight: 800;
    color:rgb(39, 114, 182);
}

.vl_mypages.embed .MuiTypography-h5 {
    font-family: 'Avenir Next',sans-serif;
    font-size: 14px;
    font-weight: 800;
    color:#000;
}

.vl_mypages.embed *,
.vl_mypages.embed *:before,
.vl_mypages.embed *:after {
    box-sizing: border-box;
}

.vl_mypages.embed .cart {
    position: fixed;
    color:#2772b6;
    z-index: 9999;
    right:0;
    top:0;
    bottom:0;
    background:rgba(255,255,255,0.98);
    min-height: 200px;
    padding: 24px;
    overflow: hidden;

    -webkit-box-shadow: -4px 10px 12px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -4px 10px 12px 0px rgba(0,0,0,0.5);
    box-shadow: -4px 10px 12px 0px rgba(0,0,0,0.5);
}
select:focus,
input[type="text"],
textarea {
  font-size: 16px;
}


@media (min-width: 641px) {
    .vl_mypages.embed .cart {
        width: 400px;
        animation-duration: 0.4s;
        animation-name: slidein;    
    }
}
@media (max-width: 640px) {
    .vl_mypages.embed .cart {
        left: 0; 
    }
}



.vl_mypages.embed .cart .modal{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #000;
    opacity: 0.9;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
}

.modal .modalContent {
    position: absolute;
    top:50%;
    width: 100%;
    color:white;
}

.vl_mypages.embed .cart .cartSummary
{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    padding: 32px 24px;
    background-color: rgb(39, 114, 182);
    color:#FFF;
    text-align: center;
    font-family: 'Avenir Next',sans-serif;
    font-size: 18px;
    font-weight: 400;

}
.vl_mypages.embed .cart .cartSummary b
{
    font-weight: 800;
}
.vl_mypages.embed .cart .cartSummary BUTTON {
    background-color: #FFF;
    color: rgb(39, 114, 182);;
    margin-top: 15px;
    font-family: 'Avenir Next',sans-serif;
    font-size: 14px;
    font-weight: 800;
}

.vl_mypages.embed .cart h1 {
    margin:0;
    padding:0;
    font-family: 'Avenir Next',sans-serif;
    font-size: 26px;
    color:#000;
    font-style: italic;
}

.vl_mypages.embed .cart select {
    padding:6px 20px 7px 3px;
    font-size: 14px;
}

.vl_mypages.embed .cart a {
    color:#000;

}

.vl_mypages.embed .cart hr {
    margin: 20px;

}

.vl_mypages.embed .cart .cartItem {
    font-family: 'Avenir Next',sans-serif;
    font-size: 14px;
    color:#000;
    background: #F5FAFF;
    border-radius: 5px 5px 0 0;
    padding: 16px;
    box-shadow: 1px 1px #d2e4f2;
    margin: 1px 0 1px 1px;
    width: initial;
    
}

.vl_mypages.embed .cart .cartItemAdditionalServices {
    font-family: 'Avenir Next',sans-serif;
    font-size: 14px;
    color: #000;
    border-radius: 0 0 5px 5px;
    padding: 16px;
    background-color: rgba(255,255,255,1);
    box-shadow: 1px 1px #F1F1F1;
    margin: 1px 0 1px 1px;
    width: initial;
}

.vl_mypages.embed .cart .cartItemAdditionalServices button {
    font-size: 10px;
    margin: 2px;
    padding:3px;
}

.vl_mypages.embed .cart .cartItem A {
    text-decoration: underline;
}

.vl_mypages.embed .cart .cartItem div {
    padding:2px 6px;    
}
.vl_mypages.embed .cart .price, .vl_mypages.embed .cart .remove {
    text-align: right;
}

.vl_mypages.embed .cart .name,.vl_mypages.embed .cart .price {
    font-weight: bold;;
}
.vl_mypages.embed .cart .description {
    color: #555;
}

.vl_mypages.embed .cart button {
    display: block;
    width: 100%;
    margin-top: 5px;
}

.vl_mypages.embed .minimizedCartIcon{
    position: fixed;
    z-index: 9999;
    right: 20px;
    top: 20px;
    width: 55px;
    height: 55px;
    background-color:rgb(39, 114, 182);
    border-radius: 50%;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
}
.vl_mypages.embed .minimizedCartIcon SVG{
   fill: white;
}
.vl_mypages.embed .minimizedCartIcon DIV{
    background-color: white;
    color:rgb(39, 114, 182);
    font-family: 'Avenir Next',sans-serif;
    font-size: 14px;
    width: 25px;
    font-weight: 800;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: -5px;
    border: 2px solid rgb(39, 114, 182);;
 }

 /* .vl_embed_buydialog .MuiPopover-root {
     z-index: 10001;
 }

 .MuiAutocomplete-popper{
    z-index:10002 !important;
 } */

 *[class^="Mui"] {
    font-feature-settings: normal;
 }

.vasaloppet-phone-input {
    border: 1px solid rgba(0, 0, 0, 0.23);
    border-radius: 4px;
    padding-left: 14px;
}
.vasaloppet-phone-input .MuiOutlinedInput-input {
    padding: 17.5px 14px;
}
.vasaloppet-phone-input:hover {
    border-color: #434347;
}
.vasaloppet-phone-input:has(input:focus),
.vasaloppet-phone-input:has(select:focus) {
    border-color: #2670b5;
    box-shadow: inset 0 0 0 1px #2670b5;
}

.vasaloppet-phone-input .PhoneInputCountryIcon {
    box-shadow: none !important;
    background-color: inherit !important;
}
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

/*# sourceMappingURL=embed.min.css.map*/