:root {
--ws-base-border-radius: 4px;
--ws-media-container-border-radius: var(--ws-base-border-radius);
--ws-shadow-effect-1: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.02);
--ws-shadow-effect-2: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 0px 3px rgba(0, 0, 0, 0.03);
--ws-shadow-effect-3: 0px 10px 20px rgba(0, 0, 0, 0.12), 0px 0px 6px rgba(0, 0, 0, 0.06);
--ws-shadow-effect-4: 0px 14px 28px rgba(0, 0, 0, 0.12), 0px 0px 8px rgba(0, 0, 0, 0.08);
--ws-shadow-effect-5: 0px 19px 38px rgba(0, 0, 0, 0.12), 0px 0px 12px rgba(0, 0, 0, 0.12);
--ws-viewport-height: 100vh;
--ws-content-visible: "";
--ws-content-hidden: true;
}
html:not([data-ws-id]) {
--ws-transition-material-standard: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--ws-transition-material-decelerate: 0.2s cubic-bezier(0, 0, 0.2, 1);
--ws-transition-material-accelerate: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
[column-gap] {
--ws-column-gap: attr(column-gap px);
}
[row-gap] {
--ws-row-gap: attr(row-gap px);
}
@supports not (gap: attr(gap px)) {
[column-gap="0"] {
--ws-column-gap: 0px;
}
[row-gap="0"] {
--ws-row-gap: 0px;
}
[column-gap="1"] {
--ws-column-gap: 1px;
}
[row-gap="1"] {
--ws-row-gap: 1px;
}
[column-gap="2"] {
--ws-column-gap: 2px;
}
[row-gap="2"] {
--ws-row-gap: 2px;
}
[column-gap="3"] {
--ws-column-gap: 3px;
}
[row-gap="3"] {
--ws-row-gap: 3px;
}
[column-gap="4"] {
--ws-column-gap: 4px;
}
[row-gap="4"] {
--ws-row-gap: 4px;
}
[column-gap="5"] {
--ws-column-gap: 5px;
}
[row-gap="5"] {
--ws-row-gap: 5px;
}
[column-gap="6"] {
--ws-column-gap: 6px;
}
[row-gap="6"] {
--ws-row-gap: 6px;
}
[column-gap="7"] {
--ws-column-gap: 7px;
}
[row-gap="7"] {
--ws-row-gap: 7px;
}
[column-gap="8"] {
--ws-column-gap: 8px;
}
[row-gap="8"] {
--ws-row-gap: 8px;
}
[column-gap="9"] {
--ws-column-gap: 9px;
}
[row-gap="9"] {
--ws-row-gap: 9px;
}
[column-gap="10"] {
--ws-column-gap: 10px;
}
[row-gap="10"] {
--ws-row-gap: 10px;
}
[column-gap="11"] {
--ws-column-gap: 11px;
}
[row-gap="11"] {
--ws-row-gap: 11px;
}
[column-gap="12"] {
--ws-column-gap: 12px;
}
[row-gap="12"] {
--ws-row-gap: 12px;
}
[column-gap="13"] {
--ws-column-gap: 13px;
}
[row-gap="13"] {
--ws-row-gap: 13px;
}
[column-gap="14"] {
--ws-column-gap: 14px;
}
[row-gap="14"] {
--ws-row-gap: 14px;
}
[column-gap="15"] {
--ws-column-gap: 15px;
}
[row-gap="15"] {
--ws-row-gap: 15px;
}
[column-gap="16"] {
--ws-column-gap: 16px;
}
[row-gap="16"] {
--ws-row-gap: 16px;
}
[column-gap="17"] {
--ws-column-gap: 17px;
}
[row-gap="17"] {
--ws-row-gap: 17px;
}
[column-gap="18"] {
--ws-column-gap: 18px;
}
[row-gap="18"] {
--ws-row-gap: 18px;
}
[column-gap="19"] {
--ws-column-gap: 19px;
}
[row-gap="19"] {
--ws-row-gap: 19px;
}
[column-gap="20"] {
--ws-column-gap: 20px;
}
[row-gap="20"] {
--ws-row-gap: 20px;
}
[column-gap="21"] {
--ws-column-gap: 21px;
}
[row-gap="21"] {
--ws-row-gap: 21px;
}
[column-gap="22"] {
--ws-column-gap: 22px;
}
[row-gap="22"] {
--ws-row-gap: 22px;
}
[column-gap="23"] {
--ws-column-gap: 23px;
}
[row-gap="23"] {
--ws-row-gap: 23px;
}
[column-gap="24"] {
--ws-column-gap: 24px;
}
[row-gap="24"] {
--ws-row-gap: 24px;
}
[column-gap="25"] {
--ws-column-gap: 25px;
}
[row-gap="25"] {
--ws-row-gap: 25px;
}
[column-gap="26"] {
--ws-column-gap: 26px;
}
[row-gap="26"] {
--ws-row-gap: 26px;
}
[column-gap="27"] {
--ws-column-gap: 27px;
}
[row-gap="27"] {
--ws-row-gap: 27px;
}
[column-gap="28"] {
--ws-column-gap: 28px;
}
[row-gap="28"] {
--ws-row-gap: 28px;
}
[column-gap="29"] {
--ws-column-gap: 29px;
}
[row-gap="29"] {
--ws-row-gap: 29px;
}
[column-gap="30"] {
--ws-column-gap: 30px;
}
[row-gap="30"] {
--ws-row-gap: 30px;
}
[column-gap="31"] {
--ws-column-gap: 31px;
}
[row-gap="31"] {
--ws-row-gap: 31px;
}
[column-gap="32"] {
--ws-column-gap: 32px;
}
[row-gap="32"] {
--ws-row-gap: 32px;
}
[column-gap="33"] {
--ws-column-gap: 33px;
}
[row-gap="33"] {
--ws-row-gap: 33px;
}
[column-gap="34"] {
--ws-column-gap: 34px;
}
[row-gap="34"] {
--ws-row-gap: 34px;
}
[column-gap="35"] {
--ws-column-gap: 35px;
}
[row-gap="35"] {
--ws-row-gap: 35px;
}
[column-gap="36"] {
--ws-column-gap: 36px;
}
[row-gap="36"] {
--ws-row-gap: 36px;
}
[column-gap="37"] {
--ws-column-gap: 37px;
}
[row-gap="37"] {
--ws-row-gap: 37px;
}
[column-gap="38"] {
--ws-column-gap: 38px;
}
[row-gap="38"] {
--ws-row-gap: 38px;
}
[column-gap="39"] {
--ws-column-gap: 39px;
}
[row-gap="39"] {
--ws-row-gap: 39px;
}
[column-gap="40"] {
--ws-column-gap: 40px;
}
[row-gap="40"] {
--ws-row-gap: 40px;
}
[column-gap="41"] {
--ws-column-gap: 41px;
}
[row-gap="41"] {
--ws-row-gap: 41px;
}
[column-gap="42"] {
--ws-column-gap: 42px;
}
[row-gap="42"] {
--ws-row-gap: 42px;
}
[column-gap="43"] {
--ws-column-gap: 43px;
}
[row-gap="43"] {
--ws-row-gap: 43px;
}
[column-gap="44"] {
--ws-column-gap: 44px;
}
[row-gap="44"] {
--ws-row-gap: 44px;
}
[column-gap="45"] {
--ws-column-gap: 45px;
}
[row-gap="45"] {
--ws-row-gap: 45px;
}
[column-gap="46"] {
--ws-column-gap: 46px;
}
[row-gap="46"] {
--ws-row-gap: 46px;
}
[column-gap="47"] {
--ws-column-gap: 47px;
}
[row-gap="47"] {
--ws-row-gap: 47px;
}
[column-gap="48"] {
--ws-column-gap: 48px;
}
[row-gap="48"] {
--ws-row-gap: 48px;
}
[column-gap="49"] {
--ws-column-gap: 49px;
}
[row-gap="49"] {
--ws-row-gap: 49px;
}
[column-gap="50"] {
--ws-column-gap: 50px;
}
[row-gap="50"] {
--ws-row-gap: 50px;
}
[column-gap="51"] {
--ws-column-gap: 51px;
}
[row-gap="51"] {
--ws-row-gap: 51px;
}
[column-gap="52"] {
--ws-column-gap: 52px;
}
[row-gap="52"] {
--ws-row-gap: 52px;
}
[column-gap="53"] {
--ws-column-gap: 53px;
}
[row-gap="53"] {
--ws-row-gap: 53px;
}
[column-gap="54"] {
--ws-column-gap: 54px;
}
[row-gap="54"] {
--ws-row-gap: 54px;
}
[column-gap="55"] {
--ws-column-gap: 55px;
}
[row-gap="55"] {
--ws-row-gap: 55px;
}
[column-gap="56"] {
--ws-column-gap: 56px;
}
[row-gap="56"] {
--ws-row-gap: 56px;
}
[column-gap="57"] {
--ws-column-gap: 57px;
}
[row-gap="57"] {
--ws-row-gap: 57px;
}
[column-gap="58"] {
--ws-column-gap: 58px;
}
[row-gap="58"] {
--ws-row-gap: 58px;
}
[column-gap="59"] {
--ws-column-gap: 59px;
}
[row-gap="59"] {
--ws-row-gap: 59px;
}
[column-gap="60"] {
--ws-column-gap: 60px;
}
[row-gap="60"] {
--ws-row-gap: 60px;
}
[column-gap="61"] {
--ws-column-gap: 61px;
}
[row-gap="61"] {
--ws-row-gap: 61px;
}
[column-gap="62"] {
--ws-column-gap: 62px;
}
[row-gap="62"] {
--ws-row-gap: 62px;
}
[column-gap="63"] {
--ws-column-gap: 63px;
}
[row-gap="63"] {
--ws-row-gap: 63px;
}
[column-gap="64"] {
--ws-column-gap: 64px;
}
[row-gap="64"] {
--ws-row-gap: 64px;
}
[column-gap="65"] {
--ws-column-gap: 65px;
}
[row-gap="65"] {
--ws-row-gap: 65px;
}
[column-gap="66"] {
--ws-column-gap: 66px;
}
[row-gap="66"] {
--ws-row-gap: 66px;
}
[column-gap="67"] {
--ws-column-gap: 67px;
}
[row-gap="67"] {
--ws-row-gap: 67px;
}
[column-gap="68"] {
--ws-column-gap: 68px;
}
[row-gap="68"] {
--ws-row-gap: 68px;
}
[column-gap="69"] {
--ws-column-gap: 69px;
}
[row-gap="69"] {
--ws-row-gap: 69px;
}
[column-gap="70"] {
--ws-column-gap: 70px;
}
[row-gap="70"] {
--ws-row-gap: 70px;
}
[column-gap="71"] {
--ws-column-gap: 71px;
}
[row-gap="71"] {
--ws-row-gap: 71px;
}
[column-gap="72"] {
--ws-column-gap: 72px;
}
[row-gap="72"] {
--ws-row-gap: 72px;
}
[column-gap="73"] {
--ws-column-gap: 73px;
}
[row-gap="73"] {
--ws-row-gap: 73px;
}
[column-gap="74"] {
--ws-column-gap: 74px;
}
[row-gap="74"] {
--ws-row-gap: 74px;
}
[column-gap="75"] {
--ws-column-gap: 75px;
}
[row-gap="75"] {
--ws-row-gap: 75px;
}
[column-gap="76"] {
--ws-column-gap: 76px;
}
[row-gap="76"] {
--ws-row-gap: 76px;
}
[column-gap="77"] {
--ws-column-gap: 77px;
}
[row-gap="77"] {
--ws-row-gap: 77px;
}
[column-gap="78"] {
--ws-column-gap: 78px;
}
[row-gap="78"] {
--ws-row-gap: 78px;
}
[column-gap="79"] {
--ws-column-gap: 79px;
}
[row-gap="79"] {
--ws-row-gap: 79px;
}
[column-gap="80"] {
--ws-column-gap: 80px;
}
[row-gap="80"] {
--ws-row-gap: 80px;
}
[column-gap="81"] {
--ws-column-gap: 81px;
}
[row-gap="81"] {
--ws-row-gap: 81px;
}
[column-gap="82"] {
--ws-column-gap: 82px;
}
[row-gap="82"] {
--ws-row-gap: 82px;
}
[column-gap="83"] {
--ws-column-gap: 83px;
}
[row-gap="83"] {
--ws-row-gap: 83px;
}
[column-gap="84"] {
--ws-column-gap: 84px;
}
[row-gap="84"] {
--ws-row-gap: 84px;
}
[column-gap="85"] {
--ws-column-gap: 85px;
}
[row-gap="85"] {
--ws-row-gap: 85px;
}
[column-gap="86"] {
--ws-column-gap: 86px;
}
[row-gap="86"] {
--ws-row-gap: 86px;
}
[column-gap="87"] {
--ws-column-gap: 87px;
}
[row-gap="87"] {
--ws-row-gap: 87px;
}
[column-gap="88"] {
--ws-column-gap: 88px;
}
[row-gap="88"] {
--ws-row-gap: 88px;
}
[column-gap="89"] {
--ws-column-gap: 89px;
}
[row-gap="89"] {
--ws-row-gap: 89px;
}
[column-gap="90"] {
--ws-column-gap: 90px;
}
[row-gap="90"] {
--ws-row-gap: 90px;
}
[column-gap="91"] {
--ws-column-gap: 91px;
}
[row-gap="91"] {
--ws-row-gap: 91px;
}
[column-gap="92"] {
--ws-column-gap: 92px;
}
[row-gap="92"] {
--ws-row-gap: 92px;
}
[column-gap="93"] {
--ws-column-gap: 93px;
}
[row-gap="93"] {
--ws-row-gap: 93px;
}
[column-gap="94"] {
--ws-column-gap: 94px;
}
[row-gap="94"] {
--ws-row-gap: 94px;
}
[column-gap="95"] {
--ws-column-gap: 95px;
}
[row-gap="95"] {
--ws-row-gap: 95px;
}
[column-gap="96"] {
--ws-column-gap: 96px;
}
[row-gap="96"] {
--ws-row-gap: 96px;
}
[column-gap="97"] {
--ws-column-gap: 97px;
}
[row-gap="97"] {
--ws-row-gap: 97px;
}
[column-gap="98"] {
--ws-column-gap: 98px;
}
[row-gap="98"] {
--ws-row-gap: 98px;
}
[column-gap="99"] {
--ws-column-gap: 99px;
}
[row-gap="99"] {
--ws-row-gap: 99px;
}
[column-gap="100"] {
--ws-column-gap: 100px;
}
[row-gap="100"] {
--ws-row-gap: 100px;
}
[column-gap="101"] {
--ws-column-gap: 101px;
}
[row-gap="101"] {
--ws-row-gap: 101px;
}
[column-gap="102"] {
--ws-column-gap: 102px;
}
[row-gap="102"] {
--ws-row-gap: 102px;
}
[column-gap="103"] {
--ws-column-gap: 103px;
}
[row-gap="103"] {
--ws-row-gap: 103px;
}
[column-gap="104"] {
--ws-column-gap: 104px;
}
[row-gap="104"] {
--ws-row-gap: 104px;
}
[column-gap="105"] {
--ws-column-gap: 105px;
}
[row-gap="105"] {
--ws-row-gap: 105px;
}
[column-gap="106"] {
--ws-column-gap: 106px;
}
[row-gap="106"] {
--ws-row-gap: 106px;
}
[column-gap="107"] {
--ws-column-gap: 107px;
}
[row-gap="107"] {
--ws-row-gap: 107px;
}
[column-gap="108"] {
--ws-column-gap: 108px;
}
[row-gap="108"] {
--ws-row-gap: 108px;
}
[column-gap="109"] {
--ws-column-gap: 109px;
}
[row-gap="109"] {
--ws-row-gap: 109px;
}
[column-gap="110"] {
--ws-column-gap: 110px;
}
[row-gap="110"] {
--ws-row-gap: 110px;
}
[column-gap="111"] {
--ws-column-gap: 111px;
}
[row-gap="111"] {
--ws-row-gap: 111px;
}
[column-gap="112"] {
--ws-column-gap: 112px;
}
[row-gap="112"] {
--ws-row-gap: 112px;
}
[column-gap="113"] {
--ws-column-gap: 113px;
}
[row-gap="113"] {
--ws-row-gap: 113px;
}
[column-gap="114"] {
--ws-column-gap: 114px;
}
[row-gap="114"] {
--ws-row-gap: 114px;
}
[column-gap="115"] {
--ws-column-gap: 115px;
}
[row-gap="115"] {
--ws-row-gap: 115px;
}
[column-gap="116"] {
--ws-column-gap: 116px;
}
[row-gap="116"] {
--ws-row-gap: 116px;
}
[column-gap="117"] {
--ws-column-gap: 117px;
}
[row-gap="117"] {
--ws-row-gap: 117px;
}
[column-gap="118"] {
--ws-column-gap: 118px;
}
[row-gap="118"] {
--ws-row-gap: 118px;
}
[column-gap="119"] {
--ws-column-gap: 119px;
}
[row-gap="119"] {
--ws-row-gap: 119px;
}
[column-gap="120"] {
--ws-column-gap: 120px;
}
[row-gap="120"] {
--ws-row-gap: 120px;
}
[column-gap="121"] {
--ws-column-gap: 121px;
}
[row-gap="121"] {
--ws-row-gap: 121px;
}
[column-gap="122"] {
--ws-column-gap: 122px;
}
[row-gap="122"] {
--ws-row-gap: 122px;
}
[column-gap="123"] {
--ws-column-gap: 123px;
}
[row-gap="123"] {
--ws-row-gap: 123px;
}
[column-gap="124"] {
--ws-column-gap: 124px;
}
[row-gap="124"] {
--ws-row-gap: 124px;
}
[column-gap="125"] {
--ws-column-gap: 125px;
}
[row-gap="125"] {
--ws-row-gap: 125px;
}
[column-gap="126"] {
--ws-column-gap: 126px;
}
[row-gap="126"] {
--ws-row-gap: 126px;
}
[column-gap="127"] {
--ws-column-gap: 127px;
}
[row-gap="127"] {
--ws-row-gap: 127px;
}
[column-gap="128"] {
--ws-column-gap: 128px;
}
[row-gap="128"] {
--ws-row-gap: 128px;
}
}
[padding-top] {
--ws-padding-top: attr(padding-top px);
}
[padding-bottom] {
--ws-padding-bottom: attr(padding-bottom px);
}
[padding-left] {
--ws-padding-left: attr(padding-left px);
}
[padding-right] {
--ws-padding-right: attr(padding-right px);
}
@supports not (padding: attr(padding px)) {
[padding-top="0"] {
--ws-padding-top: 0px;
}
[padding-bottom="0"] {
--ws-padding-bottom: 0px;
}
[padding-left="0"] {
--ws-padding-left: 0px;
}
[padding-right="0"] {
--ws-padding-right: 0px;
}
[padding-top="1"] {
--ws-padding-top: 1px;
}
[padding-bottom="1"] {
--ws-padding-bottom: 1px;
}
[padding-left="1"] {
--ws-padding-left: 1px;
}
[padding-right="1"] {
--ws-padding-right: 1px;
}
[padding-top="2"] {
--ws-padding-top: 2px;
}
[padding-bottom="2"] {
--ws-padding-bottom: 2px;
}
[padding-left="2"] {
--ws-padding-left: 2px;
}
[padding-right="2"] {
--ws-padding-right: 2px;
}
[padding-top="3"] {
--ws-padding-top: 3px;
}
[padding-bottom="3"] {
--ws-padding-bottom: 3px;
}
[padding-left="3"] {
--ws-padding-left: 3px;
}
[padding-right="3"] {
--ws-padding-right: 3px;
}
[padding-top="4"] {
--ws-padding-top: 4px;
}
[padding-bottom="4"] {
--ws-padding-bottom: 4px;
}
[padding-left="4"] {
--ws-padding-left: 4px;
}
[padding-right="4"] {
--ws-padding-right: 4px;
}
[padding-top="5"] {
--ws-padding-top: 5px;
}
[padding-bottom="5"] {
--ws-padding-bottom: 5px;
}
[padding-left="5"] {
--ws-padding-left: 5px;
}
[padding-right="5"] {
--ws-padding-right: 5px;
}
[padding-top="6"] {
--ws-padding-top: 6px;
}
[padding-bottom="6"] {
--ws-padding-bottom: 6px;
}
[padding-left="6"] {
--ws-padding-left: 6px;
}
[padding-right="6"] {
--ws-padding-right: 6px;
}
[padding-top="7"] {
--ws-padding-top: 7px;
}
[padding-bottom="7"] {
--ws-padding-bottom: 7px;
}
[padding-left="7"] {
--ws-padding-left: 7px;
}
[padding-right="7"] {
--ws-padding-right: 7px;
}
[padding-top="8"] {
--ws-padding-top: 8px;
}
[padding-bottom="8"] {
--ws-padding-bottom: 8px;
}
[padding-left="8"] {
--ws-padding-left: 8px;
}
[padding-right="8"] {
--ws-padding-right: 8px;
}
[padding-top="9"] {
--ws-padding-top: 9px;
}
[padding-bottom="9"] {
--ws-padding-bottom: 9px;
}
[padding-left="9"] {
--ws-padding-left: 9px;
}
[padding-right="9"] {
--ws-padding-right: 9px;
}
[padding-top="10"] {
--ws-padding-top: 10px;
}
[padding-bottom="10"] {
--ws-padding-bottom: 10px;
}
[padding-left="10"] {
--ws-padding-left: 10px;
}
[padding-right="10"] {
--ws-padding-right: 10px;
}
[padding-top="11"] {
--ws-padding-top: 11px;
}
[padding-bottom="11"] {
--ws-padding-bottom: 11px;
}
[padding-left="11"] {
--ws-padding-left: 11px;
}
[padding-right="11"] {
--ws-padding-right: 11px;
}
[padding-top="12"] {
--ws-padding-top: 12px;
}
[padding-bottom="12"] {
--ws-padding-bottom: 12px;
}
[padding-left="12"] {
--ws-padding-left: 12px;
}
[padding-right="12"] {
--ws-padding-right: 12px;
}
[padding-top="13"] {
--ws-padding-top: 13px;
}
[padding-bottom="13"] {
--ws-padding-bottom: 13px;
}
[padding-left="13"] {
--ws-padding-left: 13px;
}
[padding-right="13"] {
--ws-padding-right: 13px;
}
[padding-top="14"] {
--ws-padding-top: 14px;
}
[padding-bottom="14"] {
--ws-padding-bottom: 14px;
}
[padding-left="14"] {
--ws-padding-left: 14px;
}
[padding-right="14"] {
--ws-padding-right: 14px;
}
[padding-top="15"] {
--ws-padding-top: 15px;
}
[padding-bottom="15"] {
--ws-padding-bottom: 15px;
}
[padding-left="15"] {
--ws-padding-left: 15px;
}
[padding-right="15"] {
--ws-padding-right: 15px;
}
[padding-top="16"] {
--ws-padding-top: 16px;
}
[padding-bottom="16"] {
--ws-padding-bottom: 16px;
}
[padding-left="16"] {
--ws-padding-left: 16px;
}
[padding-right="16"] {
--ws-padding-right: 16px;
}
[padding-top="17"] {
--ws-padding-top: 17px;
}
[padding-bottom="17"] {
--ws-padding-bottom: 17px;
}
[padding-left="17"] {
--ws-padding-left: 17px;
}
[padding-right="17"] {
--ws-padding-right: 17px;
}
[padding-top="18"] {
--ws-padding-top: 18px;
}
[padding-bottom="18"] {
--ws-padding-bottom: 18px;
}
[padding-left="18"] {
--ws-padding-left: 18px;
}
[padding-right="18"] {
--ws-padding-right: 18px;
}
[padding-top="19"] {
--ws-padding-top: 19px;
}
[padding-bottom="19"] {
--ws-padding-bottom: 19px;
}
[padding-left="19"] {
--ws-padding-left: 19px;
}
[padding-right="19"] {
--ws-padding-right: 19px;
}
[padding-top="20"] {
--ws-padding-top: 20px;
}
[padding-bottom="20"] {
--ws-padding-bottom: 20px;
}
[padding-left="20"] {
--ws-padding-left: 20px;
}
[padding-right="20"] {
--ws-padding-right: 20px;
}
[padding-top="21"] {
--ws-padding-top: 21px;
}
[padding-bottom="21"] {
--ws-padding-bottom: 21px;
}
[padding-left="21"] {
--ws-padding-left: 21px;
}
[padding-right="21"] {
--ws-padding-right: 21px;
}
[padding-top="22"] {
--ws-padding-top: 22px;
}
[padding-bottom="22"] {
--ws-padding-bottom: 22px;
}
[padding-left="22"] {
--ws-padding-left: 22px;
}
[padding-right="22"] {
--ws-padding-right: 22px;
}
[padding-top="23"] {
--ws-padding-top: 23px;
}
[padding-bottom="23"] {
--ws-padding-bottom: 23px;
}
[padding-left="23"] {
--ws-padding-left: 23px;
}
[padding-right="23"] {
--ws-padding-right: 23px;
}
[padding-top="24"] {
--ws-padding-top: 24px;
}
[padding-bottom="24"] {
--ws-padding-bottom: 24px;
}
[padding-left="24"] {
--ws-padding-left: 24px;
}
[padding-right="24"] {
--ws-padding-right: 24px;
}
[padding-top="25"] {
--ws-padding-top: 25px;
}
[padding-bottom="25"] {
--ws-padding-bottom: 25px;
}
[padding-left="25"] {
--ws-padding-left: 25px;
}
[padding-right="25"] {
--ws-padding-right: 25px;
}
[padding-top="26"] {
--ws-padding-top: 26px;
}
[padding-bottom="26"] {
--ws-padding-bottom: 26px;
}
[padding-left="26"] {
--ws-padding-left: 26px;
}
[padding-right="26"] {
--ws-padding-right: 26px;
}
[padding-top="27"] {
--ws-padding-top: 27px;
}
[padding-bottom="27"] {
--ws-padding-bottom: 27px;
}
[padding-left="27"] {
--ws-padding-left: 27px;
}
[padding-right="27"] {
--ws-padding-right: 27px;
}
[padding-top="28"] {
--ws-padding-top: 28px;
}
[padding-bottom="28"] {
--ws-padding-bottom: 28px;
}
[padding-left="28"] {
--ws-padding-left: 28px;
}
[padding-right="28"] {
--ws-padding-right: 28px;
}
[padding-top="29"] {
--ws-padding-top: 29px;
}
[padding-bottom="29"] {
--ws-padding-bottom: 29px;
}
[padding-left="29"] {
--ws-padding-left: 29px;
}
[padding-right="29"] {
--ws-padding-right: 29px;
}
[padding-top="30"] {
--ws-padding-top: 30px;
}
[padding-bottom="30"] {
--ws-padding-bottom: 30px;
}
[padding-left="30"] {
--ws-padding-left: 30px;
}
[padding-right="30"] {
--ws-padding-right: 30px;
}
[padding-top="31"] {
--ws-padding-top: 31px;
}
[padding-bottom="31"] {
--ws-padding-bottom: 31px;
}
[padding-left="31"] {
--ws-padding-left: 31px;
}
[padding-right="31"] {
--ws-padding-right: 31px;
}
[padding-top="32"] {
--ws-padding-top: 32px;
}
[padding-bottom="32"] {
--ws-padding-bottom: 32px;
}
[padding-left="32"] {
--ws-padding-left: 32px;
}
[padding-right="32"] {
--ws-padding-right: 32px;
}
[padding-top="33"] {
--ws-padding-top: 33px;
}
[padding-bottom="33"] {
--ws-padding-bottom: 33px;
}
[padding-left="33"] {
--ws-padding-left: 33px;
}
[padding-right="33"] {
--ws-padding-right: 33px;
}
[padding-top="34"] {
--ws-padding-top: 34px;
}
[padding-bottom="34"] {
--ws-padding-bottom: 34px;
}
[padding-left="34"] {
--ws-padding-left: 34px;
}
[padding-right="34"] {
--ws-padding-right: 34px;
}
[padding-top="35"] {
--ws-padding-top: 35px;
}
[padding-bottom="35"] {
--ws-padding-bottom: 35px;
}
[padding-left="35"] {
--ws-padding-left: 35px;
}
[padding-right="35"] {
--ws-padding-right: 35px;
}
[padding-top="36"] {
--ws-padding-top: 36px;
}
[padding-bottom="36"] {
--ws-padding-bottom: 36px;
}
[padding-left="36"] {
--ws-padding-left: 36px;
}
[padding-right="36"] {
--ws-padding-right: 36px;
}
[padding-top="37"] {
--ws-padding-top: 37px;
}
[padding-bottom="37"] {
--ws-padding-bottom: 37px;
}
[padding-left="37"] {
--ws-padding-left: 37px;
}
[padding-right="37"] {
--ws-padding-right: 37px;
}
[padding-top="38"] {
--ws-padding-top: 38px;
}
[padding-bottom="38"] {
--ws-padding-bottom: 38px;
}
[padding-left="38"] {
--ws-padding-left: 38px;
}
[padding-right="38"] {
--ws-padding-right: 38px;
}
[padding-top="39"] {
--ws-padding-top: 39px;
}
[padding-bottom="39"] {
--ws-padding-bottom: 39px;
}
[padding-left="39"] {
--ws-padding-left: 39px;
}
[padding-right="39"] {
--ws-padding-right: 39px;
}
[padding-top="40"] {
--ws-padding-top: 40px;
}
[padding-bottom="40"] {
--ws-padding-bottom: 40px;
}
[padding-left="40"] {
--ws-padding-left: 40px;
}
[padding-right="40"] {
--ws-padding-right: 40px;
}
[padding-top="41"] {
--ws-padding-top: 41px;
}
[padding-bottom="41"] {
--ws-padding-bottom: 41px;
}
[padding-left="41"] {
--ws-padding-left: 41px;
}
[padding-right="41"] {
--ws-padding-right: 41px;
}
[padding-top="42"] {
--ws-padding-top: 42px;
}
[padding-bottom="42"] {
--ws-padding-bottom: 42px;
}
[padding-left="42"] {
--ws-padding-left: 42px;
}
[padding-right="42"] {
--ws-padding-right: 42px;
}
[padding-top="43"] {
--ws-padding-top: 43px;
}
[padding-bottom="43"] {
--ws-padding-bottom: 43px;
}
[padding-left="43"] {
--ws-padding-left: 43px;
}
[padding-right="43"] {
--ws-padding-right: 43px;
}
[padding-top="44"] {
--ws-padding-top: 44px;
}
[padding-bottom="44"] {
--ws-padding-bottom: 44px;
}
[padding-left="44"] {
--ws-padding-left: 44px;
}
[padding-right="44"] {
--ws-padding-right: 44px;
}
[padding-top="45"] {
--ws-padding-top: 45px;
}
[padding-bottom="45"] {
--ws-padding-bottom: 45px;
}
[padding-left="45"] {
--ws-padding-left: 45px;
}
[padding-right="45"] {
--ws-padding-right: 45px;
}
[padding-top="46"] {
--ws-padding-top: 46px;
}
[padding-bottom="46"] {
--ws-padding-bottom: 46px;
}
[padding-left="46"] {
--ws-padding-left: 46px;
}
[padding-right="46"] {
--ws-padding-right: 46px;
}
[padding-top="47"] {
--ws-padding-top: 47px;
}
[padding-bottom="47"] {
--ws-padding-bottom: 47px;
}
[padding-left="47"] {
--ws-padding-left: 47px;
}
[padding-right="47"] {
--ws-padding-right: 47px;
}
[padding-top="48"] {
--ws-padding-top: 48px;
}
[padding-bottom="48"] {
--ws-padding-bottom: 48px;
}
[padding-left="48"] {
--ws-padding-left: 48px;
}
[padding-right="48"] {
--ws-padding-right: 48px;
}
[padding-top="49"] {
--ws-padding-top: 49px;
}
[padding-bottom="49"] {
--ws-padding-bottom: 49px;
}
[padding-left="49"] {
--ws-padding-left: 49px;
}
[padding-right="49"] {
--ws-padding-right: 49px;
}
[padding-top="50"] {
--ws-padding-top: 50px;
}
[padding-bottom="50"] {
--ws-padding-bottom: 50px;
}
[padding-left="50"] {
--ws-padding-left: 50px;
}
[padding-right="50"] {
--ws-padding-right: 50px;
}
[padding-top="51"] {
--ws-padding-top: 51px;
}
[padding-bottom="51"] {
--ws-padding-bottom: 51px;
}
[padding-left="51"] {
--ws-padding-left: 51px;
}
[padding-right="51"] {
--ws-padding-right: 51px;
}
[padding-top="52"] {
--ws-padding-top: 52px;
}
[padding-bottom="52"] {
--ws-padding-bottom: 52px;
}
[padding-left="52"] {
--ws-padding-left: 52px;
}
[padding-right="52"] {
--ws-padding-right: 52px;
}
[padding-top="53"] {
--ws-padding-top: 53px;
}
[padding-bottom="53"] {
--ws-padding-bottom: 53px;
}
[padding-left="53"] {
--ws-padding-left: 53px;
}
[padding-right="53"] {
--ws-padding-right: 53px;
}
[padding-top="54"] {
--ws-padding-top: 54px;
}
[padding-bottom="54"] {
--ws-padding-bottom: 54px;
}
[padding-left="54"] {
--ws-padding-left: 54px;
}
[padding-right="54"] {
--ws-padding-right: 54px;
}
[padding-top="55"] {
--ws-padding-top: 55px;
}
[padding-bottom="55"] {
--ws-padding-bottom: 55px;
}
[padding-left="55"] {
--ws-padding-left: 55px;
}
[padding-right="55"] {
--ws-padding-right: 55px;
}
[padding-top="56"] {
--ws-padding-top: 56px;
}
[padding-bottom="56"] {
--ws-padding-bottom: 56px;
}
[padding-left="56"] {
--ws-padding-left: 56px;
}
[padding-right="56"] {
--ws-padding-right: 56px;
}
[padding-top="57"] {
--ws-padding-top: 57px;
}
[padding-bottom="57"] {
--ws-padding-bottom: 57px;
}
[padding-left="57"] {
--ws-padding-left: 57px;
}
[padding-right="57"] {
--ws-padding-right: 57px;
}
[padding-top="58"] {
--ws-padding-top: 58px;
}
[padding-bottom="58"] {
--ws-padding-bottom: 58px;
}
[padding-left="58"] {
--ws-padding-left: 58px;
}
[padding-right="58"] {
--ws-padding-right: 58px;
}
[padding-top="59"] {
--ws-padding-top: 59px;
}
[padding-bottom="59"] {
--ws-padding-bottom: 59px;
}
[padding-left="59"] {
--ws-padding-left: 59px;
}
[padding-right="59"] {
--ws-padding-right: 59px;
}
[padding-top="60"] {
--ws-padding-top: 60px;
}
[padding-bottom="60"] {
--ws-padding-bottom: 60px;
}
[padding-left="60"] {
--ws-padding-left: 60px;
}
[padding-right="60"] {
--ws-padding-right: 60px;
}
[padding-top="61"] {
--ws-padding-top: 61px;
}
[padding-bottom="61"] {
--ws-padding-bottom: 61px;
}
[padding-left="61"] {
--ws-padding-left: 61px;
}
[padding-right="61"] {
--ws-padding-right: 61px;
}
[padding-top="62"] {
--ws-padding-top: 62px;
}
[padding-bottom="62"] {
--ws-padding-bottom: 62px;
}
[padding-left="62"] {
--ws-padding-left: 62px;
}
[padding-right="62"] {
--ws-padding-right: 62px;
}
[padding-top="63"] {
--ws-padding-top: 63px;
}
[padding-bottom="63"] {
--ws-padding-bottom: 63px;
}
[padding-left="63"] {
--ws-padding-left: 63px;
}
[padding-right="63"] {
--ws-padding-right: 63px;
}
[padding-top="64"] {
--ws-padding-top: 64px;
}
[padding-bottom="64"] {
--ws-padding-bottom: 64px;
}
[padding-left="64"] {
--ws-padding-left: 64px;
}
[padding-right="64"] {
--ws-padding-right: 64px;
}
[padding-top="65"] {
--ws-padding-top: 65px;
}
[padding-bottom="65"] {
--ws-padding-bottom: 65px;
}
[padding-left="65"] {
--ws-padding-left: 65px;
}
[padding-right="65"] {
--ws-padding-right: 65px;
}
[padding-top="66"] {
--ws-padding-top: 66px;
}
[padding-bottom="66"] {
--ws-padding-bottom: 66px;
}
[padding-left="66"] {
--ws-padding-left: 66px;
}
[padding-right="66"] {
--ws-padding-right: 66px;
}
[padding-top="67"] {
--ws-padding-top: 67px;
}
[padding-bottom="67"] {
--ws-padding-bottom: 67px;
}
[padding-left="67"] {
--ws-padding-left: 67px;
}
[padding-right="67"] {
--ws-padding-right: 67px;
}
[padding-top="68"] {
--ws-padding-top: 68px;
}
[padding-bottom="68"] {
--ws-padding-bottom: 68px;
}
[padding-left="68"] {
--ws-padding-left: 68px;
}
[padding-right="68"] {
--ws-padding-right: 68px;
}
[padding-top="69"] {
--ws-padding-top: 69px;
}
[padding-bottom="69"] {
--ws-padding-bottom: 69px;
}
[padding-left="69"] {
--ws-padding-left: 69px;
}
[padding-right="69"] {
--ws-padding-right: 69px;
}
[padding-top="70"] {
--ws-padding-top: 70px;
}
[padding-bottom="70"] {
--ws-padding-bottom: 70px;
}
[padding-left="70"] {
--ws-padding-left: 70px;
}
[padding-right="70"] {
--ws-padding-right: 70px;
}
[padding-top="71"] {
--ws-padding-top: 71px;
}
[padding-bottom="71"] {
--ws-padding-bottom: 71px;
}
[padding-left="71"] {
--ws-padding-left: 71px;
}
[padding-right="71"] {
--ws-padding-right: 71px;
}
[padding-top="72"] {
--ws-padding-top: 72px;
}
[padding-bottom="72"] {
--ws-padding-bottom: 72px;
}
[padding-left="72"] {
--ws-padding-left: 72px;
}
[padding-right="72"] {
--ws-padding-right: 72px;
}
[padding-top="73"] {
--ws-padding-top: 73px;
}
[padding-bottom="73"] {
--ws-padding-bottom: 73px;
}
[padding-left="73"] {
--ws-padding-left: 73px;
}
[padding-right="73"] {
--ws-padding-right: 73px;
}
[padding-top="74"] {
--ws-padding-top: 74px;
}
[padding-bottom="74"] {
--ws-padding-bottom: 74px;
}
[padding-left="74"] {
--ws-padding-left: 74px;
}
[padding-right="74"] {
--ws-padding-right: 74px;
}
[padding-top="75"] {
--ws-padding-top: 75px;
}
[padding-bottom="75"] {
--ws-padding-bottom: 75px;
}
[padding-left="75"] {
--ws-padding-left: 75px;
}
[padding-right="75"] {
--ws-padding-right: 75px;
}
[padding-top="76"] {
--ws-padding-top: 76px;
}
[padding-bottom="76"] {
--ws-padding-bottom: 76px;
}
[padding-left="76"] {
--ws-padding-left: 76px;
}
[padding-right="76"] {
--ws-padding-right: 76px;
}
[padding-top="77"] {
--ws-padding-top: 77px;
}
[padding-bottom="77"] {
--ws-padding-bottom: 77px;
}
[padding-left="77"] {
--ws-padding-left: 77px;
}
[padding-right="77"] {
--ws-padding-right: 77px;
}
[padding-top="78"] {
--ws-padding-top: 78px;
}
[padding-bottom="78"] {
--ws-padding-bottom: 78px;
}
[padding-left="78"] {
--ws-padding-left: 78px;
}
[padding-right="78"] {
--ws-padding-right: 78px;
}
[padding-top="79"] {
--ws-padding-top: 79px;
}
[padding-bottom="79"] {
--ws-padding-bottom: 79px;
}
[padding-left="79"] {
--ws-padding-left: 79px;
}
[padding-right="79"] {
--ws-padding-right: 79px;
}
[padding-top="80"] {
--ws-padding-top: 80px;
}
[padding-bottom="80"] {
--ws-padding-bottom: 80px;
}
[padding-left="80"] {
--ws-padding-left: 80px;
}
[padding-right="80"] {
--ws-padding-right: 80px;
}
[padding-top="81"] {
--ws-padding-top: 81px;
}
[padding-bottom="81"] {
--ws-padding-bottom: 81px;
}
[padding-left="81"] {
--ws-padding-left: 81px;
}
[padding-right="81"] {
--ws-padding-right: 81px;
}
[padding-top="82"] {
--ws-padding-top: 82px;
}
[padding-bottom="82"] {
--ws-padding-bottom: 82px;
}
[padding-left="82"] {
--ws-padding-left: 82px;
}
[padding-right="82"] {
--ws-padding-right: 82px;
}
[padding-top="83"] {
--ws-padding-top: 83px;
}
[padding-bottom="83"] {
--ws-padding-bottom: 83px;
}
[padding-left="83"] {
--ws-padding-left: 83px;
}
[padding-right="83"] {
--ws-padding-right: 83px;
}
[padding-top="84"] {
--ws-padding-top: 84px;
}
[padding-bottom="84"] {
--ws-padding-bottom: 84px;
}
[padding-left="84"] {
--ws-padding-left: 84px;
}
[padding-right="84"] {
--ws-padding-right: 84px;
}
[padding-top="85"] {
--ws-padding-top: 85px;
}
[padding-bottom="85"] {
--ws-padding-bottom: 85px;
}
[padding-left="85"] {
--ws-padding-left: 85px;
}
[padding-right="85"] {
--ws-padding-right: 85px;
}
[padding-top="86"] {
--ws-padding-top: 86px;
}
[padding-bottom="86"] {
--ws-padding-bottom: 86px;
}
[padding-left="86"] {
--ws-padding-left: 86px;
}
[padding-right="86"] {
--ws-padding-right: 86px;
}
[padding-top="87"] {
--ws-padding-top: 87px;
}
[padding-bottom="87"] {
--ws-padding-bottom: 87px;
}
[padding-left="87"] {
--ws-padding-left: 87px;
}
[padding-right="87"] {
--ws-padding-right: 87px;
}
[padding-top="88"] {
--ws-padding-top: 88px;
}
[padding-bottom="88"] {
--ws-padding-bottom: 88px;
}
[padding-left="88"] {
--ws-padding-left: 88px;
}
[padding-right="88"] {
--ws-padding-right: 88px;
}
[padding-top="89"] {
--ws-padding-top: 89px;
}
[padding-bottom="89"] {
--ws-padding-bottom: 89px;
}
[padding-left="89"] {
--ws-padding-left: 89px;
}
[padding-right="89"] {
--ws-padding-right: 89px;
}
[padding-top="90"] {
--ws-padding-top: 90px;
}
[padding-bottom="90"] {
--ws-padding-bottom: 90px;
}
[padding-left="90"] {
--ws-padding-left: 90px;
}
[padding-right="90"] {
--ws-padding-right: 90px;
}
[padding-top="91"] {
--ws-padding-top: 91px;
}
[padding-bottom="91"] {
--ws-padding-bottom: 91px;
}
[padding-left="91"] {
--ws-padding-left: 91px;
}
[padding-right="91"] {
--ws-padding-right: 91px;
}
[padding-top="92"] {
--ws-padding-top: 92px;
}
[padding-bottom="92"] {
--ws-padding-bottom: 92px;
}
[padding-left="92"] {
--ws-padding-left: 92px;
}
[padding-right="92"] {
--ws-padding-right: 92px;
}
[padding-top="93"] {
--ws-padding-top: 93px;
}
[padding-bottom="93"] {
--ws-padding-bottom: 93px;
}
[padding-left="93"] {
--ws-padding-left: 93px;
}
[padding-right="93"] {
--ws-padding-right: 93px;
}
[padding-top="94"] {
--ws-padding-top: 94px;
}
[padding-bottom="94"] {
--ws-padding-bottom: 94px;
}
[padding-left="94"] {
--ws-padding-left: 94px;
}
[padding-right="94"] {
--ws-padding-right: 94px;
}
[padding-top="95"] {
--ws-padding-top: 95px;
}
[padding-bottom="95"] {
--ws-padding-bottom: 95px;
}
[padding-left="95"] {
--ws-padding-left: 95px;
}
[padding-right="95"] {
--ws-padding-right: 95px;
}
[padding-top="96"] {
--ws-padding-top: 96px;
}
[padding-bottom="96"] {
--ws-padding-bottom: 96px;
}
[padding-left="96"] {
--ws-padding-left: 96px;
}
[padding-right="96"] {
--ws-padding-right: 96px;
}
[padding-top="97"] {
--ws-padding-top: 97px;
}
[padding-bottom="97"] {
--ws-padding-bottom: 97px;
}
[padding-left="97"] {
--ws-padding-left: 97px;
}
[padding-right="97"] {
--ws-padding-right: 97px;
}
[padding-top="98"] {
--ws-padding-top: 98px;
}
[padding-bottom="98"] {
--ws-padding-bottom: 98px;
}
[padding-left="98"] {
--ws-padding-left: 98px;
}
[padding-right="98"] {
--ws-padding-right: 98px;
}
[padding-top="99"] {
--ws-padding-top: 99px;
}
[padding-bottom="99"] {
--ws-padding-bottom: 99px;
}
[padding-left="99"] {
--ws-padding-left: 99px;
}
[padding-right="99"] {
--ws-padding-right: 99px;
}
[padding-top="100"] {
--ws-padding-top: 100px;
}
[padding-bottom="100"] {
--ws-padding-bottom: 100px;
}
[padding-left="100"] {
--ws-padding-left: 100px;
}
[padding-right="100"] {
--ws-padding-right: 100px;
}
[padding-top="101"] {
--ws-padding-top: 101px;
}
[padding-bottom="101"] {
--ws-padding-bottom: 101px;
}
[padding-left="101"] {
--ws-padding-left: 101px;
}
[padding-right="101"] {
--ws-padding-right: 101px;
}
[padding-top="102"] {
--ws-padding-top: 102px;
}
[padding-bottom="102"] {
--ws-padding-bottom: 102px;
}
[padding-left="102"] {
--ws-padding-left: 102px;
}
[padding-right="102"] {
--ws-padding-right: 102px;
}
[padding-top="103"] {
--ws-padding-top: 103px;
}
[padding-bottom="103"] {
--ws-padding-bottom: 103px;
}
[padding-left="103"] {
--ws-padding-left: 103px;
}
[padding-right="103"] {
--ws-padding-right: 103px;
}
[padding-top="104"] {
--ws-padding-top: 104px;
}
[padding-bottom="104"] {
--ws-padding-bottom: 104px;
}
[padding-left="104"] {
--ws-padding-left: 104px;
}
[padding-right="104"] {
--ws-padding-right: 104px;
}
[padding-top="105"] {
--ws-padding-top: 105px;
}
[padding-bottom="105"] {
--ws-padding-bottom: 105px;
}
[padding-left="105"] {
--ws-padding-left: 105px;
}
[padding-right="105"] {
--ws-padding-right: 105px;
}
[padding-top="106"] {
--ws-padding-top: 106px;
}
[padding-bottom="106"] {
--ws-padding-bottom: 106px;
}
[padding-left="106"] {
--ws-padding-left: 106px;
}
[padding-right="106"] {
--ws-padding-right: 106px;
}
[padding-top="107"] {
--ws-padding-top: 107px;
}
[padding-bottom="107"] {
--ws-padding-bottom: 107px;
}
[padding-left="107"] {
--ws-padding-left: 107px;
}
[padding-right="107"] {
--ws-padding-right: 107px;
}
[padding-top="108"] {
--ws-padding-top: 108px;
}
[padding-bottom="108"] {
--ws-padding-bottom: 108px;
}
[padding-left="108"] {
--ws-padding-left: 108px;
}
[padding-right="108"] {
--ws-padding-right: 108px;
}
[padding-top="109"] {
--ws-padding-top: 109px;
}
[padding-bottom="109"] {
--ws-padding-bottom: 109px;
}
[padding-left="109"] {
--ws-padding-left: 109px;
}
[padding-right="109"] {
--ws-padding-right: 109px;
}
[padding-top="110"] {
--ws-padding-top: 110px;
}
[padding-bottom="110"] {
--ws-padding-bottom: 110px;
}
[padding-left="110"] {
--ws-padding-left: 110px;
}
[padding-right="110"] {
--ws-padding-right: 110px;
}
[padding-top="111"] {
--ws-padding-top: 111px;
}
[padding-bottom="111"] {
--ws-padding-bottom: 111px;
}
[padding-left="111"] {
--ws-padding-left: 111px;
}
[padding-right="111"] {
--ws-padding-right: 111px;
}
[padding-top="112"] {
--ws-padding-top: 112px;
}
[padding-bottom="112"] {
--ws-padding-bottom: 112px;
}
[padding-left="112"] {
--ws-padding-left: 112px;
}
[padding-right="112"] {
--ws-padding-right: 112px;
}
[padding-top="113"] {
--ws-padding-top: 113px;
}
[padding-bottom="113"] {
--ws-padding-bottom: 113px;
}
[padding-left="113"] {
--ws-padding-left: 113px;
}
[padding-right="113"] {
--ws-padding-right: 113px;
}
[padding-top="114"] {
--ws-padding-top: 114px;
}
[padding-bottom="114"] {
--ws-padding-bottom: 114px;
}
[padding-left="114"] {
--ws-padding-left: 114px;
}
[padding-right="114"] {
--ws-padding-right: 114px;
}
[padding-top="115"] {
--ws-padding-top: 115px;
}
[padding-bottom="115"] {
--ws-padding-bottom: 115px;
}
[padding-left="115"] {
--ws-padding-left: 115px;
}
[padding-right="115"] {
--ws-padding-right: 115px;
}
[padding-top="116"] {
--ws-padding-top: 116px;
}
[padding-bottom="116"] {
--ws-padding-bottom: 116px;
}
[padding-left="116"] {
--ws-padding-left: 116px;
}
[padding-right="116"] {
--ws-padding-right: 116px;
}
[padding-top="117"] {
--ws-padding-top: 117px;
}
[padding-bottom="117"] {
--ws-padding-bottom: 117px;
}
[padding-left="117"] {
--ws-padding-left: 117px;
}
[padding-right="117"] {
--ws-padding-right: 117px;
}
[padding-top="118"] {
--ws-padding-top: 118px;
}
[padding-bottom="118"] {
--ws-padding-bottom: 118px;
}
[padding-left="118"] {
--ws-padding-left: 118px;
}
[padding-right="118"] {
--ws-padding-right: 118px;
}
[padding-top="119"] {
--ws-padding-top: 119px;
}
[padding-bottom="119"] {
--ws-padding-bottom: 119px;
}
[padding-left="119"] {
--ws-padding-left: 119px;
}
[padding-right="119"] {
--ws-padding-right: 119px;
}
[padding-top="120"] {
--ws-padding-top: 120px;
}
[padding-bottom="120"] {
--ws-padding-bottom: 120px;
}
[padding-left="120"] {
--ws-padding-left: 120px;
}
[padding-right="120"] {
--ws-padding-right: 120px;
}
[padding-top="121"] {
--ws-padding-top: 121px;
}
[padding-bottom="121"] {
--ws-padding-bottom: 121px;
}
[padding-left="121"] {
--ws-padding-left: 121px;
}
[padding-right="121"] {
--ws-padding-right: 121px;
}
[padding-top="122"] {
--ws-padding-top: 122px;
}
[padding-bottom="122"] {
--ws-padding-bottom: 122px;
}
[padding-left="122"] {
--ws-padding-left: 122px;
}
[padding-right="122"] {
--ws-padding-right: 122px;
}
[padding-top="123"] {
--ws-padding-top: 123px;
}
[padding-bottom="123"] {
--ws-padding-bottom: 123px;
}
[padding-left="123"] {
--ws-padding-left: 123px;
}
[padding-right="123"] {
--ws-padding-right: 123px;
}
[padding-top="124"] {
--ws-padding-top: 124px;
}
[padding-bottom="124"] {
--ws-padding-bottom: 124px;
}
[padding-left="124"] {
--ws-padding-left: 124px;
}
[padding-right="124"] {
--ws-padding-right: 124px;
}
[padding-top="125"] {
--ws-padding-top: 125px;
}
[padding-bottom="125"] {
--ws-padding-bottom: 125px;
}
[padding-left="125"] {
--ws-padding-left: 125px;
}
[padding-right="125"] {
--ws-padding-right: 125px;
}
[padding-top="126"] {
--ws-padding-top: 126px;
}
[padding-bottom="126"] {
--ws-padding-bottom: 126px;
}
[padding-left="126"] {
--ws-padding-left: 126px;
}
[padding-right="126"] {
--ws-padding-right: 126px;
}
[padding-top="127"] {
--ws-padding-top: 127px;
}
[padding-bottom="127"] {
--ws-padding-bottom: 127px;
}
[padding-left="127"] {
--ws-padding-left: 127px;
}
[padding-right="127"] {
--ws-padding-right: 127px;
}
[padding-top="128"] {
--ws-padding-top: 128px;
}
[padding-bottom="128"] {
--ws-padding-bottom: 128px;
}
[padding-left="128"] {
--ws-padding-left: 128px;
}
[padding-right="128"] {
--ws-padding-right: 128px;
}
}
[border-top-left-radius] {
--ws-border-top-left-radius: attr(border-top-left-radius px);
}
[border-top-right-radius] {
--ws-border-top-right-radius: attr(border-top-right-radius px);
}
[border-bottom-left-radius] {
--ws-border-bottom-left-radius: attr(border-bottom-left-radius px);
}
[border-bottom-right-radius] {
--ws-border-bottom-right-radius: attr(border-bottom-right-radius px);
}
@supports not (border-radius: attr(border-radius px)) {
[border-top-left-radius="0"] {
--ws-border-top-left-radius: 0px;
}
[border-top-right-radius="0"] {
--ws-border-top-right-radius: 0px;
}
[border-bottom-left-radius="0"] {
--ws-border-bottom-left-radius: 0px;
}
[border-bottom-right-radius="0"] {
--ws-border-bottom-right-radius: 0px;
}
[border-top-left-radius="1"] {
--ws-border-top-left-radius: 1px;
}
[border-top-right-radius="1"] {
--ws-border-top-right-radius: 1px;
}
[border-bottom-left-radius="1"] {
--ws-border-bottom-left-radius: 1px;
}
[border-bottom-right-radius="1"] {
--ws-border-bottom-right-radius: 1px;
}
[border-top-left-radius="2"] {
--ws-border-top-left-radius: 2px;
}
[border-top-right-radius="2"] {
--ws-border-top-right-radius: 2px;
}
[border-bottom-left-radius="2"] {
--ws-border-bottom-left-radius: 2px;
}
[border-bottom-right-radius="2"] {
--ws-border-bottom-right-radius: 2px;
}
[border-top-left-radius="3"] {
--ws-border-top-left-radius: 3px;
}
[border-top-right-radius="3"] {
--ws-border-top-right-radius: 3px;
}
[border-bottom-left-radius="3"] {
--ws-border-bottom-left-radius: 3px;
}
[border-bottom-right-radius="3"] {
--ws-border-bottom-right-radius: 3px;
}
[border-top-left-radius="4"] {
--ws-border-top-left-radius: 4px;
}
[border-top-right-radius="4"] {
--ws-border-top-right-radius: 4px;
}
[border-bottom-left-radius="4"] {
--ws-border-bottom-left-radius: 4px;
}
[border-bottom-right-radius="4"] {
--ws-border-bottom-right-radius: 4px;
}
[border-top-left-radius="5"] {
--ws-border-top-left-radius: 5px;
}
[border-top-right-radius="5"] {
--ws-border-top-right-radius: 5px;
}
[border-bottom-left-radius="5"] {
--ws-border-bottom-left-radius: 5px;
}
[border-bottom-right-radius="5"] {
--ws-border-bottom-right-radius: 5px;
}
[border-top-left-radius="6"] {
--ws-border-top-left-radius: 6px;
}
[border-top-right-radius="6"] {
--ws-border-top-right-radius: 6px;
}
[border-bottom-left-radius="6"] {
--ws-border-bottom-left-radius: 6px;
}
[border-bottom-right-radius="6"] {
--ws-border-bottom-right-radius: 6px;
}
[border-top-left-radius="7"] {
--ws-border-top-left-radius: 7px;
}
[border-top-right-radius="7"] {
--ws-border-top-right-radius: 7px;
}
[border-bottom-left-radius="7"] {
--ws-border-bottom-left-radius: 7px;
}
[border-bottom-right-radius="7"] {
--ws-border-bottom-right-radius: 7px;
}
[border-top-left-radius="8"] {
--ws-border-top-left-radius: 8px;
}
[border-top-right-radius="8"] {
--ws-border-top-right-radius: 8px;
}
[border-bottom-left-radius="8"] {
--ws-border-bottom-left-radius: 8px;
}
[border-bottom-right-radius="8"] {
--ws-border-bottom-right-radius: 8px;
}
[border-top-left-radius="9"] {
--ws-border-top-left-radius: 9px;
}
[border-top-right-radius="9"] {
--ws-border-top-right-radius: 9px;
}
[border-bottom-left-radius="9"] {
--ws-border-bottom-left-radius: 9px;
}
[border-bottom-right-radius="9"] {
--ws-border-bottom-right-radius: 9px;
}
[border-top-left-radius="10"] {
--ws-border-top-left-radius: 10px;
}
[border-top-right-radius="10"] {
--ws-border-top-right-radius: 10px;
}
[border-bottom-left-radius="10"] {
--ws-border-bottom-left-radius: 10px;
}
[border-bottom-right-radius="10"] {
--ws-border-bottom-right-radius: 10px;
}
[border-top-left-radius="11"] {
--ws-border-top-left-radius: 11px;
}
[border-top-right-radius="11"] {
--ws-border-top-right-radius: 11px;
}
[border-bottom-left-radius="11"] {
--ws-border-bottom-left-radius: 11px;
}
[border-bottom-right-radius="11"] {
--ws-border-bottom-right-radius: 11px;
}
[border-top-left-radius="12"] {
--ws-border-top-left-radius: 12px;
}
[border-top-right-radius="12"] {
--ws-border-top-right-radius: 12px;
}
[border-bottom-left-radius="12"] {
--ws-border-bottom-left-radius: 12px;
}
[border-bottom-right-radius="12"] {
--ws-border-bottom-right-radius: 12px;
}
[border-top-left-radius="13"] {
--ws-border-top-left-radius: 13px;
}
[border-top-right-radius="13"] {
--ws-border-top-right-radius: 13px;
}
[border-bottom-left-radius="13"] {
--ws-border-bottom-left-radius: 13px;
}
[border-bottom-right-radius="13"] {
--ws-border-bottom-right-radius: 13px;
}
[border-top-left-radius="14"] {
--ws-border-top-left-radius: 14px;
}
[border-top-right-radius="14"] {
--ws-border-top-right-radius: 14px;
}
[border-bottom-left-radius="14"] {
--ws-border-bottom-left-radius: 14px;
}
[border-bottom-right-radius="14"] {
--ws-border-bottom-right-radius: 14px;
}
[border-top-left-radius="15"] {
--ws-border-top-left-radius: 15px;
}
[border-top-right-radius="15"] {
--ws-border-top-right-radius: 15px;
}
[border-bottom-left-radius="15"] {
--ws-border-bottom-left-radius: 15px;
}
[border-bottom-right-radius="15"] {
--ws-border-bottom-right-radius: 15px;
}
[border-top-left-radius="16"] {
--ws-border-top-left-radius: 16px;
}
[border-top-right-radius="16"] {
--ws-border-top-right-radius: 16px;
}
[border-bottom-left-radius="16"] {
--ws-border-bottom-left-radius: 16px;
}
[border-bottom-right-radius="16"] {
--ws-border-bottom-right-radius: 16px;
}
[border-top-left-radius="17"] {
--ws-border-top-left-radius: 17px;
}
[border-top-right-radius="17"] {
--ws-border-top-right-radius: 17px;
}
[border-bottom-left-radius="17"] {
--ws-border-bottom-left-radius: 17px;
}
[border-bottom-right-radius="17"] {
--ws-border-bottom-right-radius: 17px;
}
[border-top-left-radius="18"] {
--ws-border-top-left-radius: 18px;
}
[border-top-right-radius="18"] {
--ws-border-top-right-radius: 18px;
}
[border-bottom-left-radius="18"] {
--ws-border-bottom-left-radius: 18px;
}
[border-bottom-right-radius="18"] {
--ws-border-bottom-right-radius: 18px;
}
[border-top-left-radius="19"] {
--ws-border-top-left-radius: 19px;
}
[border-top-right-radius="19"] {
--ws-border-top-right-radius: 19px;
}
[border-bottom-left-radius="19"] {
--ws-border-bottom-left-radius: 19px;
}
[border-bottom-right-radius="19"] {
--ws-border-bottom-right-radius: 19px;
}
[border-top-left-radius="20"] {
--ws-border-top-left-radius: 20px;
}
[border-top-right-radius="20"] {
--ws-border-top-right-radius: 20px;
}
[border-bottom-left-radius="20"] {
--ws-border-bottom-left-radius: 20px;
}
[border-bottom-right-radius="20"] {
--ws-border-bottom-right-radius: 20px;
}
[border-top-left-radius="21"] {
--ws-border-top-left-radius: 21px;
}
[border-top-right-radius="21"] {
--ws-border-top-right-radius: 21px;
}
[border-bottom-left-radius="21"] {
--ws-border-bottom-left-radius: 21px;
}
[border-bottom-right-radius="21"] {
--ws-border-bottom-right-radius: 21px;
}
[border-top-left-radius="22"] {
--ws-border-top-left-radius: 22px;
}
[border-top-right-radius="22"] {
--ws-border-top-right-radius: 22px;
}
[border-bottom-left-radius="22"] {
--ws-border-bottom-left-radius: 22px;
}
[border-bottom-right-radius="22"] {
--ws-border-bottom-right-radius: 22px;
}
[border-top-left-radius="23"] {
--ws-border-top-left-radius: 23px;
}
[border-top-right-radius="23"] {
--ws-border-top-right-radius: 23px;
}
[border-bottom-left-radius="23"] {
--ws-border-bottom-left-radius: 23px;
}
[border-bottom-right-radius="23"] {
--ws-border-bottom-right-radius: 23px;
}
[border-top-left-radius="24"] {
--ws-border-top-left-radius: 24px;
}
[border-top-right-radius="24"] {
--ws-border-top-right-radius: 24px;
}
[border-bottom-left-radius="24"] {
--ws-border-bottom-left-radius: 24px;
}
[border-bottom-right-radius="24"] {
--ws-border-bottom-right-radius: 24px;
}
[border-top-left-radius="25"] {
--ws-border-top-left-radius: 25px;
}
[border-top-right-radius="25"] {
--ws-border-top-right-radius: 25px;
}
[border-bottom-left-radius="25"] {
--ws-border-bottom-left-radius: 25px;
}
[border-bottom-right-radius="25"] {
--ws-border-bottom-right-radius: 25px;
}
[border-top-left-radius="26"] {
--ws-border-top-left-radius: 26px;
}
[border-top-right-radius="26"] {
--ws-border-top-right-radius: 26px;
}
[border-bottom-left-radius="26"] {
--ws-border-bottom-left-radius: 26px;
}
[border-bottom-right-radius="26"] {
--ws-border-bottom-right-radius: 26px;
}
[border-top-left-radius="27"] {
--ws-border-top-left-radius: 27px;
}
[border-top-right-radius="27"] {
--ws-border-top-right-radius: 27px;
}
[border-bottom-left-radius="27"] {
--ws-border-bottom-left-radius: 27px;
}
[border-bottom-right-radius="27"] {
--ws-border-bottom-right-radius: 27px;
}
[border-top-left-radius="28"] {
--ws-border-top-left-radius: 28px;
}
[border-top-right-radius="28"] {
--ws-border-top-right-radius: 28px;
}
[border-bottom-left-radius="28"] {
--ws-border-bottom-left-radius: 28px;
}
[border-bottom-right-radius="28"] {
--ws-border-bottom-right-radius: 28px;
}
[border-top-left-radius="29"] {
--ws-border-top-left-radius: 29px;
}
[border-top-right-radius="29"] {
--ws-border-top-right-radius: 29px;
}
[border-bottom-left-radius="29"] {
--ws-border-bottom-left-radius: 29px;
}
[border-bottom-right-radius="29"] {
--ws-border-bottom-right-radius: 29px;
}
[border-top-left-radius="30"] {
--ws-border-top-left-radius: 30px;
}
[border-top-right-radius="30"] {
--ws-border-top-right-radius: 30px;
}
[border-bottom-left-radius="30"] {
--ws-border-bottom-left-radius: 30px;
}
[border-bottom-right-radius="30"] {
--ws-border-bottom-right-radius: 30px;
}
[border-top-left-radius="31"] {
--ws-border-top-left-radius: 31px;
}
[border-top-right-radius="31"] {
--ws-border-top-right-radius: 31px;
}
[border-bottom-left-radius="31"] {
--ws-border-bottom-left-radius: 31px;
}
[border-bottom-right-radius="31"] {
--ws-border-bottom-right-radius: 31px;
}
[border-top-left-radius="32"] {
--ws-border-top-left-radius: 32px;
}
[border-top-right-radius="32"] {
--ws-border-top-right-radius: 32px;
}
[border-bottom-left-radius="32"] {
--ws-border-bottom-left-radius: 32px;
}
[border-bottom-right-radius="32"] {
--ws-border-bottom-right-radius: 32px;
}
[border-top-left-radius="33"] {
--ws-border-top-left-radius: 33px;
}
[border-top-right-radius="33"] {
--ws-border-top-right-radius: 33px;
}
[border-bottom-left-radius="33"] {
--ws-border-bottom-left-radius: 33px;
}
[border-bottom-right-radius="33"] {
--ws-border-bottom-right-radius: 33px;
}
[border-top-left-radius="34"] {
--ws-border-top-left-radius: 34px;
}
[border-top-right-radius="34"] {
--ws-border-top-right-radius: 34px;
}
[border-bottom-left-radius="34"] {
--ws-border-bottom-left-radius: 34px;
}
[border-bottom-right-radius="34"] {
--ws-border-bottom-right-radius: 34px;
}
[border-top-left-radius="35"] {
--ws-border-top-left-radius: 35px;
}
[border-top-right-radius="35"] {
--ws-border-top-right-radius: 35px;
}
[border-bottom-left-radius="35"] {
--ws-border-bottom-left-radius: 35px;
}
[border-bottom-right-radius="35"] {
--ws-border-bottom-right-radius: 35px;
}
[border-top-left-radius="36"] {
--ws-border-top-left-radius: 36px;
}
[border-top-right-radius="36"] {
--ws-border-top-right-radius: 36px;
}
[border-bottom-left-radius="36"] {
--ws-border-bottom-left-radius: 36px;
}
[border-bottom-right-radius="36"] {
--ws-border-bottom-right-radius: 36px;
}
[border-top-left-radius="37"] {
--ws-border-top-left-radius: 37px;
}
[border-top-right-radius="37"] {
--ws-border-top-right-radius: 37px;
}
[border-bottom-left-radius="37"] {
--ws-border-bottom-left-radius: 37px;
}
[border-bottom-right-radius="37"] {
--ws-border-bottom-right-radius: 37px;
}
[border-top-left-radius="38"] {
--ws-border-top-left-radius: 38px;
}
[border-top-right-radius="38"] {
--ws-border-top-right-radius: 38px;
}
[border-bottom-left-radius="38"] {
--ws-border-bottom-left-radius: 38px;
}
[border-bottom-right-radius="38"] {
--ws-border-bottom-right-radius: 38px;
}
[border-top-left-radius="39"] {
--ws-border-top-left-radius: 39px;
}
[border-top-right-radius="39"] {
--ws-border-top-right-radius: 39px;
}
[border-bottom-left-radius="39"] {
--ws-border-bottom-left-radius: 39px;
}
[border-bottom-right-radius="39"] {
--ws-border-bottom-right-radius: 39px;
}
[border-top-left-radius="40"] {
--ws-border-top-left-radius: 40px;
}
[border-top-right-radius="40"] {
--ws-border-top-right-radius: 40px;
}
[border-bottom-left-radius="40"] {
--ws-border-bottom-left-radius: 40px;
}
[border-bottom-right-radius="40"] {
--ws-border-bottom-right-radius: 40px;
}
[border-top-left-radius="41"] {
--ws-border-top-left-radius: 41px;
}
[border-top-right-radius="41"] {
--ws-border-top-right-radius: 41px;
}
[border-bottom-left-radius="41"] {
--ws-border-bottom-left-radius: 41px;
}
[border-bottom-right-radius="41"] {
--ws-border-bottom-right-radius: 41px;
}
[border-top-left-radius="42"] {
--ws-border-top-left-radius: 42px;
}
[border-top-right-radius="42"] {
--ws-border-top-right-radius: 42px;
}
[border-bottom-left-radius="42"] {
--ws-border-bottom-left-radius: 42px;
}
[border-bottom-right-radius="42"] {
--ws-border-bottom-right-radius: 42px;
}
[border-top-left-radius="43"] {
--ws-border-top-left-radius: 43px;
}
[border-top-right-radius="43"] {
--ws-border-top-right-radius: 43px;
}
[border-bottom-left-radius="43"] {
--ws-border-bottom-left-radius: 43px;
}
[border-bottom-right-radius="43"] {
--ws-border-bottom-right-radius: 43px;
}
[border-top-left-radius="44"] {
--ws-border-top-left-radius: 44px;
}
[border-top-right-radius="44"] {
--ws-border-top-right-radius: 44px;
}
[border-bottom-left-radius="44"] {
--ws-border-bottom-left-radius: 44px;
}
[border-bottom-right-radius="44"] {
--ws-border-bottom-right-radius: 44px;
}
[border-top-left-radius="45"] {
--ws-border-top-left-radius: 45px;
}
[border-top-right-radius="45"] {
--ws-border-top-right-radius: 45px;
}
[border-bottom-left-radius="45"] {
--ws-border-bottom-left-radius: 45px;
}
[border-bottom-right-radius="45"] {
--ws-border-bottom-right-radius: 45px;
}
[border-top-left-radius="46"] {
--ws-border-top-left-radius: 46px;
}
[border-top-right-radius="46"] {
--ws-border-top-right-radius: 46px;
}
[border-bottom-left-radius="46"] {
--ws-border-bottom-left-radius: 46px;
}
[border-bottom-right-radius="46"] {
--ws-border-bottom-right-radius: 46px;
}
[border-top-left-radius="47"] {
--ws-border-top-left-radius: 47px;
}
[border-top-right-radius="47"] {
--ws-border-top-right-radius: 47px;
}
[border-bottom-left-radius="47"] {
--ws-border-bottom-left-radius: 47px;
}
[border-bottom-right-radius="47"] {
--ws-border-bottom-right-radius: 47px;
}
[border-top-left-radius="48"] {
--ws-border-top-left-radius: 48px;
}
[border-top-right-radius="48"] {
--ws-border-top-right-radius: 48px;
}
[border-bottom-left-radius="48"] {
--ws-border-bottom-left-radius: 48px;
}
[border-bottom-right-radius="48"] {
--ws-border-bottom-right-radius: 48px;
}
[border-top-left-radius="49"] {
--ws-border-top-left-radius: 49px;
}
[border-top-right-radius="49"] {
--ws-border-top-right-radius: 49px;
}
[border-bottom-left-radius="49"] {
--ws-border-bottom-left-radius: 49px;
}
[border-bottom-right-radius="49"] {
--ws-border-bottom-right-radius: 49px;
}
[border-top-left-radius="50"] {
--ws-border-top-left-radius: 50px;
}
[border-top-right-radius="50"] {
--ws-border-top-right-radius: 50px;
}
[border-bottom-left-radius="50"] {
--ws-border-bottom-left-radius: 50px;
}
[border-bottom-right-radius="50"] {
--ws-border-bottom-right-radius: 50px;
}
[border-top-left-radius="51"] {
--ws-border-top-left-radius: 51px;
}
[border-top-right-radius="51"] {
--ws-border-top-right-radius: 51px;
}
[border-bottom-left-radius="51"] {
--ws-border-bottom-left-radius: 51px;
}
[border-bottom-right-radius="51"] {
--ws-border-bottom-right-radius: 51px;
}
[border-top-left-radius="52"] {
--ws-border-top-left-radius: 52px;
}
[border-top-right-radius="52"] {
--ws-border-top-right-radius: 52px;
}
[border-bottom-left-radius="52"] {
--ws-border-bottom-left-radius: 52px;
}
[border-bottom-right-radius="52"] {
--ws-border-bottom-right-radius: 52px;
}
[border-top-left-radius="53"] {
--ws-border-top-left-radius: 53px;
}
[border-top-right-radius="53"] {
--ws-border-top-right-radius: 53px;
}
[border-bottom-left-radius="53"] {
--ws-border-bottom-left-radius: 53px;
}
[border-bottom-right-radius="53"] {
--ws-border-bottom-right-radius: 53px;
}
[border-top-left-radius="54"] {
--ws-border-top-left-radius: 54px;
}
[border-top-right-radius="54"] {
--ws-border-top-right-radius: 54px;
}
[border-bottom-left-radius="54"] {
--ws-border-bottom-left-radius: 54px;
}
[border-bottom-right-radius="54"] {
--ws-border-bottom-right-radius: 54px;
}
[border-top-left-radius="55"] {
--ws-border-top-left-radius: 55px;
}
[border-top-right-radius="55"] {
--ws-border-top-right-radius: 55px;
}
[border-bottom-left-radius="55"] {
--ws-border-bottom-left-radius: 55px;
}
[border-bottom-right-radius="55"] {
--ws-border-bottom-right-radius: 55px;
}
[border-top-left-radius="56"] {
--ws-border-top-left-radius: 56px;
}
[border-top-right-radius="56"] {
--ws-border-top-right-radius: 56px;
}
[border-bottom-left-radius="56"] {
--ws-border-bottom-left-radius: 56px;
}
[border-bottom-right-radius="56"] {
--ws-border-bottom-right-radius: 56px;
}
[border-top-left-radius="57"] {
--ws-border-top-left-radius: 57px;
}
[border-top-right-radius="57"] {
--ws-border-top-right-radius: 57px;
}
[border-bottom-left-radius="57"] {
--ws-border-bottom-left-radius: 57px;
}
[border-bottom-right-radius="57"] {
--ws-border-bottom-right-radius: 57px;
}
[border-top-left-radius="58"] {
--ws-border-top-left-radius: 58px;
}
[border-top-right-radius="58"] {
--ws-border-top-right-radius: 58px;
}
[border-bottom-left-radius="58"] {
--ws-border-bottom-left-radius: 58px;
}
[border-bottom-right-radius="58"] {
--ws-border-bottom-right-radius: 58px;
}
[border-top-left-radius="59"] {
--ws-border-top-left-radius: 59px;
}
[border-top-right-radius="59"] {
--ws-border-top-right-radius: 59px;
}
[border-bottom-left-radius="59"] {
--ws-border-bottom-left-radius: 59px;
}
[border-bottom-right-radius="59"] {
--ws-border-bottom-right-radius: 59px;
}
[border-top-left-radius="60"] {
--ws-border-top-left-radius: 60px;
}
[border-top-right-radius="60"] {
--ws-border-top-right-radius: 60px;
}
[border-bottom-left-radius="60"] {
--ws-border-bottom-left-radius: 60px;
}
[border-bottom-right-radius="60"] {
--ws-border-bottom-right-radius: 60px;
}
[border-top-left-radius="61"] {
--ws-border-top-left-radius: 61px;
}
[border-top-right-radius="61"] {
--ws-border-top-right-radius: 61px;
}
[border-bottom-left-radius="61"] {
--ws-border-bottom-left-radius: 61px;
}
[border-bottom-right-radius="61"] {
--ws-border-bottom-right-radius: 61px;
}
[border-top-left-radius="62"] {
--ws-border-top-left-radius: 62px;
}
[border-top-right-radius="62"] {
--ws-border-top-right-radius: 62px;
}
[border-bottom-left-radius="62"] {
--ws-border-bottom-left-radius: 62px;
}
[border-bottom-right-radius="62"] {
--ws-border-bottom-right-radius: 62px;
}
[border-top-left-radius="63"] {
--ws-border-top-left-radius: 63px;
}
[border-top-right-radius="63"] {
--ws-border-top-right-radius: 63px;
}
[border-bottom-left-radius="63"] {
--ws-border-bottom-left-radius: 63px;
}
[border-bottom-right-radius="63"] {
--ws-border-bottom-right-radius: 63px;
}
[border-top-left-radius="64"] {
--ws-border-top-left-radius: 64px;
}
[border-top-right-radius="64"] {
--ws-border-top-right-radius: 64px;
}
[border-bottom-left-radius="64"] {
--ws-border-bottom-left-radius: 64px;
}
[border-bottom-right-radius="64"] {
--ws-border-bottom-right-radius: 64px;
}
[border-top-left-radius="65"] {
--ws-border-top-left-radius: 65px;
}
[border-top-right-radius="65"] {
--ws-border-top-right-radius: 65px;
}
[border-bottom-left-radius="65"] {
--ws-border-bottom-left-radius: 65px;
}
[border-bottom-right-radius="65"] {
--ws-border-bottom-right-radius: 65px;
}
[border-top-left-radius="66"] {
--ws-border-top-left-radius: 66px;
}
[border-top-right-radius="66"] {
--ws-border-top-right-radius: 66px;
}
[border-bottom-left-radius="66"] {
--ws-border-bottom-left-radius: 66px;
}
[border-bottom-right-radius="66"] {
--ws-border-bottom-right-radius: 66px;
}
[border-top-left-radius="67"] {
--ws-border-top-left-radius: 67px;
}
[border-top-right-radius="67"] {
--ws-border-top-right-radius: 67px;
}
[border-bottom-left-radius="67"] {
--ws-border-bottom-left-radius: 67px;
}
[border-bottom-right-radius="67"] {
--ws-border-bottom-right-radius: 67px;
}
[border-top-left-radius="68"] {
--ws-border-top-left-radius: 68px;
}
[border-top-right-radius="68"] {
--ws-border-top-right-radius: 68px;
}
[border-bottom-left-radius="68"] {
--ws-border-bottom-left-radius: 68px;
}
[border-bottom-right-radius="68"] {
--ws-border-bottom-right-radius: 68px;
}
[border-top-left-radius="69"] {
--ws-border-top-left-radius: 69px;
}
[border-top-right-radius="69"] {
--ws-border-top-right-radius: 69px;
}
[border-bottom-left-radius="69"] {
--ws-border-bottom-left-radius: 69px;
}
[border-bottom-right-radius="69"] {
--ws-border-bottom-right-radius: 69px;
}
[border-top-left-radius="70"] {
--ws-border-top-left-radius: 70px;
}
[border-top-right-radius="70"] {
--ws-border-top-right-radius: 70px;
}
[border-bottom-left-radius="70"] {
--ws-border-bottom-left-radius: 70px;
}
[border-bottom-right-radius="70"] {
--ws-border-bottom-right-radius: 70px;
}
[border-top-left-radius="71"] {
--ws-border-top-left-radius: 71px;
}
[border-top-right-radius="71"] {
--ws-border-top-right-radius: 71px;
}
[border-bottom-left-radius="71"] {
--ws-border-bottom-left-radius: 71px;
}
[border-bottom-right-radius="71"] {
--ws-border-bottom-right-radius: 71px;
}
[border-top-left-radius="72"] {
--ws-border-top-left-radius: 72px;
}
[border-top-right-radius="72"] {
--ws-border-top-right-radius: 72px;
}
[border-bottom-left-radius="72"] {
--ws-border-bottom-left-radius: 72px;
}
[border-bottom-right-radius="72"] {
--ws-border-bottom-right-radius: 72px;
}
[border-top-left-radius="73"] {
--ws-border-top-left-radius: 73px;
}
[border-top-right-radius="73"] {
--ws-border-top-right-radius: 73px;
}
[border-bottom-left-radius="73"] {
--ws-border-bottom-left-radius: 73px;
}
[border-bottom-right-radius="73"] {
--ws-border-bottom-right-radius: 73px;
}
[border-top-left-radius="74"] {
--ws-border-top-left-radius: 74px;
}
[border-top-right-radius="74"] {
--ws-border-top-right-radius: 74px;
}
[border-bottom-left-radius="74"] {
--ws-border-bottom-left-radius: 74px;
}
[border-bottom-right-radius="74"] {
--ws-border-bottom-right-radius: 74px;
}
[border-top-left-radius="75"] {
--ws-border-top-left-radius: 75px;
}
[border-top-right-radius="75"] {
--ws-border-top-right-radius: 75px;
}
[border-bottom-left-radius="75"] {
--ws-border-bottom-left-radius: 75px;
}
[border-bottom-right-radius="75"] {
--ws-border-bottom-right-radius: 75px;
}
[border-top-left-radius="76"] {
--ws-border-top-left-radius: 76px;
}
[border-top-right-radius="76"] {
--ws-border-top-right-radius: 76px;
}
[border-bottom-left-radius="76"] {
--ws-border-bottom-left-radius: 76px;
}
[border-bottom-right-radius="76"] {
--ws-border-bottom-right-radius: 76px;
}
[border-top-left-radius="77"] {
--ws-border-top-left-radius: 77px;
}
[border-top-right-radius="77"] {
--ws-border-top-right-radius: 77px;
}
[border-bottom-left-radius="77"] {
--ws-border-bottom-left-radius: 77px;
}
[border-bottom-right-radius="77"] {
--ws-border-bottom-right-radius: 77px;
}
[border-top-left-radius="78"] {
--ws-border-top-left-radius: 78px;
}
[border-top-right-radius="78"] {
--ws-border-top-right-radius: 78px;
}
[border-bottom-left-radius="78"] {
--ws-border-bottom-left-radius: 78px;
}
[border-bottom-right-radius="78"] {
--ws-border-bottom-right-radius: 78px;
}
[border-top-left-radius="79"] {
--ws-border-top-left-radius: 79px;
}
[border-top-right-radius="79"] {
--ws-border-top-right-radius: 79px;
}
[border-bottom-left-radius="79"] {
--ws-border-bottom-left-radius: 79px;
}
[border-bottom-right-radius="79"] {
--ws-border-bottom-right-radius: 79px;
}
[border-top-left-radius="80"] {
--ws-border-top-left-radius: 80px;
}
[border-top-right-radius="80"] {
--ws-border-top-right-radius: 80px;
}
[border-bottom-left-radius="80"] {
--ws-border-bottom-left-radius: 80px;
}
[border-bottom-right-radius="80"] {
--ws-border-bottom-right-radius: 80px;
}
[border-top-left-radius="81"] {
--ws-border-top-left-radius: 81px;
}
[border-top-right-radius="81"] {
--ws-border-top-right-radius: 81px;
}
[border-bottom-left-radius="81"] {
--ws-border-bottom-left-radius: 81px;
}
[border-bottom-right-radius="81"] {
--ws-border-bottom-right-radius: 81px;
}
[border-top-left-radius="82"] {
--ws-border-top-left-radius: 82px;
}
[border-top-right-radius="82"] {
--ws-border-top-right-radius: 82px;
}
[border-bottom-left-radius="82"] {
--ws-border-bottom-left-radius: 82px;
}
[border-bottom-right-radius="82"] {
--ws-border-bottom-right-radius: 82px;
}
[border-top-left-radius="83"] {
--ws-border-top-left-radius: 83px;
}
[border-top-right-radius="83"] {
--ws-border-top-right-radius: 83px;
}
[border-bottom-left-radius="83"] {
--ws-border-bottom-left-radius: 83px;
}
[border-bottom-right-radius="83"] {
--ws-border-bottom-right-radius: 83px;
}
[border-top-left-radius="84"] {
--ws-border-top-left-radius: 84px;
}
[border-top-right-radius="84"] {
--ws-border-top-right-radius: 84px;
}
[border-bottom-left-radius="84"] {
--ws-border-bottom-left-radius: 84px;
}
[border-bottom-right-radius="84"] {
--ws-border-bottom-right-radius: 84px;
}
[border-top-left-radius="85"] {
--ws-border-top-left-radius: 85px;
}
[border-top-right-radius="85"] {
--ws-border-top-right-radius: 85px;
}
[border-bottom-left-radius="85"] {
--ws-border-bottom-left-radius: 85px;
}
[border-bottom-right-radius="85"] {
--ws-border-bottom-right-radius: 85px;
}
[border-top-left-radius="86"] {
--ws-border-top-left-radius: 86px;
}
[border-top-right-radius="86"] {
--ws-border-top-right-radius: 86px;
}
[border-bottom-left-radius="86"] {
--ws-border-bottom-left-radius: 86px;
}
[border-bottom-right-radius="86"] {
--ws-border-bottom-right-radius: 86px;
}
[border-top-left-radius="87"] {
--ws-border-top-left-radius: 87px;
}
[border-top-right-radius="87"] {
--ws-border-top-right-radius: 87px;
}
[border-bottom-left-radius="87"] {
--ws-border-bottom-left-radius: 87px;
}
[border-bottom-right-radius="87"] {
--ws-border-bottom-right-radius: 87px;
}
[border-top-left-radius="88"] {
--ws-border-top-left-radius: 88px;
}
[border-top-right-radius="88"] {
--ws-border-top-right-radius: 88px;
}
[border-bottom-left-radius="88"] {
--ws-border-bottom-left-radius: 88px;
}
[border-bottom-right-radius="88"] {
--ws-border-bottom-right-radius: 88px;
}
[border-top-left-radius="89"] {
--ws-border-top-left-radius: 89px;
}
[border-top-right-radius="89"] {
--ws-border-top-right-radius: 89px;
}
[border-bottom-left-radius="89"] {
--ws-border-bottom-left-radius: 89px;
}
[border-bottom-right-radius="89"] {
--ws-border-bottom-right-radius: 89px;
}
[border-top-left-radius="90"] {
--ws-border-top-left-radius: 90px;
}
[border-top-right-radius="90"] {
--ws-border-top-right-radius: 90px;
}
[border-bottom-left-radius="90"] {
--ws-border-bottom-left-radius: 90px;
}
[border-bottom-right-radius="90"] {
--ws-border-bottom-right-radius: 90px;
}
[border-top-left-radius="91"] {
--ws-border-top-left-radius: 91px;
}
[border-top-right-radius="91"] {
--ws-border-top-right-radius: 91px;
}
[border-bottom-left-radius="91"] {
--ws-border-bottom-left-radius: 91px;
}
[border-bottom-right-radius="91"] {
--ws-border-bottom-right-radius: 91px;
}
[border-top-left-radius="92"] {
--ws-border-top-left-radius: 92px;
}
[border-top-right-radius="92"] {
--ws-border-top-right-radius: 92px;
}
[border-bottom-left-radius="92"] {
--ws-border-bottom-left-radius: 92px;
}
[border-bottom-right-radius="92"] {
--ws-border-bottom-right-radius: 92px;
}
[border-top-left-radius="93"] {
--ws-border-top-left-radius: 93px;
}
[border-top-right-radius="93"] {
--ws-border-top-right-radius: 93px;
}
[border-bottom-left-radius="93"] {
--ws-border-bottom-left-radius: 93px;
}
[border-bottom-right-radius="93"] {
--ws-border-bottom-right-radius: 93px;
}
[border-top-left-radius="94"] {
--ws-border-top-left-radius: 94px;
}
[border-top-right-radius="94"] {
--ws-border-top-right-radius: 94px;
}
[border-bottom-left-radius="94"] {
--ws-border-bottom-left-radius: 94px;
}
[border-bottom-right-radius="94"] {
--ws-border-bottom-right-radius: 94px;
}
[border-top-left-radius="95"] {
--ws-border-top-left-radius: 95px;
}
[border-top-right-radius="95"] {
--ws-border-top-right-radius: 95px;
}
[border-bottom-left-radius="95"] {
--ws-border-bottom-left-radius: 95px;
}
[border-bottom-right-radius="95"] {
--ws-border-bottom-right-radius: 95px;
}
[border-top-left-radius="96"] {
--ws-border-top-left-radius: 96px;
}
[border-top-right-radius="96"] {
--ws-border-top-right-radius: 96px;
}
[border-bottom-left-radius="96"] {
--ws-border-bottom-left-radius: 96px;
}
[border-bottom-right-radius="96"] {
--ws-border-bottom-right-radius: 96px;
}
[border-top-left-radius="97"] {
--ws-border-top-left-radius: 97px;
}
[border-top-right-radius="97"] {
--ws-border-top-right-radius: 97px;
}
[border-bottom-left-radius="97"] {
--ws-border-bottom-left-radius: 97px;
}
[border-bottom-right-radius="97"] {
--ws-border-bottom-right-radius: 97px;
}
[border-top-left-radius="98"] {
--ws-border-top-left-radius: 98px;
}
[border-top-right-radius="98"] {
--ws-border-top-right-radius: 98px;
}
[border-bottom-left-radius="98"] {
--ws-border-bottom-left-radius: 98px;
}
[border-bottom-right-radius="98"] {
--ws-border-bottom-right-radius: 98px;
}
[border-top-left-radius="99"] {
--ws-border-top-left-radius: 99px;
}
[border-top-right-radius="99"] {
--ws-border-top-right-radius: 99px;
}
[border-bottom-left-radius="99"] {
--ws-border-bottom-left-radius: 99px;
}
[border-bottom-right-radius="99"] {
--ws-border-bottom-right-radius: 99px;
}
[border-top-left-radius="100"] {
--ws-border-top-left-radius: 100px;
}
[border-top-right-radius="100"] {
--ws-border-top-right-radius: 100px;
}
[border-bottom-left-radius="100"] {
--ws-border-bottom-left-radius: 100px;
}
[border-bottom-right-radius="100"] {
--ws-border-bottom-right-radius: 100px;
}
[border-top-left-radius="101"] {
--ws-border-top-left-radius: 101px;
}
[border-top-right-radius="101"] {
--ws-border-top-right-radius: 101px;
}
[border-bottom-left-radius="101"] {
--ws-border-bottom-left-radius: 101px;
}
[border-bottom-right-radius="101"] {
--ws-border-bottom-right-radius: 101px;
}
[border-top-left-radius="102"] {
--ws-border-top-left-radius: 102px;
}
[border-top-right-radius="102"] {
--ws-border-top-right-radius: 102px;
}
[border-bottom-left-radius="102"] {
--ws-border-bottom-left-radius: 102px;
}
[border-bottom-right-radius="102"] {
--ws-border-bottom-right-radius: 102px;
}
[border-top-left-radius="103"] {
--ws-border-top-left-radius: 103px;
}
[border-top-right-radius="103"] {
--ws-border-top-right-radius: 103px;
}
[border-bottom-left-radius="103"] {
--ws-border-bottom-left-radius: 103px;
}
[border-bottom-right-radius="103"] {
--ws-border-bottom-right-radius: 103px;
}
[border-top-left-radius="104"] {
--ws-border-top-left-radius: 104px;
}
[border-top-right-radius="104"] {
--ws-border-top-right-radius: 104px;
}
[border-bottom-left-radius="104"] {
--ws-border-bottom-left-radius: 104px;
}
[border-bottom-right-radius="104"] {
--ws-border-bottom-right-radius: 104px;
}
[border-top-left-radius="105"] {
--ws-border-top-left-radius: 105px;
}
[border-top-right-radius="105"] {
--ws-border-top-right-radius: 105px;
}
[border-bottom-left-radius="105"] {
--ws-border-bottom-left-radius: 105px;
}
[border-bottom-right-radius="105"] {
--ws-border-bottom-right-radius: 105px;
}
[border-top-left-radius="106"] {
--ws-border-top-left-radius: 106px;
}
[border-top-right-radius="106"] {
--ws-border-top-right-radius: 106px;
}
[border-bottom-left-radius="106"] {
--ws-border-bottom-left-radius: 106px;
}
[border-bottom-right-radius="106"] {
--ws-border-bottom-right-radius: 106px;
}
[border-top-left-radius="107"] {
--ws-border-top-left-radius: 107px;
}
[border-top-right-radius="107"] {
--ws-border-top-right-radius: 107px;
}
[border-bottom-left-radius="107"] {
--ws-border-bottom-left-radius: 107px;
}
[border-bottom-right-radius="107"] {
--ws-border-bottom-right-radius: 107px;
}
[border-top-left-radius="108"] {
--ws-border-top-left-radius: 108px;
}
[border-top-right-radius="108"] {
--ws-border-top-right-radius: 108px;
}
[border-bottom-left-radius="108"] {
--ws-border-bottom-left-radius: 108px;
}
[border-bottom-right-radius="108"] {
--ws-border-bottom-right-radius: 108px;
}
[border-top-left-radius="109"] {
--ws-border-top-left-radius: 109px;
}
[border-top-right-radius="109"] {
--ws-border-top-right-radius: 109px;
}
[border-bottom-left-radius="109"] {
--ws-border-bottom-left-radius: 109px;
}
[border-bottom-right-radius="109"] {
--ws-border-bottom-right-radius: 109px;
}
[border-top-left-radius="110"] {
--ws-border-top-left-radius: 110px;
}
[border-top-right-radius="110"] {
--ws-border-top-right-radius: 110px;
}
[border-bottom-left-radius="110"] {
--ws-border-bottom-left-radius: 110px;
}
[border-bottom-right-radius="110"] {
--ws-border-bottom-right-radius: 110px;
}
[border-top-left-radius="111"] {
--ws-border-top-left-radius: 111px;
}
[border-top-right-radius="111"] {
--ws-border-top-right-radius: 111px;
}
[border-bottom-left-radius="111"] {
--ws-border-bottom-left-radius: 111px;
}
[border-bottom-right-radius="111"] {
--ws-border-bottom-right-radius: 111px;
}
[border-top-left-radius="112"] {
--ws-border-top-left-radius: 112px;
}
[border-top-right-radius="112"] {
--ws-border-top-right-radius: 112px;
}
[border-bottom-left-radius="112"] {
--ws-border-bottom-left-radius: 112px;
}
[border-bottom-right-radius="112"] {
--ws-border-bottom-right-radius: 112px;
}
[border-top-left-radius="113"] {
--ws-border-top-left-radius: 113px;
}
[border-top-right-radius="113"] {
--ws-border-top-right-radius: 113px;
}
[border-bottom-left-radius="113"] {
--ws-border-bottom-left-radius: 113px;
}
[border-bottom-right-radius="113"] {
--ws-border-bottom-right-radius: 113px;
}
[border-top-left-radius="114"] {
--ws-border-top-left-radius: 114px;
}
[border-top-right-radius="114"] {
--ws-border-top-right-radius: 114px;
}
[border-bottom-left-radius="114"] {
--ws-border-bottom-left-radius: 114px;
}
[border-bottom-right-radius="114"] {
--ws-border-bottom-right-radius: 114px;
}
[border-top-left-radius="115"] {
--ws-border-top-left-radius: 115px;
}
[border-top-right-radius="115"] {
--ws-border-top-right-radius: 115px;
}
[border-bottom-left-radius="115"] {
--ws-border-bottom-left-radius: 115px;
}
[border-bottom-right-radius="115"] {
--ws-border-bottom-right-radius: 115px;
}
[border-top-left-radius="116"] {
--ws-border-top-left-radius: 116px;
}
[border-top-right-radius="116"] {
--ws-border-top-right-radius: 116px;
}
[border-bottom-left-radius="116"] {
--ws-border-bottom-left-radius: 116px;
}
[border-bottom-right-radius="116"] {
--ws-border-bottom-right-radius: 116px;
}
[border-top-left-radius="117"] {
--ws-border-top-left-radius: 117px;
}
[border-top-right-radius="117"] {
--ws-border-top-right-radius: 117px;
}
[border-bottom-left-radius="117"] {
--ws-border-bottom-left-radius: 117px;
}
[border-bottom-right-radius="117"] {
--ws-border-bottom-right-radius: 117px;
}
[border-top-left-radius="118"] {
--ws-border-top-left-radius: 118px;
}
[border-top-right-radius="118"] {
--ws-border-top-right-radius: 118px;
}
[border-bottom-left-radius="118"] {
--ws-border-bottom-left-radius: 118px;
}
[border-bottom-right-radius="118"] {
--ws-border-bottom-right-radius: 118px;
}
[border-top-left-radius="119"] {
--ws-border-top-left-radius: 119px;
}
[border-top-right-radius="119"] {
--ws-border-top-right-radius: 119px;
}
[border-bottom-left-radius="119"] {
--ws-border-bottom-left-radius: 119px;
}
[border-bottom-right-radius="119"] {
--ws-border-bottom-right-radius: 119px;
}
[border-top-left-radius="120"] {
--ws-border-top-left-radius: 120px;
}
[border-top-right-radius="120"] {
--ws-border-top-right-radius: 120px;
}
[border-bottom-left-radius="120"] {
--ws-border-bottom-left-radius: 120px;
}
[border-bottom-right-radius="120"] {
--ws-border-bottom-right-radius: 120px;
}
[border-top-left-radius="121"] {
--ws-border-top-left-radius: 121px;
}
[border-top-right-radius="121"] {
--ws-border-top-right-radius: 121px;
}
[border-bottom-left-radius="121"] {
--ws-border-bottom-left-radius: 121px;
}
[border-bottom-right-radius="121"] {
--ws-border-bottom-right-radius: 121px;
}
[border-top-left-radius="122"] {
--ws-border-top-left-radius: 122px;
}
[border-top-right-radius="122"] {
--ws-border-top-right-radius: 122px;
}
[border-bottom-left-radius="122"] {
--ws-border-bottom-left-radius: 122px;
}
[border-bottom-right-radius="122"] {
--ws-border-bottom-right-radius: 122px;
}
[border-top-left-radius="123"] {
--ws-border-top-left-radius: 123px;
}
[border-top-right-radius="123"] {
--ws-border-top-right-radius: 123px;
}
[border-bottom-left-radius="123"] {
--ws-border-bottom-left-radius: 123px;
}
[border-bottom-right-radius="123"] {
--ws-border-bottom-right-radius: 123px;
}
[border-top-left-radius="124"] {
--ws-border-top-left-radius: 124px;
}
[border-top-right-radius="124"] {
--ws-border-top-right-radius: 124px;
}
[border-bottom-left-radius="124"] {
--ws-border-bottom-left-radius: 124px;
}
[border-bottom-right-radius="124"] {
--ws-border-bottom-right-radius: 124px;
}
[border-top-left-radius="125"] {
--ws-border-top-left-radius: 125px;
}
[border-top-right-radius="125"] {
--ws-border-top-right-radius: 125px;
}
[border-bottom-left-radius="125"] {
--ws-border-bottom-left-radius: 125px;
}
[border-bottom-right-radius="125"] {
--ws-border-bottom-right-radius: 125px;
}
[border-top-left-radius="126"] {
--ws-border-top-left-radius: 126px;
}
[border-top-right-radius="126"] {
--ws-border-top-right-radius: 126px;
}
[border-bottom-left-radius="126"] {
--ws-border-bottom-left-radius: 126px;
}
[border-bottom-right-radius="126"] {
--ws-border-bottom-right-radius: 126px;
}
[border-top-left-radius="127"] {
--ws-border-top-left-radius: 127px;
}
[border-top-right-radius="127"] {
--ws-border-top-right-radius: 127px;
}
[border-bottom-left-radius="127"] {
--ws-border-bottom-left-radius: 127px;
}
[border-bottom-right-radius="127"] {
--ws-border-bottom-right-radius: 127px;
}
[border-top-left-radius="128"] {
--ws-border-top-left-radius: 128px;
}
[border-top-right-radius="128"] {
--ws-border-top-right-radius: 128px;
}
[border-bottom-left-radius="128"] {
--ws-border-bottom-left-radius: 128px;
}
[border-bottom-right-radius="128"] {
--ws-border-bottom-right-radius: 128px;
}
}
html {
-webkit-text-size-adjust: 100%;
} /*! uncss:ignore start */
main {
display: block;
} /*! uncss:ignore end */
ws-block hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
ws-block pre {
font-family: monospace, monospace;
font-size: 1em;
}
ws-block {
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
}
ws-block abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
ws-block code,
ws-block kbd,
ws-block samp {
font-family: monospace, monospace;
font-size: 1em;
}
ws-block small {
font-size: 80%;
}
ws-block sub,
ws-block sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
ws-block sub {
bottom: -0.25em;
}
ws-block sup {
top: -0.5em;
}
ws-block img {
border-style: none;
}
ws-block button,
ws-block ws-button[type="submit"],
ws-block input,
ws-block optgroup,
ws-block select,
ws-block textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
ws-block input {
overflow: visible;
}
ws-block button,
ws-block ws-button[type="submit"],
ws-block select {
text-transform: none;
}
ws-block button,
ws-block [type="button"],
ws-block [type="reset"],
ws-block [type="submit"] {
-webkit-appearance: button;
}
ws-block button::-moz-focus-inner,
ws-block [type="button"]::-moz-focus-inner,
ws-block [type="reset"]::-moz-focus-inner,
ws-block [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
ws-block button:-moz-focusring,
ws-block [type="button"]:-moz-focusring,
ws-block [type="reset"]:-moz-focusring,
ws-block [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
ws-block fieldset {
padding: 0.35em 0.75em 0.625em;
}
ws-block legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
ws-block progress {
vertical-align: baseline;
}
ws-block input[type="checkbox"],
ws-block input[type="radio"] {
padding: 0;
}
ws-block [type="number"]::-webkit-inner-spin-button,
ws-block [type="number"]::-webkit-outer-spin-button {
height: auto;
}
ws-block [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
ws-block [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
ws-block ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
ws-block summary {
display: list-item;
}
ws-block template {
display: none;
}
ws-block [hidden] {
display: none;
}
html,
body {
margin: 0;
padding: 0;
border: 0;
}
ws-block div,
ws-block span,
ws-block applet,
ws-block object,
ws-block iframe,
ws-block h1,
ws-block h2,
ws-block h3,
ws-block h4,
ws-block h5,
ws-block h6,
ws-block p,
ws-block blockquote,
ws-block pre,
ws-block a,
ws-block abbr,
ws-block acronym,
ws-block address,
ws-block big,
ws-block cite,
ws-block code,
ws-block del,
ws-block dfn,
ws-block em,
ws-block img,
ws-block ins,
ws-block kbd,
ws-block q,
ws-block s,
ws-block samp,
ws-block small,
ws-block strike,
ws-block strong,
ws-block sub,
ws-block sup,
ws-block tt,
ws-block var,
ws-block b,
ws-block u,
ws-block i,
ws-block center,
ws-block dl,
ws-block dt,
ws-block dd,
ws-block ol,
ws-block ul,
ws-block li,
ws-block fieldset,
ws-block form,
ws-block label,
ws-block legend,
ws-block table,
ws-block caption,
ws-block tbody,
ws-block tfoot,
ws-block thead,
ws-block tr,
ws-block th,
ws-block td,
ws-block article,
ws-block aside,
ws-block canvas,
ws-block details,
ws-block embed,
ws-block figure,
ws-block figcaption,
ws-block footer,
ws-block header,
ws-block hgroup,
ws-block menu,
ws-block nav,
ws-block output,
ws-block ruby,
ws-block section,
ws-block summary,
ws-block time,
ws-block mark,
ws-block audio,
ws-block video {
margin: var(--normaize-margin);
padding: 0;
border: 0;
font-size: 100%;
vertical-align: top;
}
ws-block:not([src*="online-store"]) {
--normaize-margin: 0;
}
ws-icon,
ws-text,
ws-button,
ws-global,
ws-tags,
ws-social-icons,
ws-button-group,
ws-contact-form-container,
ws-contact-form-group,
ws-contact-form-validation-error,
ws-label,
ws-html-embed,
ws-online-store,
ws-custom-select,
ws-header,
ws-nav,
ws-navigation,
ws-nav-content,
ws-nav-toggle,
ws-nav-collapse {
display: block;
}
ws-block article,
ws-block aside,
ws-block details,
ws-block figcaption,
ws-block figure,
ws-block footer,
ws-block header,
ws-block hgroup,
ws-block menu,
ws-block nav,
ws-block section {
display: block;
}
ws-block label {
display: inline-block;
}
ws-block,
ws-block *,
ws-block *:before,
ws-block *:after {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
ws-block ol,
ws-block ul {
list-style: none;
}
ws-block blockquote,
ws-block q {
quotes: none;
}
ws-block q:before,
ws-block q:after {
content: "";
content: none;
}
ws-block table {
border-collapse: collapse;
border-spacing: 0;
}
ws-block button,
ws-block ws-button[type="submit"],
ws-block input[type="button"] {
background: none;
border: none;
display: inline-block;
margin: 0;
padding: 0;
outline: none;
outline-offset: 0;
overflow: visible;
cursor: pointer;
-webkit-appearance: none;
}
ws-block input {
outline: none;
background-color: rgba(0, 0, 0, 0);
border: none;
-webkit-appearance: none;
border-radius: 0;
vertical-align: baseline;
box-shadow: none;
}
ws-block input[type="checkbox"] {
-webkit-appearance: checkbox;
}
ws-block input[type="radio"] {
-webkit-appearance: radio;
}
ws-block button,
html ws-block [type="button"],
ws-block [type="reset"],
ws-block [type="submit"] {
-webkit-appearance: button;
}
ws-block ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
ws-block [type="search"]::-webkit-search-cancel-button,
ws-block [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
ws-block textarea {
overflow: auto;
resize: vertical;
}
ws-block address {
font-style: normal;
display: block;
}
ws-columns {
pointer-events: none;
}
ws-columns > * {
pointer-events: auto;
}
slot {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
:root {
--ws-container-width: 100%;
--ws-container-padding-horizontal: 15px;
--ws-fluid-container-width: 100%;
--ws-fluid-container-padding-horizontal: 15px;
--ws-columns-column-gap: 30px;
--ws-columns-column-gap-half: calc(var(--ws-columns-column-gap) * 0.5);
--ws-columns-row-gap: 0px;
--col-width: calc(var(--ws-container-width) / 12);
--ws-col-1-width: calc(var(--col-width) * 1 - var(--ws-columns-column-gap));
--ws-col-2-width: calc(var(--col-width) * 2 - var(--ws-columns-column-gap));
--ws-col-3-width: calc(var(--col-width) * 3 - var(--ws-columns-column-gap));
--ws-col-4-width: calc(var(--col-width) * 4 - var(--ws-columns-column-gap));
--ws-col-5-width: calc(var(--col-width) * 5 - var(--ws-columns-column-gap));
--ws-col-6-width: calc(var(--col-width) * 6 - var(--ws-columns-column-gap));
--ws-col-7-width: calc(var(--col-width) * 7 - var(--ws-columns-column-gap));
--ws-col-8-width: calc(var(--col-width) * 8 - var(--ws-columns-column-gap));
--ws-col-9-width: calc(var(--col-width) * 9 - var(--ws-columns-column-gap));
--ws-col-10-width: calc(var(--col-width) * 10 - var(--ws-columns-column-gap));
--ws-col-11-width: calc(var(--col-width) * 11 - var(--ws-columns-column-gap));
--ws-col-12-width: calc(var(--col-width) * 12 - var(--ws-columns-column-gap));
}
@media (min-width: 576px) {
:root {
--ws-container-width: 540px;
--ws-fluid-container-padding-horizontal: 33px;
}
}
@media (min-width: 768px) {
:root {
--ws-container-width: 720px;
--ws-fluid-container-padding-horizontal: 39px;
}
}
@media (min-width: 992px) {
:root {
--ws-container-width: 960px;
--ws-fluid-container-padding-horizontal: 31px;
}
}
@media (min-width: 1200px) {
:root {
--ws-container-width: 1200px;
--ws-fluid-container-padding-horizontal: 15px;
}
}
@media (min-width: 1330px) {
:root {
--ws-fluid-container-padding-horizontal: 80px;
}
}
.ws-container {
width: var(--ws-container-width);
min-width: 0;
max-width: var(--ws-container-width);
padding-right: var(--ws-container-padding-horizontal);
padding-left: var(--ws-container-padding-horizontal);
margin-right: auto;
margin-left: auto;
}
.ws-fluid-container,
[fullwidth] .ws-container {
--col-width: calc((var(--ws-fluid-container-width) + var(--ws-columns-column-gap-half) * 2) / 12);
--ws-col-1-width: calc(var(--col-width) * 1 - var(--ws-columns-column-gap));
--ws-col-2-width: calc(var(--col-width) * 2 - var(--ws-columns-column-gap));
--ws-col-3-width: calc(var(--col-width) * 3 - var(--ws-columns-column-gap));
--ws-col-4-width: calc(var(--col-width) * 4 - var(--ws-columns-column-gap));
--ws-col-5-width: calc(var(--col-width) * 5 - var(--ws-columns-column-gap));
--ws-col-6-width: calc(var(--col-width) * 6 - var(--ws-columns-column-gap));
--ws-col-7-width: calc(var(--col-width) * 7 - var(--ws-columns-column-gap));
--ws-col-8-width: calc(var(--col-width) * 8 - var(--ws-columns-column-gap));
--ws-col-9-width: calc(var(--col-width) * 9 - var(--ws-columns-column-gap));
--ws-col-10-width: calc(var(--col-width) * 10 - var(--ws-columns-column-gap));
--ws-col-11-width: calc(var(--col-width) * 11 - var(--ws-columns-column-gap));
--ws-col-12-width: calc(var(--col-width) * 12 - var(--ws-columns-column-gap));
width: var(--ws-fluid-container-width);
min-width: 0;
max-width: 100%;
padding-right: var(--ws-fluid-container-padding-horizontal);
padding-left: var(--ws-fluid-container-padding-horizontal);
margin-right: auto;
margin-left: auto;
}
.row,
ws-columns {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: var(--ws-columns-row-gap);
margin-right: calc(-0.5 * var(--ws-columns-column-gap));
margin-left: calc(-0.5 * var(--ws-columns-column-gap));
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
ws-column {
position: relative;
width: 100%;
min-height: 1px;
padding-right: calc(0.5 * var(--ws-columns-column-gap));
padding-left: calc(0.5 * var(--ws-columns-column-gap));
}
@media (min-width: 0) {
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1330px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xxl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xxl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xxl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
ws-block[content-direction="reverse"] ws-columns {
flex-direction: row-reverse;
}
:root {
--ws-color-dark-50: 220, 3%, 36%;
--ws-color-dark-100: 220, 3%, 34%;
--ws-color-dark-200: 220, 4%, 32%;
--ws-color-dark-300: 220, 4%, 30%;
--ws-color-dark-400: 216, 4%, 27%;
--ws-color-dark-500: 220, 5%, 24%;
--ws-color-dark-600: 216, 5%, 21%;
--ws-color-dark-700: 216, 5%, 18%;
--ws-color-dark-800: 216, 7%, 14%;
--ws-color-dark-900: 216, 11%, 9%;
--ws-color-dark-1000: 0, 0%, 0%;
--ws-color-light-0: 0, 0%, 100%;
--ws-color-light-50: 240, 11%, 98%;
--ws-color-light-100: 240, 5%, 96%;
--ws-color-light-200: 240, 3%, 94%;
--ws-color-light-300: 240, 2%, 88%;
--ws-color-light-400: 240, 1%, 84%;
--ws-color-light-500: 240, 1%, 79%;
--ws-color-light-600: 240, 1%, 74%;
--ws-color-light-700: 240, 1%, 69%;
--ws-color-light-800: 240, 1%, 64%;
--ws-color-light-900: 240, 0%, 59%;
--ws-color-primary-50: 231, 76%, 95%;
--ws-color-primary-100: 230, 75%, 87%;
--ws-color-primary-200: 229, 76%, 79%;
--ws-color-primary-300: 228, 78%, 70%;
--ws-color-primary-400: 227, 78%, 62%;
--ws-color-primary-500: 223, 78%, 51%;
--ws-color-primary-600: 223, 79%, 48%;
--ws-color-primary-700: 220, 97%, 41%;
--ws-color-primary-800: 222, 100%, 38%;
--ws-color-primary-900: 227, 100%, 34%;
--ws-color-secondary-50: 226, 33%, 92%;
--ws-color-secondary-100: 226, 35%, 81%;
--ws-color-secondary-200: 225, 35%, 69%;
--ws-color-secondary-300: 224, 35%, 56%;
--ws-color-secondary-400: 224, 40%, 47%;
--ws-color-secondary-500: 220, 65%, 37%;
--ws-color-secondary-600: 220, 70%, 34%;
--ws-color-secondary-700: 220, 70%, 34%;
--ws-color-secondary-800: 217, 100%, 24%;
--ws-color-secondary-900: 222, 100%, 20%;
--ws-color-warning-50: 46, 100%, 94%;
--ws-color-warning-100: 45, 100%, 85%;
--ws-color-warning-200: 45, 100%, 75%;
--ws-color-warning-300: 46, 100%, 65%;
--ws-color-warning-400: 45, 100%, 58%;
--ws-color-warning-500: 45, 100%, 51%;
--ws-color-warning-600: 42, 100%, 50%;
--ws-color-warning-700: 38, 100%, 50%;
--ws-color-warning-800: 34, 100%, 50%;
--ws-color-warning-900: 26, 100%, 50%;
--ws-color-error-50: 351, 100%, 96%;
--ws-color-error-100: 354, 100%, 90%;
--ws-color-error-200: 0, 73%, 77%;
--ws-color-error-300: 0, 69%, 67%;
--ws-color-error-400: 1, 83%, 63%;
--ws-color-error-500: 4, 90%, 58%;
--ws-color-error-600: 1, 77%, 55%;
--ws-color-error-700: 1, 77%, 55%;
--ws-color-error-800: 0, 66%, 47%;
--ws-color-error-900: 360, 74%, 41%;
--ws-color-info-50: 199, 94%, 94%;
--ws-color-info-100: 199, 92%, 85%;
--ws-color-info-200: 199, 92%, 74%;
--ws-color-info-300: 199, 91%, 64%;
--ws-color-info-400: 199, 92%, 56%;
--ws-color-info-500: 199, 98%, 48%;
--ws-color-info-600: 200, 97%, 46%;
--ws-color-info-700: 202, 96%, 42%;
--ws-color-info-800: 203, 96%, 38%;
--ws-color-info-900: 207, 96%, 31%;
--ws-color-success-50: 127, 47%, 93%;
--ws-color-success-100: 126, 46%, 84%;
--ws-color-success-200: 128, 47%, 73%;
--ws-color-success-300: 129, 48%, 62%;
--ws-color-success-400: 131, 49%, 53%;
--ws-color-success-500: 136, 75%, 41%;
--ws-color-success-600: 139, 90%, 35%;
--ws-color-success-700: 139, 100%, 29%;
--ws-color-success-800: 136, 100%, 26%;
--ws-color-success-900: 127, 100%, 20%;
--ws-color-text-black: 210, 9%, 9%;
--ws-color-text-white: 0, 0%, 100%;
}
ws-text h6 + h1,
ws-text h6 + h2,
ws-text p + h4,
ws-text ul + h4,
ws-text ol + h4,
ws-text blockquote + h4 {
margin-top: var(--ws-text-molecules-based-indent-type-1, 12px);
}
ws-text h1 + h2,
ws-text h1 + h4,
ws-text h1 + h6,
ws-text h2 + h3,
ws-text h2 + h4,
ws-text h2 + h6,
ws-text h3 + h3,
ws-text h5 + h2,
ws-text h6 + h3,
ws-text h6 + h4,
ws-text p + h5,
ws-text p + h6,
ws-text ul + h5,
ws-text ul + h6,
ws-text ol + h5,
ws-text ol + h6,
ws-text blockquote + h5,
ws-text blockquote + h6 {
margin-top: var(--ws-text-molecules-based-indent-type-2, 16px);
}
ws-text h1 + h3,
ws-text h1 + h5,
ws-text h1 + p,
ws-text h1 + ol,
ws-text h1 + ul,
ws-text h1 + blockquote,
ws-text h2 + h2,
ws-text h2 + h5,
ws-text h2 + p,
ws-text h2 + ol,
ws-text h2 + ul,
ws-text h2 + blockquote,
ws-text h3 + h4,
ws-text h3 + h5,
ws-text h3 + h6,
ws-text h3 + p,
ws-text h3 + ul,
ws-text h3 + ol,
ws-text h3 + blockquote,
ws-text h4 + h4,
ws-text h4 + h5,
ws-text h4 + h6,
ws-text h4 + p,
ws-text h4 + ul,
ws-text h4 + ol,
ws-text h4 + blockquote,
ws-text h5 + h3,
ws-text h5 + h4,
ws-text h5 + h5,
ws-text h5 + h6,
ws-text h5 + p,
ws-text h5 + ul,
ws-text h5 + ol,
ws-text h5 + blockquote,
ws-text h6 + h5,
ws-text h6 + h6,
ws-text h6 + p,
ws-text h6 + ul,
ws-text h6 + ol,
ws-text h6 + blockquote,
ws-text p + p,
ws-text p + ul,
ws-text p + ol,
ws-text p + blockquote,
ws-text ul + p,
ws-text ul + ul,
ws-text ul + ol,
ws-text ul + blockquote,
ws-text ol + p,
ws-text ol + ul,
ws-text ol + ol,
ws-text ol + blockquote,
ws-text blockquote + p,
ws-text blockquote + ul,
ws-text blockquote + ol,
ws-text blockquote + blockquote {
margin-top: var(--ws-text-molecules-based-indent-type-3, 20px);
}
ws-text h1 + ws-media-container,
ws-text h2 + h1,
ws-text h2 + ws-media-container,
ws-text h3 + h1,
ws-text h3 + h2,
ws-text h3 + ws-media-container,
ws-text h4 + h1,
ws-text h4 + h2,
ws-text h4 + h3,
ws-text h4 + ws-media-container,
ws-text h5 + h1,
ws-text h5 + ws-media-container,
ws-text h6 + ws-media-container,
ws-text p + h1,
ws-text p + h2,
ws-text p + h3,
ws-text p + ws-media-container,
ws-text ul + h1,
ws-text ul + h2,
ws-text ul + h3,
ws-text ul + ws-media-container,
ws-text ol + h1,
ws-text ol + h2,
ws-text ol + h3,
ws-text ol + ws-media-container,
ws-text blockquote + h1,
ws-text blockquote + h2,
ws-text blockquote + h3,
ws-text blockquote + ws-media-container,
ws-text ws-media-container + * {
margin-top: var(--ws-text-molecules-based-indent-type-4, 48px);
}
ws-text h1 + h1 {
margin-top: 24px;
}
ws-media-container + ws-text {
margin-top: 32px;
}
:root {
--ws-white-space-8: 4px;
--ws-white-space-16: 12px;
--ws-white-space-24: 16px;
--ws-white-space-32: 24px;
--ws-white-space-40: 28px;
--ws-white-space-48: 32px;
--ws-white-space-56: 40px;
--ws-white-space-64: 44px;
--ws-white-space-72: 48px;
--ws-white-space-80: 56px;
--ws-white-space-88: 60px;
--ws-white-space-96: 64px;
--ws-white-space-104: 68px;
--ws-white-space-112: 72px;
--ws-white-space-120: 80px;
--ws-white-space-128: 88px;
}
@media (min-width: 992px) {
:root {
--ws-white-space-8: 4px;
--ws-white-space-16: 12px;
--ws-white-space-24: 20px;
--ws-white-space-32: 28px;
--ws-white-space-40: 32px;
--ws-white-space-48: 40px;
--ws-white-space-56: 48px;
--ws-white-space-64: 56px;
--ws-white-space-72: 60px;
--ws-white-space-80: 64px;
--ws-white-space-88: 72px;
--ws-white-space-96: 80px;
--ws-white-space-104: 88px;
--ws-white-space-112: 92px;
--ws-white-space-120: 100px;
--ws-white-space-128: 108px;
}
}
@media (min-width: 1200px) {
:root {
--ws-white-space-8: 8px;
--ws-white-space-16: 16px;
--ws-white-space-24: 24px;
--ws-white-space-32: 32px;
--ws-white-space-40: 40px;
--ws-white-space-48: 48px;
--ws-white-space-56: 56px;
--ws-white-space-64: 64px;
--ws-white-space-72: 72px;
--ws-white-space-80: 80px;
--ws-white-space-88: 88px;
--ws-white-space-96: 96px;
--ws-white-space-104: 104px;
--ws-white-space-112: 112px;
--ws-white-space-120: 120px;
--ws-white-space-128: 128px;
}
}
ws-block[white-space-top="0"] {
--ws-block-padding-top: 0px;
}
ws-block[white-space-top="8"] {
--ws-block-padding-top: var(--ws-white-space-8);
}
ws-block[white-space-top="16"] {
--ws-block-padding-top: var(--ws-white-space-16);
}
ws-block[white-space-top="24"] {
--ws-block-padding-top: var(--ws-white-space-24);
}
ws-block[white-space-top="32"] {
--ws-block-padding-top: var(--ws-white-space-32);
}
ws-block[white-space-top="40"] {
--ws-block-padding-top: var(--ws-white-space-40);
}
ws-block[white-space-top="48"] {
--ws-block-padding-top: var(--ws-white-space-48);
}
ws-block[white-space-top="56"] {
--ws-block-padding-top: var(--ws-white-space-56);
}
ws-block[white-space-top="64"] {
--ws-block-padding-top: var(--ws-white-space-64);
}
ws-block[white-space-top="72"] {
--ws-block-padding-top: var(--ws-white-space-72);
}
ws-block[white-space-top="80"] {
--ws-block-padding-top: var(--ws-white-space-80);
}
ws-block[white-space-top="88"] {
--ws-block-padding-top: var(--ws-white-space-88);
}
ws-block[white-space-top="96"] {
--ws-block-padding-top: var(--ws-white-space-96);
}
ws-block[white-space-top="104"] {
--ws-block-padding-top: var(--ws-white-space-104);
}
ws-block[white-space-top="112"] {
--ws-block-padding-top: var(--ws-white-space-112);
}
ws-block[white-space-top="120"] {
--ws-block-padding-top: var(--ws-white-space-120);
}
ws-block[white-space-top="128"] {
--ws-block-padding-top: var(--ws-white-space-128);
}
ws-block[white-space-top] .ws-section {
padding-top: calc(var(--ws-block-padding-top) + var(--ws-block-extra-padding-top, 0px));
}
ws-block[white-space-bottom="0"] {
--ws-block-padding-bottom: 0px;
}
ws-block[white-space-bottom="8"] {
--ws-block-padding-bottom: var(--ws-white-space-8);
}
ws-block[white-space-bottom="16"] {
--ws-block-padding-bottom: var(--ws-white-space-16);
}
ws-block[white-space-bottom="24"] {
--ws-block-padding-bottom: var(--ws-white-space-24);
}
ws-block[white-space-bottom="32"] {
--ws-block-padding-bottom: var(--ws-white-space-32);
}
ws-block[white-space-bottom="40"] {
--ws-block-padding-bottom: var(--ws-white-space-40);
}
ws-block[white-space-bottom="48"] {
--ws-block-padding-bottom: var(--ws-white-space-48);
}
ws-block[white-space-bottom="56"] {
--ws-block-padding-bottom: var(--ws-white-space-56);
}
ws-block[white-space-bottom="64"] {
--ws-block-padding-bottom: var(--ws-white-space-64);
}
ws-block[white-space-bottom="72"] {
--ws-block-padding-bottom: var(--ws-white-space-72);
}
ws-block[white-space-bottom="80"] {
--ws-block-padding-bottom: var(--ws-white-space-80);
}
ws-block[white-space-bottom="88"] {
--ws-block-padding-bottom: var(--ws-white-space-88);
}
ws-block[white-space-bottom="96"] {
--ws-block-padding-bottom: var(--ws-white-space-96);
}
ws-block[white-space-bottom="104"] {
--ws-block-padding-bottom: var(--ws-white-space-104);
}
ws-block[white-space-bottom="112"] {
--ws-block-padding-bottom: var(--ws-white-space-112);
}
ws-block[white-space-bottom="120"] {
--ws-block-padding-bottom: var(--ws-white-space-120);
}
ws-block[white-space-bottom="128"] {
--ws-block-padding-bottom: var(--ws-white-space-128);
}
ws-block[white-space-bottom] .ws-section {
padding-bottom: var(--ws-block-padding-bottom);
}
ws-block[white-space-top="0"][fullscreen] {
--ws-block-padding-top: var(--ws-white-space-120);
}
ws-block[white-space-bottom="0"][fullscreen] {
--ws-block-padding-bottom: var(--ws-white-space-120);
}
ws-block[content-alignment~="left"] {
--ws-content-horizontal-alignment: start;
}
ws-block[content-alignment~="center"] {
--ws-content-horizontal-alignment: center;
}
ws-block[content-alignment~="right"] {
--ws-content-horizontal-alignment: end;
}
ws-block[content-alignment~="top"] {
--ws-content-vertical-alignment: start;
}
ws-block[content-alignment~="middle"] {
--ws-content-vertical-alignment: center;
}
ws-block[content-alignment~="bottom"] {
--ws-content-vertical-alignment: end;
}
@media (min-width: 768px) {
[content-direction] .ws-block-content,
[content-alignment] .ws-block-content {
display: grid;
grid-template-columns: 100%;
}
[content-direction] .ws-block-content > *,
[content-alignment] .ws-block-content > * {
width: 100%;
min-width: 0;
}
[content-direction] .ws-block-content,
[content-alignment~="left"] .ws-block-content,
[content-alignment~="center"] .ws-block-content,
[content-alignment~="right"] .ws-block-content {
justify-items: var(--ws-content-horizontal-alignment);
}
[content-alignment~="top"] .ws-block-content,
[content-alignment~="middle"] .ws-block-content,
[content-alignment~="bottom"] .ws-block-content {
align-content: var(--ws-content-vertical-alignment);
height: 100%;
}
}
[content-alignment~="top"] .ws-block-media-content,
[content-alignment~="middle"] .ws-block-media-content,
[content-alignment~="bottom"] .ws-block-media-content {
align-content: var(--ws-content-vertical-alignment);
align-self: var(--ws-content-vertical-alignment);
}
[fullscreen] .ws-m-split-layout .ws-block-media-content {
align-content: normal;
align-self: auto;
}
ws-block[border-bottom][border-width="1"] {
--ws-border-width: 1px;
}
ws-block[border-bottom][border-width="2"] {
--ws-border-width: 2px;
}
ws-block[border-bottom][border-width="3"] {
--ws-border-width: 3px;
}
ws-block[border-bottom][border-width="4"] {
--ws-border-width: 4px;
}
ws-block[border-bottom][border-width="5"] {
--ws-border-width: 5px;
}
ws-block[border-bottom][border-width="6"] {
--ws-border-width: 6px;
}
ws-block[border-bottom][border-width="7"] {
--ws-border-width: 7px;
}
ws-block[border-bottom][border-width="8"] {
--ws-border-width: 8px;
}
ws-block[border-bottom][border-width="9"] {
--ws-border-width: 9px;
}
ws-block[border-bottom][border-width="10"] {
--ws-border-width: 10px;
}
ws-block[border-bottom][border-width="11"] {
--ws-border-width: 11px;
}
ws-block[border-bottom][border-width="12"] {
--ws-border-width: 12px;
}
ws-block[border-bottom][border-width="13"] {
--ws-border-width: 13px;
}
ws-block[border-bottom][border-width="14"] {
--ws-border-width: 14px;
}
ws-block[border-bottom][border-width="15"] {
--ws-border-width: 15px;
}
ws-block[border-bottom][border-width="16"] {
--ws-border-width: 16px;
}
ws-block[border-bottom][border-width="17"] {
--ws-border-width: 17px;
}
ws-block[border-bottom][border-width="18"] {
--ws-border-width: 18px;
}
ws-block[border-bottom][border-width="19"] {
--ws-border-width: 19px;
}
ws-block[border-bottom][border-width="20"] {
--ws-border-width: 20px;
}
ws-block[border-bottom] [data-surface="0"] {
border-bottom: var(--ws-border-width) solid
hsla(var(--ws-surface-block-divider-color), var(--ws-surface-block-divider-color-opacity));
} /*! uncss:ignore start */
body.nav-open {
overflow: hidden;
} /*! uncss:ignore end */
.page-container {
min-height: calc(100vh - var(--ws-branding-height, 1px));
overflow: hidden;
position: relative;
}
:root {
--first-font-family: Noto Sans;
--second-font-family: Noto Sans;
--ws-primary-font-family: var(--first-font-family), var(--font-sans-serif-fallback);
--ws-secondary-font-family: var(--second-font-family), var(--font-sans-serif-fallback);
--font-sans-serif-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica",
Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
--font-serif-fallback: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia,
serif;
--font-cursive-fallback: "Brush Script MT", cursive;
--font-monospace-fallback: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console",
"DejaVu Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier,
monospace;
}
:root {
--ws-blockquote-font-family: var(--ws-primary-font-family);
--ws-blockquote-font-size: 16px;
--ws-blockquote-line-height: 1.75em;
--ws-blockquote-font-style: normal;
--ws-blockquote-font-weight: normal;
--ws-blockquote-font-weight-emulation: none;
--ws-blockquote-text-transform: none;
--ws-blockquote-letter-spacing: normal;
--ws-blockquote-text-decoration: none;
}
ws-block blockquote {
font-family: var(--ws-blockquote-font-family);
font-style: var(--ws-blockquote-font-style);
font-weight: var(--ws-blockquote-font-weight);
text-shadow: var(--ws-blockquote-font-weight-emulation);
font-size: var(--ws-blockquote-font-size);
line-height: var(--ws-blockquote-line-height);
text-transform: var(--ws-blockquote-text-transform);
letter-spacing: var(--ws-blockquote-letter-spacing);
text-decoration: var(--ws-blockquote-text-decoration);
color: hsla(var(--ws-surface-blockquote-color), var(--ws-surface-blockquote-color-opacity));
}
:root {
--ws-heading-1-font-family: var(--ws-secondary-font-family);
--ws-heading-1-font-size: 56;
--ws-heading-1-line-height: 1.286em;
--ws-heading-1-font-weight: normal;
--ws-heading-1-font-weight-emulation: none;
--ws-heading-1-font-style: normal;
--ws-heading-1-text-transform: none;
--ws-heading-1-letter-spacing: normal;
--ws-heading-1-text-decoration: none;
}
ws-block:not([src*="online-store"]) h1 {
--min-font-size: 36;
--min-line-height: 1.527em;
font-size: calc(
var(--min-font-size) * 1px + (var(--ws-heading-1-font-size) - var(--min-font-size)) *
(100vw - 320px) / 880
);
line-height: var(--min-line-height);
font-family: var(--ws-heading-1-font-family);
font-style: var(--ws-heading-1-font-style);
font-weight: var(--ws-heading-1-font-weight);
text-shadow: var(--ws-heading-1-font-weight-emulation);
text-transform: var(--ws-heading-1-text-transform);
letter-spacing: var(--ws-heading-1-letter-spacing);
text-decoration: var(--ws-heading-1-text-decoration);
color: hsla(var(--ws-surface-heading-1-color), var(--ws-surface-heading-1-color-opacity));
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) h1 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--ws-heading-1-font-size) - var(--min-font-size)) *
(100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h1 {
font-size: calc(var(--ws-heading-1-font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) h1 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-1-line-height) - var(--min-line-height)) / 4
);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) h1 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-1-line-height) - var(--min-line-height)) / 2
);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) h1 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-1-line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h1 {
line-height: var(--ws-heading-1-line-height);
}
}
:root {
--ws-heading-2-font-family: var(--ws-secondary-font-family);
--ws-heading-2-font-size: 40;
--ws-heading-2-line-height: 1.4em;
--ws-heading-2-font-weight: normal;
--ws-heading-2-font-weight-emulation: none;
--ws-heading-2-font-style: normal;
--ws-heading-2-text-transform: none;
--ws-heading-2-letter-spacing: normal;
--ws-heading-2-text-decoration: none;
}
ws-block:not([src*="online-store"]) h2 {
--min-font-size: 32;
--min-line-height: 1.531em;
font-size: calc(
var(--min-font-size) * 1px + (var(--ws-heading-2-font-size) - var(--min-font-size)) *
(100vw - 320px) / 880
);
line-height: var(--min-line-height);
font-family: var(--ws-heading-2-font-family);
font-style: var(--ws-heading-2-font-style);
font-weight: var(--ws-heading-2-font-weight);
text-shadow: var(--ws-heading-2-font-weight-emulation);
text-transform: var(--ws-heading-2-text-transform);
letter-spacing: var(--ws-heading-2-letter-spacing);
text-decoration: var(--ws-heading-2-text-decoration);
color: hsla(var(--ws-surface-heading-2-color), var(--ws-surface-heading-2-color-opacity));
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) h2 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--ws-heading-2-font-size) - var(--min-font-size)) *
(100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h2 {
font-size: calc(var(--ws-heading-2-font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) h2 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-2-line-height) - var(--min-line-height)) / 4
);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) h2 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-2-line-height) - var(--min-line-height)) / 2
);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) h2 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-2-line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h2 {
line-height: var(--ws-heading-2-line-height);
}
}
:root {
--ws-heading-3-font-family: var(--ws-secondary-font-family);
--ws-heading-3-font-size: 32;
--ws-heading-3-line-height: 1.375em;
--ws-heading-3-font-weight: normal;
--ws-heading-3-font-weight-emulation: none;
--ws-heading-3-font-style: normal;
--ws-heading-3-text-transform: none;
--ws-heading-3-letter-spacing: normal;
--ws-heading-3-text-decoration: none;
}
ws-block:not([src*="online-store"]) h3 {
--min-font-size: 24;
--min-line-height: 1.541em;
font-size: calc(
var(--min-font-size) * 1px + (var(--ws-heading-3-font-size) - var(--min-font-size)) *
(100vw - 320px) / 880
);
line-height: var(--min-line-height);
font-family: var(--ws-heading-3-font-family);
font-style: var(--ws-heading-3-font-style);
font-weight: var(--ws-heading-3-font-weight);
text-shadow: var(--ws-heading-3-font-weight-emulation);
text-transform: var(--ws-heading-3-text-transform);
letter-spacing: var(--ws-heading-3-letter-spacing);
text-decoration: var(--ws-heading-3-text-decoration);
color: hsla(var(--ws-surface-heading-3-color), var(--ws-surface-heading-3-color-opacity));
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) h3 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--ws-heading-3-font-size) - var(--min-font-size)) *
(100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h3 {
font-size: calc(var(--ws-heading-3-font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) h3 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-3-line-height) - var(--min-line-height)) / 4
);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) h3 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-3-line-height) - var(--min-line-height)) / 2
);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) h3 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-3-line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h3 {
line-height: var(--ws-heading-3-line-height);
}
}
:root {
--ws-heading-4-font-family: var(--ws-secondary-font-family);
--ws-heading-4-font-size: 22;
--ws-heading-4-line-height: 1.636em;
--ws-heading-4-font-weight: normal;
--ws-heading-4-font-weight-emulation: none;
--ws-heading-4-font-style: normal;
--ws-heading-4-text-transform: none;
--ws-heading-4-letter-spacing: normal;
--ws-heading-4-text-decoration: none;
}
ws-block:not([src*="online-store"]) h4 {
--min-font-size: 20;
--min-line-height: 1.55em;
font-size: calc(
var(--min-font-size) * 1px + (var(--ws-heading-4-font-size) - var(--min-font-size)) *
(100vw - 320px) / 880
);
line-height: var(--min-line-height);
font-family: var(--ws-heading-4-font-family);
font-style: var(--ws-heading-4-font-style);
font-weight: var(--ws-heading-4-font-weight);
text-shadow: var(--ws-heading-4-font-weight-emulation);
text-transform: var(--ws-heading-4-text-transform);
letter-spacing: var(--ws-heading-4-letter-spacing);
text-decoration: var(--ws-heading-4-text-decoration);
color: hsla(var(--ws-surface-heading-4-color), var(--ws-surface-heading-4-color-opacity));
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) h4 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--ws-heading-4-font-size) - var(--min-font-size)) *
(100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h4 {
font-size: calc(var(--ws-heading-4-font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) h4 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-4-line-height) - var(--min-line-height)) / 4
);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) h4 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-4-line-height) - var(--min-line-height)) / 2
);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) h4 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-4-line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h4 {
line-height: var(--ws-heading-4-line-height);
}
}
:root {
--ws-heading-5-font-family: var(--ws-primary-font-family);
--ws-heading-5-font-size: 18;
--ws-heading-5-line-height: 1.778em;
--ws-heading-5-font-weight: normal;
--ws-heading-5-font-weight-emulation: none;
--ws-heading-5-font-style: normal;
--ws-heading-5-text-transform: none;
--ws-heading-5-letter-spacing: normal;
--ws-heading-5-text-decoration: none;
}
ws-block:not([src*="online-store"]) h5 {
--min-font-size: 18;
--min-line-height: 1.611em;
font-size: calc(
var(--min-font-size) * 1px + (var(--ws-heading-5-font-size) - var(--min-font-size)) *
(100vw - 320px) / 880
);
line-height: var(--min-line-height);
font-family: var(--ws-heading-5-font-family);
font-style: var(--ws-heading-5-font-style);
font-weight: var(--ws-heading-5-font-weight);
text-shadow: var(--ws-heading-5-font-weight-emulation);
text-transform: var(--ws-heading-5-text-transform);
letter-spacing: var(--ws-heading-5-letter-spacing);
text-decoration: var(--ws-heading-5-text-decoration);
color: hsla(var(--ws-surface-heading-5-color), var(--ws-surface-heading-5-color-opacity));
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) h5 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--ws-heading-5-font-size) - var(--min-font-size)) *
(100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h5 {
font-size: calc(var(--ws-heading-5-font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) h5 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-5-line-height) - var(--min-line-height)) / 4
);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) h5 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-5-line-height) - var(--min-line-height)) / 2
);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) h5 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-5-line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h5 {
line-height: var(--ws-heading-5-line-height);
}
}
:root {
--ws-heading-6-font-family: var(--ws-primary-font-family);
--ws-heading-6-font-size: 16;
--ws-heading-6-line-height: 1.75em;
--ws-heading-6-font-weight: normal;
--ws-heading-6-font-weight-emulation: none;
--ws-heading-6-font-style: normal;
--ws-heading-6-text-transform: uppercase;
--ws-heading-6-letter-spacing: 0.1875em;
--ws-heading-6-text-decoration: none;
}
ws-block:not([src*="online-store"]) h6 {
--min-font-size: 16;
--min-line-height: 1.611em;
font-size: calc(
var(--min-font-size) * 1px + (var(--ws-heading-6-font-size) - var(--min-font-size)) *
(100vw - 320px) / 880
);
line-height: var(--min-line-height);
font-family: var(--ws-heading-6-font-family);
font-style: var(--ws-heading-6-font-style);
font-weight: var(--ws-heading-6-font-weight);
text-shadow: var(--ws-heading-6-font-weight-emulation);
text-transform: var(--ws-heading-6-text-transform);
letter-spacing: var(--ws-heading-6-letter-spacing);
text-decoration: var(--ws-heading-6-text-decoration);
color: hsla(var(--ws-surface-heading-6-color), var(--ws-surface-heading-6-color-opacity));
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) h6 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--ws-heading-6-font-size) - var(--min-font-size)) *
(100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h6 {
font-size: calc(var(--ws-heading-6-font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) h6 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-6-line-height) - var(--min-line-height)) / 4
);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) h6 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-6-line-height) - var(--min-line-height)) / 2
);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) h6 {
line-height: calc(
var(--min-line-height) + (var(--ws-heading-6-line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) h6 {
line-height: var(--ws-heading-6-line-height);
}
}
:root {
--ws-base-font-family: var(--ws-primary-font-family);
--ws-base-font-size: 16px;
--ws-base-line-height: 1.75em;
--ws-base-font-style: normal;
--ws-base-font-weight: normal;
--ws-base-font-weight-emulation: none;
--ws-base-text-transform: none;
--ws-base-letter-spacing: normal;
--ws-base-text-decoration: none;
}
ws-block:where(:not([src*="online-store"])),
ws-block:where(:not([src*="online-store"])) p,
ws-html-embed {
font-family: var(--ws-base-font-family);
font-style: var(--ws-base-font-style);
font-weight: var(--ws-base-font-weight);
text-shadow: var(--ws-base-font-weight-emulation);
font-size: var(--ws-base-font-size);
line-height: var(--ws-base-line-height);
text-transform: var(--ws-base-text-transform);
letter-spacing: var(--ws-base-letter-spacing);
text-decoration: var(--ws-base-text-decoration);
}
ws-block:where(:not([src*="online-store"])) p {
color: hsla(var(--ws-surface-paragraph-color), var(--ws-surface-paragraph-color-opacity));
}
:root {
--ws-button-border-radius-small: 0.1px;
--ws-button-border-radius-medium: 4px;
--ws-button-border-radius-large: 30px;
--ws-button-padding-horizontal-small: 2px;
--ws-button-padding-horizontal-large: 30px;
--ws-button-padding-vertical: 8px;
--ws-button-padding-horizontal: var(--ws-button-padding-horizontal-large);
--ws-button-border-radius: var(--ws-button-border-radius-medium);
--ws-button-font-family: var(--ws-base-font-family);
--ws-button-font-style: none;
--ws-button-font-weight: 500;
--ws-button-font-size: 16px;
--ws-button-line-height: 28px;
--ws-button-letter-spacing: normal;
--ws-button-text-transform: none;
--ws-button-outline-width: 3px;
}
ws-block ws-button > a,
ws-block ws-contact-form-container ws-button[type="submit"],
ws-block .ws-protection-form ws-button > button {
display: inline-flex;
max-width: 100%;
font-family: var(--ws-button-font-family);
font-style: var(--ws-button-font-style);
font-weight: var(--ws-button-font-weight);
text-shadow: var(--ws-button-font-weight-emulation);
font-size: var(--ws-button-font-size);
line-height: var(--ws-button-line-height);
text-transform: var(--ws-button-text-transform);
letter-spacing: var(--ws-button-letter-spacing);
text-align: center;
text-decoration: none;
padding: var(--ws-button-padding-vertical) var(--ws-button-padding-horizontal);
border-width: 2px;
border-style: solid;
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: none;
transition:
border-color var(--ws-transition-material-standard),
background-color var(--ws-transition-material-standard),
color var(--ws-transition-material-standard);
border-radius: var(--ws-button-border-radius);
}
ws-button[data-type="primary"] > a,
ws-contact-form-container ws-button[type="submit"],
.ws-m-pricing-with-icon article ws-button > a,
.ws-m-table-with-buttons table td ws-button > a,
.ws-m-pricing-card-with-media figure ws-button > a,
ws-header ws-button[slot="primary-button"] > a {
--ws-primary-button-background-color: var(--ws-surface-primary-button-1-background-color);
--ws-primary-button-background-opacity: var(--ws-surface-primary-button-1-background-opacity);
--ws-primary-button-text-color: var(--ws-surface-primary-button-1-text-color);
--ws-primary-button-text-color-opacity: var(--ws-surface-primary-button-1-text-color-opacity);
--ws-primary-button-border-color: var(--ws-surface-primary-button-1-border-color);
--ws-primary-button-border-opacity: var(--ws-surface-primary-button-1-border-opacity);
--ws-primary-button-icon-color: var(--ws-surface-primary-button-2-icon-color);
--ws-primary-button-hover-icon-color: var(--ws-surface-primary-button-2-hover-icon-color);
--ws-primary-button-active-icon-color: var(--ws-surface-primary-button-2-active-icon-color);
--ws-primary-button-disabled-icon-color: var(--ws-surface-primary-button-2-disabled-icon-color);
--ws-primary-button-icon-opacity: var(--ws-surface-primary-button-2-icon-opacity);
--ws-primary-button-hover-icon-opacity: var(--ws-surface-primary-button-2-hover-icon-opacity);
--ws-primary-button-active-icon-opacity: var(--ws-surface-primary-button-2-active-icon-opacity);
--ws-primary-button-disabled-icon-opacity: var(
--ws-surface-primary-button-2-disabled-icon-opacity
);
--ws-primary-button-icon-background-color: var(
--ws-surface-primary-button-2-icon-background-color
);
--ws-primary-button-hover-icon-background-color: var(
--ws-surface-primary-button-2-hover-icon-background-color
);
--ws-primary-button-active-icon-background-color: var(
--ws-surface-primary-button-2-active-icon-background-color
);
--ws-primary-button-disabled-icon-background-color: var(
--ws-surface-primary-button-2-disabled-icon-background-color
);
--ws-primary-button-icon-background-opacity: var(
--ws-surface-primary-button-2-icon-background-opacity
);
--ws-primary-button-hover-icon-background-opacity: var(
--ws-surface-primary-button-2-hover-icon-background-opacity
);
--ws-primary-button-active-icon-background-opacity: var(
--ws-surface-primary-button-2-active-icon-background-opacity
);
--ws-primary-button-disabled-icon-background-opacity: var(
--ws-surface-primary-button-2-disabled-icon-background-opacity
);
--ws-primary-button-hover-background-color: var(
--ws-surface-primary-button-1-hover-background-color
);
--ws-primary-button-hover-background-opacity: var(
--ws-surface-primary-button-1-hover-background-opacity
);
--ws-primary-button-hover-text-color: var(--ws-surface-primary-button-1-hover-text-color);
--ws-primary-button-hover-text-color-opacity: var(
--ws-surface-primary-button-1-hover-text-color-opacity
);
--ws-primary-button-hover-border-color: var(--ws-surface-primary-button-1-hover-border-color);
--ws-primary-button-hover-border-opacity: var(--ws-surface-primary-button-1-hover-border-opacity);
--ws-primary-button-active-background-color: var(
--ws-surface-primary-button-1-active-background-color
);
--ws-primary-button-active-background-opacity: var(
--ws-surface-primary-button-1-active-background-opacity
);
--ws-primary-button-active-text-color: var(--ws-surface-primary-button-1-active-text-color);
--ws-primary-button-active-text-color-opacity: var(
--ws-surface-primary-button-1-active-text-color-opacity
);
--ws-primary-button-active-border-color: var(--ws-surface-primary-button-1-active-border-color);
--ws-primary-button-active-border-opacity: var(
--ws-surface-primary-button-1-active-border-opacity
);
--ws-primary-button-disabled-background-color: var(
--ws-surface-primary-button-1-disabled-background-color
);
--ws-primary-button-disabled-background-opacity: var(
--ws-surface-primary-button-1-disabled-background-opacity
);
--ws-primary-button-disabled-text-color: var(--ws-surface-primary-button-1-disabled-text-color);
--ws-primary-button-disabled-text-color-opacity: var(
--ws-surface-primary-button-1-disabled-text-color-opacity
);
--ws-primary-button-disabled-border-color: var(
--ws-surface-primary-button-1-disabled-border-color
);
--ws-primary-button-disabled-border-opacity: var(
--ws-surface-primary-button-1-disabled-border-opacity
);
--ws-primary-button-focus-outline-color: var(--ws-surface-focus-outline-color);
--ws-primary-button-focus-outline-color-opacity: var(--ws-surface-focus-outline-color-opacity);
background-color: hsla(
var(--ws-primary-button-background-color),
var(--ws-primary-button-background-opacity)
);
color: hsla(var(--ws-primary-button-text-color), var(--ws-primary-button-text-color-opacity));
border-color: hsla(
var(--ws-primary-button-border-color),
var(--ws-primary-button-border-opacity)
);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
--ws-primary-button-icon-1: url('data:image/svg+xml;utf8,');
}
ws-button[data-type="primary"] > a:not([data-ws-id]):focus,
ws-contact-form-container ws-button[type="submit"]:not([data-ws-id]):focus,
.ws-m-pricing-with-icon article ws-button > a:not([data-ws-id]):focus,
.ws-m-table-with-buttons table td ws-button > a:not([data-ws-id]):focus,
.ws-m-pricing-card-with-media figure ws-button > a:not([data-ws-id]):focus,
ws-header ws-button[slot="primary-button"] > a:not([data-ws-id]):focus {
box-shadow: 0 0 0 var(--ws-button-outline-width)
hsla(
var(--ws-primary-button-focus-outline-color),
var(--ws-primary-button-focus-outline-color-opacity)
);
}
ws-button[data-type="primary"] > a:not([data-ws-id]):hover,
ws-contact-form-container ws-button[type="submit"]:not([data-ws-id]):hover,
.ws-m-pricing-with-icon article ws-button > a:not([data-ws-id]):hover,
.ws-m-table-with-buttons table td ws-button > a:not([data-ws-id]):hover,
.ws-m-pricing-card-with-media figure ws-button > a:not([data-ws-id]):hover,
ws-header ws-button[slot="primary-button"] > a:not([data-ws-id]):hover {
--ws-primary-button-icon-color: var(--ws-primary-button-hover-icon-color);
--ws-primary-button-icon-opacity: var(--ws-primary-button-hover-icon-opacity);
--ws-primary-button-icon-background-color: var(--ws-primary-button-hover-icon-background-color);
--ws-primary-button-icon-background-opacity: var(
--ws-primary-button-hover-icon-background-opacity
);
background-color: hsla(
var(--ws-primary-button-hover-background-color),
var(--ws-primary-button-hover-background-opacity)
);
color: hsla(
var(--ws-primary-button-hover-text-color),
var(--ws-primary-button-hover-text-color-opacity)
);
border-color: hsla(
var(--ws-primary-button-hover-border-color),
var(--ws-primary-button-hover-border-opacity)
);
}
ws-button[data-type="primary"] > a:not([data-ws-id]):active,
ws-contact-form-container ws-button[type="submit"]:not([data-ws-id]):active,
.ws-m-pricing-with-icon article ws-button > a:not([data-ws-id]):active,
.ws-m-table-with-buttons table td ws-button > a:not([data-ws-id]):active,
.ws-m-pricing-card-with-media figure ws-button > a:not([data-ws-id]):active,
ws-header ws-button[slot="primary-button"] > a:not([data-ws-id]):active {
--ws-primary-button-icon-color: var(--ws-primary-button-active-icon-color);
--ws-primary-button-icon-opacity: var(--ws-primary-button-active-icon-opacity);
--ws-primary-button-icon-background-color: var(--ws-primary-button-active-icon-background-color);
--ws-primary-button-icon-background-opacity: var(
--ws-primary-button-active-icon-background-opacity
);
background-color: hsla(
var(--ws-primary-button-active-background-color),
var(--ws-primary-button-active-background-opacity)
);
color: hsla(
var(--ws-primary-button-active-text-color),
var(--ws-primary-button-active-text-color-opacity)
);
border-color: hsla(
var(--ws-primary-button-active-border-color),
var(--ws-primary-button-active-border-opacity)
);
}
ws-button[data-type="primary"] > a:not([data-ws-id])[disabled],
ws-contact-form-container ws-button[type="submit"]:not([data-ws-id])[disabled],
.ws-m-pricing-with-icon article ws-button > a:not([data-ws-id])[disabled],
.ws-m-table-with-buttons table td ws-button > a:not([data-ws-id])[disabled],
.ws-m-pricing-card-with-media figure ws-button > a:not([data-ws-id])[disabled],
ws-header ws-button[slot="primary-button"] > a:not([data-ws-id])[disabled] {
--ws-primary-button-icon-color: var(--ws-primary-button-disabled-icon-color);
--ws-primary-button-icon-opacity: var(--ws-primary-button-disabled-icon-opacity);
--ws-primary-button-icon-background-color: var(
--ws-primary-button-disabled-icon-background-color
);
--ws-primary-button-icon-background-opacity: var(
--ws-primary-button-disabled-icon-background-opacity
);
cursor: not-allowed;
box-shadow: none;
background-color: hsla(
var(--ws-primary-button-disabled-background-color),
var(--ws-primary-button-disabled-background-opacity)
);
color: hsla(
var(--ws-primary-button-disabled-text-color),
var(--ws-primary-button-disabled-text-color-opacity)
);
border-color: hsla(
var(--ws-primary-button-disabled-border-color),
var(--ws-primary-button-disabled-border-opacity)
);
}
ws-button[data-type="primary"] > a::before,
ws-contact-form-container ws-button[type="submit"]::before,
.ws-m-pricing-with-icon article ws-button > a::before,
.ws-m-table-with-buttons table td ws-button > a::before,
.ws-m-pricing-card-with-media figure ws-button > a::before,
ws-header ws-button[slot="primary-button"] > a::before {
content: var(--ws-primary-button-icon-content);
background-color: hsla(
var(--ws-primary-button-icon-color),
var(--ws-primary-button-icon-opacity)
);
margin-left: 10px;
margin-right: 23px;
min-width: 9px;
height: 16px;
mask: var(--ws-primary-button-icon-1);
mask-repeat: no-repeat;
mask-size: cover;
z-index: 1;
}
ws-button[data-type="primary"] > a::after,
ws-contact-form-container ws-button[type="submit"]::after,
.ws-m-pricing-with-icon article ws-button > a::after,
.ws-m-table-with-buttons table td ws-button > a::after,
.ws-m-pricing-card-with-media figure ws-button > a::after,
ws-header ws-button[slot="primary-button"] > a::after {
content: var(--ws-primary-button-icon-content);
width: 32px;
height: 32px;
position: absolute;
left: 0;
border-radius: 50%;
background-color: hsla(
var(--ws-primary-button-icon-background-color),
var(--ws-primary-button-icon-background-opacity)
);
transition: background-color 0.15s;
}
ws-button[data-type="secondary"] > a,
ws-header ws-button[slot="secondary-button"] > a {
--ws-secondary-button-background-color: var(--ws-surface-secondary-button-1-background-color);
--ws-secondary-button-background-opacity: var(--ws-surface-secondary-button-1-background-opacity);
--ws-secondary-button-text-color: var(--ws-surface-secondary-button-1-text-color);
--ws-secondary-button-text-color-opacity: var(--ws-surface-secondary-button-1-text-color-opacity);
--ws-secondary-button-border-color: var(--ws-surface-secondary-button-1-border-color);
--ws-secondary-button-border-opacity: var(--ws-surface-secondary-button-1-border-opacity);
--ws-secondary-button-hover-background-color: var(
--ws-surface-secondary-button-1-hover-background-color
);
--ws-secondary-button-hover-background-opacity: var(
--ws-surface-secondary-button-1-hover-background-opacity
);
--ws-secondary-button-hover-text-color: var(--ws-surface-secondary-button-1-hover-text-color);
--ws-secondary-button-hover-text-color-opacity: var(
--ws-surface-secondary-button-1-hover-text-color-opacity
);
--ws-secondary-button-hover-border-color: var(--ws-surface-secondary-button-1-hover-border-color);
--ws-secondary-button-hover-border-opacity: var(
--ws-surface-secondary-button-1-hover-border-opacity
);
--ws-secondary-button-active-background-color: var(
--ws-surface-secondary-button-1-active-background-color
);
--ws-secondary-button-active-background-opacity: var(
--ws-surface-secondary-button-1-active-background-opacity
);
--ws-secondary-button-active-text-color: var(--ws-surface-secondary-button-1-active-text-color);
--ws-secondary-button-active-text-color-opacity: var(
--ws-surface-secondary-button-1-active-text-color-opacity
);
--ws-secondary-button-active-border-color: var(
--ws-surface-secondary-button-1-active-border-color
);
--ws-secondary-button-active-border-opacity: var(
--ws-surface-secondary-button-1-active-border-opacity
);
--ws-secondary-button-disabled-background-color: var(
--ws-surface-secondary-button-1-disabled-background-color
);
--ws-secondary-button-disabled-background-opacity: var(
--ws-surface-secondary-button-1-disabled-background-opacity
);
--ws-secondary-button-disabled-text-color: var(
--ws-surface-secondary-button-1-disabled-text-color
);
--ws-secondary-button-disabled-text-color-opacity: var(
--ws-surface-secondary-button-1-disabled-text-color-opacity
);
--ws-secondary-button-disabled-border-color: var(
--ws-surface-secondary-button-1-disabled-border-color
);
--ws-secondary-button-disabled-border-opacity: var(
--ws-surface-secondary-button-1-disabled-border-opacity
);
--ws-secondary-button-focus-outline-color: var(--ws-surface-focus-outline-color);
--ws-secondary-button-focus-outline-color-opacity: var(--ws-surface-focus-outline-color-opacity);
justify-content: center;
background-color: hsla(
var(--ws-secondary-button-background-color),
var(--ws-secondary-button-background-opacity)
);
color: hsla(var(--ws-secondary-button-text-color), var(--ws-secondary-button-text-color-opacity));
border-color: hsla(
var(--ws-secondary-button-border-color),
var(--ws-secondary-button-border-opacity)
);
}
ws-button[data-type="secondary"] > a:not([data-ws-id]):focus,
ws-header ws-button[slot="secondary-button"] > a:not([data-ws-id]):focus {
box-shadow: 0 0 0 var(--ws-button-outline-width)
hsla(
var(--ws-secondary-button-focus-outline-color),
var(--ws-secondary-button-focus-outline-color-opacity)
);
}
ws-button[data-type="secondary"] > a:not([data-ws-id]):hover,
ws-header ws-button[slot="secondary-button"] > a:not([data-ws-id]):hover {
background-color: hsla(
var(--ws-secondary-button-hover-background-color),
var(--ws-secondary-button-hover-background-opacity)
);
color: hsla(
var(--ws-secondary-button-hover-text-color),
var(--ws-secondary-button-hover-text-color-opacity)
);
border-color: hsla(
var(--ws-secondary-button-hover-border-color),
var(--ws-secondary-button-hover-border-opacity)
);
}
ws-button[data-type="secondary"] > a:not([data-ws-id]):active,
ws-header ws-button[slot="secondary-button"] > a:not([data-ws-id]):active {
background-color: hsla(
var(--ws-secondary-button-active-background-color),
var(--ws-secondary-button-active-background-opacity)
);
color: hsla(
var(--ws-secondary-button-active-text-color),
var(--ws-secondary-button-active-text-color-opacity)
);
border-color: hsla(
var(--ws-secondary-button-active-border-color),
var(--ws-secondary-button-active-border-opacity)
);
}
ws-button[data-type="secondary"] > a:not([data-ws-id])[disabled],
ws-header ws-button[slot="secondary-button"] > a:not([data-ws-id])[disabled] {
cursor: not-allowed;
box-shadow: none;
background-color: hsla(
var(--ws-secondary-button-disabled-background-color),
var(--ws-secondary-button-disabled-background-opacity)
);
color: hsla(
var(--ws-secondary-button-disabled-text-color),
var(--ws-secondary-button-disabled-text-color-opacity)
);
border-color: hsla(
var(--ws-secondary-button-disabled-border-color),
var(--ws-secondary-button-disabled-border-opacity)
);
}
:root {
--ws-input-font-family: var(--ws-base-font-family);
--ws-input-font-size: 16px;
--ws-input-line-height: 28px;
--ws-input-font-weight: 400;
--ws-input-font-weight-emulation: none;
--ws-input-font-style: normal;
--ws-input-text-transform: none;
--ws-input-letter-spacing: none;
--ws-input-focus-shadow-size: 0 0 0 3px;
}
:root {
--ws-input-padding: 10px 16px;
--ws-input-border-radius: 4px;
--ws-textarea-padding: 10px 16px;
--ws-textarea-min-height: 48px;
--ws-textarea-max-height: 240px;
--ws-textarea-height: 72px;
} /*! uncss:ignore start */
ws-block .ws-m-contact-form input,
ws-block .ws-m-contact-form textarea {
width: 100%;
font-family: var(--ws-input-font-family);
font-size: var(--ws-input-font-size);
line-height: var(--ws-input-line-height);
font-weight: var(--ws-input-font-weight);
font-style: var(--ws-input-font-style);
text-transform: var(--ws-input-text-transform);
letter-spacing: var(--ws-input-letter-spacing);
text-shadow: var(--ws-input-font-weight-emulation);
border: 1px solid
hsla(
var(--ws-surface-form-input-border-color),
var(--ws-surface-form-input-border-color-opacity)
);
padding: var(--ws-input-padding);
color: hsla(var(--ws-surface-text-color), 1);
outline: none;
border-radius: var(--ws-input-border-radius);
-webkit-appearance: none;
}
ws-block .ws-m-contact-form input:not([data-ws-id]):focus,
ws-block .ws-m-contact-form textarea:not([data-ws-id]):focus {
box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
border-color: hsla(var(--ws-surface-form-input-focus-border-color), 1);
}
ws-block .ws-m-contact-form input::-webkit-input-placeholder,
ws-block .ws-m-contact-form textarea::-webkit-input-placeholder {
font-family: var(--ws-base-font-family);
font-weight: var(--ws-input-font-weight);
font-style: var(--ws-input-font-style);
text-transform: var(--ws-input-text-transform);
letter-spacing: var(--ws-input-letter-spacing);
text-shadow: var(--ws-input-font-weight-emulation);
font-size: var(--ws-input-font-size);
line-height: var(--ws-input-line-height);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
ws-block .ws-m-contact-form input::-moz-placeholder,
ws-block .ws-m-contact-form textarea::-moz-placeholder {
font-family: var(--ws-base-font-family);
font-weight: var(--ws-input-font-weight);
font-style: var(--ws-input-font-style);
text-transform: var(--ws-input-text-transform);
letter-spacing: var(--ws-input-letter-spacing);
text-shadow: var(--ws-input-font-weight-emulation);
font-size: var(--ws-input-font-size);
line-height: var(--ws-input-line-height);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
ws-block .ws-m-contact-form input::-ms-input-placeholder,
ws-block .ws-m-contact-form textarea::-ms-input-placeholder {
font-family: var(--ws-base-font-family);
font-weight: var(--ws-input-font-weight);
font-style: var(--ws-input-font-style);
text-transform: var(--ws-input-text-transform);
letter-spacing: var(--ws-input-letter-spacing);
text-shadow: var(--ws-input-font-weight-emulation);
font-size: var(--ws-input-font-size);
line-height: var(--ws-input-line-height);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
ws-block .ws-m-contact-form input::placeholder,
ws-block .ws-m-contact-form textarea::placeholder {
font-family: var(--ws-base-font-family);
font-weight: var(--ws-input-font-weight);
font-style: var(--ws-input-font-style);
text-transform: var(--ws-input-text-transform);
letter-spacing: var(--ws-input-letter-spacing);
text-shadow: var(--ws-input-font-weight-emulation);
font-size: var(--ws-input-font-size);
line-height: var(--from-input-placeholder-line-height);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
ws-block .ws-m-contact-form input:not([data-ws-id])[invalid],
ws-block .ws-m-contact-form textarea:not([data-ws-id])[invalid] {
border-color: hsla(
var(--ws-surface-form-input-error-border-color),
var(--ws-surface-form-input-error-border-color-opacity)
);
}
ws-block .ws-m-contact-form input:not([data-ws-id])[invalid]:focus,
ws-block .ws-m-contact-form textarea:not([data-ws-id])[invalid]:focus {
border-color: hsla(
var(--ws-surface-form-input-error-border-color),
var(--ws-surface-form-input-error-border-color-opacity)
);
box-shadow: var(--ws-input-focus-shadow-size)
hsla(
var(--ws-surface-error-focus-outline-color),
var(--ws-surface-error-focus-outline-color-opacity)
);
}
ws-block [disabled] > input:not([data-ws-id]),
ws-block [disabled] > textarea:not([data-ws-id]) {
border-color: hsla(
var(--ws-surface-form-input-disabled-border-color),
var(--ws-surface-form-input-disabled-border-color-opacity)
);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-disabled-emphasis-opacity));
}
ws-block [disabled] > input:not([data-ws-id])::-webkit-input-placeholder,
ws-block [disabled] > textarea:not([data-ws-id])::-webkit-input-placeholder {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-disabled-emphasis-opacity));
}
ws-block [disabled] > input:not([data-ws-id])::-moz-placeholder,
ws-block [disabled] > textarea:not([data-ws-id])::-moz-placeholder {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-disabled-emphasis-opacity));
}
ws-block [disabled] > input:not([data-ws-id])::-ms-input-placeholder,
ws-block [disabled] > textarea:not([data-ws-id])::-ms-input-placeholder {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-disabled-emphasis-opacity));
}
ws-block [disabled] > input:not([data-ws-id])::placeholder,
ws-block [disabled] > textarea:not([data-ws-id])::placeholder {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-disabled-emphasis-opacity));
} /*! uncss:ignore end */
ws-block .ws-m-contact-form textarea {
display: block;
background: rgba(0, 0, 0, 0);
height: var(--ws-textarea-height);
min-height: var(--ws-textarea-min-height);
max-height: var(--ws-textarea-max-height);
padding: var(--ws-textarea-padding);
}
:root {
--ws-label-font-family: var(--ws-base-font-family);
--ws-label-font-size: 16px;
--ws-label-line-height: 28px;
--ws-label-font-weight: 400;
--ws-label-font-weight-emulation: none;
--ws-label-font-weight-bold: 700;
--ws-label-font-weight-bold-emulation: none;
--ws-label-font-style: normal;
--ws-label-text-transform: none;
--ws-label-letter-spacing: normal;
}
ws-label {
margin-bottom: 4px;
}
ws-label b {
font-weight: var(--ws-label-font-weight-bold);
text-shadow: var(--ws-label-font-weight-bold-emulation);
} /*! uncss:ignore start */
ws-block label,
ws-label[for] {
font-family: var(--ws-label-font-family);
font-size: var(--ws-label-font-size);
line-height: var(--ws-label-line-height);
font-weight: var(--ws-label-font-weight);
text-shadow: var(--ws-label-font-weight-emulation);
font-style: var(--ws-label-font-style);
text-transform: var(--ws-label-text-transform);
letter-spacing: var(--ws-label-letter-spacing);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-high-emphasis-opacity));
word-break: break-word;
}
ws-block [disabled] > ws-label > label {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-disabled-emphasis-opacity));
} /*! uncss:ignore end */ /*! uncss:ignore start */
ws-contact-form-validation-error {
margin-top: 4px;
color: hsla(var(--ws-surface-form-validation-error-text-color), 1);
} /*! uncss:ignore end */
:root {
--ws-checkbox-size: 16px;
--ws-checkbox-shadow: inset 0px 2px 2px rgba(20, 22, 24, 0.1);
--ws-checkbox-border-radius: 2px;
} /*! uncss:ignore start */
ws-block .ws-m-contact-form input[type="checkbox"] {
position: absolute;
top: calc((var(--ws-label-line-height) - var(--ws-checkbox-size)) / 2);
left: 0;
z-index: 1;
height: var(--ws-checkbox-size);
width: var(--ws-checkbox-size);
cursor: pointer;
opacity: 0;
}
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label label,
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label[for] {
cursor: pointer;
position: relative;
display: inline-block;
padding-left: calc(var(--ws-checkbox-size) * 2);
}
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label label:before,
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label label:after,
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label[for]:before,
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label[for]:after {
position: absolute;
display: inline-block;
top: calc((var(--ws-label-line-height) - var(--ws-checkbox-size)) / 2);
left: 0;
height: var(--ws-checkbox-size);
width: var(--ws-checkbox-size);
}
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label label:before,
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label[for]:before {
content: "";
border: 1px solid
hsla(
var(--ws-surface-form-checkbox-border-color),
var(--ws-surface-form-checkbox-border-color-opacity)
);
border-radius: var(--ws-checkbox-border-radius);
background-color: hsla(
var(--ws-surface-form-checkbox-background-color),
var(--ws-surface-form-checkbox-background-color-opacity)
);
box-shadow: var(--ws-checkbox-shadow);
}
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label label:after,
ws-block .ws-m-contact-form input[type="checkbox"] + ws-label[for]:after {
background-color: hsla(
var(--ws-surface-form-checkbox-icon-color),
var(--ws-surface-form-checkbox-icon-color-opacity)
);
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50%;
mask-position: 50%;
}
ws-block .ws-m-contact-form input[type="checkbox"]:checked + ws-label label:after,
ws-block .ws-m-contact-form input[type="checkbox"]:checked + ws-label[for]:after {
content: "";
}
ws-block .ws-m-contact-form input[type="checkbox"]:checked + ws-label label:before,
ws-block .ws-m-contact-form input[type="checkbox"]:checked + ws-label[for]:before {
box-shadow: none;
border-color: hsla(
var(--ws-surface-form-checkbox-checked-border-color),
var(--ws-surface-form-checkbox-checked-border-color-opacity)
);
background-color: hsla(
var(--ws-surface-form-checkbox-checked-background-color),
var(--ws-surface-form-checkbox-checked-background-color-opacity)
);
}
ws-block .ws-m-contact-form input[type="checkbox"]:not([data-ws-id]):focus + ws-label label:before,
ws-block .ws-m-contact-form input[type="checkbox"]:not([data-ws-id]):focus + ws-label[for]:before {
box-shadow:
var(--ws-checkbox-shadow),
var(--ws-input-focus-shadow-size)
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
border-color: hsla(
var(--ws-surface-form-input-focus-border-color),
var(--ws-surface-form-input-focus-border-color-opacity)
);
}
ws-block
.ws-m-contact-form
input[type="checkbox"]:not([data-ws-id])[disabled]
+ ws-label
label:before,
ws-block
.ws-m-contact-form
input[type="checkbox"]:not([data-ws-id])[disabled]
+ ws-label[for]:before {
box-shadow: none;
border-color: hsla(
var(--ws-surface-form-checkbox-disabled-border-color),
var(--ws-surface-form-checkbox-disabled-border-color-opacity)
);
background-color: hsla(
var(--ws-surface-form-checkbox-disabled-background-color),
var(--ws-surface-form-checkbox-disabled-background-color-opacity)
);
} /*! uncss:ignore end */
:root {
--ws-radio-size: 16px;
--ws-radio-shadow: inset 0px 2px 2px rgba(20, 22, 24, 0.1);
} /*! uncss:ignore start */
ws-block .ws-m-contact-form input[type="radio"] {
position: absolute;
top: calc((var(--ws-label-line-height) - var(--ws-radio-size)) / 2);
left: 0;
z-index: 1;
height: var(--ws-radio-size);
width: var(--ws-radio-size);
cursor: pointer;
opacity: 0;
}
ws-block .ws-m-contact-form input[type="radio"] + ws-label label,
ws-block .ws-m-contact-form input[type="radio"] + ws-label[for] {
cursor: pointer;
position: relative;
display: inline-block;
padding-left: calc(var(--ws-radio-size) + 16px);
}
ws-block .ws-m-contact-form input[type="radio"] + ws-label label::before,
ws-block .ws-m-contact-form input[type="radio"] + ws-label label::after,
ws-block .ws-m-contact-form input[type="radio"] + ws-label[for]::before,
ws-block .ws-m-contact-form input[type="radio"] + ws-label[for]::after {
position: absolute;
display: inline-block;
top: calc((var(--ws-label-line-height) - var(--ws-radio-size)) / 2);
left: 0;
height: var(--ws-radio-size);
width: var(--ws-radio-size);
}
ws-block .ws-m-contact-form input[type="radio"] + ws-label label::before,
ws-block .ws-m-contact-form input[type="radio"] + ws-label[for]::before {
content: "";
border: 1px solid
hsla(
var(--ws-surface-form-checkbox-border-color),
var(--ws-surface-form-checkbox-border-color-opacity)
);
border-radius: 50%;
background-color: hsla(
var(--ws-surface-form-checkbox-background-color),
var(--ws-surface-form-checkbox-background-color-opacity)
);
box-shadow: var(--ws-radio-shadow);
}
ws-block .ws-m-contact-form input[type="radio"] + ws-label label::after,
ws-block .ws-m-contact-form input[type="radio"] + ws-label[for]::after {
background-color: hsla(
var(--ws-surface-form-checkbox-icon-color),
var(--ws-surface-form-checkbox-icon-color-opacity)
);
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50%;
mask-position: 50%;
}
ws-block .ws-m-contact-form input[type="radio"]:checked + ws-label label::after,
ws-block .ws-m-contact-form input[type="radio"]:checked + ws-label[for]::after {
content: "";
}
ws-block .ws-m-contact-form input[type="radio"]:checked + ws-label label::before,
ws-block .ws-m-contact-form input[type="radio"]:checked + ws-label[for]::before {
box-shadow: none;
border-color: hsla(
var(--ws-surface-form-checkbox-checked-border-color),
var(--ws-surface-form-checkbox-checked-border-color-opacity)
);
background-color: hsla(
var(--ws-surface-form-checkbox-checked-background-color),
var(--ws-surface-form-checkbox-checked-background-color-opacity)
);
}
ws-block .ws-m-contact-form input[type="radio"]:not([data-ws-id]):focus + ws-label label::before,
ws-block .ws-m-contact-form input[type="radio"]:not([data-ws-id]):focus + ws-label[for]::before {
box-shadow:
var(--ws-radio-shadow),
var(--ws-input-focus-shadow-size)
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
border-color: hsla(
var(--ws-surface-form-input-focus-border-color),
var(--ws-surface-form-input-focus-border-color-opacity)
);
}
ws-block
.ws-m-contact-form
input[type="radio"]:not([data-ws-id])[disabled]
+ ws-label
label::before,
ws-block
.ws-m-contact-form
input[type="radio"]:not([data-ws-id])[disabled]
+ ws-label[for]::before {
box-shadow: none;
border-color: hsla(
var(--ws-surface-form-checkbox-disabled-border-color),
var(--ws-surface-form-checkbox-disabled-border-color-opacity)
);
background-color: hsla(
var(--ws-surface-form-checkbox-disabled-background-color),
var(--ws-surface-form-checkbox-disabled-background-color-opacity)
);
} /*! uncss:ignore end */
:root {
--ws-submission-border-radius: 6px;
} /*! uncss:ignore start */
.ws-contact-form__output {
opacity: 0;
visibility: hidden;
position: fixed;
top: 15px;
left: 15px;
right: 15px;
max-width: 870px;
margin: 0 auto;
transform: translateY(-110%);
font-family: var(--ws-base-font-family);
}
.ws-contact-form__output.ws-active {
opacity: 1;
visibility: visible;
z-index: 1002;
transform: translateY(0);
transition: var(--ws-transition-material-accelerate);
}
.ws-contact-form__output:before {
content: "";
position: absolute;
left: 18px;
top: 15px;
width: 28px;
height: 28px;
background-color: hsla(var(--ws-color-text-white), 1);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50%;
mask-position: 50%;
}
.ws-contact-form__output.ws-success .ws-contact-form__output-text {
background-color: hsla(var(--ws-color-success-600), 1);
}
.ws-contact-form__output.ws-success:before {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.ws-contact-form__output.ws-error .ws-contact-form__output-text {
background-color: hsla(var(--ws-color-error-400), 1);
}
.ws-contact-form__output.ws-error:before {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.ws-contact-form__output .ws-contact-form__output-text {
padding: 18px 18px 18px 58px;
color: hsla(var(--ws-color-text-white), 1);
border-radius: var(--ws-submission-border-radius);
} /*! uncss:ignore end */
:root {
--ws-date-time-picker-width: 324px;
--ws-date-time-picker-font-size: 14px;
--ws-date-time-picker-line-height: 26px;
--ws-date-time-picker-border-radius: 4px;
}
ws-block .ws-m-contact-form ws-date-time-picker {
display: block;
position: relative;
}
ws-block .ws-m-contact-form ws-date-time-picker input {
min-height: calc(var(--ws-input-line-height) + 22px);
padding-right: 44px;
}
ws-block .ws-m-contact-form ws-date-time-picker::after {
content: "";
position: absolute;
bottom: 23px;
right: 20px;
border: solid hsla(var(--ws-surface-text-color), var(--ws-surface-text-high-emphasis-opacity));
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
}
ws-block .ws-m-contact-form ws-date-time-picker input[type="time"]::after,
ws-block .ws-m-contact-form ws-date-time-picker input[type="date"]::after {
position: absolute;
left: var(--ws-input-padding);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
content: attr(placeholder);
font-size: var(--ws-input-font-size);
white-space: nowrap;
max-width: 80%;
overflow: hidden;
}
ws-block .ws-m-contact-form ws-date-time-picker input[type="time"][is-not-empty]::after,
ws-block .ws-m-contact-form ws-date-time-picker input[type="date"][is-not-empty]::after {
content: "";
}
ws-block .ws-m-contact-form ws-date-time-picker input[type="time"]:not([is-not-empty]),
ws-block .ws-m-contact-form ws-date-time-picker input[type="date"]:not([is-not-empty]) {
color: rgba(0, 0, 0, 0);
}
ws-block
.ws-m-contact-form
ws-date-time-picker
input[type="time"]::-webkit-calendar-picker-indicator,
ws-block
.ws-m-contact-form
ws-date-time-picker
input[type="date"]::-webkit-calendar-picker-indicator {
background: none;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.flatpickr-calendar {
display: none;
position: absolute;
opacity: 0;
visibility: hidden;
font-family: var(--ws-base-font-family);
font-size: var(--ws-date-time-picker-font-size);
line-height: var(--ws-date-time-picker-line-height);
border-radius: var(--ws-date-time-picker-border-radius);
width: var(--ws-date-time-picker-width);
box-shadow: var(--ws-shadow-effect-3);
touch-action: manipulation;
animation: none;
}
.flatpickr-calendar[data-surface].ws-surface {
background-color: hsla(var(--ws-surface-form-date-time-picker-wrapper-background-color), 1);
}
.flatpickr-calendar * {
box-sizing: border-box;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 0;
}
.flatpickr-calendar.open.arrowTop {
margin-top: 6px;
}
.flatpickr-calendar.open.arrowBottom {
margin-top: -6px;
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
.flatpickr-calendar.animate.open {
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
content: "";
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
border-bottom-color: hsla(var(--ws-surface-form-date-time-picker-wrapper-background-color), 1);
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
border-top-color: hsla(var(--ws-surface-form-date-time-picker-wrapper-background-color), 1);
}
.flatpickr-calendar.multiMonth
.flatpickr-days
.dayContainer:nth-child(n + 1)
.flatpickr-day.inRange:nth-child(7n + 7) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
.flatpickr-days
.dayContainer:nth-child(n + 2)
.flatpickr-day.inRange:nth-child(7n + 1) {
-webkit-box-shadow:
-2px 0 0 #e6e6e6,
5px 0 0 #e6e6e6;
box-shadow:
-2px 0 0 #e6e6e6,
5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-innerContainer {
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper:hover span {
opacity: 1;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
border: none;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: -20px;
width: 20px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 1;
opacity: 0;
cursor: pointer;
box-sizing: border-box;
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-bottom: 4px solid
hsla(
var(--ws-surface-form-date-time-picker-other-month-color),
var(--ws-surface-form-date-time-picker-other-month-color-opacity)
);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid
hsla(
var(--ws-surface-form-date-time-picker-other-month-color),
var(--ws-surface-form-date-time-picker-other-month-color-opacity)
);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: hsla(
var(--ws-surface-form-date-time-picker-other-month-color),
var(--ws-surface-form-date-time-picker-other-month-color-opacity)
);
}
.flatpickr-months {
display: flex;
}
.flatpickr-months .flatpickr-month {
background: hsla(var(--ws-surface-form-date-time-picker-wrapper-background-color), 1);
color: hsla(var(--ws-surface-form-date-time-picker-current-month-color), 1);
fill: hsla(var(--ws-surface-form-date-time-picker-current-month-color), 1);
border-top-left-radius: var(--ws-date-time-picker-border-radius);
border-top-right-radius: var(--ws-date-time-picker-border-radius);
height: 60px;
line-height: 1;
text-align: center;
position: relative;
user-select: none;
overflow: hidden;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
text-decoration: none;
font-size: 0;
cursor: pointer;
position: absolute;
top: 0;
height: 60px;
padding: 10px;
z-index: 3;
color: hsla(var(--ws-surface-form-date-time-picker-icon-color), 1);
fill: hsla(var(--ws-surface-form-date-time-picker-icon-color), 1);
display: flex;
align-items: center;
width: 60px;
justify-content: center;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
right: 0;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
transition: fill 0.1s;
fill: inherit;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: hsla(var(--ws-surface-form-date-time-picker-icon-hover-color), 1);
}
.flatpickr-current-month {
position: absolute;
width: 75%;
left: 12.5%;
font-size: var(--ws-base-font-size);
font-weight: var(--ws-base-font-weight);
line-height: 60px;
height: 60px;
display: inline-block;
text-align: center;
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
display: inline-block;
margin-left: 0.5ch;
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: hsla(var(--ws-surface-form-date-time-picker-current-month-color), 1);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: hsla(var(--ws-surface-form-date-time-picker-current-month-color), 1);
}
.flatpickr-current-month input.cur-year {
padding: 0 0 0 0.5ch;
margin: 0;
height: auto;
width: 100%;
background: hsla(var(--ws-surface-form-date-time-picker-wrapper-background-color), 1);
color: hsla(var(--ws-surface-form-date-time-picker-current-month-color), 1);
font-family: var(--ws-base-font-family);
font-size: var(--ws-base-font-size);
font-weight: var(--ws-base-font-weight);
line-height: 1;
-moz-appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: hsla(
var(--ws-surface-form-date-time-picker-current-month-color),
var(--ws-surface-text-disabled-emphasis-opacity)
);
background: rgba(0, 0, 0, 0);
pointer-events: none;
}
.flatpickr-weekdays {
background: rgba(0, 0, 0, 0);
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
padding: 16px 5px 0;
border-top: 1px solid hsla(var(--ws-surface-form-date-time-picker-line-color), 1);
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: var(--ws-date-time-picker-font-size);
line-height: var(--ws-date-time-picker-line-height);
font-weight: 400;
text-transform: uppercase;
background: hsla(var(--ws-surface-form-date-time-picker-wrapper-background-color), 1);
color: hsla(
var(--ws-surface-form-date-time-picker-weekday-color),
var(--ws-surface-form-date-time-picker-weekday-color-opacity)
);
margin: 5px;
text-align: center;
display: block;
flex: 1;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: var(--ws-date-time-picker-width);
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0 5px 5px;
outline: 0;
text-align: left;
width: var(--ws-date-time-picker-width);
min-width: var(--ws-date-time-picker-width);
max-width: var(--ws-date-time-picker-width);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.dayContainer + .dayContainer {
box-shadow: -1px 0 0 hsla(var(--ws-surface-form-date-time-picker-line-color), 1);
}
.flatpickr-day {
background: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: hsla(var(--ws-surface-form-date-time-picker-current-month-color), 1);
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 32px;
height: 32px;
line-height: 32px;
margin: 5px;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: hsla(var(--ws-surface-form-date-time-picker-current-day-background-hover), 1);
}
.flatpickr-day.today {
border-color: hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1);
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
box-shadow: none;
border-color: hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1);
background-color: hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1);
color: hsla(var(--ws-surface-form-date-time-picker-current-day-color), 1);
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
box-shadow: -10px 0 0 hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1);
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
box-shadow:
-5px 0 0 hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1),
5px 0 0 hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: hsla(
var(--ws-surface-form-date-time-picker-other-month-color),
var(--ws-surface-form-date-time-picker-other-month-color-opacity)
);
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(255, 255, 255, 0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow:
-5px 0 0 hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1),
5px 0 0 hsla(var(--ws-surface-form-date-time-picker-current-day-background), 1);
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
:root {
--ws-time-picker-width: 175px;
--ws-time-picker-height: 48px;
--ws-time-picker-border-radius: 4px;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: var(--ws-time-picker-height);
}
.flatpickr-calendar.noCalendar.hasTime {
width: var(--ws-time-picker-width);
border-radius: var(--ws-time-picker-border-radius);
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-calendar .flatpickr-time {
text-align: center;
outline: 0;
height: 0;
line-height: var(--ws-time-picker-height);
max-height: var(--ws-time-picker-height);
box-sizing: border-box;
overflow: hidden;
display: flex;
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: var(--ws-time-picker-height);
float: left;
}
.flatpickr-time .numInputWrapper:hover {
background: hsla(var(--ws-surface-form-time-picker-background-hover), 1);
}
.flatpickr-time .numInputWrapper span {
display: none;
}
.flatpickr-time .numInputWrapper:first-child {
border-top-left-radius: var(--ws-time-picker-border-radius);
border-bottom-left-radius: var(--ws-time-picker-border-radius);
}
.flatpickr-time .numInputWrapper:first-child input {
border-top-left-radius: var(--ws-time-picker-border-radius);
border-bottom-left-radius: var(--ws-time-picker-border-radius);
}
.flatpickr-time input {
display: inline-block;
width: 100%;
height: inherit;
background: rgba(0, 0, 0, 0);
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
line-height: inherit;
color: hsla(var(--ws-surface-form-time-picker-color), 1);
font-size: var(--ws-base-font-size);
font-weight: var(--base-font-weight);
position: relative;
box-sizing: border-box;
appearance: textfield;
}
.flatpickr-time input:hover,
.flatpickr-time input:focus {
outline: 0;
border: 0;
background: hsla(var(--ws-surface-form-time-picker-background-hover), 1);
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time.time24hr .numInputWrapper:last-child {
border-top-right-radius: var(--ws-time-picker-border-radius);
border-bottom-right-radius: var(--ws-time-picker-border-radius);
}
.flatpickr-time.time24hr .numInputWrapper:last-child input {
border-top-right-radius: var(--ws-time-picker-border-radius);
border-bottom-right-radius: var(--ws-time-picker-border-radius);
}
.flatpickr-time .flatpickr-am-pm {
float: left;
align-self: center;
width: 32%;
height: inherit;
outline: 0;
cursor: pointer;
user-select: none;
text-align: center;
line-height: inherit;
color: hsla(var(--ws-surface-form-time-picker-color), 1);
font-weight: var(--base-font-weight);
border-left: 1px solid hsla(var(--ws-surface-form-time-picker-line-color), 1);
border-top-right-radius: var(--ws-time-picker-border-radius);
border-bottom-right-radius: var(--ws-time-picker-border-radius);
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
background: hsla(var(--ws-surface-form-time-picker-background-hover), 1);
}
.flatpickr-time .flatpickr-time-separator {
height: inherit;
float: left;
line-height: inherit;
color: hsla(var(--ws-surface-form-time-picker-color), 1);
width: 4px;
user-select: none;
align-self: center;
}
:root {
--ws-form-group-vertical-space: 4px;
} /*! uncss:ignore start */
ws-contact-form-group .ws-group-title {
font-family: var(--ws-label-font-family);
font-size: var(--ws-label-font-size);
line-height: var(--ws-label-line-height);
font-weight: var(--ws-label-font-weight);
text-shadow: var(--ws-label-font-weight-emulation);
font-style: var(--ws-label-font-style);
text-transform: var(--ws-label-text-transform);
letter-spacing: var(--ws-label-letter-spacing);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-high-emphasis-opacity));
margin-bottom: var(--ws-form-group-vertical-space);
}
ws-contact-form-group .ws-group-item {
position: relative;
}
ws-contact-form-group .ws-group-item ws-label {
margin-bottom: 0;
}
ws-contact-form-group .ws-group-item + .ws-group-item {
margin-top: var(--ws-form-group-vertical-space);
}
ws-contact-form-group[data-required]:not([type="checkbox"]):not([type="radio"]):not(
[type="gdpr-consent"]
)
ws-label::after {
content: "Â *";
color: hsla(var(--ws-color-error-700), 1);
}
ws-contact-form-group[data-required] .ws-group-title::after {
content: "Â *";
color: hsla(var(--ws-color-error-700), 1);
} /*! uncss:ignore end */
:root {
--ws-dropdown-opener-icon-size: 6px;
--ws-dropdown-panel-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06), 0px 10px 20px rgba(0, 0, 0, 0.12);
} /*! uncss:ignore start */
ws-block ws-custom-select {
width: 100%;
}
ws-block ws-custom-select select {
width: 100%;
-webkit-appearance: none;
overflow: hidden;
}
ws-custom-select {
position: relative;
}
ws-custom-select::after {
content: "";
position: absolute;
width: var(--ws-dropdown-opener-icon-size);
height: var(--ws-dropdown-opener-icon-size);
right: calc(var(--ws-dropdown-opener-icon-size) * 2.5);
top: calc(50% - var(--ws-dropdown-opener-icon-size) + 2px);
border-left: 2px solid hsla(var(--ws-surface-dropdown-arrow-color), 1);
border-bottom: 2px solid hsla(var(--ws-surface-dropdown-arrow-color), 1);
transform: rotate(-45deg);
}
ws-custom-select select,
ws-custom-select .ws-custom-select-opener {
padding: 9px 44px 9px 16px;
border: 1px solid
hsla(
var(--ws-surface-form-input-border-color),
var(--ws-surface-form-input-border-color-opacity)
);
border-radius: var(--ws-input-border-radius);
background-color: hsla(var(--ws-surface-background-color), 1);
color: hsla(var(--ws-surface-dropdown-text-color), 1);
font-family: var(--ws-input-font-family);
font-size: var(--ws-input-font-size);
line-height: var(--ws-input-line-height);
}
ws-custom-select select:focus,
ws-custom-select .ws-custom-select-opener:focus {
outline: none;
}
ws-custom-select select:focus,
ws-custom-select select[focus],
ws-custom-select .is-open > .ws-custom-select-opener {
box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
border-color: hsla(
var(--ws-surface-form-input-focus-border-color),
var(--ws-surface-form-input-focus-border-color-opacity)
);
}
ws-custom-select select:not([disabled]):hover,
ws-custom-select .ws-custom-select-opener:hover {
cursor: pointer;
}
ws-custom-select select[disabled],
ws-custom-select .is-disabled > .ws-custom-select-opener {
cursor: not-allowed;
color: hsla(
var(--ws-surface-dropdown-disabled-color),
var(--ws-surface-text-disabled-emphasis-opacity)
);
border-color: hsla(
var(--ws-surface-form-input-disabled-border-color),
var(--ws-surface-form-input-disabled-border-color-opacity)
);
}
.ws-custom-select-container {
position: relative;
}
.ws-custom-select-container select {
display: none !important;
}
.ws-custom-select-container.is-open .ws-custom-select-panel {
max-height: 144px;
overflow-y: auto;
}
.ws-custom-select-container.is-disabled .ws-custom-select-opener::after {
border-color: hsla(
var(--ws-surface-dropdown-arrow-disabled-color),
var(--ws-surface-form-input-disabled-border-color-opacity)
);
}
.ws-custom-select-opener,
.ws-custom-select-option {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ws-custom-select-opener {
display: block;
}
.ws-custom-select-panel {
position: absolute;
z-index: 1;
top: calc(100% + 3px);
left: 0;
width: 100%;
max-height: 0px;
overflow: hidden;
transition:
max-height ease-out 0.25s,
opacity ease-out 0.25s,
overflow-y ease-out 0.25s;
background-color: hsla(var(--ws-surface-dropdown-list-background), 1);
box-shadow: var(--ws-dropdown-panel-shadow);
border-radius: var(--ws-input-border-radius);
}
.ws-custom-select-option {
padding: 4px 16px;
font-size: var(--ws-input-font-size, 16px);
line-height: var(--ws-input-line-height, 28px);
background-color: hsla(var(--ws-surface-dropdown-list-row-background), 1);
color: hsla(var(--ws-surface-dropdown-list-text-color), 1);
}
.ws-custom-select-option:hover,
.ws-custom-select-option.has-focus {
cursor: pointer;
background-color: hsla(var(--ws-surface-dropdown-list-row-hover-background), 1);
color: hsla(var(--ws-surface-dropdown-list-text-hover-color), 1);
}
.ws-custom-select-option.is-selected {
background-color: hsla(var(--ws-surface-dropdown-list-row-selected-background), 1);
color: hsla(var(--ws-surface-dropdown-list-text-selected-color), 1);
} /*! uncss:ignore end */
:root {
--ws-file-picker-icon: url('data:image/svg+xml; utf8, ');
}
ws-file-picker {
display: flex;
align-items: center;
gap: 12px;
font-family: var(--ws-input-font-family);
font-size: var(--ws-input-font-size);
line-height: var(--ws-input-line-height);
}
ws-file-picker input[type="file"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0px;
padding: 0px;
border: none;
line-height: 0px;
opacity: 0;
overflow: hidden;
cursor: pointer;
}
ws-file-picker .ws-file-picker-input-wrapper {
position: relative;
min-width: 144px;
max-width: 300px;
height: 40px;
padding: 6px 12px;
color: hsla(var(--ws-surface-text-color), 1);
border: 1px solid
hsla(
var(--ws-surface-form-input-border-color),
var(--ws-surface-form-input-border-color-opacity)
);
border-radius: 4px;
cursor: pointer;
}
ws-file-picker .ws-file-picker-input-wrapper:not([data-ws-id]):focus-within {
box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
border-color: hsla(var(--ws-surface-form-input-focus-border-color), 1);
}
ws-file-picker .ws-file-picker-input-wrapper:not([data-ws-id]):hover {
background-color: hsla(
var(--ws-surface-form-input-border-color),
var(--ws-surface-form-input-border-color-opacity)
);
}
ws-file-picker .ws-file-picker-label-text {
display: flex;
align-items: center;
gap: 10px;
height: 24px;
overflow: hidden;
white-space: nowrap;
}
ws-file-picker .ws-file-picker-label-text::before {
content: "";
flex-shrink: 0;
width: 24px;
height: 24px;
background-color: hsla(
var(--ws-surface-text-color),
var(--ws-surface-text-high-emphasis-opacity)
);
-webkit-mask-image: var(--ws-file-picker-icon);
mask-image: var(--ws-file-picker-icon);
}
ws-file-picker .ws-file-picker-file-name {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ws-contact-form-group[invalid] ws-file-picker .ws-file-picker-input-wrapper:not([data-ws-id]) {
border-color: hsla(
var(--ws-surface-form-input-error-border-color),
var(--ws-surface-form-input-error-border-color-opacity)
);
}
ws-contact-form-group[invalid]
ws-file-picker
.ws-file-picker-input-wrapper:not([data-ws-id]):focus-within {
border-color: hsla(
var(--ws-surface-form-input-error-border-color),
var(--ws-surface-form-input-error-border-color-opacity)
);
box-shadow: var(--ws-input-focus-shadow-size)
hsla(
var(--ws-surface-error-focus-outline-color),
var(--ws-surface-error-focus-outline-color-opacity)
);
} /*! uncss:ignore start */
:root {
--ws-h-captcha-scale: 0.77;
--ws-h-captcha-mb: -20px;
}
@media (min-width: 576px) {
:root {
--ws-h-captcha-scale: 1;
--ws-h-captcha-mb: 0;
}
}
ws-block .h-captcha {
transform: scale(var(--ws-h-captcha-scale));
transform-origin: 0 0;
margin-bottom: var(--ws-h-captcha-mb);
}
@media (min-width: 992px) {
ws-block ws-column.col-lg-3 {
--ws-h-captcha-scale: 0.68;
--ws-h-captcha-mb: -25px;
}
}
@media (min-width: 1200px) {
ws-block ws-column.col-lg-3 {
--ws-h-captcha-scale: 0.86;
--ws-h-captcha-mb: -11px;
}
}
@media (min-width: 992px) {
ws-block ws-column.col-lg-4 {
--ws-h-captcha-scale: 0.86;
--ws-h-captcha-mb: -11px;
}
}
@media (min-width: 1200px) {
ws-block ws-column.col-lg-4 {
--ws-h-captcha-scale: 1;
--ws-h-captcha-mb: 0;
}
}
@media (min-width: 992px) {
ws-block .ws-m-split-layout {
--ws-h-captcha-scale: 0.9;
--ws-h-captcha-mb: -9px;
}
} /*! uncss:ignore end */
ws-contact-form-group {
position: relative;
}
ws-block [disabled] > input:not([data-ws-id]),
ws-block [disabled] > textarea:not([data-ws-id]) {
cursor: not-allowed;
}
ws-block [disabled] > ws-label label {
cursor: not-allowed;
}
ws-block [disabled] > ws-label label a {
cursor: not-allowed;
}
ws-block {
display: flex;
flex-direction: column;
}
ws-block[empty] {
position: relative;
}
ws-block[empty] .ws-section,
ws-block[empty] header {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
opacity: 0;
}
ws-block[empty]:hover .ws-section {
pointer-events: none;
}
:root {
--ws-featured-link-font-family: var(--ws-base-font-family);
--ws-featured-link-font-style: normal;
--ws-featured-link-font-weight: 500;
--ws-featured-link-font-size: 16px;
--ws-featured-link-line-height: 28px;
--ws-featured-link-text-transform: none;
--ws-featured-link-letter-spacing: normal;
--ws-featured-link-text-decoration: none;
}
.learn-more {
display: inline-block;
font-family: var(--ws-featured-link-font-family);
font-style: var(--ws-featured-link-font-style);
font-weight: var(--ws-featured-link-font-weight);
font-size: var(--ws-featured-link-font-size);
line-height: var(--ws-featured-link-line-height);
text-transform: var(--ws-featured-link-text-transform);
letter-spacing: var(--ws-featured-link-letter-spacing);
text-decoration: var(--ws-featured-link-text-decoration);
text-shadow: var(--ws-featured-link-font-weight-emulation);
color: hsla(var(--ws-surface-feature-link-color), var(--ws-surface-feature-link-color-opacity));
}
html:not([data-ws-id]) .learn-more:hover {
color: hsla(
var(--ws-surface-feature-link-hover-color),
var(--ws-surface-feature-link-hover-color-opacity)
);
}
[slot="footer-navigation"] {
word-break: break-word;
}
[slot="footer-navigation"] a {
display: inline-block;
font-family: var(--ws-nav-menu-items-font-family);
font-size: var(--ws-nav-menu-items-font-size);
line-height: var(--ws-nav-menu-items-line-height);
font-weight: var(--ws-nav-menu-items-font-weight);
text-shadow: var(--ws-nav-menu-items-font-weight-emulation);
text-transform: var(--ws-nav-menu-items-text-transform);
letter-spacing: var(--ws-nav-menu-items-letter-spacing);
font-style: var(--ws-nav-menu-items-font-style);
text-decoration: none;
color: hsla(
var(--ws-surface-footer-link-text-color),
var(--ws-surface-footer-link-text-color-opacity)
);
}
html:not([data-ws-id]) [slot="footer-navigation"] a:hover {
color: hsla(
var(--ws-surface-footer-link-hover-text-color),
var(--ws-surface-footer-link-hover-text-color-opacity)
);
}
@media (max-width: 576px) {
[slot="footer-navigation"] a {
padding: 4px 0;
}
} /*! uncss:ignore start */
ws-block h1 a,
ws-block h2 a,
ws-block h3 a,
ws-block h4 a,
ws-block h5 a,
ws-block h6 a,
ws-block p a,
ws-block li a,
ws-block ws-label[for] a,
ws-block label a,
ws-block blockquote a,
ws-block span a {
color: hsla(var(--ws-surface-link-text-color), var(--ws-surface-link-text-color-opacity));
}
html:not([data-ws-id]) ws-block h1 a:hover,
html:not([data-ws-id]) ws-block h2 a:hover,
html:not([data-ws-id]) ws-block h3 a:hover,
html:not([data-ws-id]) ws-block h4 a:hover,
html:not([data-ws-id]) ws-block h5 a:hover,
html:not([data-ws-id]) ws-block h6 a:hover,
html:not([data-ws-id]) ws-block p a:hover,
html:not([data-ws-id]) ws-block li a:hover,
html:not([data-ws-id]) ws-block ws-label[for] a:hover,
html:not([data-ws-id]) ws-block label a:hover,
html:not([data-ws-id]) ws-block blockquote a:hover,
html:not([data-ws-id]) ws-block span a:hover {
color: hsla(
var(--ws-surface-link-hover-text-color),
var(--ws-surface-link-hover-text-color-opacity)
);
}
ws-block ws-text a {
text-decoration: none;
}
ws-block ws-text u a {
text-decoration: underline;
}
ws-block ws-text s a {
text-decoration: line-through;
}
ws-block ws-text u s a,
ws-block ws-text s u a {
text-decoration: underline line-through;
} /*! uncss:ignore end */
:root {
--ws-base-font-weight-bold: 700;
--ws-base-font-weight-bold-emulation: none;
--ws-heading-1-font-weight-bold: 700;
--ws-heading-1-font-weight-bold-emulation: none;
--ws-heading-2-font-weight-bold: 700;
--ws-heading-2-font-weight-bold-emulation: none;
--ws-heading-3-font-weight-bold: 700;
--ws-heading-3-font-weight-bold-emulation: none;
--ws-heading-4-font-weight-bold: 700;
--ws-heading-4-font-weight-bold-emulation: none;
--ws-heading-5-font-weight-bold: 700;
--ws-heading-5-font-weight-bold-emulation: none;
--ws-heading-6-font-weight-bold: 700;
--ws-heading-6-font-weight-bold-emulation: none;
}
ws-block h1 b {
font-weight: var(--ws-heading-1-font-weight-bold);
text-shadow: var(--ws-heading-1-font-weight-bold-emulation);
}
ws-block h2 b {
font-weight: var(--ws-heading-2-font-weight-bold);
text-shadow: var(--ws-heading-2-font-weight-bold-emulation);
}
ws-block h3 b {
font-weight: var(--ws-heading-3-font-weight-bold);
text-shadow: var(--ws-heading-3-font-weight-bold-emulation);
}
ws-block h4 b {
font-weight: var(--ws-heading-4-font-weight-bold);
text-shadow: var(--ws-heading-4-font-weight-bold-emulation);
}
ws-block h5 b {
font-weight: var(--ws-heading-5-font-weight-bold);
text-shadow: var(--ws-heading-5-font-weight-bold-emulation);
}
ws-block h6 b {
font-weight: var(--ws-heading-6-font-weight-bold);
text-shadow: var(--ws-heading-6-font-weight-bold-emulation);
}
ws-block p b {
font-weight: var(--ws-base-font-weight-bold);
text-shadow: var(--ws-base-font-weight-bold-emulation);
}
ws-text ws-highlighted-text {
background: hsla(var(--ws-surface-highlighter-background-color), 1);
color: hsla(var(--ws-surface-highlighter-text-color), 1);
}
ws-mark {
color: hsla(var(--ws-surface-mark-text-color), var(--ws-surface-mark-text-color-opacity));
}
ws-block a ws-color {
transition: color var(--ws-transition-material-standard);
}
html:not([data-ws-id]) ws-block a ws-color:hover {
opacity: 0.8;
}
u ws-color {
text-decoration: underline;
}
s ws-color {
text-decoration: line-through;
}
u s ws-color,
s u ws-color {
text-decoration: underline line-through;
}
ws-text ul {
text-align: left;
}
ws-text ul > li {
position: relative;
margin-left: var(--ws-markered-list, 32px);
}
ws-text ul > li > :first-child::before {
content: var(--ws-markered-list, "");
position: absolute;
top: 0.75em;
right: calc(100% - var(--ws-indent-left, 0px));
width: 4px;
height: 4px;
margin-right: 12px;
border-radius: 50%;
background-color: currentColor;
}
ws-text ul > li + li {
margin-top: 8px;
}
ws-media-container {
--ws-media-container-border-top-left-radius: var(
--ws-media-container-custom-border-top-left-radius
);
--ws-media-container-border-top-right-radius: var(
--ws-media-container-custom-border-top-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-media-container-custom-border-bottom-left-radius
);
--ws-media-container-border-bottom-right-radius: var(
--ws-media-container-custom-border-bottom-right-radius
);
--ws-media-container-min-width: 16px;
--ws-media-container-max-width: 100%;
--ws-media-container-margin-left: auto;
--ws-media-container-margin-right: auto;
position: relative;
display: block;
}
ws-media-container img,
ws-media-container iframe,
ws-media-container video,
ws-media-container a.ws-image-click-action {
width: 100%;
height: 100%;
}
ws-media-container ws-iframe {
display: block;
width: 100%;
height: 100%;
}
ws-media-container img {
min-height: 0.1px;
}
ws-block[image-filter="grayscale"] ws-media-container img,
ws-block[image-filter="grayscale"] ws-media-container iframe {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
ws-media-container[border] {
border: 1px solid hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-media-container[shadow] {
box-shadow: var(--ws-shadow-effect-3);
}
ws-media-container[border-top-left-radius] {
--ws-media-container-border-top-left-radius: var(--ws-border-top-left-radius);
}
ws-media-container[border-top-right-radius] {
--ws-media-container-border-top-right-radius: var(--ws-border-top-right-radius);
}
ws-media-container[border-bottom-left-radius] {
--ws-media-container-border-bottom-left-radius: var(--ws-border-bottom-left-radius);
}
ws-media-container[border-bottom-right-radius] {
--ws-media-container-border-bottom-right-radius: var(--ws-border-bottom-right-radius);
}
ws-media-container[rounded-images] {
--ws-media-container-border-top-left-radius: 50%;
--ws-media-container-border-top-right-radius: 50%;
--ws-media-container-border-bottom-left-radius: 50%;
--ws-media-container-border-bottom-right-radius: 50%;
}
ws-media-container:not([data-ws-id]):not([lightbox-disabled]):not([placeholder])[origin-src] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer;
}
ws-media-container:not([loaded]) {
background-color: rgba(
var(--ws-placeholder-background-color-rgb),
var(--ws-placeholder-background-color-alpha)
);
width: var(--ws-media-container-initial-width);
}
ws-block[rounded-images] ws-media-container:not([loaded]) {
aspect-ratio: 1;
}
ws-media-container:not([loaded]) [loading="lazy"] {
opacity: 0;
transition: opacity 1s;
}
ws-media-container[loaded] {
background-color: rgba(0, 0, 0, 0);
transition: background-color 0.5s;
}
ws-media-container[loaded] [loading="lazy"] {
opacity: 1;
}
:root {
--ws-counter-font-family: var(--ws-heading-1-font-family);
--ws-counter-font-size: var(--ws-heading-1-font-size);
--ws-counter-font-style: var(--ws-heading-1-font-style);
--ws-counter-font-weight: var(--ws-heading-1-font-weight-bold);
--ws-counter-font-weight-emulation: var(--ws-heading-1-font-weight-bold-emulation);
--ws-counter-line-height: var(--ws-heading-1-line-height);
--ws-counter-letter-spacing: var(--ws-heading-1-letter-spacing);
--ws-counter-text-transform: var(--ws-heading-1-text-transform);
--ws-counter-text-decoration: var(--ws-heading-1-text-decoration);
--ws-counter-height: 1em;
} /*! uncss:ignore start */
ws-icon {
width: var(--ws-icon-size);
height: var(--ws-icon-size);
}
ws-icon svg,
ws-icon img {
display: block;
width: 100%;
height: 100%;
}
ws-icon:not([data-ws-id]) img {
pointer-events: none;
}
ws-icon > svg [data-name][stroke] {
stroke: hsla(var(--ws-icon-color), var(--ws-icon-color-opacity));
}
ws-icon > svg [data-name][fill]:not([fill="none"]) {
fill: hsla(var(--ws-icon-color), var(--ws-icon-color-opacity));
}
ws-icon[data-icon-id] > svg {
fill: hsla(var(--ws-icon-color), var(--ws-icon-color-opacity));
}
a ws-icon:not([data-ws-id]):hover > svg [data-name][stroke] {
stroke: hsla(var(--ws-icon-hover-color), var(--ws-icon-hover-color-opacity));
}
a ws-icon:not([data-ws-id]):hover > svg [data-name][fill]:not([fill="none"]) {
fill: hsla(var(--ws-icon-hover-color), var(--ws-icon-hover-color-opacity));
}
a ws-icon:not([data-ws-id]):hover[data-icon-id] > svg {
fill: hsla(var(--ws-icon-hover-color), var(--ws-icon-hover-color-opacity));
}
a ws-icon svg [data-name][stroke],
a ws-icon svg [data-name][fill] {
transition: all var(--ws-transition-material-standard);
}
ws-icon[data-alignment="left"] {
--ws-icon-alignment: start;
}
ws-icon[data-alignment="center"] {
--ws-icon-alignment: center;
}
ws-icon[data-alignment="right"] {
--ws-icon-alignment: end;
} /*! uncss:ignore end */
:root {
--ws-link-border-radius: 4px;
--ws-link-outline-width: 3px;
}
ws-block a {
outline: none;
border-radius: var(--ws-link-border-radius);
transition: color var(--ws-transition-material-standard);
}
html:not([data-ws-id]) ws-block a:focus {
box-shadow: 0 0 0 var(--ws-link-outline-width)
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
}
ws-block section {
position: relative;
z-index: 0;
}
ws-background-container {
--ws-background-container-overlay-background-color: hsla(
var(--ws-surface-overlay-background-color),
var(--ws-surface-overlay-background-color-opacity)
);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
display: block;
}
ws-block[user-modified="overlay-opacity"] ws-background-container {
--ws-background-container-overlay-background-color: hsla(
var(--ws-surface-overlay-background-color)
);
}
ws-text ol {
--ws-numbered-list-indent: 32px;
counter-reset: li;
text-align: left;
}
ws-text ol > li {
margin-left: var(--ws-numbered-list, var(--ws-numbered-list-indent));
}
ws-text ol > li > :first-child::before {
content: var(--ws-numbered-list, counter(li) ".");
counter-increment: li;
display: inline-block;
width: var(--ws-numbered-list-indent);
margin-left: calc(var(--ws-numbered-list-indent) * -1);
padding-right: 4px;
font-family: var(--ws-base-font-family);
font-style: var(--ws-base-font-style);
font-weight: var(--ws-base-font-weight);
text-shadow: var(--ws-base-font-weight-emulation);
font-size: var(--ws-base-font-size);
line-height: var(--ws-base-line-height);
text-align: right;
text-transform: var(--ws-base-text-transform);
text-decoration: var(--ws-base-text-decoration);
letter-spacing: var(--ws-base-letter-spacing);
white-space: nowrap;
}
ws-text ol > li + li {
margin-top: 8px;
}
:root {
--ws-site-name-font-family: var(--ws-primary-font-family);
--ws-site-name-font-size: 22px;
--ws-site-name-line-height: 1.635em;
--ws-site-name-font-weight: 500;
--ws-site-name-font-weight-emulation: none;
--ws-site-name-font-style: normal;
--ws-site-name-text-transform: none;
--ws-site-name-letter-spacing: normal;
--ws-site-name-text-decoration: none;
}
[slot="site-name"] {
width: 100%;
display: inline-block;
font-family: var(--ws-site-name-font-family);
font-style: var(--ws-site-name-font-style);
font-weight: var(--ws-site-name-font-weight);
text-shadow: var(--ws-site-name-font-weight-emulation);
font-size: var(--ws-site-name-font-size);
line-height: var(--ws-site-name-line-height);
text-transform: var(--ws-site-name-text-transform);
letter-spacing: var(--ws-site-name-letter-spacing);
text-decoration: var(--ws-site-name-text-decoration);
color: hsla(var(--ws-surface-site-name-color), var(--ws-surface-site-name-color-opacity));
}
[slot="site-name"] span {
display: block;
}
:root {
--ws-resized-text-min-width: 270px;
}
ws-text {
max-width: 100%;
word-break: break-word;
}
ws-cookie-banner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 12px 16px 16px 16px;
background-color: hsla(var(--ws-cookie-banner-background-color), 1);
box-sizing: border-box;
z-index: 999;
color: hsla(var(--ws-cookie-banner-text-color), 1);
font-weight: 400;
font-size: 16px;
line-height: 1.5;
font-family: "Roboto", var(--font-sans-serif-fallback);
}
ws-cookie-banner * {
box-sizing: border-box;
}
ws-cookie-banner > p {
width: 100%;
margin: 0;
text-align: left;
}
ws-cookie-banner > p a {
color: hsla(var(--ws-cookie-banner-text-color), 1);
text-decoration: underline;
}
ws-cookie-banner > p a:visited {
color: hsla(var(--ws-cookie-banner-link-visited-color), 1);
}
ws-cookie-banner > p a:hover,
ws-cookie-banner > p a:active {
text-decoration: none;
}
ws-cookie-banner ws-button {
flex-shrink: 0;
width: 100%;
padding: 5px 16px;
margin-top: 12px;
background: rgba(0, 0, 0, 0);
border: 1px solid hsla(var(--ws-cookie-banner-text-color), 1);
-webkit-appearance: none;
cursor: pointer;
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
text-align: center;
}
ws-cookie-banner ws-button:hover {
background-color: hsla(var(--ws-cookie-banner-button-hover-background-color), 1);
}
@media (min-width: 576px) {
ws-cookie-banner ws-button {
flex-grow: 1;
width: auto;
}
ws-cookie-banner ws-button + ws-button {
margin-left: 15px;
}
}
@media (min-width: 768px) {
ws-cookie-banner {
flex-wrap: nowrap;
padding: 12px 16px;
margin: 0;
font-size: 12px;
line-height: 1.67;
}
ws-cookie-banner > p {
margin-right: 30px;
}
ws-cookie-banner ws-button {
width: auto;
max-width: 30%;
margin-top: 0;
}
}
ws-cookie-banner[hidden] {
display: none;
}
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) [class^="ws-fz-"] {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-12 {
--min-font-size: 12;
--min-line-height: 1.66em;
--font-size: 12;
--line-height: 1.66em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-12 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-12 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-12 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-12 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-12 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-12 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-14 {
--min-font-size: 14;
--min-line-height: 1.71em;
--font-size: 14;
--line-height: 1.71em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-14 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-14 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-14 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-14 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-14 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-14 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-16 {
--min-font-size: 16;
--min-line-height: 1.75em;
--font-size: 16;
--line-height: 1.75em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-16 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-16 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-16 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-16 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-16 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-16 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-18 {
--min-font-size: 18;
--min-line-height: 1.77em;
--font-size: 18;
--line-height: 1.77em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-18 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-18 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-18 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-18 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-18 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-18 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-20 {
--min-font-size: 20;
--min-line-height: 1.6em;
--font-size: 20;
--line-height: 1.6em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-20 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-20 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-20 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-20 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-20 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-20 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-24 {
--min-font-size: 22;
--min-line-height: 1.54em;
--font-size: 24;
--line-height: 1.5em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-24 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-24 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-24 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-24 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-24 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-24 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-28 {
--min-font-size: 24;
--min-line-height: 1.54em;
--font-size: 28;
--line-height: 1.57em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-28 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-28 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-28 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-28 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-28 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-28 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-32 {
--min-font-size: 26;
--min-line-height: 1.56em;
--font-size: 32;
--line-height: 1.37em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-32 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-32 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-32 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-32 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-32 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-32 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-36 {
--min-font-size: 28;
--min-line-height: 1.57em;
--font-size: 36;
--line-height: 1.44em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-36 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-36 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-36 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-36 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-36 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-36 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-40 {
--min-font-size: 32;
--min-line-height: 1.37em;
--font-size: 40;
--line-height: 1.4em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-40 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-40 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-40 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-40 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-40 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-40 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-44 {
--min-font-size: 36;
--min-line-height: 1.44em;
--font-size: 44;
--line-height: 1.36em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-44 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-44 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-44 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-44 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-44 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-44 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-48 {
--min-font-size: 38;
--min-line-height: 1.47em;
--font-size: 48;
--line-height: 1.33em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-48 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-48 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-48 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-48 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-48 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-48 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-56 {
--min-font-size: 40;
--min-line-height: 1.4em;
--font-size: 56;
--line-height: 1.46em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-56 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-56 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-56 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-56 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-56 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-56 {
line-height: var(--line-height);
}
}
ws-block:not([src*="online-store"]) .ws-fz-64 {
--min-font-size: 48;
--min-line-height: 1.33em;
--font-size: 64;
--line-height: 1.25em;
font-size: calc(
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px) / 880
);
line-height: var(--min-line-height);
}
@media (max-width: 991px) {
ws-block:not([src*="online-store"]) .ws-fz-64 {
font-size: clamp(
1px,
var(--min-font-size) * 1px + (var(--font-size) - var(--min-font-size)) * (100vw - 320px)/880,
var(--min-font-size) * 1px + (64 - var(--min-font-size)) * (100vw - 320px)/880
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-64 {
font-size: calc(var(--font-size) * 1px);
}
}
@media (min-width: 576px) {
ws-block:not([src*="online-store"]) .ws-fz-64 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 4);
}
}
@media (min-width: 768px) {
ws-block:not([src*="online-store"]) .ws-fz-64 {
line-height: calc(var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 2);
}
}
@media (min-width: 992px) {
ws-block:not([src*="online-store"]) .ws-fz-64 {
line-height: calc(
var(--min-line-height) + (var(--line-height) - var(--min-line-height)) / 1.333
);
}
}
@media (min-width: 1200px) {
ws-block:not([src*="online-store"]) .ws-fz-64 {
line-height: var(--line-height);
}
}
ws-slider:not([mode]) {
--ws-slider-pagination-bullet-margin: 0 8px;
--ws-slider-pagination-bottom: 8px;
--ws-slider-pagination-bullet-active-background: hsla(
var(--ws-surface-primary-button-background-color),
var(--ws-surface-primary-button-background-opacity)
);
--ws-slider-pagination-bullet-border-color: hsla(
var(--ws-surface-primary-button-background-color),
var(--ws-surface-primary-button-background-opacity)
);
--ws-slider-navigation-button-bg-color: hsla(
var(--ws-surface-primary-button-background-color),
var(--ws-surface-primary-button-background-opacity)
);
--ws-slider-navigation-button-color: hsla(
var(--ws-surface-primary-button-text-color),
var(--ws-surface-primary-button-text-color-opacity)
);
--ws-slider-button-focus-box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
}
ws-slider:not([mode]) ws-media-container {
background-color: hsla(var(--ws-surface-background-color), 1);
}
ws-slider:not([mode]) .ws-slider-pagination-bullet:hover:not(.ws-slider-pagination-bullet--active) {
--ws-slider-pagination-bullet-border-color: hsla(
var(--ws-surface-primary-button-hover-background-color),
var(--ws-surface-primary-button-hover-background-opacity)
);
}
ws-slider:not([mode]) .ws-slider-pagination-bullet:focus {
--ws-slider-pagination-bullet-box-shadow: var(--ws-slider-button-focus-box-shadow);
}
ws-slider:not([mode]) .ws-slider-pagination-bullet:focus:not(:focus-visible) {
--ws-slider-pagination-bullet-box-shadow: transparent;
}
ws-slider:not([mode]) .ws-slider-pagination-bullet:focus-visible {
--ws-slider-pagination-bullet-box-shadow: var(--ws-slider-button-focus-box-shadow);
}
ws-slider:not([mode]) .ws-slider-navigation-button:hover {
--ws-slider-navigation-button-bg-color: hsla(
var(--ws-surface-primary-button-hover-background-color),
var(--ws-surface-primary-button-hover-background-opacity)
);
--ws-slider-navigation-button-color: hsla(
var(--ws-surface-primary-button-hover-text-color),
var(--ws-surface-primary-button-hover-text-color-opacity)
);
}
ws-slider:not([mode]) .ws-slider-navigation-button:focus {
--ws-slider-navigation-button-box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
}
ws-slider:not([mode]) .ws-slider-navigation-button:focus:not(:focus-visible) {
--ws-slider-navigation-button-box-shadow: transparent;
}
ws-slider:not([mode]) .ws-slider-navigation-button:focus-visible {
--ws-slider-navigation-button-box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
}
ws-slider:not([mode]) .ws-slider-navigation-button:active {
--ws-slider-navigation-button-bg-color: hsla(
var(--ws-surface-primary-button-active-background-color),
var(--ws-surface-primary-button-active-background-opacity)
);
--ws-slider-navigation-button-color: hsla(
var(--ws-surface-primary-button-active-text-color),
var(--ws-surface-primary-button-active-text-color-opacity)
);
}
ws-slider:not([mode]) .ws-slider-navigation-button.ws-slider-navigation-button--disabled {
--ws-slider-navigation-button-bg-color: hsla(
var(--ws-surface-primary-button-disabled-background-color),
var(--ws-surface-primary-button-disabled-background-opacity)
);
--ws-slider-navigation-button-color: hsla(
var(--ws-surface-primary-button-disabled-text-color),
var(--ws-surface-primary-button-disabled-text-color-opacity)
);
--ws-slider-navigation-button-box-shadow: none;
}
ws-slider:not([mode]):not(:defined) ws-media-container:not(:first-child) {
display: none;
}
ws-slider[mode="carousel"] {
--ws-slider-slide-width: var(--ws-slider-slide-width-xs);
--ws-slider-navigation-button-width: 32px;
--ws-slider-navigation-button-height: 32px;
--ws-slider-navigation-button-padding: 4px;
--ws-slider-navigation-button-border-radius: 4px;
--ws-slider-navigation-button-bg-color: hsla(var(--ws-color-text-white), 1);
--ws-slider-navigation-button-box-shadow: var(--ws-shadow-effect-1);
--ws-slider-navigation-button-color: hsla(var(--ws-color-text-black), 1);
}
ws-slider[mode="carousel"][space-between="0"] {
--ws-base-border-radius: 0px;
}
ws-slider[mode="carousel"][media-column-width="2"] {
--ws-slider-slide-width-xs: var(--ws-col-8-width);
--ws-slider-slide-width-sm: var(--ws-col-5-width);
--ws-slider-slide-width-md: var(--ws-col-4-width);
--ws-slider-slide-width-lg: var(--ws-col-3-width);
--ws-slider-slide-width-xl: var(--ws-col-2-width);
}
ws-slider[mode="carousel"][media-column-width="3"] {
--ws-slider-slide-width-xs: var(--ws-col-10-width);
--ws-slider-slide-width-sm: var(--ws-col-6-width);
--ws-slider-slide-width-md: var(--ws-col-5-width);
--ws-slider-slide-width-lg: var(--ws-col-4-width);
--ws-slider-slide-width-xl: var(--ws-col-3-width);
}
ws-slider[mode="carousel"][media-column-width="4"] {
--ws-slider-slide-width-xs: var(--ws-col-10-width);
--ws-slider-slide-width-sm: var(--ws-col-7-width);
--ws-slider-slide-width-md: var(--ws-col-6-width);
--ws-slider-slide-width-lg: var(--ws-col-5-width);
--ws-slider-slide-width-xl: var(--ws-col-4-width);
}
ws-slider[mode="carousel"][media-column-width="5"] {
--ws-slider-slide-width-xs: var(--ws-col-10-width);
--ws-slider-slide-width-sm: var(--ws-col-8-width);
--ws-slider-slide-width-md: var(--ws-col-7-width);
--ws-slider-slide-width-lg: var(--ws-col-6-width);
--ws-slider-slide-width-xl: var(--ws-col-5-width);
}
ws-slider[mode="carousel"]:not(:defined) {
display: flex;
gap: 30px;
overflow: hidden;
}
ws-slider[mode="carousel"]:not(:defined) ws-slider-item {
width: var(--ws-slider-slide-width);
flex-shrink: 0;
}
@media (min-width: 576px) {
ws-slider[mode="carousel"] {
--ws-slider-slide-width: var(--ws-slider-slide-width-sm);
}
}
@media (min-width: 768px) {
ws-slider[mode="carousel"] {
--ws-slider-slide-width: var(--ws-slider-slide-width-md);
}
}
@media (min-width: 992px) {
ws-slider[mode="carousel"] {
--ws-slider-slide-width: var(--ws-slider-slide-width-lg);
}
}
@media (min-width: 1200px) {
ws-slider[mode="carousel"] {
--ws-slider-slide-width: var(--ws-slider-slide-width-xl);
}
}
ws-online-store:not([loaded]) {
min-height: 400px;
}
:root {
--ws-placeholder-background-color-rgb: 100, 108, 117;
--ws-placeholder-background-color-alpha: 0.15;
}
[placeholder] {
--placeholder-image-default: url('data:image/svg+xml,');
--placeholder-image-toolbox: url('data:image/svg+xml,');
--placeholder-image-ticket: url('data:image/svg+xml,');
--placeholder-image-menu: url('data:image/svg+xml,');
--placeholder-image-person: url('data:image/svg+xml,');
--placeholder-image-icon: var(--placeholder-image-default);
--placeholder-bg-color: var(--ws-surface-background-color);
--placeholder-bg-color-alpha: 1;
--placeholder-color: var(--ws-surface-text-color);
--placeholder-color-alpha: 1;
container-type: inline-size;
}
[placeholder]::part(decoration) {
--negative-outline-offset: -20px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: grid;
grid: "layer" 100%/100%;
border-radius: inherit;
overflow: hidden;
outline: 1px dashed hsla(var(--ws-surface-text-color), 0.4);
outline-offset: var(--negative-outline-offset);
background-color: hsla(var(--placeholder-bg-color), var(--placeholder-bg-color-alpha));
}
@supports not (container-type: inline-size) {
[placeholder]::part(decoration) {
--negative-outline-offset: -12px;
}
}
@container (max-width: 160px) {
[placeholder]::part(decoration) {
--negative-outline-offset: -12px;
}
}
@container (max-width: 80px) {
[placeholder]::part(decoration) {
--negative-outline-offset: -6px;
}
}
[placeholder]::part(decoration)::before {
content: "";
grid-area: layer;
background-color: rgba(
var(--ws-placeholder-background-color-rgb),
var(--ws-placeholder-background-color-alpha)
);
}
[placeholder]::part(decoration)::after {
content: "";
width: clamp(30px, 50%, 420px);
height: calc(100% + var(--negative-outline-offset) * 2);
grid-area: layer;
align-self: center;
justify-self: center;
-webkit-mask-image: var(--placeholder-image-icon);
mask-image: var(--placeholder-image-icon);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: hsla(var(--placeholder-color), var(--placeholder-color-alpha));
}
[placeholder] img {
visibility: hidden;
}
html[data-ws-id] [placeholder]:hover:is(ws-media-container)::part(decoration) {
outline: 2px solid var(--ws-editor-warning-800, #ff8f00);
}
ws-block[background-placeholder] [placeholder]:is(ws-media-container),
[placeholder]:is(ws-media-container) + .ws-m-overlaying-media__positioning-area,
[placeholder]:is(ws-media-container) + [placeholder]:is(ws-media-container) {
--ws-placeholder-background-color-alpha: 0.25;
}
ws-composite-group [placeholder]:is(ws-media-container)::part(decoration)::before {
box-shadow: inset 0px 0px 0px 1px hsla(var(--placeholder-color), 0.1);
}
ws-block[category="team"] [placeholder],
ws-block[category="testimonials"] [placeholder] {
--placeholder-image-icon: var(--placeholder-image-person);
}
ws-block[category="menu"] [placeholder] {
--placeholder-image-icon: var(--placeholder-image-menu);
}
ws-block[category="pricing"] [placeholder],
ws-block[category="products"] [placeholder] {
--placeholder-image-icon: var(--placeholder-image-ticket);
}
ws-block[category="services"] [placeholder] {
--placeholder-image-icon: var(--placeholder-image-toolbox);
}
ws-accordion {
--ws-accordion-header-focus: hsla(
var(--ws-surface-focus-outline-color),
var(--ws-surface-focus-outline-color-opacity)
);
--ws-accordion-header-icon-color: hsla(
var(--ws-surface-text-color),
var(--ws-surface-text-medium-emphasis-opacity)
);
--ws-accordion-content-padding-top: 12px;
display: grid;
align-items: start;
grid-template-columns: var(--ws-accordion-columns, 100%);
row-gap: var(--ws-accordion-row-gap);
column-gap: 30px;
}
.ws-surface[data-surface="1"] ws-accordion {
--ws-accordion-row-gap: 24px;
}
.ws-surface[data-surface="1"] ws-accordion[layout="2-columns"] {
--ws-accordion-row-gap: 16px;
}
ws-block[with-border] ws-accordion,
ws-block[with-shadow] ws-accordion,
ws-block[with-shadow][with-border] ws-accordion {
--ws-accordion-row-gap: 16px;
}
@media (min-width: 768px) {
ws-accordion[layout="2-columns"] {
--ws-accordion-columns: 1fr 1fr;
}
}
ws-accordion:not(:defined) ws-accordion-content {
display: block;
padding-top: var(--ws-accordion-content-padding-top);
}
ws-accordion:not(:defined)[expanded-items="none"] ws-accordion-content {
display: none;
}
ws-accordion:not(:defined)[expanded-items="first"]
ws-accordion-item:not(:first-child)
ws-accordion-content {
display: none;
}
ws-accordion-item {
--ws-accordion-item-padding: 30px 0px;
--ws-accordion-item-box-shadow: none;
--ws-accordion-item-bg-color: transparent;
--ws-accordion-item-border-color: hsla(
var(--ws-surface-border-color),
var(--ws-surface-border-color-opacity)
);
--ws-accordion-item-border-width: 1px;
border-top-left-radius: var(--ws-accordion-item-border-top-left-radius);
border-top-right-radius: var(--ws-accordion-item-border-top-right-radius);
border-bottom-left-radius: var(--ws-accordion-item-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-accordion-item-border-bottom-right-radius);
border-bottom: var(--ws-accordion-item-border-width) solid var(--ws-accordion-item-border-color);
background-color: var(--ws-accordion-item-bg-color);
padding: var(--ws-accordion-item-padding);
box-shadow: var(--ws-accordion-item-box-shadow);
}
ws-accordion-item:first-child {
border-top: var(--ws-accordion-item-border-width) solid var(--ws-accordion-item-border-color);
}
.ws-surface[data-surface="1"] ws-accordion-item {
--ws-accordion-item-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-accordion-item-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-accordion-item-border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
--ws-accordion-item-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-accordion-item-padding: 32px;
--ws-accordion-item-border-width: 0px;
--ws-accordion-item-bg-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
ws-block[with-border] .ws-surface[data-surface="1"] ws-accordion-item {
--ws-accordion-item-box-shadow: 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow][with-border] .ws-surface[data-surface="1"] ws-accordion-item {
--ws-accordion-item-box-shadow: 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-border] ws-accordion-item {
--ws-accordion-item-box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] ws-accordion-item {
--ws-accordion-item-box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] ws-accordion-item {
--ws-accordion-item-box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-border] ws-accordion-item,
ws-block[with-shadow] ws-accordion-item,
ws-block[with-shadow][with-border] ws-accordion-item {
--ws-accordion-item-padding: 32px;
--ws-accordion-item-border-width: 0px;
}
@media (min-width: 768px) {
ws-accordion[layout="2-columns"] ws-accordion-item:nth-child(2) {
border-top: var(--ws-accordion-item-border-width) solid var(--ws-accordion-item-border-color);
}
}
:root {
--font-baseline: calc(0.75em + (100% - 0.75em) / 2);
}
ws-decoration {
--ws-decoration-color-text-black: hsla(var(--ws-color-text-black), 1);
--ws-decoration-color-text-white: hsla(var(--ws-color-text-white), 1);
--ws-default-decoration-color: hsla(
var(--ws-surface-decoration-background-color),
var(--ws-surface-decoration-background-color-opacity)
);
--ws-default-decoration-border-radius: var(--ws-base-border-radius);
--half-thickness: calc(var(--thickness) / 2);
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
u ws-decoration {
text-decoration: underline;
}
s ws-decoration {
text-decoration: line-through;
}
u s ws-decoration,
s u ws-decoration {
text-decoration: underline line-through;
}
ws-decoration[type="label-border"] {
--text-horizontal-padding: clamp(2px, 1em, 30px);
--text-vertical-padding: clamp(2px, 0.5em, 10px);
box-shadow:
inset 0px 0px 0px var(--half-thickness) var(--color),
0px 0px 0px var(--half-thickness) var(--color);
border-radius: var(--border-radius);
padding: var(--padding-top, var(--text-vertical-padding))
var(--padding-right, var(--text-horizontal-padding))
var(--padding-bottom, var(--text-vertical-padding))
var(--padding-left, var(--text-horizontal-padding));
}
ws-decoration[type="label-background"] {
--text-horizontal-padding: clamp(2px, 1em, 30px);
--text-vertical-padding: clamp(2px, 0.5em, 10px);
background-color: var(--color);
color: var(--text-color, hsla(var(--ws-surface-decoration-text-color), 1));
border-radius: var(--border-radius);
padding: var(--padding-top, var(--text-vertical-padding))
var(--padding-right, var(--text-horizontal-padding))
var(--padding-bottom, var(--text-vertical-padding))
var(--padding-left, var(--text-horizontal-padding));
}
ws-block ws-decoration[type="label-background"] a {
color: hsla(var(--ws-surface-decoration-text-color), 1);
}
html:not([data-ws-id]) ws-block ws-decoration[type="label-background"] a:hover {
color: hsla(var(--ws-surface-decoration-text-color), 0.8);
}
html:not([data-ws-id]) ws-block ws-decoration[type="label-background"] a:focus {
box-shadow: none;
}
ws-color ws-decoration[type="label-background"] {
color: inherit;
}
ws-decoration[type="underline"] {
--bg-image-shift-from-font-baseline: clamp(5px, 0.25em, 15px);
--bg-image-safe-area: var(--thickness);
--bg-image-position-x: 50%;
--bg-image-position-y: calc(var(--font-baseline) + var(--bg-image-shift-from-font-baseline));
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(var(--thickness) * var(--bg-image-scale-factor));
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="double-underline"] {
--bg-image-distance-between-lines: 3px;
--bg-image-shift-from-font-baseline: clamp(5px, 0.25em, 15px);
--bg-image-safe-area: 1em;
--bg-image-position-x: 50%;
--bg-image-position-y: calc(
var(--font-baseline) + var(--bg-image-shift-from-font-baseline) - var(--half-thickness)
);
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(
(var(--thickness) * 2 + var(--bg-image-distance-between-lines)) * var(--bg-image-scale-factor)
);
background-image: var(--bg-image), var(--bg-image);
background-position:
var(--bg-image-position-x) var(--bg-image-position-y),
var(--bg-image-position-x)
calc(var(--bg-image-position-y) + var(--bg-image-distance-between-lines) + var(--thickness));
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="halved-surface"] {
--bg-image-shift-from-font-baseline: calc(var(--bg-image-min-height) / 2);
--bg-image-min-height: clamp(5px, 0.14em, 15px);
--bg-image-safe-area: var(--bg-image-min-height);
--bg-image-position-x: 100%;
--bg-image-position-y: calc(
var(--font-baseline) + var(--bg-image-shift-from-font-baseline) - var(--half-thickness)
);
--bg-image-width: 100%;
--bg-image-height: calc(var(--bg-image-min-height) + var(--thickness));
background-image: linear-gradient(var(--color), var(--color));
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="pen-scribble"],
ws-decoration[type="wavy-scribble"] {
--bg-image-shift-from-font-baseline: clamp(5px, 0.2em, 15px);
--bg-image-restricted-width: calc(var(--bg-image-restricted-height) * var(--bg-image-ratio));
--bg-image-restricted-height: clamp(6px, 0.17857em, 15px);
--bg-image-safe-area: calc(var(--bg-image-restricted-height) + var(--thickness));
--bg-image-position-x: 100%;
--bg-image-position-y: calc(
var(--font-baseline) + var(--bg-image-shift-from-font-baseline) - var(--half-thickness)
);
--bg-image-width: calc(var(--bg-image-restricted-width) * var(--bg-image-scale-factor));
--bg-image-height: calc(var(--bg-image-restricted-height) * var(--bg-image-scale-factor));
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="curved-scribble"] {
--bg-image-shift-from-font-baseline: clamp(5px, 0.2em, 15px);
--bg-image-restricted-width: calc(var(--bg-image-restricted-height) * var(--bg-image-ratio));
--bg-image-restricted-height: clamp(6px, 0.2143em, 15px);
--bg-image-safe-area: calc(var(--bg-image-restricted-height) + var(--thickness));
--bg-image-position-x: 100%;
--bg-image-position-y: calc(
var(--font-baseline) + var(--bg-image-shift-from-font-baseline) - var(--half-thickness)
);
--bg-image-width: calc(var(--bg-image-restricted-width) * var(--bg-image-scale-factor));
--bg-image-height: calc(var(--bg-image-restricted-height) * var(--bg-image-scale-factor));
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="scribbled-strikethrough"] {
--bg-image-shift-from-font-baseline: calc(0.2em + var(--bg-image-restricted-height) / 2);
--bg-image-restricted-width: calc(var(--bg-image-restricted-height) * var(--bg-image-ratio));
--bg-image-restricted-height: clamp(6px, 0.17857em, 15px);
--bg-image-safe-area: calc(var(--bg-image-restricted-height) + var(--thickness));
--bg-image-position-x: 100%;
--bg-image-position-y: calc(
var(--font-baseline) - var(--bg-image-shift-from-font-baseline) - var(--half-thickness)
);
--bg-image-width: calc(var(--bg-image-restricted-width) * var(--bg-image-scale-factor));
--bg-image-height: calc(var(--bg-image-restricted-height) * var(--bg-image-scale-factor));
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
}
ws-decoration[type="circle-shape"],
ws-decoration[type="box-shape"] {
--text-horizontal-padding: clamp(3px, 0.5ch, 15px);
--text-vertical-padding: 3px;
--bg-image-safe-area: max(5px, var(--thickness));
--bg-image-expandable-area: var(--half-thickness);
--bg-image-position-x: 50%;
--bg-image-position-y: 45%;
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc((100% + var(--half-thickness)) * var(--bg-image-scale-factor));
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-top: var(--text-vertical-padding);
padding-bottom: var(--text-vertical-padding);
padding-left: calc(var(--text-horizontal-padding) + var(--bg-image-expandable-area));
padding-right: calc(var(--text-horizontal-padding) + var(--bg-image-expandable-area));
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
border-top: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="curved-underline"] {
--bg-image-shift-from-font-baseline: clamp(5px, 0.25em, 15px);
--bg-image-restricted-height: clamp(3px, 0.2em, 14px);
--bg-image-safe-area: var(--bg-image-height);
--bg-image-expandable-area: max(2px, var(--half-thickness));
--bg-image-position-x: 50%;
--bg-image-position-y: calc(var(--font-baseline) + var(--bg-image-shift-from-font-baseline));
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(
(var(--bg-image-restricted-height) + var(--half-thickness)) * var(--bg-image-scale-factor)
);
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-left: var(--bg-image-expandable-area);
padding-right: var(--bg-image-expandable-area);
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="default-strikethrough"] {
--bg-image-shift-from-font-baseline: 0.2em;
--bg-image-restricted-height: clamp(3px, 0.2em, 14px);
--bg-image-expandable-area: max(2px, var(--half-thickness));
--bg-image-position-x: 50%;
--bg-image-position-y: calc(
var(--font-baseline) - var(--bg-image-shift-from-font-baseline) -
var(--bg-image-restricted-height) / 2
);
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(
(var(--bg-image-restricted-height) + var(--half-thickness)) * var(--bg-image-scale-factor)
);
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-left: var(--bg-image-expandable-area);
padding-right: var(--bg-image-expandable-area);
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
}
ws-decoration[type="default-scribble"] {
--bg-image-shift-from-font-baseline: clamp(5px, 0.25em, 15px);
--bg-image-restricted-height: clamp(6px, 0.25em, 20px);
--bg-image-safe-area: var(--bg-image-height);
--bg-image-expandable-area: var(--half-thickness);
--bg-image-position-x: 50%;
--bg-image-position-y: calc(var(--font-baseline) + var(--bg-image-shift-from-font-baseline));
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(
(var(--bg-image-restricted-height) + var(--half-thickness)) * var(--bg-image-scale-factor)
);
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-left: var(--bg-image-expandable-area);
padding-right: var(--bg-image-expandable-area);
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="diagonal-strikethrough"],
ws-decoration[type="cross-strikethrough"] {
--bg-image-safe-area: var(--half-thickness);
--bg-image-expandable-area: var(--half-thickness);
--bg-image-position-x: 50%;
--bg-image-position-y: 50%;
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc((1em + var(--half-thickness)) * var(--bg-image-scale-factor));
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-left: var(--bg-image-expandable-area);
padding-right: var(--bg-image-expandable-area);
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
border-top: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="funnel-scribble"] {
--bg-image-shift-from-font-baseline: clamp(7px, 0.25em, 15px);
--bg-image-restricted-height: clamp(9px, 0.2em, 14px);
--bg-image-safe-area: calc(var(--bg-image-height) / 2);
--bg-image-expandable-area: max(2px, var(--half-thickness));
--bg-image-position-x: 50%;
--bg-image-position-y: calc(var(--font-baseline) + var(--bg-image-shift-from-font-baseline));
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(
(var(--bg-image-restricted-height) + var(--half-thickness)) * var(--bg-image-scale-factor)
);
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-left: var(--bg-image-expandable-area);
padding-right: var(--bg-image-expandable-area);
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
ws-decoration[type="scribble-with-arrow"] {
--bg-image-shift-from-font-baseline: clamp(5px, 0.25em, 15px);
--bg-image-restricted-height: clamp(8px, 0.25em, 20px);
--bg-image-safe-area: var(--bg-image-height);
--bg-image-expandable-area: var(--half-thickness);
--bg-image-position-x: 50%;
--bg-image-position-y: calc(var(--font-baseline) + var(--bg-image-shift-from-font-baseline));
--bg-image-width: calc((100% - var(--thickness)) * var(--bg-image-scale-factor));
--bg-image-height: calc(
(var(--bg-image-restricted-height) + var(--half-thickness)) * var(--bg-image-scale-factor)
);
background-image: var(--bg-image);
background-position: var(--bg-image-position-x) var(--bg-image-position-y);
background-size: var(--bg-image-width) var(--bg-image-height);
background-repeat: no-repeat;
padding-left: var(--bg-image-expandable-area);
padding-right: var(--bg-image-expandable-area);
margin-left: calc(var(--bg-image-expandable-area) * -1);
margin-right: calc(var(--bg-image-expandable-area) * -1);
border-bottom: var(--bg-image-safe-area) solid rgba(0, 0, 0, 0);
}
[class*="ws-indent-"] {
--ws-indent-coefficient: 0.5;
--ws-indent: calc(var(--ws-text-indent) * var(--ws-indent-coefficient));
--ws-indent-left: min(
calc(var(--ws-indent) * var(--ws-text-indent-left-multiplier, 1)),
calc(100% - 15px)
);
--ws-indent-right: min(
calc(var(--ws-indent) * var(--ws-text-indent-right-multiplier, 0)),
calc(100% - 15px)
);
padding-left: var(--ws-indent-left);
padding-right: var(--ws-indent-right);
}
@media (min-width: 768px) {
[class*="ws-indent-"] {
--ws-indent-coefficient: 0.75;
}
}
@media (min-width: 1200px) {
[class*="ws-indent-"] {
--ws-indent-coefficient: 1;
}
}
[class*="ws-indent-"][style*="text-align: left"] {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
}
[class*="ws-indent-"][style*="text-align: center"] {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
}
[class*="ws-indent-"][style*="text-align: right"] {
--ws-text-indent-left-multiplier: 0;
--ws-text-indent-right-multiplier: 1;
}
.ws-indent-32 {
--ws-text-indent: 32px;
}
.ws-indent-64 {
--ws-text-indent: 64px;
}
.ws-indent-96 {
--ws-text-indent: 96px;
}
.ws-indent-128 {
--ws-text-indent: 128px;
}
.ws-indent-160 {
--ws-text-indent: 160px;
}
.ws-indent-192 {
--ws-text-indent: 192px;
}
.ws-indent-224 {
--ws-text-indent: 224px;
}
.ws-indent-256 {
--ws-text-indent: 256px;
}
:root {
--ws-column-custom-max-column-gap-xs: 30px;
--ws-column-custom-max-column-gap-xl: 128px;
--ws-column-custom-max-row-gap-xs: 48px;
--ws-column-custom-max-row-gap-xl: 128px;
--ws-column-custom-max-padding-xs: 32px;
--ws-column-custom-max-padding-xl: 128px;
--ws-column-custom-max-border-radius: 128px;
--ws-column-default-content-min-width: 16px;
--ws-column-default-column-gap: 30px;
--ws-column-default-row-gap: 48px;
--ws-column-default-padding-top: 24px;
--ws-column-default-padding-bottom: 24px;
--ws-column-default-padding-left: 32px;
--ws-column-default-padding-right: 32px;
--ws-column-default-border-top-left-radius: var(
--ws-column-custom-border-top-left-radius,
var(--ws-base-border-radius)
);
--ws-column-default-border-top-right-radius: var(
--ws-column-custom-border-top-right-radius,
var(--ws-base-border-radius)
);
--ws-column-default-border-bottom-left-radius: var(
--ws-column-custom-border-bottom-left-radius,
var(--ws-base-border-radius)
);
--ws-column-default-border-bottom-right-radius: var(
--ws-column-custom-border-bottom-right-radius,
var(--ws-base-border-radius)
);
}
@media (min-width: 992px) {
:root {
--ws-column-default-padding-top: 28px;
--ws-column-default-padding-bottom: 28px;
--ws-column-default-padding-left: 36px;
--ws-column-default-padding-right: 36px;
}
}
@media (min-width: 1200px) {
:root {
--ws-column-default-padding-top: 32px;
--ws-column-default-padding-bottom: 32px;
--ws-column-default-padding-left: 40px;
--ws-column-default-padding-right: 40px;
}
}
[widget="columns"] ws-columns {
--ws-columns-column-gap: var(--ws-column-custom-column-gap, var(--ws-column-default-column-gap));
--ws-columns-row-gap: var(--ws-column-custom-row-gap, var(--ws-column-default-row-gap));
}
ws-columns[column-gap] {
--ws-column-custom-column-gap: min(
var(--ws-column-gap),
var(--ws-column-custom-max-column-gap-xs)
);
}
@media (min-width: 1200px) {
ws-columns[column-gap] {
--ws-column-custom-column-gap: min(
var(--ws-column-gap),
var(--ws-column-custom-max-column-gap-xl)
);
}
}
ws-columns[row-gap] {
--ws-column-custom-row-gap: min(var(--ws-row-gap), var(--ws-column-custom-max-row-gap-xs));
}
@media (min-width: 1200px) {
ws-columns[row-gap] {
--ws-column-custom-row-gap: min(var(--ws-row-gap), var(--ws-column-custom-max-row-gap-xl));
}
}
ws-columns[v-align="start"] {
align-items: start;
}
ws-columns[v-align="center"] {
align-items: center;
}
ws-columns[v-align="end"] {
align-items: end;
}
ws-columns[h-align="left"] {
justify-content: left;
}
ws-columns[h-align="center"] {
justify-content: center;
}
ws-columns[h-align="right"] {
justify-content: right;
}
ws-columns[width="fill"] ws-column {
flex-grow: 1;
max-width: 100%;
min-width: 0;
}
ws-columns[height="fill"] {
--ws-column-empty-state-height: 100%;
align-items: stretch;
}
ws-columns[height="fill"] ws-column::part(inner-wrapper) {
min-height: 100%;
}
ws-column {
--ws-column-padding-top: var(
--ws-column-custom-padding-top,
var(--ws-column-initial-padding-top, 0px)
);
--ws-column-padding-right: var(
--ws-column-custom-padding-right,
var(--ws-column-initial-padding-right, 0px)
);
--ws-column-padding-bottom: var(
--ws-column-custom-padding-bottom,
var(--ws-column-initial-padding-bottom, 0px)
);
--ws-column-padding-left: var(
--ws-column-custom-padding-left,
var(--ws-column-initial-padding-left, 0px)
);
--ws-column-border-top-left-radius: var(
--ws-column-custom-border-top-left-radius,
var(--ws-column-default-border-top-left-radius)
);
--ws-column-border-top-right-radius: var(
--ws-column-custom-border-top-right-radius,
var(--ws-column-default-border-top-right-radius)
);
--ws-column-border-bottom-left-radius: var(
--ws-column-custom-border-bottom-left-radius,
var(--ws-column-default-border-bottom-left-radius)
);
--ws-column-border-bottom-right-radius: var(
--ws-column-custom-border-bottom-right-radius,
var(--ws-column-default-border-bottom-right-radius)
);
}
ws-column::part(inner-wrapper) {
display: flex;
flex-direction: column;
overflow: hidden;
justify-content: var(--ws-column-vertical-content-alignment);
padding-top: var(--ws-column-padding-top);
padding-bottom: var(--ws-column-padding-bottom);
padding-left: clamp(
0px,
var(--ws-column-padding-left),
50% - var(--ws-column-default-content-min-width) / 2
);
padding-right: clamp(
0px,
var(--ws-column-padding-right),
50% - var(--ws-column-default-content-min-width) / 2
);
border: var(--ws-column-border);
border-top-left-radius: var(--ws-column-border-top-left-radius);
border-top-right-radius: var(--ws-column-border-top-right-radius);
border-bottom-right-radius: var(--ws-column-border-bottom-right-radius);
border-bottom-left-radius: var(--ws-column-border-bottom-left-radius);
box-shadow: var(--ws-column-box-shadow, none);
box-sizing: border-box;
text-align: var(--ws-column-alignment, inherit);
}
ws-column[data-ws-surface-vars]::part(inner-wrapper) {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity, 1)
);
}
ws-column:has(ws-composite-group)::part(inner-wrapper) {
overflow: visible;
}
[widget="columns"] ws-column > * {
width: 100%;
}
ws-column:is([border], [shadow], [surface]) {
--ws-column-initial-padding-top: var(--ws-column-default-padding-top);
--ws-column-initial-padding-bottom: var(--ws-column-default-padding-bottom);
--ws-column-initial-padding-left: var(--ws-column-default-padding-left);
--ws-column-initial-padding-right: var(--ws-column-default-padding-right);
}
ws-column[border] {
--ws-column-border: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-column[shadow] {
--ws-column-box-shadow: var(--ws-shadow-effect-3);
}
ws-column[alignment="left"] {
--ws-widget-text-block-paragraph-margin-left: 0;
--ws-widget-text-block-paragraph-margin-right: auto;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-column-alignment: left;
}
ws-column[alignment="left"] ws-media-container {
--ws-media-container-margin-left: 0;
--ws-media-container-margin-right: auto;
}
ws-column[alignment="left"] ws-composite-group {
--ws-composite-group-margin-left: 0;
--ws-composite-group-margin-right: auto;
}
ws-column[alignment="center"] {
--ws-widget-text-block-paragraph-margin-left: auto;
--ws-widget-text-block-paragraph-margin-right: auto;
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-column-alignment: center;
}
ws-column[alignment="center"] ws-media-container {
--ws-media-container-margin-left: auto;
--ws-media-container-margin-right: auto;
}
ws-column[alignment="center"] ws-composite-group {
--ws-composite-group-margin-left: auto;
--ws-composite-group-margin-right: auto;
}
ws-column[alignment="right"] {
--ws-widget-text-block-paragraph-margin-left: auto;
--ws-widget-text-block-paragraph-margin-right: 0;
--ws-text-indent-left-multiplier: 0;
--ws-text-indent-right-multiplier: 1;
--ws-column-alignment: right;
}
ws-column[alignment="right"] ws-media-container {
--ws-media-container-margin-left: auto;
--ws-media-container-margin-right: 0;
}
ws-column[alignment="right"] ws-composite-group {
--ws-composite-group-margin-left: auto;
--ws-composite-group-margin-right: 0;
}
ws-column[v-alignment="start"] {
--ws-column-vertical-content-alignment: start;
}
ws-column[v-alignment="center"] {
--ws-column-vertical-content-alignment: center;
}
ws-column[v-alignment="end"] {
--ws-column-vertical-content-alignment: end;
}
ws-column[padding-top] {
--ws-column-empty-state-padding-top: var(--ws-column-custom-padding-top);
--ws-column-custom-padding-top: min(
var(--ws-padding-top),
var(--ws-column-custom-max-padding-xs)
);
}
@media (min-width: 1200px) {
ws-column[padding-top] {
--ws-column-custom-padding-top: min(
var(--ws-padding-top),
var(--ws-column-custom-max-padding-xl)
);
}
}
ws-column[padding-bottom] {
--ws-column-empty-state-padding-bottom: var(--ws-column-custom-padding-bottom);
--ws-column-custom-padding-bottom: min(
var(--ws-padding-bottom),
var(--ws-column-custom-max-padding-xs)
);
}
@media (min-width: 1200px) {
ws-column[padding-bottom] {
--ws-column-custom-padding-bottom: min(
var(--ws-padding-bottom),
var(--ws-column-custom-max-padding-xl)
);
}
}
ws-column[padding-left] {
--ws-column-custom-padding-left: min(
var(--ws-padding-left),
var(--ws-column-custom-max-padding-xs)
);
}
@media (min-width: 1200px) {
ws-column[padding-left] {
--ws-column-custom-padding-left: min(
var(--ws-padding-left),
var(--ws-column-custom-max-padding-xl)
);
}
}
ws-column[padding-right] {
--ws-column-custom-padding-right: min(
var(--ws-padding-right),
var(--ws-column-custom-max-padding-xs)
);
}
@media (min-width: 1200px) {
ws-column[padding-right] {
--ws-column-custom-padding-right: min(
var(--ws-padding-right),
var(--ws-column-custom-max-padding-xl)
);
}
}
ws-column[border-top-left-radius] {
--ws-column-empty-state-border-top-left-radius: var(--ws-column-custom-border-top-left-radius);
--ws-column-custom-border-top-left-radius: min(
var(--ws-border-top-left-radius),
var(--ws-column-custom-max-border-radius)
);
}
ws-column[border-top-right-radius] {
--ws-column-empty-state-border-top-right-radius: var(--ws-column-custom-border-top-right-radius);
--ws-column-custom-border-top-right-radius: min(
var(--ws-border-top-right-radius),
var(--ws-column-custom-max-border-radius)
);
}
ws-column[border-bottom-left-radius] {
--ws-column-empty-state-border-bottom-left-radius: var(
--ws-column-custom-border-bottom-left-radius
);
--ws-column-custom-border-bottom-left-radius: min(
var(--ws-border-bottom-left-radius),
var(--ws-column-custom-max-border-radius)
);
}
ws-column[border-bottom-right-radius] {
--ws-column-empty-state-border-bottom-right-radius: var(
--ws-column-custom-border-bottom-right-radius
);
--ws-column-custom-border-bottom-right-radius: min(
var(--ws-border-bottom-right-radius),
var(--ws-column-custom-max-border-radius)
);
}
ws-column:not(:defined)[padding-top] > :first-child {
padding-top: var(--ws-column-padding-top);
}
ws-column:not(:defined)[padding-bottom] > :last-child {
padding-bottom: var(--ws-column-padding-bottom);
}
ws-column:not(:defined)[padding-left] > * {
padding-left: var(--ws-column-padding-left);
}
ws-column:not(:defined)[padding-right] > * {
padding-right: var(--ws-column-padding-right);
}
ws-block:not([widget]):not([custom]) ws-column::part(inner-wrapper),
ws-block[custom] ws-block:not([widget="columns"]) ws-column::part(inner-wrapper) {
display: contents;
}
:root {
--ws-composite-group-positioning-area-inset: 15%;
--ws-composite-group-positioning-area-min-inset: 50px;
--ws-composite-group-positioning-area-max-inset: 100px;
}
ws-composite-group {
--ws-composite-group-min-width: 16px;
--ws-composite-group-max-width: 100%;
--ws-composite-group-margin-left: auto;
--ws-composite-group-margin-right: auto;
--ws-composite-item-position-x: 50%;
--ws-composite-item-position-y: 50%;
position: relative;
display: block;
aspect-ratio: var(--ws-composite-group-aspect-ratio, 1);
width: var(--ws-composite-group-initial-width, auto);
min-width: var(--ws-composite-group-min-width, auto);
max-width: var(--ws-composite-group-max-width, none);
margin-left: var(--ws-composite-group-margin-left, auto);
margin-right: var(--ws-composite-group-margin-right, auto);
}
ws-composite-group::part(positioning-area) {
--inset: calc(
-1 *
clamp(
var(--ws-composite-group-positioning-area-min-inset, 30px),
var(--ws-composite-group-positioning-area-inset, 15%),
var(--ws-composite-group-positioning-area-max-inset, 100px)
)
);
position: absolute;
top: var(--inset);
right: var(--inset);
left: var(--inset);
bottom: var(--inset);
pointer-events: none;
}
ws-composite-group ws-composite-item {
--position-x: var(--ws-composite-item-position-x);
--position-y: var(--ws-composite-item-position-y);
--x: clamp(0%, var(--position-x), 100%);
--y: clamp(0%, var(--position-y), 100%);
position: absolute;
left: var(--x);
top: var(--y);
transform: translate(calc(var(--x) * -1), calc(var(--y) * -1));
aspect-ratio: var(--ws-composite-item-aspect-ratio, 1);
width: var(--ws-composite-item-width, min(20%, 300px));
display: grid;
grid-template-columns: 100%;
grid-template-rows: 100%;
max-width: 100%;
max-height: 100%;
pointer-events: auto;
}
ws-composite-group ws-media-container:not(:has(img[src$=".svg"])) {
--ws-media-container-border-top-left-radius: var(
--ws-media-container-custom-border-top-left-radius
);
--ws-media-container-border-top-right-radius: var(
--ws-media-container-custom-border-top-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-media-container-custom-border-bottom-left-radius
);
--ws-media-container-border-bottom-right-radius: var(
--ws-media-container-custom-border-bottom-right-radius
);
}
ws-composite-group ws-media-container {
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
}
@media (min-width: 992px) {
[fullscreen] .ws-m-split-layout ws-composite-group {
aspect-ratio: auto;
}
}
:root {
--ws-block-title-width-sm: 570px;
--ws-block-title-width-lg: 770px;
}
.ws-m-block-title-570 {
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-min-width: auto;
--ws-block-title-alignment: left;
--ws-block-title-text-align: left;
display: grid;
grid-template-columns: 100%;
}
.ws-m-block-title-570 h5 {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
.ws-m-block-title-570 ws-text:where(:not([slot="business-description"], [slot="business-name"])) {
width: var(--ws-block-title-width);
min-width: var(--ws-block-title-min-width);
max-width: var(--ws-block-title-max-width, 100%);
justify-self: var(--ws-block-title-alignment);
text-align: var(--ws-block-title-text-align);
}
.ws-m-block-title-570
ws-text:where(
:not([slot="business-description"], [slot="business-name"])
)[data-alignment="left"] {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-alignment: left;
--ws-block-title-text-align: left;
}
.ws-m-block-title-570
ws-text:where(
:not([slot="business-description"], [slot="business-name"])
)[data-alignment="center"] {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-block-title-width: var(--ws-block-title-width-lg);
--ws-block-title-alignment: center;
--ws-block-title-text-align: center;
}
.ws-m-block-title-570
ws-text:where(
:not([slot="business-description"], [slot="business-name"])
)[data-alignment="right"] {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-alignment: right;
--ws-block-title-text-align: left;
}
ws-block[content-alignment~="center"] .ws-m-block-title-570 {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-block-title-width: var(--ws-block-title-width-lg);
--ws-block-title-alignment: center;
--ws-block-title-text-align: center;
}
ws-block[content-alignment~="right"] .ws-m-block-title-570 {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-alignment: right;
--ws-block-title-text-align: left;
}
.ws-m-block-title-770 {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-block-title-width: var(--ws-block-title-width-lg);
--ws-block-title-alignment: center;
--ws-block-title-text-align: center;
display: grid;
grid-template-columns: 100%;
}
.ws-m-block-title-770 h5 {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
.ws-m-block-title-770 ws-text {
width: var(--ws-block-title-width);
max-width: var(--ws-block-title-max-width, 100%);
justify-self: var(--ws-block-title-alignment);
text-align: var(--ws-block-title-text-align);
}
.ws-m-block-title-770 ws-text[data-alignment="left"] {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-alignment: left;
--ws-block-title-text-align: left;
}
.ws-m-block-title-770 ws-text[data-alignment="center"] {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-block-title-width: var(--ws-block-title-width-lg);
--ws-block-title-alignment: center;
--ws-block-title-text-align: center;
}
.ws-m-block-title-770 ws-text[data-alignment="right"] {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-alignment: right;
--ws-block-title-text-align: left;
}
ws-block[content-alignment~="left"] .ws-m-block-title-770 {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-alignment: left;
--ws-block-title-text-align: left;
}
ws-block[content-alignment~="right"] .ws-m-block-title-770 {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-block-title-width: var(--ws-block-title-width-sm);
--ws-block-title-alignment: right;
--ws-block-title-text-align: left;
}
[data-ws-slots~="block-title"] .ws-m-block-title-770 + [class*="ws-m-"] ws-columns {
margin-top: 48px;
}
[data-ws-hidden-children~="block_title"] .ws-m-block-title-770 {
display: none;
}
.ws-section:not([data-ws-hidden-children~="block_title"]):not(
[data-ws-hidden-children~="product_description"]
):not([data-ws-hidden-children~="member_description"]):not(
[data-ws-hidden-children~="block_description"]
)
.ws-m-block-title-fit-wrapper {
width: fit-content;
max-width: 100%;
}
.ws-section:not([data-ws-hidden-children~="block_title"]):not(
[data-ws-hidden-children~="product_description"]
):not([data-ws-hidden-children~="member_description"]):not(
[data-ws-hidden-children~="block_description"]
)
.ws-m-block-title-fit-wrapper
> .ws-m-block-title-570,
.ws-section:not([data-ws-hidden-children~="block_title"]):not(
[data-ws-hidden-children~="product_description"]
):not([data-ws-hidden-children~="member_description"]):not(
[data-ws-hidden-children~="block_description"]
)
.ws-m-block-title-fit-wrapper
> .ws-m-block-title-770 {
width: fit-content;
min-width: 100%;
max-width: 100%;
}
.ws-section:not([data-ws-hidden-children~="block_title"]):not(
[data-ws-hidden-children~="product_description"]
):not([data-ws-hidden-children~="member_description"]):not(
[data-ws-hidden-children~="block_description"]
)
.ws-m-block-title-fit-wrapper
> *:not(.ws-m-block-title-570):not(.ws-m-block-title-770) {
width: min-content;
min-width: 100%;
max-width: 100%;
}
.ws-m-button-group {
--ws-m-button-group-gap: 8px;
display: grid;
margin-top: 48px;
}
ws-block:not([content-alignment]) .ws-m-button-group--center {
--ws-m-button-group-alignment: var(--ws-column-alignment, center);
}
.ws-m-button-group ws-button-group {
justify-self: var(--ws-m-button-group-alignment, var(--ws-column-alignment, left));
text-align: var(--ws-m-button-group-alignment, var(--ws-column-alignment, left));
margin: calc(var(--ws-m-button-group-gap) * -1);
}
.ws-m-button-group ws-button-group ws-button {
display: inline-block;
margin: var(--ws-m-button-group-gap);
}
.ws-m-button-group ws-button-group[data-alignment="left"] {
--ws-m-button-group-alignment: left;
}
.ws-m-button-group ws-button-group[data-alignment="center"] {
--ws-m-button-group-alignment: center;
}
.ws-m-button-group ws-button-group[data-alignment="right"] {
--ws-m-button-group-alignment: right;
}
[content-alignment~="left"] .ws-m-button-group {
--ws-m-button-group-content-alignment: left;
--ws-m-button-group-alignment: left;
}
[content-alignment~="center"] .ws-m-button-group {
--ws-m-button-group-content-alignment: center;
--ws-m-button-group-alignment: center;
}
[content-alignment~="right"] .ws-m-button-group {
--ws-m-button-group-content-alignment: right;
--ws-m-button-group-alignment: left;
}
[data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-m-button-group {
display: none;
}
:root {
--ws-blockquote-icon: url('data:image/svg+xml; utf8, ');
}
.ws-m-blockquote {
--ws-blockquote-icon-size: 30px;
position: relative;
text-align: left;
}
.ws-m-blockquote__content {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: calc(var(--ws-blockquote-icon-size) + 26px);
}
.ws-m-blockquote__content [slot]::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: var(--ws-blockquote-icon-size);
height: var(--ws-blockquote-icon-size);
pointer-events: none;
background-color: hsla(
var(--ws-surface-text-color),
var(--ws-surface-text-medium-emphasis-opacity)
);
-webkit-mask: var(--ws-blockquote-icon);
mask: var(--ws-blockquote-icon);
-webkit-mask-size: cover;
mask-size: cover;
}
.ws-m-blockquote__author {
display: flex;
align-items: center;
margin-top: 24px;
}
.ws-m-blockquote__author ws-media-container {
width: 50px;
flex-shrink: 0;
}
.ws-m-blockquote__cite {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 16px;
--ws-text-molecules-based-indent-type-1: 4px;
--ws-text-molecules-based-indent-type-2: 4px;
--ws-text-molecules-based-indent-type-3: 0px;
--ws-text-molecules-based-indent-type-4: 12px;
}
.ws-m-blockquote__cite .cite {
font-style: normal;
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-high-emphasis-opacity));
}
.ws-m-blockquote ws-text {
min-width: 50px;
}
[data-ws-hidden-children~="author_quote"] .ws-m-blockquote__content {
display: none;
}
[data-ws-hidden-children~="author_quote"] .ws-m-blockquote__author {
margin-top: 0;
}
[data-ws-hidden-children~="author_photo"][data-ws-hidden-children~="author_description"]
.ws-m-blockquote__author {
display: none;
}
[data-ws-hidden-children~="author_photo"] .ws-m-blockquote__cite {
margin-left: auto;
}
.ws-m-blockquote-with-icon blockquote {
position: relative;
}
.ws-m-blockquote-with-icon blockquote::before {
content: "";
display: block;
width: 24px;
height: 24px;
margin-bottom: 16px;
pointer-events: none;
background-color: hsla(
var(--ws-surface-blockquote-color),
var(--ws-surface-blockquote-color-opacity)
);
-webkit-mask: var(--ws-blockquote-icon);
mask: var(--ws-blockquote-icon);
-webkit-mask-size: cover;
mask-size: cover;
}
@media (min-width: 576px) {
.ws-m-blockquote-with-icon blockquote {
padding-left: 56px;
}
.ws-m-blockquote-with-icon blockquote::before {
position: absolute;
left: 0;
top: 0;
}
}
.ws-m-cta-with-aside-button {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
margin-top: -48px;
margin-left: -48px;
text-align: center;
}
.ws-m-cta-with-aside-button > * {
margin-top: 48px;
margin-left: 48px;
max-width: calc(100% - 48px);
display: inline-block;
vertical-align: middle;
}
.ws-m-service {
--ws-m-service-v-padding: 24px;
--ws-m-service-h-padding: 32px;
--ws-m-service-border: 0px;
}
@media (min-width: 992px) {
.ws-m-service {
--ws-m-service-v-padding: 28px;
--ws-m-service-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-service {
--ws-m-service-v-padding: 32px;
--ws-m-service-h-padding: 40px;
}
}
.ws-m-service article {
height: 100%;
}
ws-block[content-alignment~="center"] .ws-m-service {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
text-align: center;
}
ws-block[with-border] .ws-m-service {
--ws-m-service-border: 1px;
}
ws-block[with-border] .ws-m-service article {
box-shadow: inset 0 0 0 var(--ws-m-service-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-service article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-service article {
box-shadow:
inset 0 0 0 var(--ws-m-service-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-service article,
ws-block[with-border] .ws-m-service article,
.ws-m-service.ws-surface[data-surface="1"] article {
padding: var(--ws-m-service-v-padding) var(--ws-m-service-h-padding);
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
ws-block[with-shadow] .ws-m-service article > ws-media-container,
ws-block[with-border] .ws-m-service article > ws-media-container,
.ws-m-service.ws-surface[data-surface="1"] article > ws-media-container {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-max-width: none;
--margin-vertical: calc(var(--ws-m-service-border) - var(--ws-m-service-v-padding));
--margin-horizontal: calc(var(--ws-m-service-border) - var(--ws-m-service-h-padding));
margin: var(--margin-vertical) var(--margin-horizontal) 0;
}
ws-block[with-shadow] .ws-m-service article > ws-media-container:last-child,
ws-block[with-border] .ws-m-service article > ws-media-container:last-child,
.ws-m-service.ws-surface[data-surface="1"] article > ws-media-container:last-child {
margin-bottom: var(--margin-vertical);
}
ws-block[with-shadow] .ws-m-service article * + ws-text,
ws-block[with-border] .ws-m-service article * + ws-text,
.ws-m-service.ws-surface[data-surface="1"] article * + ws-text {
margin-top: var(--ws-m-service-v-padding);
}
ws-block[with-shadow]
[data-ws-hidden-children~="service_description"]
.ws-m-service
article
> ws-media-container,
ws-block[with-border]
[data-ws-hidden-children~="service_description"]
.ws-m-service
article
> ws-media-container,
[data-ws-hidden-children~="service_description"]
.ws-m-service.ws-surface[data-surface="1"]
article
> ws-media-container {
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
}
[data-ws-hidden-children~="service_image"][data-ws-hidden-children~="service_description"]
.ws-m-service {
display: none;
}
.ws-m-contact-form ws-contact-form-group + ws-contact-form-group {
margin-top: 16px;
}
.ws-m-contact-form * + button,
.ws-m-contact-form * + ws-button[type="submit"] {
margin-top: 24px;
}
* + .ws-m-contact-form {
margin-top: 32px;
}
ws-block[with-border] .ws-m-contact-form ws-contact-form-container {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-contact-form ws-contact-form-container {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-contact-form ws-contact-form-container {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-contact-form ws-contact-form-container,
ws-block[with-border] .ws-m-contact-form ws-contact-form-container,
.ws-surface[data-surface="1"] .ws-m-contact-form ws-contact-form-container {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
padding: var(--ws-form-indents);
}
.ws-m-rich-text {
display: grid;
grid-template-columns: 100%;
}
.ws-m-rich-text ws-text {
width: var(--ws-block-title-width-lg, 100%);
max-width: 100%;
justify-self: var(--ws-m-rich-text-content-alignment, left);
}
ws-block[content-alignment~="center"] .ws-m-rich-text {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-rich-text-content-alignment: center;
}
:root {
--ws-surface-padding: 24px 32px;
}
@media (min-width: 992px) {
:root {
--ws-surface-padding: 28px 36px;
}
}
@media (min-width: 1200px) {
:root {
--ws-surface-padding: 32px 40px;
}
}
[data-surface="0"].ws-surface {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity, 1)
);
}
[data-ws-surface] {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity, 1)
);
padding: var(--ws-surface-padding);
}
:root {
--ws-social-icons-size: 24px;
--ws-social-icons-gap: 16px;
}
ws-global[src*="/social-links/"] {
display: var(--ws-social-icons-display, block);
justify-content: var(--ws-social-icons-alignment, var(--ws-column-alignment, left));
}
ws-social-icons {
--ws-icon-size: var(--ws-social-icons-size);
--ws-icon-color: var(--ws-surface-social-icon-color);
--ws-icon-color-opacity: var(--ws-surface-social-icon-color-opacity);
--ws-icon-hover-color: var(--ws-surface-social-icon-hover-color);
--ws-icon-hover-color-opacity: var(--ws-surface-social-icon-hover-color-opacity);
display: var(--ws-social-icons-display, block);
}
ws-social-icons ul {
display: flex;
flex-wrap: wrap;
justify-content: var(--ws-social-icons-alignment, var(--ws-column-alignment, left));
gap: var(--ws-social-icons-gap);
list-style-type: none;
}
ws-social-icons a {
display: block;
}
ws-social-icons ws-icon svg {
padding: 5px;
}
ws-social-icons ws-icon[data-icon-id] svg {
padding: 2px;
}
ws-social-icons[data-alignment="left"] {
--ws-social-icons-alignment: left;
}
ws-social-icons[data-alignment="center"] {
--ws-social-icons-alignment: center;
}
ws-social-icons[data-alignment="right"] {
--ws-social-icons-alignment: right;
}
@media (max-width: 576px) {
ws-footer {
--ws-social-icons-size: 32px;
--ws-social-icons-gap: 24px;
}
}
ws-footer {
--ws-social-icons-display: flex;
}
.ws-m-team-member {
--ws-social-icons-alignment: center;
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-m-team-v-padding: 24px;
--ws-m-team-h-padding: 32px;
--ws-m-team-border: 0px;
--ws-m-team-text-align: center;
}
@media (min-width: 992px) {
.ws-m-team-member {
--ws-m-team-v-padding: 28px;
--ws-m-team-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-team-member {
--ws-m-team-v-padding: 32px;
--ws-m-team-h-padding: 40px;
}
}
.ws-m-team-member * + [slot="member-social-links"] {
margin-top: var(--ws-m-team-v-padding);
}
.ws-m-team-member ws-text {
text-align: var(--ws-m-team-text-align);
}
.ws-m-team-member article {
display: grid;
grid-template-columns: 100%;
align-items: start;
align-content: start;
height: 100%;
}
.ws-m-team-member article ws-social-icons {
justify-self: var(--ws-social-icons-alignment);
}
.ws-m-team-member article * + ws-social-icons {
margin-top: var(--ws-m-team-v-padding);
}
.ws-m-team-member article > ws-media-container {
--ws-media-container-initial-width: 100%;
}
ws-block[content-alignment~="left"] .ws-m-team-member article > ws-media-container {
--ws-media-container-margin-left: 0;
}
.ws-m-team-member [slot="member-social-links"] {
display: grid;
}
.ws-m-team-member [slot="member-social-links"] ws-social-icons {
justify-self: var(--ws-social-icons-alignment);
}
ws-block[content-alignment~="left"] .ws-m-team-member {
--ws-social-icons-alignment: left;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-team-text-align: left;
}
.ws-block-content .ws-m-team-member {
--ws-social-icons-alignment: left;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-team-text-align: left;
}
ws-block[with-border] .ws-m-team-member {
--ws-m-team-border: 1px;
}
ws-block[with-border] .ws-m-team-member article {
box-shadow: inset 0 0 0 var(--ws-m-team-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-team-member article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-team-member article {
box-shadow:
inset 0 0 0 var(--ws-m-team-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-team-member article,
ws-block[with-border] .ws-m-team-member article,
.ws-m-team-member.ws-surface[data-surface="1"] article {
padding: var(--ws-m-team-v-padding) var(--ws-m-team-h-padding);
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
ws-block[with-shadow] .ws-m-team-member article > ws-media-container:not([rounded-images]),
ws-block[with-border] .ws-m-team-member article > ws-media-container:not([rounded-images]),
.ws-m-team-member.ws-surface[data-surface="1"] article > ws-media-container:not([rounded-images]) {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-margin-left: 0;
--ws-media-container-margin-right: 0;
--ws-media-container-initial-width: calc(100% - 2 * var(--margin-horizontal));
--ws-media-container-min-width: calc(100% - 2 * var(--margin-horizontal));
--ws-media-container-max-width: none;
--margin-vertical: calc(var(--ws-m-team-border) - var(--ws-m-team-v-padding));
--margin-horizontal: calc(var(--ws-m-team-border) - var(--ws-m-team-h-padding));
margin: var(--margin-vertical) var(--margin-horizontal) 0;
}
ws-block[with-shadow]
.ws-m-team-member
article
> ws-media-container:not([rounded-images]):last-child,
ws-block[with-border]
.ws-m-team-member
article
> ws-media-container:not([rounded-images]):last-child,
.ws-m-team-member.ws-surface[data-surface="1"]
article
> ws-media-container:not([rounded-images]):last-child {
margin-bottom: var(--margin-vertical);
}
ws-block[with-shadow] .ws-m-team-member article * + ws-text,
ws-block[with-border] .ws-m-team-member article * + ws-text,
.ws-m-team-member.ws-surface[data-surface="1"] article * + ws-text {
margin-top: var(--ws-m-team-v-padding);
}
.ws-m-team-member [layout="2-columns"] ws-media-container {
--ws-media-container-initial-width: 170px;
}
@media (min-width: 992px) {
.ws-m-team-member [layout="2-columns"] {
--ws-social-icons-alignment: left;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-team-text-align: left;
}
.ws-m-team-member [layout="2-columns"] article {
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
grid-gap: 32px 28px;
}
.ws-m-team-member [layout="2-columns"] article > ws-media-container {
--ws-media-container-max-width: 240px;
--ws-media-container-margin-left: 0;
grid-row: 1/-1;
}
.ws-m-team-member [layout="2-columns"] article > ws-text,
.ws-m-team-member [layout="2-columns"] article > ws-social-icons {
margin-top: 0;
}
[data-ws-hidden-children~="member_photo"] .ws-m-team-member [layout="2-columns"] article {
grid-template-columns: 1fr;
}
}
ws-block[with-shadow]
[data-ws-hidden-children~="member_description"][data-ws-hidden-children~="member_social_links"]
.ws-m-team-member
article
> ws-media-container:not([rounded-images]),
ws-block[with-border]
[data-ws-hidden-children~="member_description"][data-ws-hidden-children~="member_social_links"]
.ws-m-team-member
article
> ws-media-container:not([rounded-images]),
[data-ws-hidden-children~="member_description"][data-ws-hidden-children~="member_social_links"]
.ws-m-team-member.ws-surface[data-surface="1"]
article
> ws-media-container:not([rounded-images]) {
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
}
[data-ws-hidden-children~="member_photo"][data-ws-hidden-children~="member_description"][data-ws-hidden-children~="member_social_links"]
.ws-m-team-member {
display: none;
}
.ws-m-table-with-buttons {
--ws-m-table-with-buttons-cell-padding: 8px 16px;
--ws-m-table-with-buttons-cell-max-width: 200px;
--ws-m-table-with-button-alignment: center;
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.ws-m-table-with-buttons table {
min-width: 930px;
width: 100%;
}
.ws-m-table-with-buttons table td,
.ws-m-table-with-buttons table th {
padding: var(--ws-m-table-with-buttons-cell-padding);
text-align: left;
vertical-align: middle;
}
.ws-m-table-with-buttons table td:nth-child(1) > *,
.ws-m-table-with-buttons table td:nth-child(3) > *,
.ws-m-table-with-buttons table th:nth-child(1) > *,
.ws-m-table-with-buttons table th:nth-child(3) > * {
width: max-content;
min-width: max(10px, 100%);
max-width: var(--ws-m-table-with-buttons-cell-max-width);
}
.ws-m-table-with-buttons table td:nth-child(2),
.ws-m-table-with-buttons table th:nth-child(2) {
width: 100%;
}
.ws-m-table-with-buttons table td:nth-child(3),
.ws-m-table-with-buttons table th:nth-child(3) {
--ws-text-indent-left-multiplier: 0;
--ws-text-indent-right-multiplier: 1;
text-align: right;
}
.ws-m-table-with-buttons table td:nth-child(4),
.ws-m-table-with-buttons table th:nth-child(4) {
text-align: right;
padding-left: 0;
padding-right: 0;
}
.ws-m-table-with-buttons table thead {
border-bottom: 1px solid
hsla(
var(--ws-surface-m-table-with-buttons-thead-border-color),
var(--ws-surface-m-table-with-buttons-thead-border-color-opacity)
);
}
.ws-m-table-with-buttons table tbody tr {
border-bottom: 1px solid
hsla(
var(--ws-surface-m-table-with-buttons-border-color),
var(--ws-surface-m-table-with-buttons-border-color-opacity)
);
}
.ws-m-table-with-buttons table tbody tr td ws-button > a {
justify-content: var(--ws-m-table-with-button-alignment);
}
.ws-m-table-with-buttons table ws-button {
display: inline-block;
max-width: 220px;
text-align: center;
overflow-wrap: break-word;
}
@media (min-width: 768px) {
.ws-m-table-with-buttons {
--ws-m-table-with-buttons-cell-padding: 10px 20px;
}
}
@media (min-width: 992px) {
.ws-m-table-with-buttons {
--ws-m-table-with-buttons-cell-padding: 14px 28px;
}
}
@media (min-width: 1200px) {
.ws-m-table-with-buttons {
--ws-m-table-with-buttons-cell-padding: 16px 32px;
--ws-m-table-with-buttons-cell-max-width: 220px;
}
}
ws-global[src*="/header-code/"]:has([data-current-button-preset="preset-16"])
+ *
.ws-m-table-with-buttons,
html[data-current-button-preset="preset-16"] .ws-m-table-with-buttons {
--ws-m-table-with-button-alignment: start;
}
.ws-m-pricing-with-icon {
--ws-icon-size: 56px;
--ws-icon-color: var(--ws-surface-feature-icon-color);
--ws-icon-color-opacity: var(--ws-surface-feature-icon-color-opacity);
--ws-markered-list: false;
--ws-m-pricing-v-padding: 24px;
--ws-m-pricing-h-padding: 32px;
--ws-m-pricing-package-button-horizontal-indent: calc(0px - var(--ws-m-pricing-h-padding));
--ws-m-pricing-package-button-bottom-indent: calc(0px - var(--ws-m-pricing-v-padding));
}
@media (min-width: 992px) {
.ws-m-pricing-with-icon {
--ws-m-pricing-v-padding: 28px;
--ws-m-pricing-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-pricing-with-icon {
--ws-m-pricing-v-padding: 32px;
--ws-m-pricing-h-padding: 40px;
}
}
.ws-m-pricing-with-icon article {
height: 100%;
}
.ws-m-pricing-with-icon ws-icon {
display: block;
margin-left: auto;
margin-right: auto;
}
.ws-m-pricing-with-icon ws-button {
display: inline-block;
}
.ws-m-pricing-with-icon ws-text > p {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-high-emphasis-opacity));
}
.ws-m-pricing-with-icon,
.ws-m-pricing-with-icon ws-text,
.ws-m-pricing-with-icon ul,
.ws-m-pricing-with-icon ol {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
text-align: center;
}
.ws-m-pricing-with-icon ws-icon + ws-text {
margin-top: 24px;
}
.ws-m-pricing-with-icon * + ws-button {
margin-top: 32px;
}
ws-block[with-border] .ws-m-pricing-with-icon article {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-pricing-with-icon article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-pricing-with-icon article {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-pricing-with-icon article,
ws-block[with-border] .ws-m-pricing-with-icon article,
.ws-m-pricing-with-icon.ws-surface[data-surface="1"] article {
display: flex;
flex-direction: column;
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
padding: var(--ws-m-pricing-v-padding) var(--ws-m-pricing-h-padding);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-base-border-radius);
border-bottom-right-radius: var(--ws-base-border-radius);
}
ws-block[with-shadow] .ws-m-pricing-with-icon article ws-button:first-child,
ws-block[with-border] .ws-m-pricing-with-icon article ws-button:first-child,
.ws-m-pricing-with-icon.ws-surface[data-surface="1"] article ws-button:first-child {
margin-top: calc(0px - var(--ws-m-pricing-v-padding));
}
ws-block[with-shadow] .ws-m-pricing-with-icon article ws-text,
ws-block[with-border] .ws-m-pricing-with-icon article ws-text,
.ws-m-pricing-with-icon.ws-surface[data-surface="1"] article ws-text {
flex-grow: 1;
}
ws-block[with-shadow] .ws-m-pricing-with-icon article ws-button,
ws-block[with-border] .ws-m-pricing-with-icon article ws-button,
.ws-m-pricing-with-icon.ws-surface[data-surface="1"] article ws-button {
margin-left: var(--ws-m-pricing-package-button-horizontal-indent);
margin-right: var(--ws-m-pricing-package-button-horizontal-indent);
margin-bottom: var(--ws-m-pricing-package-button-bottom-indent);
}
ws-block[with-shadow] .ws-m-pricing-with-icon article ws-button > a,
ws-block[with-border] .ws-m-pricing-with-icon article ws-button > a,
.ws-m-pricing-with-icon.ws-surface[data-surface="1"] article ws-button > a {
width: 100%;
}
ws-block[with-shadow] .ws-m-pricing-with-icon article * + ws-button > a,
ws-block[with-border] .ws-m-pricing-with-icon article * + ws-button > a,
.ws-m-pricing-with-icon.ws-surface[data-surface="1"] article * + ws-button > a {
border-radius: var(--ws-base-border-radius);
border-top-left-radius: var(--ws-button-border-radius-small);
border-top-right-radius: var(--ws-button-border-radius-small);
}
[data-ws-hidden-children~="package_icon"][data-ws-hidden-children~="package_description"][data-ws-hidden-children~="package_button"]
.ws-m-pricing-with-icon {
display: none;
}
ws-global[src*="/header-code/"]:has([data-current-button-preset="preset-16"])
+ *
.ws-m-pricing-with-icon,
html[data-current-button-preset="preset-16"] .ws-m-pricing-with-icon {
--ws-m-pricing-package-button-horizontal-indent: auto;
--ws-m-pricing-package-button-bottom-indent: 0px;
}
.ws-m-pricing-table {
--ws-m-pricing-table-indent-sm: 4px;
--ws-m-pricing-table-indent-md: 12px;
--ws-m-pricing-table-indent-lg: 16px;
text-align: left;
}
@media (min-width: 576px) {
.ws-m-pricing-table {
--ws-m-pricing-table-indent-sm: 8px;
--ws-m-pricing-table-indent-md: 16px;
--ws-m-pricing-table-indent-lg: 20px;
}
}
@media (min-width: 768px) {
.ws-m-pricing-table {
--ws-m-pricing-table-indent-lg: 24px;
}
}
.ws-m-pricing-table table {
width: 100%;
}
.ws-m-pricing-table td {
padding-top: var(--ws-m-pricing-table-indent-sm);
padding-bottom: var(--ws-m-pricing-table-indent-sm);
}
.ws-m-pricing-table td:first-child {
width: 60%;
padding-right: var(--ws-m-pricing-table-indent-lg);
}
.ws-m-pricing-table td:last-child {
--ws-text-indent-left-multiplier: 0;
--ws-text-indent-right-multiplier: 1;
text-align: right;
}
.ws-m-pricing-table th {
position: relative;
padding-bottom: calc(var(--ws-m-pricing-table-indent-md) + var(--ws-m-pricing-table-indent-lg));
}
.ws-m-pricing-table th::after {
content: "";
position: absolute;
bottom: var(--ws-m-pricing-table-indent-lg);
width: 100%;
height: 1px;
background-color: hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
.ws-m-pricing-table ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
.ws-m-pricing-table ws-columns > [class*="col"] {
margin-top: 48px;
}
.ws-m-tags {
display: grid;
}
.ws-m-tags ws-tags {
justify-self: var(--ws-tags-alignment);
}
* + .ws-m-tags {
margin-top: 28px;
}
ws-tags {
--ws-tags-border-radius: 6px;
--ws-tags-gap: 4px;
--ws-tags-alignment: left;
}
ws-tags > ul {
margin: calc(var(--ws-tags-gap) * -1);
text-align: var(--ws-tags-alignment);
list-style-type: none;
font-size: 0;
}
ws-tags > ul li {
display: inline-block;
margin: var(--ws-tags-gap);
padding: 2px 12px;
border-radius: var(--ws-tags-border-radius);
background-color: hsla(
var(--ws-surface-tag-background-color),
var(--ws-surface-tag-background-color-opacity)
);
color: hsla(var(--ws-surface-tag-color), var(--ws-surface-tag-color-opacity));
font-family: var(--ws-heading-5-font-family);
font-style: var(--ws-heading-5-font-style);
font-weight: var(--ws-heading-5-font-weight);
text-shadow: var(--ws-heading-5-font-weight-emulation);
font-size: calc(var(--ws-heading-5-font-size) * 1px);
line-height: var(--ws-heading-5-line-height);
text-transform: var(--ws-heading-5-text-transform);
letter-spacing: var(--ws-heading-5-letter-spacing);
text-decoration: var(--ws-heading-5-text-decoration);
}
ws-tags > ul li a {
text-decoration: none;
}
ws-tags[data-alignment="left"] {
--ws-tags-alignment: left;
}
ws-tags[data-alignment="center"] {
--ws-tags-alignment: center;
}
ws-tags[data-alignment="right"] {
--ws-tags-alignment: right;
}
[data-ws-hidden-children~="block_tags"] .ws-m-tags {
display: none;
}
.ws-m-counters {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
text-align: center;
}
.ws-m-counters ws-counter + ws-text {
margin-top: 16px;
}
.ws-m-feature {
--ws-icon-size: 56px;
--ws-icon-color: var(--ws-surface-feature-icon-color);
--ws-icon-color-opacity: var(--ws-surface-feature-icon-color-opacity);
--ws-icon-alignment: start;
--ws-m-feature-row-gap: 24px;
--ws-m-feature-column-gap: 32px;
--ws-m-feature-direction: column;
--ws-m-feature-text-align: left;
--ws-m-feature-v-padding: 24px;
--ws-m-feature-h-padding: 32px;
--ws-m-feature-columns: 100%;
--ws-m-feature-columns-gap: 24px;
}
@media (min-width: 992px) {
.ws-m-feature {
--ws-m-feature-v-padding: 28px;
--ws-m-feature-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-feature {
--ws-m-feature-v-padding: 32px;
--ws-m-feature-h-padding: 40px;
}
}
.ws-m-feature article,
.ws-m-feature > ul > li {
display: flex;
flex-direction: var(--ws-m-feature-direction);
row-gap: var(--ws-m-feature-row-gap);
column-gap: var(--ws-m-feature-column-gap);
height: 100%;
text-align: var(--ws-m-feature-text-align);
}
.ws-m-feature article ws-icon,
.ws-m-feature > ul > li ws-icon {
flex-shrink: 0;
align-self: var(--ws-icon-alignment);
}
.ws-m-feature article ws-text,
.ws-m-feature > ul > li ws-text {
flex-grow: 1;
}
ws-block[with-border] .ws-m-feature article,
ws-block[with-border] .ws-m-feature > ul > li {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-feature article,
ws-block[with-shadow] .ws-m-feature > ul > li {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-feature article,
ws-block[with-shadow][with-border] .ws-m-feature > ul > li {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
.ws-m-feature > ul {
display: grid;
grid-template-columns: var(--ws-m-feature-columns);
gap: var(--ws-m-feature-columns-gap);
}
ws-block[with-shadow] .ws-m-feature article,
ws-block[with-shadow] .ws-m-feature > ul > li,
ws-block[with-border] .ws-m-feature article,
ws-block[with-border] .ws-m-feature > ul > li,
.ws-m-feature.ws-surface[data-surface="1"] article,
.ws-m-feature.ws-surface[data-surface="1"] > ul > li {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
padding: var(--ws-m-feature-v-padding) var(--ws-m-feature-h-padding);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
ws-block[content-alignment~="left"] .ws-m-feature {
--ws-icon-alignment: start;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-feature-text-align: left;
}
ws-block[content-alignment~="center"] .ws-m-feature {
--ws-icon-alignment: center;
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-m-feature-text-align: center;
}
.ws-m-feature--direction-vertical,
ws-block[feature-direction="vertical"] .ws-m-feature {
--ws-m-feature-direction: column;
}
.ws-m-feature--direction-horizontal,
ws-block[feature-direction="horizontal"] .ws-m-feature {
--ws-icon-alignment: start;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-feature-direction: row;
--ws-m-feature-text-align: left;
}
.ws-m-feature--direction-horizontal:has(ws-icon),
ws-block[feature-direction="horizontal"] .ws-m-feature:has(ws-icon) {
--ws-m-feature-h-padding: var(--ws-m-feature-v-padding);
}
@media (min-width: 992px) {
.ws-m-feature--direction-lg-horizontal {
--ws-icon-alignment: start;
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-feature-direction: row;
--ws-m-feature-text-align: left;
}
.ws-m-feature--direction-lg-horizontal:has(ws-icon) {
--ws-m-feature-h-padding: var(--ws-m-feature-v-padding);
}
}
.ws-m-feature--size-medium {
--ws-icon-size: 48px;
--ws-m-feature-column-gap: 24px;
}
[data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-feature {
display: none;
}
.ws-m-feature-with-counter {
--ws-m-feature-with-counter-v-padding: 24px;
--ws-m-feature-with-counter-h-padding: 32px;
}
@media (min-width: 992px) {
.ws-m-feature-with-counter {
--ws-m-feature-with-counter-v-padding: 28px;
--ws-m-feature-with-counter-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-feature-with-counter {
--ws-m-feature-with-counter-v-padding: 32px;
--ws-m-feature-with-counter-h-padding: 40px;
}
}
.ws-m-feature-with-counter ws-columns {
counter-reset: column;
}
.ws-m-feature-with-counter ws-column {
counter-increment: column;
}
.ws-m-feature-with-counter article {
height: 100%;
}
.ws-m-feature-with-counter article:before {
content: counter(column, decimal-leading-zero) ".";
display: block;
font-family: var(--ws-heading-1-font-family);
font-style: var(--ws-heading-1-font-style);
font-weight: var(--ws-heading-1-font-weight-bold);
text-shadow: var(--ws-heading-1-font-weight-bold-text-shadow);
font-size: calc(var(--ws-heading-1-font-size) * 1px);
line-height: var(--ws-heading-1-line-height);
text-transform: var(--ws-heading-1-text-transform);
letter-spacing: var(--ws-heading-1-letter-spacing);
text-decoration: var(--ws-heading-1-text-decoration);
color: hsla(var(--ws-surface-counter-text-color), var(--ws-surface-counter-text-opacity));
margin-bottom: 16px;
}
ws-block[with-border] .ws-m-feature-with-counter article {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-feature-with-counter article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-feature-with-counter article {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-feature-with-counter article,
ws-block[with-border] .ws-m-feature-with-counter article,
.ws-m-feature-with-counter.ws-surface[data-surface="1"] article {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
padding: var(--ws-m-feature-with-counter-v-padding) var(--ws-m-feature-with-counter-h-padding);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
[data-ws-hidden-children~="feature_description"] .ws-m-feature-with-counter {
display: none;
}
:root {
--ws-m-business-info-gap: 16px;
}
.ws-m-business-info {
display: flex;
flex-direction: column;
align-items: flex-start;
word-break: break-word;
}
* + .ws-m-business-info {
margin-top: 32px;
}
.ws-m-business-info > * + * {
margin-top: var(--ws-m-business-info-gap);
}
.ws-m-business-info > * + [slot="business-social-profiles"] {
margin-top: 28px;
}
.ws-m-business-info p {
color: hsla(var(--ws-surface-paragraph-color), var(--ws-surface-text-high-emphasis-opacity));
}
.ws-m-business-info--with-icon [slot="business-address"],
.ws-m-business-info--with-icon [slot="business-phone"],
.ws-m-business-info--with-icon [slot="business-email"],
.ws-m-business-info--with-icon [slot="business-hours"] {
position: relative;
padding-left: 40px;
}
.ws-m-business-info--with-icon [slot="business-address"]::before,
.ws-m-business-info--with-icon [slot="business-phone"]::before,
.ws-m-business-info--with-icon [slot="business-email"]::before,
.ws-m-business-info--with-icon [slot="business-hours"]::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 24px;
height: 24px;
background: hsla(
var(--ws-surface-contact-icon-color),
var(--ws-surface-contact-icon-color-opacity)
);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50%;
mask-position: 50%;
}
.ws-m-business-info--with-icon [slot="business-address"]::before {
--ws-business-address-icon: url('data:image/svg+xml;utf8,');
-webkit-mask-image: var(--ws-business-address-icon);
mask-image: var(--ws-business-address-icon);
}
.ws-m-business-info--with-icon [slot="business-phone"]::before {
--ws-business-phone-icon: url('data:image/svg+xml;utf8,');
-webkit-mask-image: var(--ws-business-phone-icon);
mask-image: var(--ws-business-phone-icon);
}
.ws-m-business-info--with-icon [slot="business-email"]::before {
--ws-business-email-icon: url('data:image/svg+xml;utf8,');
-webkit-mask-image: var(--ws-business-email-icon);
mask-image: var(--ws-business-email-icon);
}
.ws-m-business-info--with-icon [slot="business-hours"]::before {
--ws-business-hours-icon: url('data:image/svg+xml;utf8,');
-webkit-mask-image: var(--ws-business-hours-icon);
mask-image: var(--ws-business-hours-icon);
}
.ws-m-article {
--ws-m-article-v-padding: 24px;
--ws-m-article-h-padding: 32px;
--ws-m-article-border: 0px;
}
@media (min-width: 992px) {
.ws-m-article {
--ws-m-article-v-padding: 28px;
--ws-m-article-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-article {
--ws-m-article-v-padding: 32px;
--ws-m-article-h-padding: 40px;
}
}
.ws-m-article article {
height: 100%;
}
ws-block[with-border] .ws-m-article {
--ws-m-article-border: 1px;
}
ws-block[with-border] .ws-m-article article {
box-shadow: inset 0 0 0 var(--ws-m-article-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-article article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-article article {
box-shadow:
inset 0 0 0 var(--ws-m-article-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-article article,
ws-block[with-border] .ws-m-article article,
.ws-m-article.ws-surface[data-surface="1"] article {
padding: var(--ws-m-article-v-padding) var(--ws-m-article-h-padding);
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
ws-block[with-shadow] .ws-m-article article > ws-media-container,
ws-block[with-border] .ws-m-article article > ws-media-container,
.ws-m-article.ws-surface[data-surface="1"] article > ws-media-container {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-max-width: none;
--margin-vertical: calc(var(--ws-m-article-border) - var(--ws-m-article-v-padding));
--margin-horizontal: calc(var(--ws-m-article-border) - var(--ws-m-article-h-padding));
margin: var(--margin-vertical) var(--margin-horizontal) 0;
}
ws-block[with-shadow] .ws-m-article article > ws-media-container:last-child,
ws-block[with-border] .ws-m-article article > ws-media-container:last-child,
.ws-m-article.ws-surface[data-surface="1"] article > ws-media-container:last-child {
margin-bottom: var(--margin-vertical);
}
ws-block[with-shadow] .ws-m-article article * + ws-text,
ws-block[with-border] .ws-m-article article * + ws-text,
.ws-m-article.ws-surface[data-surface="1"] article * + ws-text {
margin-top: var(--ws-m-article-v-padding);
}
ws-block[with-shadow]
[data-ws-hidden-children~="article_description"]
.ws-m-article
article
> ws-media-container,
ws-block[with-border]
[data-ws-hidden-children~="article_description"]
.ws-m-article
article
> ws-media-container,
[data-ws-hidden-children~="article_description"]
.ws-m-article.ws-surface[data-surface="1"]
article
> ws-media-container {
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
}
[data-ws-hidden-children~="article_image"][data-ws-hidden-children~="article_description"]
.ws-m-article {
display: none;
}
:root {
--ws-m-logo-wrapper-max-width: 100%;
--ws-m-logo-wrapper-gap: 12px;
--ws-m-site-name-min-width: 50px;
}
@media (min-width: 1200px) {
:root {
--ws-m-logo-wrapper-max-width: calc(var(--ws-container-width) / 2.5);
}
}
.ws-m-logo-wrapper {
display: var(--ws-m-logo-wrapper-display, flex);
gap: var(--ws-m-logo-wrapper-gap);
max-width: var(--ws-m-logo-wrapper-max-width);
padding: 3px;
text-align: left;
text-decoration: none;
}
.ws-m-logo-wrapper [slot="business-logo"] {
align-self: flex-start;
}
.ws-m-logo-wrapper [slot="site-name"] {
align-self: center;
min-width: var(--ws-m-site-name-min-width);
word-break: break-word;
}
[data-ws-slots]:not([data-ws-slots~="business-logo"]):not([data-ws-slots~="site-name"])
.ws-m-logo-wrapper {
display: none;
}
[data-ws-hidden-children][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"]
.ws-m-logo-wrapper,
[data-ws-hidden-children][data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
.ws-m-logo-wrapper {
display: none;
}
[slot="business-logo"] {
display: flex;
align-items: center;
justify-items: center;
}
[slot="business-logo"]:before {
content: "";
display: inline-block;
min-height: var(--ws-site-name-line-height);
font-size: var(--ws-site-name-font-size);
vertical-align: middle;
}
[slot="business-logo"] img {
flex-shrink: 0;
max-width: 150px;
max-height: 150px;
min-width: 14px;
object-fit: contain;
}
[slot="business-logo"] img[style*="width: auto"] {
min-height: 32px;
}
ws-header[is-stuck] [slot="business-logo"] img {
max-height: 88px;
}
@media (min-width: 768px) {
[slot="business-logo"] img {
max-width: 180px;
max-height: 180px;
}
}
@media (min-width: 992px) {
[slot="business-logo"] img {
max-width: 230px;
max-height: 230px;
}
}
@media (min-width: 1200px) {
[slot="business-logo"] img {
max-width: 250px;
max-height: 250px;
}
}
.ws-m-product-with-media {
--ws-m-product-v-padding: 24px;
--ws-m-product-h-padding: 32px;
--ws-m-product-border: 0px;
}
@media (min-width: 992px) {
.ws-m-product-with-media {
--ws-m-product-v-padding: 28px;
--ws-m-product-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-product-with-media {
--ws-m-product-v-padding: 32px;
--ws-m-product-h-padding: 40px;
}
}
.ws-m-product-with-media article {
height: 100%;
}
ws-block[content-alignment~="center"] .ws-m-product-with-media {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
text-align: center;
}
ws-block[with-border] .ws-m-product-with-media {
--ws-m-product-border: 1px;
}
ws-block[with-border] .ws-m-product-with-media article {
box-shadow: inset 0 0 0 var(--ws-m-product-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-product-with-media article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-product-with-media article {
box-shadow:
inset 0 0 0 var(--ws-m-product-border)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-product-with-media article,
ws-block[with-border] .ws-m-product-with-media article,
.ws-m-product-with-media.ws-surface[data-surface="1"] article {
padding: var(--ws-m-product-v-padding) var(--ws-m-product-h-padding);
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
ws-block[with-shadow] .ws-m-product-with-media article > ws-media-container,
ws-block[with-border] .ws-m-product-with-media article > ws-media-container,
.ws-m-product-with-media.ws-surface[data-surface="1"] article > ws-media-container {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-max-width: none;
--margin-vertical: calc(var(--ws-m-product-border) - var(--ws-m-product-v-padding));
--margin-horizontal: calc(var(--ws-m-product-border) - var(--ws-m-product-h-padding));
margin: var(--margin-vertical) var(--margin-horizontal) 0;
}
ws-block[with-shadow] .ws-m-product-with-media article > ws-media-container:last-child,
ws-block[with-border] .ws-m-product-with-media article > ws-media-container:last-child,
.ws-m-product-with-media.ws-surface[data-surface="1"] article > ws-media-container:last-child {
margin-bottom: var(--margin-vertical);
}
ws-block[with-shadow] .ws-m-product-with-media article * + ws-text,
ws-block[with-border] .ws-m-product-with-media article * + ws-text,
.ws-m-product-with-media.ws-surface[data-surface="1"] article * + ws-text {
margin-top: var(--ws-m-product-v-padding);
}
@media (min-width: 992px) {
.ws-m-product-with-media [layout="2-columns"] {
justify-content: flex-start;
}
.ws-m-product-with-media [layout="2-columns"] article {
display: flex;
justify-content: center;
}
.ws-m-product-with-media [layout="2-columns"] article > ws-media-container {
width: 170px;
flex-shrink: 0;
}
.ws-m-product-with-media [layout="2-columns"] article > ws-text {
flex-grow: 1;
align-self: flex-start;
margin-top: 0;
margin-left: 32px;
}
}
ws-block[with-shadow]
[data-ws-hidden-children~="product_image"][data-ws-hidden-children~="product_description"]
.ws-m-product-with-media
article
> ws-media-container,
ws-block[with-border]
[data-ws-hidden-children~="product_image"][data-ws-hidden-children~="product_description"]
.ws-m-product-with-media
article
> ws-media-container,
[data-ws-hidden-children~="product_image"][data-ws-hidden-children~="product_description"]
.ws-m-product-with-media.ws-surface[data-surface="1"]
article
> ws-media-container {
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
}
[data-ws-hidden-children~="product_image"][data-ws-hidden-children~="product_description"]
.ws-m-product-with-media {
display: none;
}
.ws-m-phone {
--ws-m-phone-font-family: var(--ws-primary-font-family);
--ws-m-phone-font-size: 24px;
--ws-m-phone-line-height: 1.67em;
--ws-m-phone-font-weight: 500;
--ws-m-phone-font-style: normal;
--ws-m-phone-text-transform: none;
--ws-m-phone-letter-spacing: normal;
--ws-m-phone-text-decoration: none;
}
.ws-m-phone [slot="business-phone"] > p {
font-family: var(--ws-m-phone-font-family);
font-style: var(--ws-m-phone-font-style);
font-weight: var(--ws-m-phone-font-weight);
text-shadow: var(--ws-m-phone-font-weight-emulation);
font-size: var(--ws-m-phone-font-size);
line-height: var(--ws-m-phone-line-height);
text-transform: var(--ws-m-phone-text-transform);
letter-spacing: var(--ws-m-phone-letter-spacing);
text-decoration: var(--ws-m-phone-text-decoration);
color: hsla(var(--ws-surface-m-phone-color), var(--ws-surface-text-high-emphasis-opacity));
}
[data-ws-slots]:not([data-ws-slots*="business-phone"]) .ws-m-phone {
display: none;
}
.ws-m-split-layout {
--grid-template-columns: var(--ws-col-12-width);
--grid-template-areas: none;
display: grid;
grid-template-columns: var(--grid-template-columns);
grid-template-areas: var(--grid-template-areas);
row-gap: 48px;
justify-content: center;
}
.ws-m-split-layout__media > ws-media-container,
.ws-m-split-layout__media .ws-m-overlaying-media > ws-media-container,
.ws-m-split-layout__media .ws-map-split-layout-container > ws-media-container,
.ws-m-split-layout__media ws-slider ws-media-container,
.ws-m-split-layout__media ws-composite-group {
display: grid;
grid-template-columns: 100%;
max-width: 100%;
}
[data-ws-hidden-children~="block_media"] .ws-m-split-layout__media {
display: none;
}
@media (min-width: 576px) {
.ws-m-split-layout {
--grid-template-columns: var(--ws-col-10-width);
}
}
@media (min-width: 992px) {
.ws-m-split-layout {
--col-media-width: var(--ws-col-6-width);
--col-content-width: calc(var(--ws-col-12-width) - var(--col-media-width));
--col-media-shift: 0px;
--col-content-additional-shift: 20px;
--col-content-shift: calc(var(--ws-columns-column-gap) + var(--col-content-additional-shift));
}
.ws-m-split-layout__content {
grid-area: content;
align-self: var(--ws-content-vertical-alignment, center);
}
.ws-m-split-layout__content [slot] {
position: relative;
z-index: 1;
}
.ws-m-split-layout__media {
grid-area: media;
}
.ws-m-split-layout .ws-m-block-title-570 {
--ws-block-title-width: calc(var(--col-content-width) - var(--col-content-shift));
}
[content-direction="normal"] .ws-m-split-layout {
--grid-template-areas: ". content media media";
--grid-template-columns: 1fr var(--col-content-width) var(--col-media-width) 1fr;
}
[content-direction="normal"] .ws-m-split-layout__content {
margin-right: var(--col-content-shift);
}
[content-direction="normal"] .ws-m-split-layout__media {
margin-left: var(--col-media-shift);
}
[content-direction="normal"] .ws-m-split-layout__media > ws-media-container,
[content-direction="normal"]
.ws-m-split-layout__media
.ws-m-overlaying-media
> ws-media-container,
[content-direction="normal"]
.ws-m-split-layout__media
.ws-map-split-layout-container
> ws-media-container,
[content-direction="normal"] .ws-m-split-layout__media ws-slider ws-media-container {
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-bottom-right-radius: 0px;
}
[content-direction="reverse"] .ws-m-split-layout {
--grid-template-areas: "media media content .";
--grid-template-columns: 1fr var(--col-media-width) var(--col-content-width) 1fr;
}
[content-direction="reverse"] .ws-m-split-layout__content {
margin-left: var(--col-content-shift);
}
[content-direction="reverse"] .ws-m-split-layout__media {
margin-right: var(--col-media-shift);
}
[content-direction="reverse"] .ws-m-split-layout__media > ws-media-container,
[content-direction="reverse"]
.ws-m-split-layout__media
.ws-m-overlaying-media
> ws-media-container,
[content-direction="reverse"]
.ws-m-split-layout__media
.ws-map-split-layout-container
> ws-media-container,
[content-direction="reverse"] .ws-m-split-layout__media ws-slider ws-media-container {
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
}
[content-direction="reverse"] .ws-m-split-layout .ws-block-content {
--ws-content-horizontal-alignment: end;
}
[content-direction="reverse"] .ws-m-split-layout .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
[fullscreen] .ws-m-split-layout {
--col-media-shift: calc(var(--ws-columns-column-gap-half) * -1);
min-height: var(--ws-viewport-height);
}
[fullscreen] .ws-m-split-layout__media > ws-media-container,
[fullscreen] .ws-m-split-layout__media .ws-m-overlaying-media > ws-media-container,
[fullscreen] .ws-m-split-layout__media .ws-map-split-layout-container > ws-media-container,
[fullscreen] .ws-m-split-layout__media ws-slider ws-media-container,
[fullscreen] .ws-m-split-layout__media ws-composite-group {
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-border-bottom-right-radius: 0px;
min-height: 100%;
max-height: var(--ws-viewport-height);
}
[white-space-top][fullscreen] .ws-m-split-layout__content {
padding-top: calc(
var(--ws-block-padding-top) + var(--ws-m-split-layout-fullscreen-extra-padding-top, 0px)
);
}
[white-space-bottom][fullscreen] .ws-m-split-layout__content {
padding-bottom: var(--ws-block-padding-bottom);
}
[media-column-width="3"] .ws-m-split-layout {
--col-media-width: var(--ws-col-3-width);
}
[media-column-width="4"] .ws-m-split-layout {
--col-media-width: var(--ws-col-4-width);
}
[media-column-width="5"] .ws-m-split-layout {
--col-media-width: var(--ws-col-5-width);
}
[media-column-width="6"] .ws-m-split-layout {
--col-media-width: var(--ws-col-6-width);
}
[media-column-width="7"] .ws-m-split-layout {
--col-media-width: var(--ws-col-7-width);
}
[media-column-width="7"]
.ws-m-split-layout:has(img):not(:has(ws-accordion)):not(:has(ws-slider)):not(
:has(.ws-m-overlaying-media)
) {
--col-content-shift: calc((var(--ws-col-1-width) - var(--col-content-additional-shift)) * -1);
}
[media-column-width="8"] .ws-m-split-layout {
--col-media-width: var(--ws-col-8-width);
}
[media-column-width="8"]
.ws-m-split-layout:has(img):not(:has(ws-accordion)):not(:has(ws-slider)):not(
:has(.ws-m-overlaying-media)
) {
--col-content-shift: calc((var(--ws-col-2-width) - var(--col-content-additional-shift)) * -1);
}
[data-ws-hidden-children~="block_media"] .ws-m-split-layout {
--col-media-width: var(--ws-col-6-width);
}
}
@media (min-width: 1200px) {
.ws-m-split-layout {
--col-content-additional-shift: 40px;
}
}
@media (min-width: 1200px) {
ws-block[fullscreen][src*="/cover-with-features-and-side-media/"][white-space-top] .ws-section,
ws-block[fullscreen][src*="/about-splitscreen-with-media/"][white-space-top] .ws-section,
ws-block[fullscreen][src*="/about-splitscreen-with-overlaying-media/"][white-space-top]
.ws-section,
ws-block[fullscreen][src*="/contact-form-splitscreen-with-iframe/"][white-space-top] .ws-section,
ws-block[fullscreen][src*="/contact-form-and-contacts-splitscreen-with-iframe/"][white-space-top]
.ws-section,
ws-block[fullscreen][src*="/cover-with-side-media/"][white-space-top] .ws-section,
ws-block[fullscreen][src*="/contacts-splitscreen-with-iframe/"][white-space-top] .ws-section,
ws-block[fullscreen][src*="/services-with-accordion-and-side-media/"][white-space-top]
.ws-section,
ws-block[fullscreen][src*="/cover-splitscreen-with-slider/"][white-space-top] .ws-section {
padding-top: 0;
}
ws-block[fullscreen][src*="/cover-with-features-and-side-media/"][white-space-bottom] .ws-section,
ws-block[fullscreen][src*="/about-splitscreen-with-media/"][white-space-bottom] .ws-section,
ws-block[fullscreen][src*="/about-splitscreen-with-overlaying-media/"][white-space-bottom]
.ws-section,
ws-block[fullscreen][src*="/contact-form-splitscreen-with-iframe/"][white-space-bottom]
.ws-section,
ws-block[fullscreen][src*="/contact-form-and-contacts-splitscreen-with-iframe/"][white-space-bottom]
.ws-section,
ws-block[fullscreen][src*="/cover-with-side-media/"][white-space-bottom] .ws-section,
ws-block[fullscreen][src*="/contacts-splitscreen-with-iframe/"][white-space-bottom] .ws-section,
ws-block[fullscreen][src*="/services-with-accordion-and-side-media/"][white-space-bottom]
.ws-section,
ws-block[fullscreen][src*="/cover-splitscreen-with-slider/"][white-space-bottom] .ws-section {
padding-bottom: 0;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
.ws-m-testimonial {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
--ws-m-testimonial-alignment: center;
--ws-m-testimonial-quote-size: clamp(30px, 30%, 130px);
--ws-m-testimonial-quote-icon: url('data:image/svg+xml; utf8, ');
--ws-m-testimonial-quote-position: 0px;
--ws-m-testimonial-padding: 24px;
--ws-m-testimonial-border-width: 1px;
}
.ws-m-testimonial article {
display: grid;
grid-template-columns: 100%;
text-align: var(--ws-m-testimonial-alignment);
}
ws-block[with-border] .ws-m-testimonial article {
box-shadow: inset 0 0 0 var(--ws-m-testimonial-border-width)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-testimonial article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-testimonial article {
box-shadow:
inset 0 0 0 var(--ws-m-testimonial-border-width)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
.ws-m-testimonial h5 {
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
ws-block[with-shadow] .ws-m-testimonial article,
ws-block[with-border] .ws-m-testimonial article,
.ws-m-testimonial.ws-surface[data-surface="1"] article {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
padding: var(--ws-m-testimonial-padding);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
.ws-m-testimonial ws-media-container {
--ws-media-container-initial-width: 160px;
--ws-media-container-min-width: 64px;
justify-self: var(--ws-m-testimonial-alignment);
margin: initial;
container-type: inline-size;
}
.ws-m-testimonial ws-media-container::before,
.ws-m-testimonial ws-media-container::after {
content: "";
position: absolute;
right: var(--ws-m-testimonial-quote-position);
bottom: var(--ws-m-testimonial-quote-position);
width: var(--ws-m-testimonial-quote-size);
aspect-ratio: 1;
}
.ws-m-testimonial ws-media-container::before {
z-index: 1;
background-color: hsla(
var(--ws-surface-quote-icon-color),
var(--ws-surface-quote-icon-color-opacity)
);
-webkit-mask: var(--ws-m-testimonial-quote-icon);
mask: var(--ws-m-testimonial-quote-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 30%;
mask-size: 30%;
}
.ws-m-testimonial ws-media-container::after {
border-radius: 50%;
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
.ws-m-testimonial ws-media-container:not([rounded-images])::before,
.ws-m-testimonial ws-media-container:not([rounded-images])::after {
--shift: clamp(0px, 50%, 30px);
transform: translate(var(--shift), var(--shift));
}
@container (min-width: 450px) {
.ws-m-testimonial ws-media-container[rounded-images]::before,
.ws-m-testimonial ws-media-container[rounded-images]::after {
--ws-m-testimonial-quote-position: 6%;
}
}
.ws-m-testimonial ws-media-container[data-alignment="left"] {
--ws-m-testimonial-alignment: left;
--ws-media-container-margin-left: 0;
}
.ws-m-testimonial ws-media-container[data-alignment="center"] {
--ws-m-testimonial-alignment: center;
}
.ws-m-testimonial ws-media-container[data-alignment="right"] {
--ws-m-testimonial-alignment: right;
--ws-media-container-margin-right: 0;
}
ws-block[content-alignment~="left"] .ws-m-testimonial ws-media-container {
--ws-media-container-margin-left: 0;
}
ws-block[content-alignment~="left"] .ws-m-testimonial ws-media-container[data-alignment="right"],
ws-block[content-alignment~="left"] .ws-m-testimonial ws-media-container[data-alignment="center"] {
--ws-media-container-margin-left: auto;
}
ws-block[content-alignment~="left"] .ws-m-testimonial {
--ws-text-indent-left-multiplier: 1;
--ws-text-indent-right-multiplier: 0;
--ws-m-testimonial-alignment: left;
}
@media (min-width: 992px) {
.ws-m-testimonial {
--ws-m-testimonial-padding: 28px;
}
.ws-m-testimonial [layout="2-columns"] {
justify-content: flex-start;
}
.ws-m-testimonial [layout="2-columns"] article {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
display: flex;
justify-content: center;
align-items: center;
text-align: left;
}
.ws-m-testimonial [layout="2-columns"] ws-media-container {
--ws-media-container-max-width: 240px;
--ws-media-container-margin-left: 0;
flex-shrink: 0;
}
.ws-m-testimonial [layout="2-columns"] ws-text {
flex-grow: 1;
}
.ws-m-testimonial [layout="2-columns"] * + ws-text {
margin-top: 0;
margin-left: 40px;
}
}
@media (min-width: 1200px) {
.ws-m-testimonial {
--ws-m-testimonial-padding: 32px;
}
}
[data-ws-hidden-children~="author_photo"] .ws-m-testimonial ws-text::before {
content: "";
display: inline-block;
width: var(--ws-m-testimonial-quote-width);
height: var(--ws-m-testimonial-quote-height);
margin-bottom: 20px;
background-color: hsla(
var(--ws-surface-text-color),
var(--ws-surface-text-medium-emphasis-opacity)
);
-webkit-mask: var(--ws-m-testimonial-quote-icon);
mask: var(--ws-m-testimonial-quote-icon);
}
[data-ws-hidden-children~="author_photo"][data-ws-hidden-children~="author_description"]
.ws-m-testimonial {
display: none;
}
ws-header:not([mode="static"]):not(:defined) {
display: flex;
height: 100px;
opacity: 0;
}
.ws-m-local-header {
--ws-local-header-padding-top: var(--ws-block-padding-top);
--ws-local-header-padding-bottom: var(--ws-block-padding-bottom);
}
@media (min-width: 1200px) {
.ws-m-local-header {
--main-panel-half-gap: calc(var(--ws-header-main-panel-gap) / 2);
--main-panel-language-column-margin-left: 12px;
--main-panel-language-column-width: calc(
var(--main-panel-language-column-margin-left) + var(--ws-language-selector-size) +
var(--main-panel-half-gap)
);
}
}
.ws-m-local-header [data-surface="0"].ws-surface {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-header-background-color-opacity, var(--ws-surface-background-color-opacity, 1))
);
}
.ws-m-local-header [position-initial],
.ws-m-local-header [position-target] {
display: contents;
}
.ws-m-local-header__top-panel {
display: var(--ws-header-top-panel-display, flex);
align-items: center;
min-height: var(--ws-header-top-panel-min-height);
background-color: hsla(var(--ws-surface-background-color), 1);
padding-top: var(--ws-header-top-panel-vertical-padding);
padding-bottom: var(--ws-header-top-panel-vertical-padding);
}
.ws-m-local-header__top-content {
display: flex;
justify-content: right;
align-items: center;
gap: var(--ws-header-top-panel-gap);
}
.ws-m-local-header__top-content [slot="business-social-profiles"] {
margin-right: auto;
}
.ws-m-local-header__main-panel {
display: var(--ws-header-main-panel-display, flex);
align-items: center;
min-height: var(--ws-local-header-min-height);
padding-top: var(--ws-local-header-padding-top);
padding-bottom: var(--ws-local-header-padding-bottom);
transition: background-color 0.15s;
}
.ws-m-local-header__main-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--ws-header-main-panel-row-gap) var(--ws-header-main-panel-gap);
padding-right: calc(var(--ws-header-main-panel-gap) + var(--ws-nav-toggle-width));
}
@media (min-width: 1200px) {
.ws-m-local-header__main-content {
display: grid;
grid-template-areas: var(--ws-header-main-panel-grid-template-areas);
grid-template-columns: var(--ws-header-main-panel-grid-template-columns);
grid-template-rows: var(--ws-header-main-panel-grid-template-rows, auto);
column-gap: 0;
padding-right: 0;
margin-left: calc(var(--main-panel-half-gap) * -1);
margin-right: calc(var(--main-panel-half-gap) * -1);
}
.ws-m-local-header__main-content .ws-m-logo-wrapper,
.ws-m-local-header__main-content .ws-m-header-button-group,
.ws-m-local-header__main-content [slot="navigation"],
.ws-m-local-header__main-content [slot="business-social-profiles"],
.ws-m-local-header__main-content [slot="business-phone"],
.ws-m-local-header__main-content ws-language-selector {
margin-left: var(--main-panel-half-gap);
margin-right: var(--main-panel-half-gap);
}
.ws-m-local-header__main-content .ws-m-logo-wrapper {
grid-area: logo;
}
.ws-m-local-header__main-content .ws-m-header-button-group {
grid-area: buttons;
}
.ws-m-local-header__main-content [slot="navigation"] {
grid-area: navigation;
}
.ws-m-local-header__main-content [slot="business-social-profiles"] {
grid-area: socials;
}
.ws-m-local-header__main-content [slot="business-phone"] {
grid-area: phone;
}
.ws-m-local-header__main-content ws-language-selector {
grid-area: language;
margin-left: var(--main-panel-language-column-margin-left);
}
}
.ws-m-local-header[layout="with-topbar"] {
--ws-social-icons-display: flex;
}
@media (max-width: 575px) {
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="business-phone"][data-ws-language-selector-visibility="hidden"] {
--ws-header-top-panel-display: none;
}
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="primary-button"][data-ws-hidden-children~="secondary-button"][data-ws-hidden-children~="business-social-profiles"]:not(
[data-ws-slots=""]
) {
--ws-header-main-panel-display: none;
}
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="primary-button"][data-ws-hidden-children~="secondary-button"][data-ws-hidden-children~="business-social-profiles"] {
--ws-nav-toggle-display: none;
--ws-nav-sidebar-display: none;
}
}
@media (min-width: 576px) {
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="business-social-profiles"][data-ws-hidden-children~="business-phone"][data-ws-language-selector-visibility="hidden"] {
--ws-header-top-panel-display: none;
}
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="primary-button"][data-ws-hidden-children~="secondary-button"]:not(
[data-ws-slots=""]
) {
--ws-header-main-panel-display: none;
}
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="primary-button"][data-ws-hidden-children~="secondary-button"] {
--ws-nav-toggle-display: none;
--ws-nav-sidebar-display: none;
}
}
@media (min-width: 1200px) {
.ws-m-local-header[layout="with-topbar"] {
--ws-header-main-panel-grid-template-areas: "logo navigation buttons";
--ws-header-main-panel-grid-template-columns: auto 1fr auto;
--ws-header-button-group-alignment: right;
}
.ws-m-local-header[layout="with-topbar"][logo-alignment="center"] {
--ws-header-main-panel-grid-template-areas: "navigation logo buttons";
--ws-header-main-panel-grid-template-columns: 1fr auto 1fr;
--ws-nav-menu-items-alignment: left;
}
.ws-m-local-header[layout="with-topbar"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"] {
--ws-header-main-panel-grid-template-areas: "navigation buttons";
--ws-header-main-panel-grid-template-columns: 1fr auto;
}
.ws-m-local-header[layout="with-topbar"][data-ws-slots="navigation"] {
--ws-header-main-panel-grid-template-columns: 1fr;
}
}
.ws-m-local-header[layout="with-buttons"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="primary-button"][data-ws-hidden-children~="secondary-button"] {
--ws-nav-toggle-display: none;
--ws-nav-sidebar-display: none;
}
@media (min-width: 1200px) {
.ws-m-local-header[layout="with-buttons"] {
--ws-header-main-panel-grid-template-areas: "logo navigation language buttons";
--ws-header-main-panel-grid-template-columns: auto 1fr auto auto;
--ws-header-button-group-alignment: right;
}
.ws-m-local-header[layout="with-buttons"][logo-alignment="center"] {
--ws-header-main-panel-grid-template-areas: "navigation navigation logo buttons language";
--ws-header-main-panel-grid-template-columns: var(--main-panel-language-column-width) 1fr auto
1fr var(--main-panel-language-column-width);
--ws-nav-menu-items-alignment: left;
}
.ws-m-local-header[layout="with-buttons"][logo-alignment="center"][data-ws-language-selector-visibility="hidden"] {
--ws-header-main-panel-grid-template-areas: "navigation logo buttons";
--ws-header-main-panel-grid-template-columns: 1fr auto 1fr;
}
.ws-m-local-header[layout="with-buttons"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"] {
--ws-header-main-panel-grid-template-areas: "navigation language buttons";
--ws-header-main-panel-grid-template-columns: 1fr auto auto;
}
.ws-m-local-header[layout="with-buttons"][data-ws-slots="navigation"] {
--ws-header-main-panel-grid-template-columns: 1fr;
}
}
.ws-m-local-header[layout="with-phone"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="business-phone"] {
--ws-nav-toggle-display: none;
--ws-nav-sidebar-display: none;
}
@media (min-width: 1200px) {
.ws-m-local-header[layout="with-phone"] {
--ws-header-main-panel-grid-template-areas: "logo navigation language phone";
--ws-header-main-panel-grid-template-columns: auto 1fr auto auto;
--ws-m-header-phone-alignment: right;
}
.ws-m-local-header[layout="with-phone"][logo-alignment="center"] {
--ws-header-main-panel-grid-template-areas: "navigation navigation logo phone language";
--ws-header-main-panel-grid-template-columns: var(--main-panel-language-column-width) 1fr auto
1fr var(--main-panel-language-column-width);
--ws-nav-menu-items-alignment: left;
}
.ws-m-local-header[layout="with-phone"][logo-alignment="center"][data-ws-language-selector-visibility="hidden"] {
--ws-header-main-panel-grid-template-areas: "navigation logo phone";
--ws-header-main-panel-grid-template-columns: 1fr auto 1fr;
}
.ws-m-local-header[layout="with-phone"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"] {
--ws-header-main-panel-grid-template-areas: "navigation language phone";
--ws-header-main-panel-grid-template-columns: 1fr auto auto;
}
.ws-m-local-header[layout="with-phone"][data-ws-slots="navigation"] {
--ws-header-main-panel-grid-template-columns: 1fr;
}
}
.ws-m-local-header[layout="with-social-profiles"] {
--ws-social-icons-display: flex;
}
.ws-m-local-header[layout="with-social-profiles"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="business-social-profiles"] {
--ws-nav-toggle-display: none;
--ws-nav-sidebar-display: none;
}
@media (min-width: 1200px) {
.ws-m-local-header[layout="with-social-profiles"] {
--ws-header-main-panel-grid-template-areas: "logo navigation language socials";
--ws-header-main-panel-grid-template-columns: auto 1fr auto auto;
--ws-social-icons-alignment: flex-end;
}
.ws-m-local-header[layout="with-social-profiles"][logo-alignment="center"] {
--ws-header-main-panel-grid-template-areas: "navigation navigation logo socials language";
--ws-header-main-panel-grid-template-columns: var(--main-panel-language-column-width) 1fr auto
1fr var(--main-panel-language-column-width);
--ws-nav-menu-items-alignment: left;
}
.ws-m-local-header[layout="with-social-profiles"][logo-alignment="center"][data-ws-language-selector-visibility="hidden"] {
--ws-header-main-panel-grid-template-areas: "navigation logo socials";
--ws-header-main-panel-grid-template-columns: 1fr auto 1fr;
}
.ws-m-local-header[layout="with-social-profiles"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"] {
--ws-header-main-panel-grid-template-areas: "navigation language socials";
--ws-header-main-panel-grid-template-columns: 1fr auto auto;
}
.ws-m-local-header[layout="with-social-profiles"][data-ws-slots="navigation"] {
--ws-header-main-panel-grid-template-columns: 1fr;
}
}
.ws-m-local-header[layout="with-bottom-navigation"] {
--ws-social-icons-display: flex;
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-hidden-children~="navigation"][data-ws-hidden-children~="business-social-profiles"][data-ws-hidden-children~="business-phone"] {
--ws-nav-toggle-display: none;
--ws-nav-sidebar-display: none;
}
@media (min-width: 1200px) {
.ws-m-local-header[layout="with-bottom-navigation"] {
--ws-header-main-panel-grid-template-areas: "socials socials logo phone language";
--ws-header-main-panel-grid-template-columns: var(--main-panel-language-column-width) 1fr auto
1fr var(--main-panel-language-column-width);
--ws-nav-menu-items-alignment: center;
--ws-m-header-phone-alignment: right;
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-language-selector-visibility="hidden"] {
--ws-header-main-panel-grid-template-areas: "socials logo phone";
--ws-header-main-panel-grid-template-columns: 1fr auto 1fr;
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-slots~="navigation"] {
--ws-header-main-panel-grid-template-areas: "socials socials logo phone language"
"navigation navigation navigation navigation navigation";
--ws-header-main-panel-grid-template-rows: auto auto;
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-slots~="navigation"][data-ws-language-selector-visibility="hidden"] {
--ws-header-main-panel-grid-template-areas: "socials logo phone"
"navigation navigation navigation";
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-slots~="navigation"][data-ws-slots~="business-logo"]
[is-stuck],
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-slots~="navigation"][data-ws-slots~="site-name"]
[is-stuck] {
--ws-header-main-panel-grid-template-areas: "navigation";
--ws-header-main-panel-grid-template-columns: 1fr;
--ws-header-main-panel-grid-template-rows: auto;
--ws-m-logo-wrapper-display: none;
--ws-m-header-phone-display: none;
--ws-social-icons-display: none;
--ws-language-selector-display: none;
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-slots="navigation"] {
--ws-header-main-panel-grid-template-areas: "navigation";
--ws-header-main-panel-grid-template-columns: 1fr;
--ws-header-main-panel-grid-template-rows: auto;
}
.ws-m-local-header[layout="with-bottom-navigation"][data-ws-hidden-children~="business-logo"][data-ws-hidden-children~="site-name"] {
--ws-header-main-panel-grid-template-areas: "socials navigation phone language";
--ws-header-main-panel-grid-template-columns: auto 1fr auto auto;
--ws-header-main-panel-grid-template-rows: auto;
}
}
ws-header[mode="static"][is-stuck] {
--ws-local-header-padding-top: var(--ws-header-stick-up-main-panel-vertical-padding);
--ws-local-header-padding-bottom: var(--ws-header-stick-up-main-panel-vertical-padding);
--ws-local-header-min-height: var(--ws-header-stick-up-main-panel-min-height);
}
ws-header[mode="static"][is-stuck] [stick-up-target] {
--ws-header-background-color-opacity: 1;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1;
box-shadow: var(--ws-header-stick-up-box-shadow);
animation-duration: var(--ws-header-stick-up-animation-duration);
animation-timing-function: var(--ws-header-stick-up-animation-timing-function);
animation-delay: var(--ws-header-stick-up-animation-delay);
animation-name: slideIn;
}
ws-header[mode="static"]:not([overlay-section]) [data-surface] {
--ws-header-background-color-opacity: 1;
}
ws-header[mode="static"]:not([overlay-section]) [stick-up-clone] {
background-color: hsla(var(--ws-surface-background-color), 1);
}
@keyframes slideIn {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0%);
}
}
:root {
--ws-nav-toggle-width: 24px;
--ws-nav-toggle-height: 16px;
--ws-nav-toogle-line-height: 2px;
--ws-nav-sidebar-width: 270px;
--ws-nav-sidebar-padding-top: 60px;
--ws-nav-sidebar-padding-horizontal: 16px;
--ws-nav-sidebar-padding-bottom: 32px;
--ws-nav-sidebar-gap: 16px;
--ws-nav-sidebar-overlay-color: #15171a;
--ws-nav-sidebar-overlay-opacity: 0.4;
--ws-nav-sidebar-transition-duration: 0.2s;
--ws-nav-sidebar-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (orientation: landscape) {
:root {
--ws-nav-sidebar-width: 300px;
}
}
ws-nav-content {
position: relative;
}
ws-nav-toggle[toggle="#ws-nav-sidebar"] {
display: var(--ws-nav-toggle-display, none);
}
@media (max-width: 1199px) {
ws-nav-toggle[toggle="#ws-nav-sidebar"] {
display: var(--ws-nav-toggle-display, block);
cursor: pointer;
width: var(--ws-nav-toggle-width);
height: var(--ws-nav-toggle-height);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
ws-nav-toggle[toggle="#ws-nav-sidebar"] span {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: var(--ws-nav-toogle-line-height);
margin-top: calc(var(--ws-nav-toogle-line-height) / 2 * -1);
background-color: hsla(
var(--ws-surface-m-nav-link-color),
var(--ws-surface-m-nav-link-color-opacity)
);
}
ws-nav-toggle[toggle="#ws-nav-sidebar"] span::before {
content: "";
position: absolute;
top: calc(var(--ws-nav-toggle-height) / 2 + var(--ws-nav-toogle-line-height) * -1);
left: 0;
width: 100%;
height: var(--ws-nav-toogle-line-height);
background-color: inherit;
}
ws-nav-toggle[toggle="#ws-nav-sidebar"] span::after {
content: "";
position: absolute;
bottom: calc(var(--ws-nav-toggle-height) / 2 + var(--ws-nav-toogle-line-height) * -1);
left: 0;
width: 100%;
height: var(--ws-nav-toogle-line-height);
background-color: inherit;
}
ws-nav-toggle[toggle="#ws-nav-sidebar"][active] {
position: fixed;
top: calc(var(--ws-nav-sidebar-padding-top) / 2);
right: var(--ws-nav-sidebar-padding-horizontal);
}
ws-nav-toggle[toggle="#ws-nav-sidebar"][active] span {
transform: rotate(45deg);
}
ws-nav-toggle[toggle="#ws-nav-sidebar"][active] span::before {
top: 0;
transform: rotate(90deg);
}
ws-nav-toggle[toggle="#ws-nav-sidebar"][active] span::after {
top: 0;
opacity: 0;
}
}
ws-nav-collapse[id="ws-nav-sidebar"] {
display: var(--ws-nav-sidebar-display, contents);
}
@media (max-width: 1199px) {
ws-nav-collapse[id="ws-nav-sidebar"] {
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
display: var(--ws-nav-sidebar-display, flex);
flex-direction: column;
gap: var(--ws-nav-sidebar-gap);
width: var(--ws-nav-sidebar-width);
min-height: 85vh;
transform: translateX(100%);
visibility: hidden;
opacity: 0;
padding: var(--ws-nav-sidebar-padding-top) var(--ws-nav-sidebar-padding-horizontal)
var(--ws-nav-sidebar-padding-bottom);
background-color: hsla(var(--ws-nav-sidebar-background, var(--ws-surface-background-color)), 1);
}
ws-nav-collapse[id="ws-nav-sidebar"]::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 100%;
width: 100vw;
background-color: var(--ws-nav-sidebar-overlay-color);
opacity: var(--ws-nav-sidebar-overlay-opacity);
transition: none;
}
ws-nav-collapse[id="ws-nav-sidebar"][visible] {
transition: transform var(--ws-nav-sidebar-transition-duration)
var(--ws-nav-sidebar-transition-timing-function);
opacity: 1;
visibility: visible;
transform: translateX(0);
}
ws-nav-collapse[id="ws-nav-sidebar"] [slot="navigation"] {
flex: 1;
min-height: 60px;
overflow-y: auto;
}
}
:root {
--ws-nav-menu-items-font-family: var(--ws-base-font-family);
--ws-nav-menu-items-font-size: 16px;
--ws-nav-menu-items-line-height: 28px;
--ws-nav-menu-items-font-weight: 500;
--ws-nav-menu-items-font-weight-emulation: none;
--ws-nav-menu-items-font-style: normal;
--ws-nav-menu-items-text-transform: none;
--ws-nav-menu-items-letter-spacing: normal;
--ws-nav-menu-items-alignment: right;
} /*! uncss:ignore start */
ws-navigation {
--ws-nav-submenu-offset-left: 24px;
--ws-nav-menu-item-padding-horizontal: 11px;
--ws-nav-menu-item-padding-vertical: 11px;
--ws-nav-menu-xl-layout-item-padding-vertical: 8px;
--ws-nav-menu-xl-layout-item-padding-horizontal: 25px;
--ws-nav-xl-layout-submenu-width: 215px;
--ws-nav-xl-layout-submenu-offset-top: 50px;
--ws-nav-menu-xl-layout-indent-between-first-level-items: 36px;
--ws-nav-menu-toggle-icon-width: 30px;
--ws-nav-menu-toggle-icon-position: 50%;
}
ws-navigation[data-alignment="left"] {
--ws-nav-menu-items-alignment: left;
}
ws-navigation[data-alignment="center"] {
--ws-nav-menu-items-alignment: center;
}
ws-navigation[data-alignment="right"] {
--ws-nav-menu-items-alignment: right;
}
ws-navigation .ws-nav__menu-list {
padding: 0;
}
ws-navigation .ws-nav__submenu {
display: none;
z-index: 3;
}
ws-navigation .ws-nav__submenu[visible] {
display: block;
}
ws-navigation .ws-nav__submenu-list {
margin-left: var(--ws-nav-submenu-offset-left);
padding: 0;
}
ws-navigation .ws-nav__menu-list-item,
ws-navigation .ws-nav__submenu-list-item {
padding: 3px;
cursor: pointer;
position: relative;
border-top: 1px solid
hsla(var(--ws-surface-m-nav-link-color), var(--ws-surface-m-nav-link-color-opacity));
font-family: var(--ws-nav-menu-items-font-family);
font-size: var(--ws-nav-menu-items-font-size);
line-height: var(--ws-nav-menu-items-line-height);
font-weight: var(--ws-nav-menu-items-font-weight);
text-shadow: var(--ws-nav-menu-items-font-weight-emulation);
text-transform: var(--ws-nav-menu-items-text-transform);
letter-spacing: var(--ws-nav-menu-items-letter-spacing);
font-style: var(--ws-nav-menu-items-font-style);
color: hsla(var(--ws-surface-m-nav-link-color), var(--ws-surface-m-nav-link-color-opacity));
}
ws-navigation .ws-nav__menu-list-item a,
ws-navigation .ws-nav__submenu-list-item a {
text-decoration: none;
color: hsla(var(--ws-surface-m-nav-link-color), var(--ws-surface-m-nav-link-color-opacity));
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding: var(--ws-nav-menu-item-padding-horizontal) var(--ws-nav-menu-item-padding-vertical);
}
ws-navigation .ws-nav__menu-list-item a span,
ws-navigation .ws-nav__submenu-list-item a span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
ws-navigation .ws-nav__menu-list-item:hover:not([data-ws-id]) > a,
ws-navigation .ws-nav__menu-list-item:hover > a:not([data-ws-id]),
ws-navigation .ws-nav__submenu-list-item:hover:not([data-ws-id]) > a,
ws-navigation .ws-nav__submenu-list-item:hover > a:not([data-ws-id]) {
color: hsla(
var(--ws-surface-m-nav-link-hover-color),
var(--ws-surface-m-nav-link-hover-color-opacity)
);
}
ws-navigation .ws-nav__menu-list-item.active > a,
ws-navigation .ws-nav__menu-list-item.active > .ws-nav__toggle > a,
ws-navigation .ws-nav__submenu-list-item.active > a,
ws-navigation .ws-nav__submenu-list-item.active > .ws-nav__toggle > a {
color: hsla(
var(--ws-surface-m-nav-link-active-color),
var(--ws-surface-m-nav-link-active-color-opacity)
);
}
ws-navigation .ws-nav__menu-list-item.active > .ws-nav__toggle::after,
ws-navigation .ws-nav__submenu-list-item.active > .ws-nav__toggle::after {
background-color: hsla(
var(--ws-surface-m-nav-link-active-color),
var(--ws-surface-m-nav-link-active-color-opacity)
);
}
ws-navigation .ws-nav__toggle {
--arrow-icon-v: url('data:image/svg+xml;utf8,');
--arrow-icon-h: url('data:image/svg+xml;utf8,');
position: relative;
cursor: pointer;
}
ws-navigation .ws-nav__toggle::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: var(--ws-nav-menu-toggle-icon-width);
height: 100%;
background-color: hsla(
var(--ws-surface-m-nav-link-color),
var(--ws-surface-m-nav-link-color-opacity)
);
-webkit-mask-image: var(--arrow-icon-v);
mask-image: var(--arrow-icon-v);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: var(--ws-nav-menu-toggle-icon-position);
mask-position: var(--ws-nav-menu-toggle-icon-position);
}
ws-navigation .ws-nav__toggle[active]::after {
transform: rotateX(180deg);
background-color: hsla(
var(--ws-surface-m-nav-link-active-color),
var(--ws-surface-m-nav-link-active-color-opacity)
);
}
ws-navigation .ws-nav__toggle[active] > a {
color: hsla(
var(--ws-surface-m-nav-link-active-color),
var(--ws-surface-m-nav-link-active-color-opacity)
);
}
@media (min-width: 1200px) {
ws-navigation .ws-nav__menu-list {
min-width: var(--ws-nav-min-width);
text-align: var(--ws-nav-menu-items-alignment);
}
ws-navigation .ws-nav__menu-list > .ws-nav__menu-list-item > .ws-nav__submenu[out-of-screen] {
left: auto;
right: 0;
}
ws-navigation .ws-nav__submenu {
visibility: hidden;
opacity: 0;
display: block;
position: absolute;
left: 0;
top: var(--ws-nav-xl-layout-submenu-offset-top);
background: hsla(var(--ws-surface-background-color), 1);
border-radius: var(--ws-base-border-radius);
box-shadow: var(--ws-shadow-effect-3);
margin-left: calc(var(--ws-nav-menu-xl-layout-item-padding-horizontal) * -1);
}
ws-navigation .ws-nav__submenu .ws-nav__submenu {
left: 100%;
margin-left: 8px;
}
ws-navigation .ws-nav__submenu .ws-nav__submenu[display-top] {
margin-bottom: calc(
(
var(--ws-nav-menu-items-line-height) +
var(--ws-nav-menu-xl-layout-item-padding-vertical) * 2
) *
-1
);
}
ws-navigation .ws-nav__submenu .ws-nav__toggle::after {
transform: none;
-webkit-mask-image: var(--arrow-icon-h);
mask-image: var(--arrow-icon-h);
}
ws-navigation .ws-nav__submenu[display-top] {
bottom: calc(100% + var(--ws-nav-menu-xl-layout-item-padding-vertical));
top: auto;
}
ws-navigation .ws-nav__submenu[visible] {
transition: opacity 0.2s var(--ws-transition-material-standard);
opacity: 1;
visibility: visible;
}
ws-navigation .ws-nav__submenu-list {
margin-left: 0;
padding: 8px 0;
min-width: var(--ws-nav-xl-layout-submenu-width);
max-width: calc(2 * var(--ws-nav-xl-layout-submenu-width));
max-height: calc(90vh - var(--ws-nav-xl-layout-submenu-offset-top));
overflow-y: auto;
}
ws-navigation .ws-nav__submenu-list .ws-nav__submenu-list {
max-height: calc(60vh - var(--ws-nav-xl-layout-submenu-offset-top));
}
ws-navigation .ws-nav__submenu-list .ws-nav__menu-list-item {
display: block;
position: static;
border-top: 0;
padding: var(--ws-nav-menu-xl-layout-item-padding-vertical)
var(--ws-nav-menu-xl-layout-item-padding-horizontal);
}
ws-navigation .ws-nav__submenu-list .ws-nav__menu-list-item + .ws-nav__menu-list-item {
margin-left: 0;
}
ws-navigation .ws-nav__menu-list-item {
border-top: 0;
display: inline-block;
padding: 0;
text-align: left;
}
ws-navigation .ws-nav__menu-list-item a {
padding: 0;
}
ws-navigation .ws-nav__menu-list-item + .ws-nav__menu-list-item {
margin-left: var(--ws-nav-menu-xl-layout-indent-between-first-level-items);
}
ws-navigation .ws-nav__submenu-list-item {
position: static;
border-top: 0;
padding: var(--ws-nav-menu-xl-layout-item-padding-vertical)
var(--ws-nav-menu-xl-layout-item-padding-horizontal);
}
ws-navigation .ws-nav__submenu-list-item a {
padding: 0;
}
ws-navigation .ws-nav__toggle {
--ws-nav-menu-toggle-icon-width: 16px;
--ws-nav-menu-toggle-icon-position: 100% 50%;
}
ws-navigation .ws-nav__toggle > a {
padding-right: var(--ws-nav-menu-toggle-icon-width);
}
} /*! uncss:ignore end */
:root {
--ws-m-header-phone-font-size: 24px;
--ws-m-header-phone-font-weight: 500;
--ws-m-header-phone-font-weight-emulation: none;
--ws-m-header-phone-font-style: normal;
--ws-m-header-phone-font-family: var(--ws-primary-font-family);
--ws-m-header-phone-line-height: 1.67em;
--ws-m-header-phone-text-transform: none;
--ws-m-header-phone-text-decoration: none;
--ws-m-header-phone-letter-spacing: normal;
--ws-m-header-phone-alignment: left;
}
ws-header [slot="business-phone"] {
--ws-m-header-phone-color: hsla(
var(--ws-surface-header-phone-color),
var(--ws-surface-header-phone-color-opacity)
);
--ws-m-header-phone-link-color: hsla(
var(--ws-surface-link-text-color),
var(--ws-surface-link-text-color-opacity)
);
--ws-m-header-phone-link-hover-color: hsla(
var(--ws-surface-link-hover-text-color),
var(--ws-surface-link-hover-text-color-opacity)
);
--ws-m-header-phone-link-outline-color: hsla(
var(--ws-surface-focus-outline-color),
var(--ws-surface-focus-outline-color-opacity)
);
--ws-m-header-phone-icon-color: hsla(
var(--ws-surface-contact-icon-color),
var(--ws-surface-contact-icon-color-opacity)
);
--ws-m-header-phone-icon: url('data:image/svg+xml; utf8, ');
display: var(--ws-m-header-phone-display, flex);
align-items: center;
justify-content: var(--ws-m-header-phone-alignment);
word-break: break-word;
}
ws-header [slot="business-phone"]::before {
content: var(--ws-m-header-phone-icon-content, "");
flex: none;
width: var(--ws-m-header-phone-font-size);
height: var(--ws-m-header-phone-font-size);
margin-right: 16px;
background-color: var(--ws-m-header-phone-icon-color);
-webkit-mask-image: var(--ws-m-header-phone-icon);
mask-image: var(--ws-m-header-phone-icon);
-webkit-mask-size: var(--ws-m-header-phone-font-size);
mask-size: var(--ws-m-header-phone-font-size);
}
ws-header [slot="business-phone"] p {
color: var(--ws-m-header-phone-color);
font-size: var(--ws-m-header-phone-font-size);
font-weight: var(--ws-m-header-phone-font-weight);
font-style: var(--ws-m-header-phone-font-style);
font-family: var(--ws-m-header-phone-font-family);
line-height: var(--ws-m-header-phone-line-height);
text-transform: var(--ws-m-header-phone-text-transform);
text-decoration: var(--ws-m-header-phone-text-decoration);
text-shadow: var(--ws-m-header-phone-font-weight-emulation);
letter-spacing: var(--ws-m-header-phone-letter-spacing);
}
ws-header [slot="business-phone"] a {
color: var(--ws-m-header-phone-link-color);
text-decoration: none;
}
html:not([data-ws-id]) ws-header [slot="business-phone"] a:hover {
color: var(--ws-m-header-phone-link-hover-color);
}
html:not([data-ws-id]) ws-header [slot="business-phone"] a:focus {
box-shadow: 0 0 0 var(--ws-link-outline-width) var(--ws-m-header-phone-link-outline-color);
}
ws-header::part(main-panel),
ws-header .ws-m-local-header__main-panel {
--ws-m-header-phone-icon-content: none;
}
:root {
--ws-language-flag-border-color: rgba(255, 255, 255, 0.12);
--ws-language-selector-size: 24px;
}
ws-global[src*="/language-selector/"] {
display: contents;
}
ws-language-selector {
display: var(--ws-language-selector-display, flex);
line-height: 0;
}
ws-language-selector[hidden] {
display: none;
}
.ws-language-listbox-button {
position: relative;
width: var(--ws-language-selector-size);
height: var(--ws-language-selector-size);
padding: 0;
background: rgba(0, 0, 0, 0);
border: none;
cursor: pointer;
line-height: 0;
}
.ws-language-listbox-button::before {
content: "";
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
border-radius: var(--ws-link-border-radius);
}
.ws-language-listbox-button[aria-expanded="true"] {
pointer-events: none;
}
html:not([data-ws-id]) .ws-language-listbox-button:focus::before {
box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
}
.ws-language-listbox {
position: absolute;
top: 0;
right: 0;
z-index: 2;
min-width: 170px;
padding: 8px 0;
background-color: hsla(var(--ws-surface-background-color), 1);
border-radius: var(--ws-base-border-radius);
box-shadow: var(--ws-shadow-effect-3);
}
.ws-language-listbox[data-orientation="top"] {
bottom: 0;
top: auto;
}
.ws-language-listbox__item {
padding: 0 var(--ws-link-outline-width);
}
.ws-language-listbox__item + .ws-language-listbox__item {
margin-top: 4px;
}
.ws-language-listbox__link {
display: grid;
grid-template-columns: 24px 1fr;
column-gap: 10px;
padding: 6px 17px;
color: hsla(var(--ws-surface-m-nav-link-color), var(--ws-surface-m-nav-link-color-opacity));
font-family: var(--ws-nav-menu-items-font-family);
font-size: var(--ws-nav-menu-items-font-size);
line-height: var(--ws-nav-menu-items-line-height);
font-weight: var(--ws-nav-menu-items-font-weight);
text-shadow: var(--ws-nav-menu-items-font-weight-emulation);
text-transform: var(--ws-nav-menu-items-text-transform);
letter-spacing: var(--ws-nav-menu-items-letter-spacing);
font-style: var(--ws-nav-menu-items-font-style);
text-decoration: none;
border-radius: 0;
}
html:not([data-ws-id]) .ws-language-listbox__link:hover {
color: hsla(
var(--ws-surface-m-nav-link-hover-color),
var(--ws-surface-m-nav-link-hover-color-opacity)
);
}
.ws-language-listbox__link[aria-selected] {
color: hsla(
var(--ws-surface-m-nav-link-active-color),
var(--ws-surface-m-nav-link-active-color-opacity)
);
pointer-events: none;
}
.ws-language-select-label {
display: flex;
align-items: center;
width: var(--ws-language-selector-size);
height: var(--ws-language-selector-size);
padding: 5px;
box-sizing: content-box;
color: hsla(var(--ws-surface-m-nav-link-color), var(--ws-surface-m-nav-link-color-opacity));
font-family: var(--ws-nav-menu-items-font-family);
font-size: var(--ws-nav-menu-items-font-size);
line-height: var(--ws-nav-menu-items-line-height);
font-weight: var(--ws-nav-menu-items-font-weight);
text-shadow: var(--ws-nav-menu-items-font-weight-emulation);
text-transform: var(--ws-nav-menu-items-text-transform);
letter-spacing: var(--ws-nav-menu-items-letter-spacing);
font-style: var(--ws-nav-menu-items-font-style);
}
.ws-language-select-label::after {
content: var(--ws-language-selector-title);
margin-left: 12px;
}
.ws-language-select-label__flag {
flex-shrink: 0;
}
.ws-language-select {
border-radius: var(--ws-input-border-radius);
line-height: var(--ws-nav-menu-items-line-height);
}
html:not([data-ws-id]) .ws-language-select:focus {
box-shadow: 0 0 0 3px
hsla(var(--ws-surface-focus-outline-color), var(--ws-surface-focus-outline-color-opacity));
}
.ws-language-listbox-button .ws-language-flag,
.ws-language-select-label .ws-language-flag {
--filter: drop-shadow(1px 0 0 var(--ws-language-flag-border-color))
drop-shadow(-1px 0 0 var(--ws-language-flag-border-color))
drop-shadow(0 -1px 0 var(--ws-language-flag-border-color))
drop-shadow(0 1px 0 var(--ws-language-flag-border-color));
-webkit-filter: var(--filter);
filter: var(--filter);
}
[data-surface].ws-light-0 ws-header::part(main-panel),
[data-surface].ws-light-0 .ws-m-local-header__main-panel,
[data-surface].ws-light-1 ws-header::part(main-panel),
[data-surface].ws-light-1 .ws-m-local-header__main-panel {
--ws-language-flag-border-color: rgba(0, 0, 0, 0.12);
}
ws-header::part(main-panel),
ws-nav-collapse[id="ws-nav-sidebar"] {
--ws-language-selector-title: attr(aria-label);
}
:root {
--ws-header-button-group-gap: 16px;
--ws-header-button-group-alignment: left;
}
.ws-m-header-button-group {
display: flex;
gap: var(--ws-header-button-group-gap);
justify-content: var(--ws-header-button-group-alignment);
}
.ws-m-header-button-group ws-button {
word-break: break-word;
}
[data-ws-slots]:not([data-ws-slots~="primary-button"]):not([data-ws-slots~="secondary-button"])
.ws-m-header-button-group {
display: none;
}
@media (max-width: 1199px) {
ws-nav-collapse[id="ws-nav-sidebar"] .ws-m-header-button-group {
--ws-button-padding-horizontal: 20px;
flex-wrap: wrap;
}
}
:root {
--ws-header-top-panel-vertical-padding: 8px;
--ws-header-top-panel-gap: 36px;
--ws-header-top-panel-min-height: 40px;
--ws-header-main-panel-vertical-padding: 32px;
--ws-header-main-panel-gap: 36px;
--ws-header-main-panel-row-gap: 24px;
--ws-header-main-panel-min-height: 112px;
--ws-header-stick-up-main-panel-min-height: 72px;
--ws-header-stick-up-main-panel-vertical-padding: 12px;
--ws-header-stick-up-box-shadow: var(--ws-shadow-effect-3);
--ws-header-stick-up-animation-duration: 0.2s;
--ws-header-stick-up-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--ws-header-stick-up-animation-delay: 0s;
}
@media (min-width: 1200px) {
:root {
--ws-header-top-panel-min-height: 56px;
--ws-header-main-panel-gap: 48px;
}
}
ws-block[src*="header"][overlay-section] ws-header:not([overlay-section]) {
--ws-header-background-color-opacity: 0;
}
.ws-m-schedule {
--ws-m-schedule-indent-sm: 12px;
--ws-m-schedule-indent-md: 16px;
--ws-m-schedule-indent-lg: 24px;
--ws-icon-size: 56px;
--ws-icon-color: var(--ws-surface-feature-icon-color);
--ws-icon-color-opacity: var(--ws-surface-feature-icon-color-opacity);
--ws-text-molecules-based-indent-type-1: 4px;
--ws-text-molecules-based-indent-type-2: 4px;
--ws-text-molecules-based-indent-type-3: 4px;
--ws-text-molecules-based-indent-type-4: 12px;
}
@media (min-width: 576px) {
.ws-m-schedule {
--ws-m-schedule-indent-sm: 16px;
--ws-m-schedule-indent-md: 22px;
--ws-m-schedule-indent-lg: 32px;
}
}
@media (min-width: 992px) {
.ws-m-schedule {
--ws-m-schedule-indent-sm: 24px;
--ws-m-schedule-indent-md: 32px;
--ws-m-schedule-indent-lg: 48px;
}
}
.ws-m-schedule table {
width: 100%;
}
.ws-m-schedule td {
width: 100%;
padding: var(--ws-m-schedule-indent-sm) var(--ws-m-schedule-indent-md);
}
.ws-m-schedule thead td {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
padding-left: var(--ws-m-schedule-indent-lg);
padding-right: var(--ws-m-schedule-indent-lg);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
}
.ws-m-schedule tbody tr:last-child td {
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
.ws-m-schedule tbody td {
display: grid;
grid-template-columns: 56px 1fr;
grid-gap: 16px;
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
@media (min-width: 992px) {
.ws-m-schedule tbody td {
grid-gap: 24px;
}
}
.ws-m-schedule tbody ws-media-container {
--ws-media-container-border-top-left-radius: 50%;
--ws-media-container-border-top-right-radius: 50%;
--ws-media-container-border-bottom-left-radius: 50%;
--ws-media-container-border-bottom-right-radius: 50%;
width: 100%;
aspect-ratio: 1;
}
.ws-m-schedule tbody ws-text {
margin-top: 0;
}
ws-block[with-border] .ws-m-schedule tbody td {
border: 1px solid hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
border-top: none;
}
ws-block[with-shadow] .ws-m-schedule table {
box-shadow: var(--ws-shadow-effect-3);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
[data-ws-hidden-children~="event_image"][data-ws-hidden-children~="event_description"]
.ws-m-schedule
tbody {
display: none;
}
[data-ws-hidden-children~="event_image"] .ws-m-schedule tbody td {
grid-template-columns: 1fr;
}
.ws-m-logos-list {
--ws-m-logos-list-gap: 30px;
}
.ws-m-logos-list ul {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-items: center;
justify-content: center;
transform: translateY(calc(var(--ws-m-logos-list-gap) * -1));
margin-bottom: calc(var(--ws-m-logos-list-gap) * -1);
}
.ws-m-logos-list li {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 16.6666666667%;
min-width: 140px;
padding-left: calc(var(--ws-m-logos-list-gap) / 2);
padding-right: calc(var(--ws-m-logos-list-gap) / 2);
margin-top: var(--ws-m-logos-list-gap);
}
.ws-m-logos-list img {
max-width: 100%;
}
.ws-m-logos-list img[style*="width: auto"] {
min-height: 50px;
}
.ws-m-logos-list img[style*="height: auto"] {
min-width: 50px;
}
[image-filter="grayscale"] .ws-m-logos-list img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
:root {
--ws-m-copyright-text-align: left;
}
.ws-m-copyright {
font-family: var(--ws-base-font-family);
font-style: var(--ws-base-font-style);
font-weight: var(--ws-base-font-weight);
text-shadow: var(--ws-base-font-weight-emulation);
font-size: var(--ws-base-font-size);
line-height: var(--ws-base-line-height);
text-align: var(--ws-m-copyright-text-align);
text-transform: var(--ws-base-text-transform);
letter-spacing: var(--ws-base-letter-spacing);
text-decoration: var(--ws-base-text-decoration);
color: hsla(var(--ws-surface-paragraph-color), var(--ws-surface-paragraph-color-opacity));
}
.ws-m-copyright [slot="site-copyright"] {
display: inline-block;
}
.ws-m-faq {
--ws-m-faq-v-padding: 24px;
--ws-m-faq-h-padding: 32px;
}
@media (min-width: 992px) {
.ws-m-faq {
--ws-m-faq-v-padding: 28px;
--ws-m-faq-h-padding: 36px;
}
}
@media (min-width: 1200px) {
.ws-m-faq {
--ws-m-faq-v-padding: 32px;
--ws-m-faq-h-padding: 40px;
}
}
.ws-m-faq article {
height: 100%;
text-align: left;
}
ws-block[with-border] .ws-m-faq article {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-faq article {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-faq article {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-faq article,
ws-block[with-border] .ws-m-faq article,
.ws-m-faq.ws-surface[data-surface="1"] article {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
padding: var(--ws-m-faq-v-padding) var(--ws-m-faq-h-padding);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
.ws-m-faq ws-columns[layout="1-column"] {
display: grid;
grid-template-columns: 1fr;
}
.ws-m-faq ws-columns[layout="1-column"] ws-column {
justify-self: var(--ws-column-data-alignment, center);
}
.ws-m-faq ws-columns[layout="1-column"] ws-column[data-alignment="left"] {
--ws-column-data-alignment: left;
}
.ws-m-faq ws-columns[layout="1-column"] ws-column[data-alignment="right"] {
--ws-column-data-alignment: right;
}
:root {
--ws-m-footer-navigation-justify-content: center;
--ws-m-footer-navigation-align-items: left;
--ws-m-footer-navigation-column-count: 2;
--ws-m-footer-navigation-column-gap: 30px;
--ws-m-footer-navigation-column-min-width: auto;
}
.ws-m-footer-navigation--in-line [slot="footer-navigation"] > ul {
display: flex;
justify-content: var(--ws-m-footer-navigation-justify-content);
flex-wrap: wrap;
gap: 8px 32px;
}
.ws-m-footer-navigation--in-columns [slot="footer-navigation"] > ul {
column-count: var(--ws-m-footer-navigation-column-count);
column-gap: var(--ws-m-footer-navigation-column-gap);
}
.ws-m-footer-navigation:has(.ws-footer-sublist) [slot="footer-navigation"] > ul:has(ul) {
display: grid;
grid-template-columns: repeat(var(--ws-m-footer-navigation-column-count), 1fr);
gap: var(--ws-m-footer-navigation-column-gap);
}
.ws-m-footer-navigation:has(.ws-footer-sublist) [slot="footer-navigation"] > ul:has(ul) > li {
grid-column: span 1;
break-inside: avoid;
min-width: var(--ws-m-footer-navigation-column-min-width);
}
.ws-m-footer-navigation:has(.ws-footer-sublist) [slot="footer-navigation"] li,
.ws-m-footer-navigation:has(.ws-footer-sublist) [slot="footer-navigation"] .ws-footer-sublist {
display: flex;
flex-direction: column;
align-items: var(--ws-m-footer-navigation-align-items);
}
.ws-m-footer-navigation [slot="footer-navigation"] span {
display: inline-block;
font-family: var(--ws-nav-menu-items-font-family);
font-size: var(--ws-nav-menu-items-font-size);
line-height: var(--ws-nav-menu-items-line-height);
font-weight: var(--ws-nav-menu-items-font-weight);
text-shadow: var(--ws-nav-menu-items-font-weight-emulation);
text-transform: var(--ws-nav-menu-items-text-transform);
letter-spacing: var(--ws-nav-menu-items-letter-spacing);
font-style: var(--ws-nav-menu-items-font-style);
color: hsla(var(--ws-surface-text-color), var(--ws-surface-text-medium-emphasis-opacity));
}
@media (max-width: 576px) {
.ws-m-footer-navigation [slot="footer-navigation"] span {
padding: 4px 0;
}
}
[data-ws-hidden-children~="footer_navigation"] .ws-m-footer-navigation {
display: none;
}
.ws-m-menu ws-columns {
row-gap: 40px;
}
.ws-m-menu ws-columns > ws-column {
display: grid;
grid-template-columns: 100%;
gap: 32px;
}
@media (min-width: 768px) {
.ws-m-menu ws-columns[list-layout="2-columns"] {
--ws-m-menu-list-columns: repeat(2, 1fr);
--ws-m-menu-list-item-padding: 28px;
}
}
@media (min-width: 768px) {
.ws-m-menu ws-columns[list-layout="3-columns"] {
--ws-m-menu-list-columns: repeat(2, 1fr);
--ws-m-menu-list-item-padding: 28px;
}
}
@media (min-width: 1200px) {
.ws-m-menu ws-columns[list-layout="3-columns"] {
--ws-m-menu-list-columns: repeat(3, 1fr);
--ws-m-menu-list-item-padding: 32px;
}
}
@media (min-width: 992px) {
.ws-m-menu ws-columns[list-layout] ws-text {
max-width: 50%;
}
}
.ws-m-menu ws-text {
min-width: var(--ws-resized-text-min-width);
justify-self: var(--ws-block-title-alignment);
text-align: var(--ws-block-title-alignment);
}
.ws-m-menu ws-text[data-alignment="left"] {
--ws-block-title-alignment: left;
}
.ws-m-menu ws-text[data-alignment="center"] {
--ws-block-title-alignment: center;
}
.ws-m-menu ws-text[data-alignment="right"] {
--ws-block-title-alignment: right;
}
.ws-m-menu ul {
display: grid;
grid-template-columns: var(--ws-m-menu-list-columns, 100%);
gap: 30px;
align-items: start;
width: 100%;
}
.ws-m-menu ul > li {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 8px;
align-items: baseline;
word-break: break-word;
}
.ws-m-menu ul > li::before {
content: "";
min-width: 8px;
height: var(--ws-heading-5-line-height);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
.ws-m-menu ul > li > h5 {
min-width: 30px;
}
.ws-m-menu ul > li > h5:first-child {
order: -1;
}
.ws-m-menu ul > li > p {
grid-column: 1/-1;
}
ws-block[content-alignment="left"] .ws-m-menu {
--ws-block-title-alignment: left;
}
ws-block[content-alignment="center"] .ws-m-menu {
--ws-block-title-alignment: center;
}
ws-block[with-border] .ws-m-menu ul > li {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-menu ul > li {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-menu ul > li {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
ws-block[with-shadow] .ws-m-menu ul > li,
ws-block[with-border] .ws-m-menu ul > li,
.ws-m-menu.ws-surface[data-surface="1"] ul > li {
padding: var(--ws-m-menu-list-item-padding, 24px);
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
.ws-m-media-with-text-overlay ws-media-container {
pointer-events: auto;
}
.ws-m-media-with-text-overlay figure {
position: relative;
border-radius: var(--ws-base-border-radius);
overflow: hidden;
pointer-events: none;
}
.ws-m-media-with-text-overlay figure:has(ws-text)::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
background: linear-gradient(
180deg,
rgba(21, 23, 26, 0) 0%,
rgba(21, 23, 26, 0.18) 41.25%,
rgba(21, 23, 26, 0.4) 58.75%,
rgb(21, 23, 26) 100%
);
border-top-left-radius: var(
--ws-media-container-custom-border-top-left-radius,
var(--ws-media-container-border-radius)
);
border-top-right-radius: var(
--ws-media-container-custom-border-top-right-radius,
var(--ws-media-container-border-radius)
);
border-bottom-left-radius: var(
--ws-media-container-custom-border-bottom-left-radius,
var(--ws-media-container-border-radius)
);
border-bottom-right-radius: var(
--ws-media-container-custom-border-bottom-right-radius,
var(--ws-media-container-border-radius)
);
}
.ws-m-media-with-text-overlay figcaption {
position: absolute;
top: 14px;
bottom: 14px;
left: 14px;
right: 14px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.ws-m-media-with-text-overlay ws-text {
--ws-text-molecules-based-indent-type-1: 4px;
--ws-text-molecules-based-indent-type-2: 4px;
--ws-text-molecules-based-indent-type-3: 4px;
--ws-text-molecules-based-indent-type-4: 12px;
display: grid;
grid-template-columns: 100%;
align-content: end;
max-height: 100%;
padding: 10px;
pointer-events: auto;
z-index: 1;
}
.ws-m-numbers ws-columns {
transform: translateY(calc(-1 * 30px));
margin-bottom: calc(-1 * 30px);
justify-content: start;
}
.ws-m-numbers ws-columns > [class*="col"] {
margin-top: 30px;
}
ws-block[content-direction="reverse"] .ws-m-numbers ws-columns {
flex-direction: row;
}
.ws-m-numbers ws-columns ws-column {
min-width: 170px;
}
.ws-m-numbers ws-text h3 + p {
margin-top: 4px;
}
.ws-m-overlaying-media {
position: relative;
}
.ws-m-overlaying-media__positioning-area {
--min-inset: -56px;
--max-inset: -15px;
--inset: clamp(var(--min-inset), -15%, var(--max-inset));
position: absolute;
top: var(--inset);
right: var(--inset);
left: var(--inset);
bottom: var(--inset);
pointer-events: none;
}
.ws-m-overlaying-media__positioning-area--left {
right: 50%;
}
.ws-m-overlaying-media__positioning-area--right {
left: 50%;
}
.ws-m-overlaying-media__positioning-area ws-media-container {
--ws-position-x: var(--ws-m-overlaying-media-position-x, 95%);
--ws-position-y: var(--ws-m-overlaying-media-position-y, 30%);
--x: clamp(0%, var(--ws-position-x), 100%);
--y: clamp(0%, var(--ws-position-y), 100%);
position: absolute;
left: var(--x);
top: var(--y);
transform: translate(calc(var(--x) * -1), calc(var(--y) * -1));
width: var(--ws-m-overlaying-media-width);
pointer-events: auto;
}
[fullscreen] .ws-m-split-layout .ws-m-overlaying-media__positioning-area {
top: 0;
bottom: 0;
}
@media (min-width: 1200px) {
.ws-m-overlaying-media__positioning-area {
--min-inset: -100px;
--max-inset: -30px;
}
}
[fullscreen] .ws-m-split-layout .ws-m-overlaying-media {
height: 100%;
}
ws-block:has(.ws-m-overlaying-media) [slot^="block-overlaying-media"] {
z-index: 2;
}
ws-block:has(.ws-m-overlaying-media) [slot="block-title"],
ws-block:has(.ws-m-overlaying-media) [slot="button-group"] {
z-index: 3;
}
.ws-m-pricing-card-with-media {
--ws-m-pricing-card-with-media-v-padding: 28px;
--ws-m-pricing-card-with-media-h-padding: 24px;
--ws-m-pricing-card-with-media-border-width: 0px;
--ws-m-pricing-card-with-media-list-marker-size: 16px;
--ws-m-pricing-card-with-media-list-marker-icon: url('data:image/svg+xml; utf8, ');
--ws-m-pricing-card-package-button-right-indent: 0px;
}
@media (min-width: 992px) {
.ws-m-pricing-card-with-media {
--ws-m-pricing-card-with-media-v-padding: 32px;
--ws-m-pricing-card-with-media-h-padding: 28px;
}
}
@media (min-width: 1200px) {
.ws-m-pricing-card-with-media {
--ws-m-pricing-card-with-media-v-padding: 36px;
--ws-m-pricing-card-with-media-h-padding: 32px;
}
}
.ws-m-pricing-card-with-media ws-columns {
row-gap: 30px;
}
ws-block[with-border] .ws-m-pricing-card-with-media figure {
--ws-m-pricing-card-with-media-border-width: 1px;
box-shadow: inset 0 0 0 var(--ws-m-pricing-card-with-media-border-width)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-m-pricing-card-with-media figure {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-m-pricing-card-with-media figure {
box-shadow:
inset 0 0 0 var(--ws-m-pricing-card-with-media-border-width)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
.ws-m-pricing-card-with-media figcaption {
display: flex;
flex-direction: column;
padding-top: var(--ws-m-pricing-card-with-media-v-padding);
}
ws-block[button-placement~="top"] .ws-m-pricing-card-with-media figcaption ws-button {
order: 2;
}
ws-block[button-placement~="top"] .ws-m-pricing-card-with-media figcaption [data-type="list"] {
order: 3;
}
ws-block[button-placement~="bottom"] .ws-m-pricing-card-with-media figcaption ws-button {
order: 3;
}
ws-block[button-placement~="bottom"] .ws-m-pricing-card-with-media figcaption [data-type="list"] {
order: 2;
padding-top: 24px;
border-top: 1px solid hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
.ws-m-pricing-card-with-media ws-button {
margin-right: var(--ws-m-pricing-card-package-button-right-indent);
}
.ws-m-pricing-card-with-media ws-button:not(:first-child) {
margin-top: 24px;
}
.ws-m-pricing-card-with-media ws-button > a {
width: 100%;
}
.ws-m-pricing-card-with-media [data-type="title"] h5 + p {
margin-top: 8px;
}
.ws-m-pricing-card-with-media [data-type="price"] {
margin-top: 16px;
}
.ws-m-pricing-card-with-media [data-type="list"]:not(:first-child) {
margin-top: 24px;
}
[button-placement~="top"] .ws-m-pricing-card-with-media [data-type="list"]:first-child {
margin-top: 24px;
}
[button-placement~="top"] .ws-m-pricing-card-with-media [data-type="list"]:first-child + ws-button {
margin-top: 0;
}
.ws-m-pricing-card-with-media [data-type="list"] ul li {
--ws-markered-list: false;
}
.ws-m-pricing-card-with-media [data-type="list"] ul li:not(:first-child) {
margin-top: 8px;
}
.ws-m-pricing-card-with-media [data-type="list"] ul li > * {
padding-left: calc(32px + var(--ws-indent-left, 0px));
word-break: break-word;
}
.ws-m-pricing-card-with-media [data-type="list"] ul li > *::after {
content: ".";
position: absolute;
top: 0;
left: calc(6px + var(--ws-indent-left, 0px));
width: var(--ws-m-pricing-card-with-media-list-marker-size);
color: rgba(0, 0, 0, 0);
background-color: hsla(
var(--ws-surface-primary-button-background-color),
var(--ws-surface-primary-button-background-opacity)
);
-webkit-mask-image: var(--ws-m-pricing-card-with-media-list-marker-icon);
mask-image: var(--ws-m-pricing-card-with-media-list-marker-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
ws-block[with-shadow] .ws-m-pricing-card-with-media figure,
ws-block[with-border] .ws-m-pricing-card-with-media figure,
.ws-m-pricing-card-with-media.ws-surface[data-surface="1"] figure {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
ws-block[with-shadow] .ws-m-pricing-card-with-media figure > ws-media-container,
ws-block[with-border] .ws-m-pricing-card-with-media figure > ws-media-container,
.ws-m-pricing-card-with-media.ws-surface[data-surface="1"] figure > ws-media-container {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
padding: var(--ws-m-pricing-card-with-media-border-width);
padding-bottom: 0px;
}
ws-block[with-shadow] .ws-m-pricing-card-with-media figcaption,
ws-block[with-border] .ws-m-pricing-card-with-media figcaption,
.ws-m-pricing-card-with-media.ws-surface[data-surface="1"] figcaption {
padding: var(--ws-m-pricing-card-with-media-v-padding)
var(--ws-m-pricing-card-with-media-h-padding);
}
[data-ws-hidden-children~="package_button"] [data-type="list"] {
padding-top: 24px;
border-top: 1px solid hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow]
[data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"][data-ws-hidden-children~="package_list"][data-ws-hidden-children~="package_button"]
.ws-m-pricing-card-with-media
figure
> ws-media-container,
ws-block[with-border]
[data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"][data-ws-hidden-children~="package_list"][data-ws-hidden-children~="package_button"]
.ws-m-pricing-card-with-media
figure
> ws-media-container,
[data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"][data-ws-hidden-children~="package_list"][data-ws-hidden-children~="package_button"]
.ws-m-pricing-card-with-media.ws-surface[data-surface="1"]
figure
> ws-media-container {
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
padding-bottom: var(--ws-m-pricing-card-with-media-border-width);
}
[data-ws-hidden-children~="package_preview"][data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"][data-ws-hidden-children~="package_list"][data-ws-hidden-children~="package_button"]
.ws-m-pricing-card-with-media {
display: none;
}
ws-global[src*="/header-code/"]:has([data-current-button-preset="preset-16"])
+ *
.ws-m-pricing-card-with-media,
html[data-current-button-preset="preset-16"] .ws-m-pricing-card-with-media {
--ws-m-pricing-card-package-button-right-indent: auto;
}
ws-block:is(
[src*="/menu-with-aside-cta/"],
[src*="/menu-with-media/"],
[src*="/menu-with-categories/"]
):has(.ws-surface[data-surface="1"])
[data-surface="0"].ws-light-0
[slot="menu-content"]
ws-text,
.ws-language-listbox,
[data-surface].ws-light-0,
[data-ws-surface-vars="ws-light-0"] {
--ws-surface-background-color: var(--ws-color-light-0);
--ws-surface-background-color-opacity: 1;
--ws-surface-border-color: var(--ws-color-light-300);
--ws-surface-border-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-100);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-error-focus-outline-color: var(--ws-color-error-400);
--ws-surface-error-focus-outline-color-opacity: 1;
--ws-surface-primary-button-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-background-opacity: 1;
--ws-surface-primary-button-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-text-color-opacity: 1;
--ws-surface-primary-button-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-border-opacity: 1;
--ws-surface-primary-button-hover-background-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-background-opacity: 1;
--ws-surface-primary-button-hover-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-hover-text-color-opacity: 1;
--ws-surface-primary-button-hover-border-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-border-opacity: 1;
--ws-surface-primary-button-active-background-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-background-opacity: 1;
--ws-surface-primary-button-active-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-active-text-color-opacity: 1;
--ws-surface-primary-button-active-border-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-border-opacity: 1;
--ws-surface-primary-button-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-background-opacity: 0.03;
--ws-surface-primary-button-disabled-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-disabled-text-color-opacity: 0.31;
--ws-surface-primary-button-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-border-opacity: 0.03;
--ws-surface-secondary-button-1-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-background-opacity: 1;
--ws-surface-secondary-button-1-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-text-color-opacity: 1;
--ws-surface-secondary-button-1-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-border-opacity: 1;
--ws-surface-secondary-button-1-hover-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-hover-background-opacity: 0.4;
--ws-surface-secondary-button-1-hover-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-hover-text-color-opacity: 1;
--ws-surface-secondary-button-1-hover-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-hover-border-opacity: 0.4;
--ws-surface-secondary-button-1-active-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-active-background-opacity: 0.4;
--ws-surface-secondary-button-1-active-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-active-text-color-opacity: 1;
--ws-surface-secondary-button-1-active-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-active-border-opacity: 0.4;
--ws-surface-secondary-button-1-disabled-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-disabled-background-opacity: 0.35;
--ws-surface-secondary-button-1-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-disabled-text-color-opacity: 0.31;
--ws-surface-secondary-button-1-disabled-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-disabled-border-opacity: 0.35;
--ws-surface-secondary-button-2-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-background-opacity: 0;
--ws-surface-secondary-button-2-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-2-text-color-opacity: 1;
--ws-surface-secondary-button-2-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-border-opacity: 1;
--ws-surface-secondary-button-2-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-background-opacity: 1;
--ws-surface-secondary-button-2-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-hover-text-color-opacity: 1;
--ws-surface-secondary-button-2-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-border-opacity: 1;
--ws-surface-secondary-button-2-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-background-opacity: 1;
--ws-surface-secondary-button-2-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-active-text-color-opacity: 1;
--ws-surface-secondary-button-2-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-border-opacity: 1;
--ws-surface-secondary-button-2-disabled-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-disabled-background-opacity: 0;
--ws-surface-secondary-button-2-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-2-disabled-text-color-opacity: 0.31;
--ws-surface-secondary-button-2-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-disabled-border-opacity: 0.03;
--ws-surface-secondary-button-3-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-background-opacity: 0;
--ws-surface-secondary-button-3-text-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-text-color-opacity: 1;
--ws-surface-secondary-button-3-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-border-opacity: 1;
--ws-surface-secondary-button-3-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-background-opacity: 1;
--ws-surface-secondary-button-3-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-hover-text-color-opacity: 1;
--ws-surface-secondary-button-3-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-border-opacity: 1;
--ws-surface-secondary-button-3-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-background-opacity: 1;
--ws-surface-secondary-button-3-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-active-text-color-opacity: 1;
--ws-surface-secondary-button-3-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-border-opacity: 1;
--ws-surface-secondary-button-3-disabled-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-disabled-background-opacity: 0;
--ws-surface-secondary-button-3-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-3-disabled-text-color-opacity: 0.31;
--ws-surface-secondary-button-3-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-disabled-border-opacity: 0.03;
--ws-surface-secondary-button-4-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-4-background-opacity: 0;
--ws-surface-secondary-button-4-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-text-color-opacity: 1;
--ws-surface-secondary-button-4-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-border-opacity: 1;
--ws-surface-secondary-button-4-hover-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-hover-background-opacity: 1;
--ws-surface-secondary-button-4-hover-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-hover-text-color-opacity: 1;
--ws-surface-secondary-button-4-hover-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-hover-border-opacity: 1;
--ws-surface-secondary-button-4-active-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-active-background-opacity: 1;
--ws-surface-secondary-button-4-active-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-active-text-color-opacity: 1;
--ws-surface-secondary-button-4-active-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-active-border-opacity: 1;
--ws-surface-secondary-button-4-disabled-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-4-disabled-background-opacity: 0;
--ws-surface-secondary-button-4-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-disabled-text-color-opacity: 0.31;
--ws-surface-secondary-button-4-disabled-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-disabled-border-opacity: 0.35;
--ws-surface-secondary-button-5-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-background-opacity: 1;
--ws-surface-secondary-button-5-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-text-color-opacity: 1;
--ws-surface-secondary-button-5-border-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-border-opacity: 1;
--ws-surface-secondary-button-5-hover-background-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-hover-background-opacity: 1;
--ws-surface-secondary-button-5-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-hover-text-color-opacity: 1;
--ws-surface-secondary-button-5-hover-border-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-hover-border-opacity: 1;
--ws-surface-secondary-button-5-active-background-color: var(--ws-color-secondary-900);
--ws-surface-secondary-button-5-active-background-opacity: 1;
--ws-surface-secondary-button-5-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-active-text-color-opacity: 1;
--ws-surface-secondary-button-5-active-border-color: var(--ws-color-secondary-900);
--ws-surface-secondary-button-5-active-border-opacity: 1;
--ws-surface-secondary-button-5-disabled-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-disabled-background-opacity: 0.31;
--ws-surface-secondary-button-5-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-5-disabled-text-color-opacity: 0.31;
--ws-surface-secondary-button-5-disabled-border-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-disabled-border-opacity: 0.03;
--ws-surface-text-color: var(--ws-color-text-black);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.59;
--ws-surface-text-disabled-emphasis-opacity: 0.31;
--ws-surface-link-text-color: var(--ws-color-secondary-400);
--ws-surface-link-text-color-opacity: 1;
--ws-surface-link-hover-text-color: var(--ws-color-secondary-300);
--ws-surface-link-hover-text-color-opacity: 1;
--ws-surface-footer-link-text-color: var(--ws-color-text-black);
--ws-surface-footer-link-text-color-opacity: 1;
--ws-surface-footer-link-hover-text-color: var(--ws-color-primary-400);
--ws-surface-footer-link-hover-text-color-opacity: 1;
--ws-surface-feature-link-color: var(--ws-color-secondary-400);
--ws-surface-feature-link-color-opacity: 1;
--ws-surface-feature-link-hover-color: var(--ws-color-secondary-300);
--ws-surface-feature-link-hover-color-opacity: 1;
--ws-surface-highlighter-text-color: var(--ws-color-text-white);
--ws-surface-highlighter-background-color: var(--ws-color-secondary-800);
--ws-surface-mark-text-color: var(--ws-color-secondary-400);
--ws-surface-mark-text-color-opacity: 1;
--ws-surface-form-input-border-color: var(--ws-color-light-300);
--ws-surface-form-input-border-color-opacity: 1;
--ws-surface-form-input-focus-border-color: var(--ws-color-info-400);
--ws-surface-form-input-focus-border-color-opacity: 1;
--ws-surface-form-input-disabled-border-color: var(--ws-color-light-300);
--ws-surface-form-input-disabled-border-color-opacity: 0.51;
--ws-surface-form-input-error-border-color: var(--ws-color-error-400);
--ws-surface-form-input-error-border-color-opacity: 1;
--ws-surface-form-validation-error-text-color: var(--ws-color-error-400);
--ws-surface-form-checkbox-icon-color: var(--ws-color-light-0);
--ws-surface-form-checkbox-icon-color-opacity: 1;
--ws-surface-form-checkbox-background-color: var(--ws-color-light-50);
--ws-surface-form-checkbox-background-color-opacity: 1;
--ws-surface-form-checkbox-border-color: var(--ws-color-light-300);
--ws-surface-form-checkbox-border-color-opacity: 1;
--ws-surface-form-checkbox-checked-background-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-background-color-opacity: 1;
--ws-surface-form-checkbox-checked-border-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-border-color-opacity: 1;
--ws-surface-form-checkbox-disabled-border-color: var(--ws-color-light-300);
--ws-surface-form-checkbox-disabled-border-color-opacity: 0.51;
--ws-surface-form-checkbox-disabled-background-color: var(--ws-color-light-0);
--ws-surface-form-checkbox-disabled-background-color-opacity: 1;
--ws-surface-form-date-time-picker-wrapper-background-color: var(--ws-color-light-0);
--ws-surface-form-date-time-picker-current-month-color: var(--ws-color-text-black);
--ws-surface-form-date-time-picker-line-color: var(--ws-color-light-100);
--ws-surface-form-date-time-picker-current-day-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-current-day-background: var(--ws-color-secondary-800);
--ws-surface-form-date-time-picker-current-day-background-hover: var(--ws-color-light-50);
--ws-surface-form-date-time-picker-icon-color: var(--ws-color-secondary-400);
--ws-surface-form-date-time-picker-icon-hover-color: var(--ws-color-secondary-300);
--ws-surface-form-date-time-picker-other-month-color: var(--ws-color-text-black);
--ws-surface-form-date-time-picker-other-month-color-opacity: 0.31;
--ws-surface-form-date-time-picker-weekday-color: var(--ws-color-text-black);
--ws-surface-form-date-time-picker-weekday-color-opacity: 0.59;
--ws-surface-form-time-picker-background-color: var(--ws-color-light-0);
--ws-surface-form-time-picker-background-hover: var(--ws-color-light-50);
--ws-surface-form-time-picker-color: var(--ws-color-text-black);
--ws-surface-form-time-picker-line-color: var(--ws-color-light-100);
--ws-surface-social-icon-color: var(--ws-color-secondary-400);
--ws-surface-social-icon-color-opacity: 1;
--ws-surface-social-icon-hover-color: var(--ws-color-secondary-300);
--ws-surface-social-icon-hover-color-opacity: 1;
--ws-surface-feature-icon-color: var(--ws-color-secondary-400);
--ws-surface-feature-icon-color-opacity: 1;
--ws-surface-contact-icon-color: var(--ws-color-text-black);
--ws-surface-contact-icon-color-opacity: 0.59;
--ws-surface-m-table-with-buttons-thead-border-color: var(--ws-color-text-black);
--ws-surface-m-table-with-buttons-thead-border-color-opacity: 1;
--ws-surface-m-table-with-buttons-border-color: var(--ws-color-light-300);
--ws-surface-m-table-with-buttons-border-color-opacity: 1;
--ws-surface-tag-color: var(--ws-color-text-black);
--ws-surface-tag-color-opacity: 0.61;
--ws-surface-tag-background-color: var(--ws-color-light-200);
--ws-surface-tag-background-color-opacity: 1;
--ws-surface-counter-text-color: var(--ws-color-secondary-400);
--ws-surface-counter-text-opacity: 1;
--ws-surface-m-phone-color: var(--ws-color-secondary-400);
--ws-surface-header-phone-color: var(--ws-color-secondary-400);
--ws-surface-header-phone-color-opacity: 1;
--ws-surface-m-nav-link-color: var(--ws-color-text-black);
--ws-surface-m-nav-link-color-opacity: 1;
--ws-surface-m-nav-link-hover-color: var(--ws-color-primary-400);
--ws-surface-m-nav-link-hover-color-opacity: 1;
--ws-surface-m-nav-link-active-color: var(--ws-color-primary-600);
--ws-surface-m-nav-link-active-color-opacity: 1;
--ws-surface-decoration-1-color: var(--ws-color-secondary-800);
--ws-surface-decoration-2-color: var(--ws-color-light-200);
--ws-surface-decoration-3-color: var(--ws-color-primary-500);
--ws-surface-decoration-1-color-opacity: 1;
--ws-surface-decoration-2-color-opacity: 1;
--ws-surface-decoration-3-color-opacity: 1;
}
ws-block:is(
[src*="/menu-with-aside-cta/"],
[src*="/menu-with-media/"],
[src*="/menu-with-categories/"]
):has(.ws-surface[data-surface="1"])
[data-surface="0"].ws-light-1
[slot="menu-content"]
ws-text,
[data-surface].ws-light-1,
[data-ws-surface-vars="ws-light-1"] {
--ws-surface-background-color: var(--ws-color-light-50);
--ws-surface-background-color-opacity: 1;
--ws-surface-border-color: var(--ws-color-light-400);
--ws-surface-border-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-100);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-error-focus-outline-color: var(--ws-color-error-100);
--ws-surface-error-focus-outline-color-opacity: 1;
--ws-surface-primary-button-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-background-opacity: 1;
--ws-surface-primary-button-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-text-color-opacity: 1;
--ws-surface-primary-button-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-border-opacity: 1;
--ws-surface-primary-button-hover-background-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-background-opacity: 1;
--ws-surface-primary-button-hover-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-hover-text-color-opacity: 1;
--ws-surface-primary-button-hover-border-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-border-opacity: 1;
--ws-surface-primary-button-active-background-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-background-opacity: 1;
--ws-surface-primary-button-active-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-active-text-color-opacity: 1;
--ws-surface-primary-button-active-border-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-border-opacity: 1;
--ws-surface-primary-button-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-background-opacity: 0.03;
--ws-surface-primary-button-disabled-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-disabled-text-color-opacity: 0.32;
--ws-surface-primary-button-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-border-opacity: 0.03;
--ws-surface-secondary-button-1-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-background-opacity: 1;
--ws-surface-secondary-button-1-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-text-color-opacity: 1;
--ws-surface-secondary-button-1-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-border-opacity: 1;
--ws-surface-secondary-button-1-hover-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-hover-background-opacity: 0.4;
--ws-surface-secondary-button-1-hover-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-hover-text-color-opacity: 1;
--ws-surface-secondary-button-1-hover-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-hover-border-opacity: 0.4;
--ws-surface-secondary-button-1-active-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-active-background-opacity: 0.4;
--ws-surface-secondary-button-1-active-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-active-text-color-opacity: 1;
--ws-surface-secondary-button-1-active-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-active-border-opacity: 0.4;
--ws-surface-secondary-button-1-disabled-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-disabled-background-opacity: 0.5;
--ws-surface-secondary-button-1-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-1-disabled-text-color-opacity: 0.32;
--ws-surface-secondary-button-1-disabled-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-1-disabled-border-opacity: 0.5;
--ws-surface-secondary-button-2-background-color: var(--ws-color-light-50);
--ws-surface-secondary-button-2-background-opacity: 0;
--ws-surface-secondary-button-2-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-2-text-color-opacity: 1;
--ws-surface-secondary-button-2-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-border-opacity: 1;
--ws-surface-secondary-button-2-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-background-opacity: 1;
--ws-surface-secondary-button-2-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-hover-text-color-opacity: 1;
--ws-surface-secondary-button-2-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-border-opacity: 1;
--ws-surface-secondary-button-2-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-background-opacity: 1;
--ws-surface-secondary-button-2-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-active-text-color-opacity: 1;
--ws-surface-secondary-button-2-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-border-opacity: 1;
--ws-surface-secondary-button-2-disabled-background-color: var(--ws-color-light-50);
--ws-surface-secondary-button-2-disabled-background-opacity: 0;
--ws-surface-secondary-button-2-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-2-disabled-text-color-opacity: 0.32;
--ws-surface-secondary-button-2-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-disabled-border-opacity: 0.03;
--ws-surface-secondary-button-3-background-color: var(--ws-color-light-50);
--ws-surface-secondary-button-3-background-opacity: 0;
--ws-surface-secondary-button-3-text-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-text-color-opacity: 1;
--ws-surface-secondary-button-3-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-border-opacity: 1;
--ws-surface-secondary-button-3-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-background-opacity: 1;
--ws-surface-secondary-button-3-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-hover-text-color-opacity: 1;
--ws-surface-secondary-button-3-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-border-opacity: 1;
--ws-surface-secondary-button-3-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-background-opacity: 1;
--ws-surface-secondary-button-3-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-active-text-color-opacity: 1;
--ws-surface-secondary-button-3-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-border-opacity: 1;
--ws-surface-secondary-button-3-disabled-background-color: var(--ws-color-light-50);
--ws-surface-secondary-button-3-disabled-background-opacity: 0;
--ws-surface-secondary-button-3-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-3-disabled-text-color-opacity: 0.32;
--ws-surface-secondary-button-3-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-disabled-border-opacity: 0.03;
--ws-surface-secondary-button-4-background-color: var(--ws-color-light-50);
--ws-surface-secondary-button-4-background-opacity: 0;
--ws-surface-secondary-button-4-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-text-color-opacity: 1;
--ws-surface-secondary-button-4-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-border-opacity: 1;
--ws-surface-secondary-button-4-hover-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-hover-background-opacity: 1;
--ws-surface-secondary-button-4-hover-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-hover-text-color-opacity: 1;
--ws-surface-secondary-button-4-hover-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-hover-border-opacity: 1;
--ws-surface-secondary-button-4-active-background-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-active-background-opacity: 1;
--ws-surface-secondary-button-4-active-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-active-text-color-opacity: 1;
--ws-surface-secondary-button-4-active-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-active-border-opacity: 1;
--ws-surface-secondary-button-4-disabled-background-color: var(--ws-color-light-50);
--ws-surface-secondary-button-4-disabled-background-opacity: 0;
--ws-surface-secondary-button-4-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-4-disabled-text-color-opacity: 0.32;
--ws-surface-secondary-button-4-disabled-border-color: var(--ws-color-light-200);
--ws-surface-secondary-button-4-disabled-border-opacity: 0.5;
--ws-surface-secondary-button-5-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-background-opacity: 1;
--ws-surface-secondary-button-5-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-text-color-opacity: 1;
--ws-surface-secondary-button-5-border-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-border-opacity: 1;
--ws-surface-secondary-button-5-hover-background-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-hover-background-opacity: 1;
--ws-surface-secondary-button-5-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-hover-text-color-opacity: 1;
--ws-surface-secondary-button-5-hover-border-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-hover-border-opacity: 1;
--ws-surface-secondary-button-5-active-background-color: var(--ws-color-secondary-900);
--ws-surface-secondary-button-5-active-background-opacity: 1;
--ws-surface-secondary-button-5-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-active-text-color-opacity: 1;
--ws-surface-secondary-button-5-active-border-color: var(--ws-color-secondary-900);
--ws-surface-secondary-button-5-active-border-opacity: 1;
--ws-surface-secondary-button-5-disabled-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-disabled-background-opacity: 0.03;
--ws-surface-secondary-button-5-disabled-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-5-disabled-text-color-opacity: 0.32;
--ws-surface-secondary-button-5-disabled-border-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-disabled-border-opacity: 0.03;
--ws-surface-text-color: var(--ws-color-text-black);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.6;
--ws-surface-text-disabled-emphasis-opacity: 0.32;
--ws-surface-link-text-color: var(--ws-color-secondary-400);
--ws-surface-link-text-color-opacity: 1;
--ws-surface-link-hover-text-color: var(--ws-color-secondary-300);
--ws-surface-link-hover-text-color-opacity: 1;
--ws-surface-footer-link-text-color: var(--ws-color-text-black);
--ws-surface-footer-link-text-color-opacity: 1;
--ws-surface-footer-link-hover-text-color: var(--ws-color-primary-400);
--ws-surface-footer-link-hover-text-color-opacity: 1;
--ws-surface-feature-link-color: var(--ws-color-secondary-400);
--ws-surface-feature-link-color-opacity: 1;
--ws-surface-feature-link-hover-color: var(--ws-color-secondary-300);
--ws-surface-feature-link-hover-color-opacity: 1;
--ws-surface-highlighter-text-color: var(--ws-color-text-white);
--ws-surface-highlighter-background-color: var(--ws-color-secondary-800);
--ws-surface-mark-text-color: var(--ws-color-secondary-400);
--ws-surface-mark-text-color-opacity: 1;
--ws-surface-form-input-border-color: var(--ws-color-light-400);
--ws-surface-form-input-border-color-opacity: 1;
--ws-surface-form-input-focus-border-color: var(--ws-color-info-500);
--ws-surface-form-input-focus-border-color-opacity: 1;
--ws-surface-form-input-disabled-border-color: var(--ws-color-light-400);
--ws-surface-form-input-disabled-border-color-opacity: 0.51;
--ws-surface-form-input-error-border-color: var(--ws-color-error-400);
--ws-surface-form-input-error-border-color-opacity: 1;
--ws-surface-form-validation-error-text-color: var(--ws-color-error-400);
--ws-surface-form-checkbox-icon-color: var(--ws-color-light-0);
--ws-surface-form-checkbox-icon-color-opacity: 1;
--ws-surface-form-checkbox-background-color: var(--ws-color-light-100);
--ws-surface-form-checkbox-background-color-opacity: 1;
--ws-surface-form-checkbox-border-color: var(--ws-color-light-400);
--ws-surface-form-checkbox-border-color-opacity: 1;
--ws-surface-form-checkbox-checked-background-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-background-color-opacity: 1;
--ws-surface-form-checkbox-checked-border-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-border-color-opacity: 1;
--ws-surface-form-checkbox-disabled-border-color: var(--ws-color-light-400);
--ws-surface-form-checkbox-disabled-border-color-opacity: 0.51;
--ws-surface-form-checkbox-disabled-background-color: var(--ws-color-light-50);
--ws-surface-form-checkbox-disabled-background-color-opacity: 1;
--ws-surface-form-date-time-picker-wrapper-background-color: var(--ws-color-light-0);
--ws-surface-form-date-time-picker-current-month-color: var(--ws-color-text-black);
--ws-surface-form-date-time-picker-line-color: var(--ws-color-light-100);
--ws-surface-form-date-time-picker-current-day-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-current-day-background: var(--ws-color-secondary-800);
--ws-surface-form-date-time-picker-current-day-background-hover: var(--ws-color-light-50);
--ws-surface-form-date-time-picker-icon-color: var(--ws-color-secondary-400);
--ws-surface-form-date-time-picker-icon-hover-color: var(--ws-color-secondary-300);
--ws-surface-form-date-time-picker-other-month-color: var(--ws-color-text-black);
--ws-surface-form-date-time-picker-other-month-color-opacity: 0.31;
--ws-surface-form-date-time-picker-weekday-color: var(--ws-color-text-black);
--ws-surface-form-date-time-picker-weekday-color-opacity: 0.59;
--ws-surface-form-time-picker-background-color: var(--ws-color-light-0);
--ws-surface-form-time-picker-background-hover: var(--ws-color-light-50);
--ws-surface-form-time-picker-color: var(--ws-color-text-black);
--ws-surface-form-time-picker-line-color: var(--ws-color-light-100);
--ws-surface-social-icon-color: var(--ws-color-secondary-400);
--ws-surface-social-icon-color-opacity: 1;
--ws-surface-social-icon-hover-color: var(--ws-color-secondary-300);
--ws-surface-social-icon-hover-color-opacity: 1;
--ws-surface-feature-icon-color: var(--ws-color-secondary-400);
--ws-surface-feature-icon-color-opacity: 1;
--ws-surface-contact-icon-color: var(--ws-color-text-black);
--ws-surface-contact-icon-color-opacity: 0.6;
--ws-surface-m-table-with-buttons-thead-border-color: var(--ws-color-text-black);
--ws-surface-m-table-with-buttons-thead-border-color-opacity: 1;
--ws-surface-m-table-with-buttons-border-color: var(--ws-color-light-400);
--ws-surface-m-table-with-buttons-border-color-opacity: 1;
--ws-surface-tag-color: var(--ws-color-text-black);
--ws-surface-tag-color-opacity: 0.61;
--ws-surface-tag-background-color: var(--ws-color-light-200);
--ws-surface-tag-background-color-opacity: 1;
--ws-surface-counter-text-color: var(--ws-color-secondary-400);
--ws-surface-counter-text-opacity: 1;
--ws-surface-m-phone-color: var(--ws-color-secondary-400);
--ws-surface-header-phone-color: var(--ws-color-secondary-400);
--ws-surface-header-phone-color-opacity: 1;
--ws-surface-m-nav-link-color: var(--ws-color-text-black);
--ws-surface-m-nav-link-color-opacity: 1;
--ws-surface-m-nav-link-hover-color: var(--ws-color-primary-400);
--ws-surface-m-nav-link-hover-color-opacity: 1;
--ws-surface-m-nav-link-active-color: var(--ws-color-primary-600);
--ws-surface-m-nav-link-active-color-opacity: 1;
--ws-surface-decoration-1-color: var(--ws-color-secondary-800);
--ws-surface-decoration-2-color: var(--ws-color-light-200);
--ws-surface-decoration-3-color: var(--ws-color-primary-500);
--ws-surface-decoration-1-color-opacity: 1;
--ws-surface-decoration-2-color-opacity: 1;
--ws-surface-decoration-3-color-opacity: 1;
}
ws-block:is(
[src*="/menu-with-aside-cta/"],
[src*="/menu-with-media/"],
[src*="/menu-with-categories/"]
):has(.ws-surface[data-surface="1"])
[data-surface="0"].ws-dark-0
[slot="menu-content"]
ws-text,
.ws-m-media-with-text-overlay ws-text,
[data-surface].ws-dark-0,
[data-ws-surface-vars="ws-dark-0"] {
--ws-surface-background-color: var(--ws-color-dark-900);
--ws-surface-background-color-opacity: 1;
--ws-surface-border-color: var(--ws-color-dark-400);
--ws-surface-border-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-900);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-error-focus-outline-color: var(--ws-color-error-400);
--ws-surface-error-focus-outline-color-opacity: 0.77;
--ws-surface-primary-button-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-background-opacity: 1;
--ws-surface-primary-button-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-text-color-opacity: 1;
--ws-surface-primary-button-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-border-opacity: 1;
--ws-surface-primary-button-hover-background-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-background-opacity: 1;
--ws-surface-primary-button-hover-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-hover-text-color-opacity: 1;
--ws-surface-primary-button-hover-border-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-border-opacity: 1;
--ws-surface-primary-button-active-background-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-background-opacity: 1;
--ws-surface-primary-button-active-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-active-text-color-opacity: 1;
--ws-surface-primary-button-active-border-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-border-opacity: 1;
--ws-surface-primary-button-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-background-opacity: 0.23;
--ws-surface-primary-button-disabled-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-disabled-text-color-opacity: 0.22;
--ws-surface-primary-button-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-border-opacity: 0.23;
--ws-surface-secondary-button-1-background-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-background-opacity: 1;
--ws-surface-secondary-button-1-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-text-color-opacity: 1;
--ws-surface-secondary-button-1-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-border-opacity: 1;
--ws-surface-secondary-button-1-hover-background-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-hover-background-opacity: 0.4;
--ws-surface-secondary-button-1-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-hover-text-color-opacity: 1;
--ws-surface-secondary-button-1-hover-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-hover-border-opacity: 0.4;
--ws-surface-secondary-button-1-active-background-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-active-background-opacity: 0.4;
--ws-surface-secondary-button-1-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-active-text-color-opacity: 1;
--ws-surface-secondary-button-1-active-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-active-border-opacity: 0.4;
--ws-surface-secondary-button-1-disabled-background-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-disabled-background-opacity: 0.75;
--ws-surface-secondary-button-1-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-1-disabled-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-1-disabled-border-opacity: 0.75;
--ws-surface-secondary-button-2-background-color: var(--ws-color-dark-900);
--ws-surface-secondary-button-2-background-opacity: 0;
--ws-surface-secondary-button-2-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-text-color-opacity: 1;
--ws-surface-secondary-button-2-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-border-opacity: 1;
--ws-surface-secondary-button-2-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-background-opacity: 1;
--ws-surface-secondary-button-2-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-hover-text-color-opacity: 1;
--ws-surface-secondary-button-2-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-border-opacity: 1;
--ws-surface-secondary-button-2-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-background-opacity: 1;
--ws-surface-secondary-button-2-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-active-text-color-opacity: 1;
--ws-surface-secondary-button-2-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-border-opacity: 1;
--ws-surface-secondary-button-2-disabled-background-color: var(--ws-color-dark-900);
--ws-surface-secondary-button-2-disabled-background-opacity: 0;
--ws-surface-secondary-button-2-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-2-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-disabled-border-opacity: 0.23;
--ws-surface-secondary-button-3-background-color: var(--ws-color-dark-900);
--ws-surface-secondary-button-3-background-opacity: 0;
--ws-surface-secondary-button-3-text-color: var(--ws-color-primary-300);
--ws-surface-secondary-button-3-text-color-opacity: 1;
--ws-surface-secondary-button-3-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-border-opacity: 1;
--ws-surface-secondary-button-3-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-background-opacity: 1;
--ws-surface-secondary-button-3-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-hover-text-color-opacity: 1;
--ws-surface-secondary-button-3-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-border-opacity: 1;
--ws-surface-secondary-button-3-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-background-opacity: 1;
--ws-surface-secondary-button-3-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-active-text-color-opacity: 1;
--ws-surface-secondary-button-3-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-border-opacity: 1;
--ws-surface-secondary-button-3-disabled-background-color: var(--ws-color-dark-900);
--ws-surface-secondary-button-3-disabled-background-opacity: 0;
--ws-surface-secondary-button-3-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-3-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-disabled-border-opacity: 0.23;
--ws-surface-secondary-button-4-background-color: var(--ws-color-dark-900);
--ws-surface-secondary-button-4-background-opacity: 0;
--ws-surface-secondary-button-4-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-text-color-opacity: 1;
--ws-surface-secondary-button-4-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-4-border-opacity: 1;
--ws-surface-secondary-button-4-hover-background-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-4-hover-background-opacity: 1;
--ws-surface-secondary-button-4-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-hover-text-color-opacity: 1;
--ws-surface-secondary-button-4-hover-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-4-hover-border-opacity: 1;
--ws-surface-secondary-button-4-active-background-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-4-active-background-opacity: 1;
--ws-surface-secondary-button-4-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-active-text-color-opacity: 1;
--ws-surface-secondary-button-4-active-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-4-active-border-opacity: 1;
--ws-surface-secondary-button-4-disabled-background-color: var(--ws-color-dark-900);
--ws-surface-secondary-button-4-disabled-background-opacity: 0;
--ws-surface-secondary-button-4-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-4-disabled-border-color: var(--ws-color-dark-700);
--ws-surface-secondary-button-4-disabled-border-opacity: 0.75;
--ws-surface-secondary-button-5-background-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-background-opacity: 1;
--ws-surface-secondary-button-5-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-text-color-opacity: 1;
--ws-surface-secondary-button-5-border-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-border-opacity: 1;
--ws-surface-secondary-button-5-hover-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-5-hover-background-opacity: 1;
--ws-surface-secondary-button-5-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-hover-text-color-opacity: 1;
--ws-surface-secondary-button-5-hover-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-5-hover-border-opacity: 1;
--ws-surface-secondary-button-5-active-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-active-background-opacity: 1;
--ws-surface-secondary-button-5-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-active-text-color-opacity: 1;
--ws-surface-secondary-button-5-active-border-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-5-active-border-opacity: 1;
--ws-surface-secondary-button-5-disabled-background-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-disabled-background-opacity: 0.46;
--ws-surface-secondary-button-5-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-5-disabled-border-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-disabled-border-opacity: 0.46;
--ws-surface-text-color: var(--ws-color-text-white);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.45;
--ws-surface-text-disabled-emphasis-opacity: 0.22;
--ws-surface-link-text-color: var(--ws-color-secondary-200);
--ws-surface-link-text-color-opacity: 1;
--ws-surface-link-hover-text-color: var(--ws-color-secondary-100);
--ws-surface-link-hover-text-color-opacity: 1;
--ws-surface-footer-link-text-color: var(--ws-color-text-white);
--ws-surface-footer-link-text-color-opacity: 1;
--ws-surface-footer-link-hover-text-color: var(--ws-color-text-white);
--ws-surface-footer-link-hover-text-color-opacity: 0.45;
--ws-surface-feature-link-color: var(--ws-color-secondary-200);
--ws-surface-feature-link-color-opacity: 1;
--ws-surface-feature-link-hover-color: var(--ws-color-secondary-100);
--ws-surface-feature-link-hover-color-opacity: 1;
--ws-surface-highlighter-text-color: var(--ws-color-text-white);
--ws-surface-highlighter-background-color: var(--ws-color-secondary-700);
--ws-surface-mark-text-color: var(--ws-color-secondary-300);
--ws-surface-mark-text-color-opacity: 1;
--ws-surface-form-input-border-color: var(--ws-color-dark-400);
--ws-surface-form-input-border-color-opacity: 1;
--ws-surface-form-input-focus-border-color: var(--ws-color-info-800);
--ws-surface-form-input-focus-border-color-opacity: 1;
--ws-surface-form-input-disabled-border-color: var(--ws-color-dark-400);
--ws-surface-form-input-disabled-border-color-opacity: 0.49;
--ws-surface-form-input-error-border-color: var(--ws-color-error-600);
--ws-surface-form-input-error-border-color-opacity: 1;
--ws-surface-form-validation-error-text-color: var(--ws-color-error-500);
--ws-surface-form-checkbox-icon-color: var(--ws-color-light-0);
--ws-surface-form-checkbox-icon-color-opacity: 1;
--ws-surface-form-checkbox-background-color: var(--ws-color-dark-800);
--ws-surface-form-checkbox-background-color-opacity: 1;
--ws-surface-form-checkbox-border-color: var(--ws-color-dark-400);
--ws-surface-form-checkbox-border-color-opacity: 1;
--ws-surface-form-checkbox-checked-background-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-background-color-opacity: 1;
--ws-surface-form-checkbox-checked-border-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-border-color-opacity: 1;
--ws-surface-form-checkbox-disabled-border-color: var(--ws-color-dark-400);
--ws-surface-form-checkbox-disabled-border-color-opacity: 0.49;
--ws-surface-form-checkbox-disabled-background-color: var(--ws-color-dark-800);
--ws-surface-form-checkbox-disabled-background-color-opacity: 1;
--ws-surface-form-date-time-picker-wrapper-background-color: var(--ws-color-dark-800);
--ws-surface-form-date-time-picker-current-month-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-line-color: var(--ws-color-dark-600);
--ws-surface-form-date-time-picker-current-day-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-current-day-background: var(--ws-color-secondary-600);
--ws-surface-form-date-time-picker-current-day-background-hover: var(--ws-color-dark-700);
--ws-surface-form-date-time-picker-icon-color: var(--ws-color-secondary-300);
--ws-surface-form-date-time-picker-icon-hover-color: var(--ws-color-secondary-200);
--ws-surface-form-date-time-picker-other-month-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-other-month-color-opacity: 0.22;
--ws-surface-form-date-time-picker-weekday-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-weekday-color-opacity: 0.45;
--ws-surface-form-time-picker-background-color: var(--ws-color-dark-800);
--ws-surface-form-time-picker-background-hover: var(--ws-color-dark-700);
--ws-surface-form-time-picker-color: var(--ws-color-text-white);
--ws-surface-form-time-picker-line-color: var(--ws-color-dark-600);
--ws-surface-social-icon-color: var(--ws-color-secondary-400);
--ws-surface-social-icon-color-opacity: 1;
--ws-surface-social-icon-hover-color: var(--ws-color-secondary-300);
--ws-surface-social-icon-hover-color-opacity: 1;
--ws-surface-feature-icon-color: var(--ws-color-secondary-400);
--ws-surface-feature-icon-color-opacity: 1;
--ws-surface-contact-icon-color: var(--ws-color-text-white);
--ws-surface-contact-icon-color-opacity: 0.45;
--ws-surface-m-table-with-buttons-thead-border-color: var(--ws-color-text-white);
--ws-surface-m-table-with-buttons-thead-border-color-opacity: 1;
--ws-surface-m-table-with-buttons-border-color: var(--ws-color-dark-500);
--ws-surface-m-table-with-buttons-border-color-opacity: 1;
--ws-surface-tag-color: var(--ws-color-text-white);
--ws-surface-tag-color-opacity: 0.49;
--ws-surface-tag-background-color: var(--ws-color-dark-700);
--ws-surface-tag-background-color-opacity: 1;
--ws-surface-counter-text-color: var(--ws-color-secondary-300);
--ws-surface-counter-text-opacity: 1;
--ws-surface-m-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color-opacity: 1;
--ws-surface-m-nav-link-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-color-opacity: 1;
--ws-surface-m-nav-link-hover-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-hover-color-opacity: 0.45;
--ws-surface-m-nav-link-active-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-active-color-opacity: 0.45;
--ws-surface-decoration-1-color: var(--ws-color-secondary-700);
--ws-surface-decoration-2-color: var(--ws-color-dark-700);
--ws-surface-decoration-3-color: var(--ws-color-primary-500);
--ws-surface-decoration-1-color-opacity: 1;
--ws-surface-decoration-2-color-opacity: 1;
--ws-surface-decoration-3-color-opacity: 1;
}
ws-block:is(
[src*="/menu-with-aside-cta/"],
[src*="/menu-with-media/"],
[src*="/menu-with-categories/"]
):has(.ws-surface[data-surface="1"])
[data-surface="0"].ws-dark-1
[slot="menu-content"]
ws-text,
[data-surface].ws-dark-1,
[data-ws-surface-vars="ws-dark-1"] {
--ws-surface-background-color: var(--ws-color-dark-800);
--ws-surface-background-color-opacity: 1;
--ws-surface-border-color: var(--ws-color-dark-300);
--ws-surface-border-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-900);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-error-focus-outline-color: var(--ws-color-error-900);
--ws-surface-error-focus-outline-color-opacity: 0.86;
--ws-surface-primary-button-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-background-opacity: 1;
--ws-surface-primary-button-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-text-color-opacity: 1;
--ws-surface-primary-button-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-border-opacity: 1;
--ws-surface-primary-button-hover-background-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-background-opacity: 1;
--ws-surface-primary-button-hover-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-hover-text-color-opacity: 1;
--ws-surface-primary-button-hover-border-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-border-opacity: 1;
--ws-surface-primary-button-active-background-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-background-opacity: 1;
--ws-surface-primary-button-active-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-active-text-color-opacity: 1;
--ws-surface-primary-button-active-border-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-border-opacity: 1;
--ws-surface-primary-button-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-background-opacity: 0.24;
--ws-surface-primary-button-disabled-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-disabled-text-color-opacity: 0.23;
--ws-surface-primary-button-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-border-opacity: 0.24;
--ws-surface-secondary-button-1-background-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-background-opacity: 1;
--ws-surface-secondary-button-1-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-text-color-opacity: 1;
--ws-surface-secondary-button-1-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-border-opacity: 1;
--ws-surface-secondary-button-1-hover-background-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-hover-background-opacity: 0.4;
--ws-surface-secondary-button-1-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-hover-text-color-opacity: 1;
--ws-surface-secondary-button-1-hover-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-hover-border-opacity: 0.4;
--ws-surface-secondary-button-1-active-background-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-active-background-opacity: 0.4;
--ws-surface-secondary-button-1-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-active-text-color-opacity: 1;
--ws-surface-secondary-button-1-active-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-active-border-opacity: 0.4;
--ws-surface-secondary-button-1-disabled-background-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-disabled-background-opacity: 0.56;
--ws-surface-secondary-button-1-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-disabled-text-color-opacity: 0.24;
--ws-surface-secondary-button-1-disabled-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-1-disabled-border-opacity: 0.56;
--ws-surface-secondary-button-2-background-color: var(--ws-color-dark-800);
--ws-surface-secondary-button-2-background-opacity: 0;
--ws-surface-secondary-button-2-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-text-color-opacity: 1;
--ws-surface-secondary-button-2-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-border-opacity: 1;
--ws-surface-secondary-button-2-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-background-opacity: 1;
--ws-surface-secondary-button-2-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-hover-text-color-opacity: 1;
--ws-surface-secondary-button-2-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-border-opacity: 1;
--ws-surface-secondary-button-2-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-background-opacity: 1;
--ws-surface-secondary-button-2-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-active-text-color-opacity: 1;
--ws-surface-secondary-button-2-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-border-opacity: 1;
--ws-surface-secondary-button-2-disabled-background-color: var(--ws-color-dark-800);
--ws-surface-secondary-button-2-disabled-background-opacity: 0;
--ws-surface-secondary-button-2-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-2-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-disabled-border-opacity: 0.24;
--ws-surface-secondary-button-3-background-color: var(--ws-color-dark-800);
--ws-surface-secondary-button-3-background-opacity: 0;
--ws-surface-secondary-button-3-text-color: var(--ws-color-primary-300);
--ws-surface-secondary-button-3-text-color-opacity: 1;
--ws-surface-secondary-button-3-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-border-opacity: 1;
--ws-surface-secondary-button-3-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-background-opacity: 1;
--ws-surface-secondary-button-3-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-hover-text-color-opacity: 1;
--ws-surface-secondary-button-3-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-border-opacity: 1;
--ws-surface-secondary-button-3-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-background-opacity: 1;
--ws-surface-secondary-button-3-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-active-text-color-opacity: 1;
--ws-surface-secondary-button-3-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-border-opacity: 1;
--ws-surface-secondary-button-3-disabled-background-color: var(--ws-color-dark-800);
--ws-surface-secondary-button-3-disabled-background-opacity: 0;
--ws-surface-secondary-button-3-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-3-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-disabled-border-opacity: 0.24;
--ws-surface-secondary-button-4-background-color: var(--ws-color-dark-800);
--ws-surface-secondary-button-4-background-opacity: 0;
--ws-surface-secondary-button-4-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-text-color-opacity: 1;
--ws-surface-secondary-button-4-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-4-border-opacity: 1;
--ws-surface-secondary-button-4-hover-background-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-4-hover-background-opacity: 1;
--ws-surface-secondary-button-4-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-hover-text-color-opacity: 1;
--ws-surface-secondary-button-4-hover-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-4-hover-border-opacity: 1;
--ws-surface-secondary-button-4-active-background-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-4-active-background-opacity: 1;
--ws-surface-secondary-button-4-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-active-text-color-opacity: 1;
--ws-surface-secondary-button-4-active-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-4-active-border-opacity: 1;
--ws-surface-secondary-button-4-disabled-background-color: var(--ws-color-dark-800);
--ws-surface-secondary-button-4-disabled-background-opacity: 0;
--ws-surface-secondary-button-4-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-disabled-text-color-opacity: 0.22;
--ws-surface-secondary-button-4-disabled-border-color: var(--ws-color-dark-500);
--ws-surface-secondary-button-4-disabled-border-opacity: 0.56;
--ws-surface-secondary-button-5-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-5-background-opacity: 1;
--ws-surface-secondary-button-5-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-text-color-opacity: 1;
--ws-surface-secondary-button-5-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-5-border-opacity: 1;
--ws-surface-secondary-button-5-hover-background-color: var(--ws-color-secondary-500);
--ws-surface-secondary-button-5-hover-background-opacity: 1;
--ws-surface-secondary-button-5-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-hover-text-color-opacity: 1;
--ws-surface-secondary-button-5-hover-border-color: var(--ws-color-secondary-500);
--ws-surface-secondary-button-5-hover-border-opacity: 1;
--ws-surface-secondary-button-5-active-background-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-active-background-opacity: 1;
--ws-surface-secondary-button-5-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-active-text-color-opacity: 1;
--ws-surface-secondary-button-5-active-border-color: var(--ws-color-secondary-700);
--ws-surface-secondary-button-5-active-border-opacity: 1;
--ws-surface-secondary-button-5-disabled-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-5-disabled-background-opacity: 0.43;
--ws-surface-secondary-button-5-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-disabled-text-color-opacity: 0.23;
--ws-surface-secondary-button-5-disabled-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-5-disabled-border-opacity: 0.43;
--ws-surface-text-color: var(--ws-color-text-white);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.45;
--ws-surface-text-disabled-emphasis-opacity: 0.22;
--ws-surface-link-text-color: var(--ws-color-secondary-200);
--ws-surface-link-text-color-opacity: 1;
--ws-surface-link-hover-text-color: var(--ws-color-secondary-100);
--ws-surface-link-hover-text-color-opacity: 1;
--ws-surface-footer-link-text-color: var(--ws-color-text-white);
--ws-surface-footer-link-text-color-opacity: 1;
--ws-surface-footer-link-hover-text-color: var(--ws-color-text-white);
--ws-surface-footer-link-hover-text-color-opacity: 0.47;
--ws-surface-feature-link-color: var(--ws-color-secondary-200);
--ws-surface-feature-link-color-opacity: 1;
--ws-surface-feature-link-hover-color: var(--ws-color-secondary-100);
--ws-surface-feature-link-hover-color-opacity: 1;
--ws-surface-highlighter-text-color: var(--ws-color-text-white);
--ws-surface-highlighter-background-color: var(--ws-color-secondary-600);
--ws-surface-mark-text-color: var(--ws-color-secondary-200);
--ws-surface-mark-text-color-opacity: 1;
--ws-surface-form-input-border-color: var(--ws-color-dark-300);
--ws-surface-form-input-border-color-opacity: 1;
--ws-surface-form-input-focus-border-color: var(--ws-color-info-800);
--ws-surface-form-input-focus-border-color-opacity: 1;
--ws-surface-form-input-disabled-border-color: var(--ws-color-dark-300);
--ws-surface-form-input-disabled-border-color-opacity: 0.49;
--ws-surface-form-input-error-border-color: var(--ws-color-error-600);
--ws-surface-form-input-error-border-color-opacity: 1;
--ws-surface-form-validation-error-text-color: var(--ws-color-error-400);
--ws-surface-form-checkbox-icon-color: var(--ws-color-light-0);
--ws-surface-form-checkbox-icon-color-opacity: 1;
--ws-surface-form-checkbox-background-color: var(--ws-color-dark-700);
--ws-surface-form-checkbox-background-color-opacity: 1;
--ws-surface-form-checkbox-border-color: var(--ws-color-dark-300);
--ws-surface-form-checkbox-border-color-opacity: 1;
--ws-surface-form-checkbox-checked-background-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-background-color-opacity: 1;
--ws-surface-form-checkbox-checked-border-color: var(--ws-color-secondary-400);
--ws-surface-form-checkbox-checked-border-color-opacity: 1;
--ws-surface-form-checkbox-disabled-border-color: var(--ws-color-dark-300);
--ws-surface-form-checkbox-disabled-border-color-opacity: 0.49;
--ws-surface-form-checkbox-disabled-background-color: var(--ws-color-dark-800);
--ws-surface-form-checkbox-disabled-background-color-opacity: 1;
--ws-surface-form-date-time-picker-wrapper-background-color: var(--ws-color-dark-700);
--ws-surface-form-date-time-picker-current-month-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-line-color: var(--ws-color-dark-500);
--ws-surface-form-date-time-picker-current-day-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-current-day-background: var(--ws-color-secondary-600);
--ws-surface-form-date-time-picker-current-day-background-hover: var(--ws-color-dark-700);
--ws-surface-form-date-time-picker-icon-color: var(--ws-color-secondary-300);
--ws-surface-form-date-time-picker-icon-hover-color: var(--ws-color-secondary-200);
--ws-surface-form-date-time-picker-other-month-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-other-month-color-opacity: 0.22;
--ws-surface-form-date-time-picker-weekday-color: var(--ws-color-text-white);
--ws-surface-form-date-time-picker-weekday-color-opacity: 0.45;
--ws-surface-form-time-picker-background-color: var(--ws-color-dark-700);
--ws-surface-form-time-picker-background-hover: var(--ws-color-dark-600);
--ws-surface-form-time-picker-color: var(--ws-color-text-white);
--ws-surface-form-time-picker-line-color: var(--ws-color-dark-500);
--ws-surface-social-icon-color: var(--ws-color-secondary-300);
--ws-surface-social-icon-color-opacity: 1;
--ws-surface-social-icon-hover-color: var(--ws-color-secondary-200);
--ws-surface-social-icon-hover-color-opacity: 1;
--ws-surface-feature-icon-color: var(--ws-color-secondary-300);
--ws-surface-feature-icon-color-opacity: 1;
--ws-surface-contact-icon-color: var(--ws-color-text-white);
--ws-surface-contact-icon-color-opacity: 0.47;
--ws-surface-m-table-with-buttons-thead-border-color: var(--ws-color-text-white);
--ws-surface-m-table-with-buttons-thead-border-color-opacity: 1;
--ws-surface-m-table-with-buttons-border-color: var(--ws-color-dark-500);
--ws-surface-m-table-with-buttons-border-color-opacity: 1;
--ws-surface-tag-color: var(--ws-color-text-white);
--ws-surface-tag-color-opacity: 0.55;
--ws-surface-tag-background-color: var(--ws-color-dark-500);
--ws-surface-tag-background-color-opacity: 1;
--ws-surface-counter-text-color: var(--ws-color-secondary-200);
--ws-surface-counter-text-opacity: 1;
--ws-surface-m-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color-opacity: 1;
--ws-surface-m-nav-link-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-color-opacity: 1;
--ws-surface-m-nav-link-hover-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-hover-color-opacity: 0.47;
--ws-surface-m-nav-link-active-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-active-color-opacity: 0.47;
--ws-surface-decoration-1-color: var(--ws-color-secondary-600);
--ws-surface-decoration-2-color: var(--ws-color-dark-500);
--ws-surface-decoration-3-color: var(--ws-color-primary-500);
--ws-surface-decoration-1-color-opacity: 1;
--ws-surface-decoration-2-color-opacity: 1;
--ws-surface-decoration-3-color-opacity: 1;
}
.ws-m-local-header__top-panel,
ws-header::part(top-panel),
[data-ws-surface-vars="ws-dark-2"] {
--ws-surface-background-color: var(--ws-color-dark-1000);
--ws-surface-background-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-900);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-text-color: var(--ws-color-text-white);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.46;
--ws-surface-social-icon-color: var(--ws-color-text-white);
--ws-surface-social-icon-hover-color: var(--ws-color-text-white);
--ws-surface-social-icon-hover-color-opacity: 0.4;
--ws-surface-contact-icon-color: var(--ws-color-secondary-400);
--ws-surface-contact-icon-color-opacity: 1;
--ws-surface-m-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color-opacity: 1;
}
[data-surface].ws-primary-0,
[data-ws-surface-vars="ws-primary-0"] {
--ws-surface-background-color: var(--ws-color-primary-500);
--ws-surface-background-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-500);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-primary-button-background-color: var(--ws-color-light-0);
--ws-surface-primary-button-background-opacity: 1;
--ws-surface-primary-button-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-text-color-opacity: 1;
--ws-surface-primary-button-border-color: var(--ws-color-light-0);
--ws-surface-primary-button-border-opacity: 1;
--ws-surface-primary-button-hover-background-color: var(--ws-color-light-50);
--ws-surface-primary-button-hover-background-opacity: 1;
--ws-surface-primary-button-hover-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-hover-text-color-opacity: 1;
--ws-surface-primary-button-hover-border-color: var(--ws-color-light-50);
--ws-surface-primary-button-hover-border-opacity: 1;
--ws-surface-primary-button-active-background-color: var(--ws-color-light-50);
--ws-surface-primary-button-active-background-opacity: 1;
--ws-surface-primary-button-active-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-active-text-color-opacity: 1;
--ws-surface-primary-button-active-border-color: var(--ws-color-light-50);
--ws-surface-primary-button-active-border-opacity: 1;
--ws-surface-primary-button-disabled-background-color: var(--ws-color-light-0);
--ws-surface-primary-button-disabled-background-opacity: 0.1;
--ws-surface-primary-button-disabled-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-disabled-text-color-opacity: 0.41;
--ws-surface-primary-button-disabled-border-color: var(--ws-color-light-0);
--ws-surface-primary-button-disabled-border-opacity: 0.1;
--ws-surface-secondary-button-1-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-background-opacity: 1;
--ws-surface-secondary-button-1-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-text-color-opacity: 1;
--ws-surface-secondary-button-1-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-border-opacity: 1;
--ws-surface-secondary-button-1-hover-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-hover-background-opacity: 0.4;
--ws-surface-secondary-button-1-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-hover-text-color-opacity: 1;
--ws-surface-secondary-button-1-hover-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-hover-border-opacity: 0.4;
--ws-surface-secondary-button-1-active-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-active-background-opacity: 0.4;
--ws-surface-secondary-button-1-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-active-text-color-opacity: 1;
--ws-surface-secondary-button-1-active-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-active-border-opacity: 0.4;
--ws-surface-secondary-button-1-disabled-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-disabled-background-opacity: 0.73;
--ws-surface-secondary-button-1-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-disabled-text-color-opacity: 0.33;
--ws-surface-secondary-button-1-disabled-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-1-disabled-border-opacity: 0.73;
--ws-surface-secondary-button-2-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-background-opacity: 0;
--ws-surface-secondary-button-2-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-text-color-opacity: 1;
--ws-surface-secondary-button-2-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-border-opacity: 1;
--ws-surface-secondary-button-2-hover-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-hover-background-opacity: 1;
--ws-surface-secondary-button-2-hover-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-2-hover-text-color-opacity: 1;
--ws-surface-secondary-button-2-hover-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-hover-border-opacity: 1;
--ws-surface-secondary-button-2-active-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-active-background-opacity: 1;
--ws-surface-secondary-button-2-active-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-2-active-text-color-opacity: 1;
--ws-surface-secondary-button-2-active-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-active-border-opacity: 1;
--ws-surface-secondary-button-2-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-disabled-background-opacity: 0;
--ws-surface-secondary-button-2-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-disabled-text-color-opacity: 0.37;
--ws-surface-secondary-button-2-disabled-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-2-disabled-border-opacity: 0.1;
--ws-surface-secondary-button-3-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-background-opacity: 0;
--ws-surface-secondary-button-3-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-text-color-opacity: 1;
--ws-surface-secondary-button-3-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-border-opacity: 1;
--ws-surface-secondary-button-3-hover-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-hover-background-opacity: 1;
--ws-surface-secondary-button-3-hover-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-3-hover-text-color-opacity: 1;
--ws-surface-secondary-button-3-hover-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-hover-border-opacity: 1;
--ws-surface-secondary-button-3-active-background-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-active-background-opacity: 1;
--ws-surface-secondary-button-3-active-text-color: var(--ws-color-text-black);
--ws-surface-secondary-button-3-active-text-color-opacity: 1;
--ws-surface-secondary-button-3-active-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-active-border-opacity: 1;
--ws-surface-secondary-button-3-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-disabled-background-opacity: 0;
--ws-surface-secondary-button-3-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-disabled-text-color-opacity: 0.37;
--ws-surface-secondary-button-3-disabled-border-color: var(--ws-color-light-0);
--ws-surface-secondary-button-3-disabled-border-opacity: 0.1;
--ws-surface-secondary-button-4-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-4-background-opacity: 0;
--ws-surface-secondary-button-4-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-text-color-opacity: 1;
--ws-surface-secondary-button-4-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-4-border-opacity: 1;
--ws-surface-secondary-button-4-hover-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-4-hover-background-opacity: 1;
--ws-surface-secondary-button-4-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-hover-text-color-opacity: 1;
--ws-surface-secondary-button-4-hover-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-4-hover-border-opacity: 1;
--ws-surface-secondary-button-4-active-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-4-active-background-opacity: 1;
--ws-surface-secondary-button-4-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-active-text-color-opacity: 1;
--ws-surface-secondary-button-4-active-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-4-active-border-opacity: 1;
--ws-surface-secondary-button-4-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-4-disabled-background-opacity: 0;
--ws-surface-secondary-button-4-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-disabled-text-color-opacity: 0.37;
--ws-surface-secondary-button-4-disabled-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-4-disabled-border-opacity: 0.73;
--ws-surface-secondary-button-5-background-color: var(--ws-color-primary-800);
--ws-surface-secondary-button-5-background-opacity: 1;
--ws-surface-secondary-button-5-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-text-color-opacity: 1;
--ws-surface-secondary-button-5-border-color: var(--ws-color-primary-800);
--ws-surface-secondary-button-5-border-opacity: 1;
--ws-surface-secondary-button-5-hover-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-5-hover-background-opacity: 1;
--ws-surface-secondary-button-5-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-hover-text-color-opacity: 1;
--ws-surface-secondary-button-5-hover-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-5-hover-border-opacity: 1;
--ws-surface-secondary-button-5-active-background-color: var(--ws-color-primary-900);
--ws-surface-secondary-button-5-active-background-opacity: 1;
--ws-surface-secondary-button-5-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-active-text-color-opacity: 1;
--ws-surface-secondary-button-5-active-border-color: var(--ws-color-primary-900);
--ws-surface-secondary-button-5-active-border-opacity: 1;
--ws-surface-secondary-button-5-disabled-background-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-5-disabled-background-opacity: 0.45;
--ws-surface-secondary-button-5-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-disabled-text-color-opacity: 0.34;
--ws-surface-secondary-button-5-disabled-border-color: var(--ws-color-primary-700);
--ws-surface-secondary-button-5-disabled-border-opacity: 0.45;
--ws-surface-text-color: var(--ws-color-text-white);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.83;
--ws-surface-text-disabled-emphasis-opacity: 0.37;
--ws-surface-link-text-color: var(--ws-color-text-white);
--ws-surface-link-text-color-opacity: 1;
--ws-surface-link-hover-text-color: var(--ws-color-text-white);
--ws-surface-link-hover-text-color-opacity: 0.4;
--ws-surface-feature-link-color: var(--ws-color-text-white);
--ws-surface-feature-link-color-opacity: 1;
--ws-surface-feature-link-hover-color: var(--ws-color-text-white);
--ws-surface-feature-link-hover-color-opacity: 0.4;
--ws-surface-highlighter-text-color: var(--ws-color-text-white);
--ws-surface-highlighter-background-color: var(--ws-color-secondary-800);
--ws-surface-social-icon-color: var(--ws-color-text-white);
--ws-surface-social-icon-color-opacity: 1;
--ws-surface-social-icon-hover-color: var(--ws-color-text-white);
--ws-surface-social-icon-hover-color-opacity: 0.4;
--ws-surface-m-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color-opacity: 1;
--ws-surface-m-nav-link-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-color-opacity: 1;
--ws-surface-m-nav-link-hover-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-hover-color-opacity: 0.83;
--ws-surface-m-nav-link-active-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-active-color-opacity: 0.83;
--ws-surface-decoration-1-color: var(--ws-color-primary-800);
--ws-surface-decoration-2-color: var(--ws-color-primary-700);
--ws-surface-decoration-3-color: var(--ws-color-light-0);
--ws-surface-decoration-1-color-opacity: 1;
--ws-surface-decoration-2-color-opacity: 1;
--ws-surface-decoration-3-color-opacity: 1;
}
.ws-m-testimonial ws-media-container:before,
.ws-m-testimonial ws-media-container:after,
.ws-m-schedule table thead,
[data-surface].ws-secondary-0,
[data-ws-surface-vars="ws-secondary-0"] {
--ws-surface-background-color: var(--ws-color-secondary-800);
--ws-surface-background-color-opacity: 1;
--ws-surface-focus-outline-color: var(--ws-color-info-800);
--ws-surface-focus-outline-color-opacity: 1;
--ws-surface-primary-button-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-background-opacity: 1;
--ws-surface-primary-button-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-text-color-opacity: 1;
--ws-surface-primary-button-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-border-opacity: 1;
--ws-surface-primary-button-hover-background-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-background-opacity: 1;
--ws-surface-primary-button-hover-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-hover-text-color-opacity: 1;
--ws-surface-primary-button-hover-border-color: var(--ws-color-primary-400);
--ws-surface-primary-button-hover-border-opacity: 1;
--ws-surface-primary-button-active-background-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-background-opacity: 1;
--ws-surface-primary-button-active-text-color: var(--ws-color-text-white);
--ws-surface-primary-button-active-text-color-opacity: 1;
--ws-surface-primary-button-active-border-color: var(--ws-color-primary-600);
--ws-surface-primary-button-active-border-opacity: 1;
--ws-surface-primary-button-disabled-background-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-background-opacity: 0.25;
--ws-surface-primary-button-disabled-text-color: var(--ws-color-text-black);
--ws-surface-primary-button-disabled-text-color-opacity: 0.26;
--ws-surface-primary-button-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-primary-button-disabled-border-opacity: 0.25;
--ws-surface-secondary-button-1-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-background-opacity: 1;
--ws-surface-secondary-button-1-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-text-color-opacity: 1;
--ws-surface-secondary-button-1-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-border-opacity: 1;
--ws-surface-secondary-button-1-hover-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-hover-background-opacity: 0.4;
--ws-surface-secondary-button-1-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-hover-text-color-opacity: 1;
--ws-surface-secondary-button-1-hover-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-hover-border-opacity: 0.4;
--ws-surface-secondary-button-1-active-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-active-background-opacity: 0.4;
--ws-surface-secondary-button-1-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-active-text-color-opacity: 1;
--ws-surface-secondary-button-1-active-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-active-border-opacity: 0.4;
--ws-surface-secondary-button-1-disabled-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-disabled-background-opacity: 0.56;
--ws-surface-secondary-button-1-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-1-disabled-text-color-opacity: 0.25;
--ws-surface-secondary-button-1-disabled-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-1-disabled-border-opacity: 0.56;
--ws-surface-secondary-button-2-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-2-background-opacity: 0;
--ws-surface-secondary-button-2-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-text-color-opacity: 1;
--ws-surface-secondary-button-2-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-border-opacity: 1;
--ws-surface-secondary-button-2-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-background-opacity: 1;
--ws-surface-secondary-button-2-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-hover-text-color-opacity: 1;
--ws-surface-secondary-button-2-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-hover-border-opacity: 1;
--ws-surface-secondary-button-2-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-background-opacity: 1;
--ws-surface-secondary-button-2-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-active-text-color-opacity: 1;
--ws-surface-secondary-button-2-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-active-border-opacity: 1;
--ws-surface-secondary-button-2-disabled-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-2-disabled-background-opacity: 0;
--ws-surface-secondary-button-2-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-2-disabled-text-color-opacity: 0.25;
--ws-surface-secondary-button-2-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-2-disabled-border-opacity: 0.25;
--ws-surface-secondary-button-3-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-3-background-opacity: 0;
--ws-surface-secondary-button-3-text-color: var(--ws-color-primary-300);
--ws-surface-secondary-button-3-text-color-opacity: 1;
--ws-surface-secondary-button-3-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-border-opacity: 1;
--ws-surface-secondary-button-3-hover-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-background-opacity: 1;
--ws-surface-secondary-button-3-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-hover-text-color-opacity: 1;
--ws-surface-secondary-button-3-hover-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-hover-border-opacity: 1;
--ws-surface-secondary-button-3-active-background-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-background-opacity: 1;
--ws-surface-secondary-button-3-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-active-text-color-opacity: 1;
--ws-surface-secondary-button-3-active-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-active-border-opacity: 1;
--ws-surface-secondary-button-3-disabled-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-3-disabled-background-opacity: 0;
--ws-surface-secondary-button-3-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-3-disabled-text-color-opacity: 0.25;
--ws-surface-secondary-button-3-disabled-border-color: var(--ws-color-primary-500);
--ws-surface-secondary-button-3-disabled-border-opacity: 0.25;
--ws-surface-secondary-button-4-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-4-background-opacity: 0;
--ws-surface-secondary-button-4-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-text-color-opacity: 1;
--ws-surface-secondary-button-4-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-4-border-opacity: 1;
--ws-surface-secondary-button-4-hover-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-4-hover-background-opacity: 1;
--ws-surface-secondary-button-4-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-hover-text-color-opacity: 1;
--ws-surface-secondary-button-4-hover-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-4-hover-border-opacity: 1;
--ws-surface-secondary-button-4-active-background-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-4-active-background-opacity: 1;
--ws-surface-secondary-button-4-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-active-text-color-opacity: 1;
--ws-surface-secondary-button-4-active-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-4-active-border-opacity: 1;
--ws-surface-secondary-button-4-disabled-background-color: var(--ws-color-secondary-800);
--ws-surface-secondary-button-4-disabled-background-opacity: 0;
--ws-surface-secondary-button-4-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-4-disabled-text-color-opacity: 0.25;
--ws-surface-secondary-button-4-disabled-border-color: var(--ws-color-secondary-600);
--ws-surface-secondary-button-4-disabled-border-opacity: 0.56;
--ws-surface-secondary-button-5-background-color: var(--ws-color-secondary-400);
--ws-surface-secondary-button-5-background-opacity: 1;
--ws-surface-secondary-button-5-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-text-color-opacity: 1;
--ws-surface-secondary-button-5-border-color: var(--ws-color-secondary-400);
--ws-surface-secondary-button-5-border-opacity: 1;
--ws-surface-secondary-button-5-hover-background-color: var(--ws-color-secondary-300);
--ws-surface-secondary-button-5-hover-background-opacity: 1;
--ws-surface-secondary-button-5-hover-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-hover-text-color-opacity: 1;
--ws-surface-secondary-button-5-hover-border-color: var(--ws-color-secondary-300);
--ws-surface-secondary-button-5-hover-border-opacity: 1;
--ws-surface-secondary-button-5-active-background-color: var(--ws-color-secondary-500);
--ws-surface-secondary-button-5-active-background-opacity: 1;
--ws-surface-secondary-button-5-active-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-active-text-color-opacity: 1;
--ws-surface-secondary-button-5-active-border-color: var(--ws-color-secondary-500);
--ws-surface-secondary-button-5-active-border-opacity: 1;
--ws-surface-secondary-button-5-disabled-background-color: var(--ws-color-secondary-400);
--ws-surface-secondary-button-5-disabled-background-opacity: 0.27;
--ws-surface-secondary-button-5-disabled-text-color: var(--ws-color-text-white);
--ws-surface-secondary-button-5-disabled-text-color-opacity: 0.26;
--ws-surface-secondary-button-5-disabled-border-color: var(--ws-color-secondary-400);
--ws-surface-secondary-button-5-disabled-border-opacity: 0.27;
--ws-surface-text-color: var(--ws-color-text-white);
--ws-surface-text-high-emphasis-opacity: 1;
--ws-surface-text-medium-emphasis-opacity: 0.53;
--ws-surface-text-disabled-emphasis-opacity: 0.25;
--ws-surface-link-text-color: var(--ws-color-text-white);
--ws-surface-link-text-color-opacity: 1;
--ws-surface-link-hover-text-color: var(--ws-color-text-white);
--ws-surface-link-hover-text-color-opacity: 0.4;
--ws-surface-feature-link-color: var(--ws-color-text-white);
--ws-surface-feature-link-color-opacity: 1;
--ws-surface-feature-link-hover-color: var(--ws-color-text-white);
--ws-surface-feature-link-hover-color-opacity: 0.4;
--ws-surface-highlighter-text-color: var(--ws-color-text-white);
--ws-surface-highlighter-background-color: var(--ws-color-secondary-400);
--ws-surface-feature-icon-color: var(--ws-color-text-white);
--ws-surface-feature-icon-color-opacity: 1;
--ws-surface-social-icon-color: var(--ws-color-text-white);
--ws-surface-social-icon-color-opacity: 1;
--ws-surface-social-icon-hover-color: var(--ws-color-text-white);
--ws-surface-social-icon-hover-color-opacity: 0.4;
--ws-surface-contact-icon-color: var(--ws-color-text-white);
--ws-surface-contact-icon-color-opacity: 1;
--ws-surface-m-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color: var(--ws-color-text-white);
--ws-surface-header-phone-color-opacity: 1;
--ws-surface-quote-icon-color: var(--ws-color-text-white);
--ws-surface-quote-icon-color-opacity: 1;
--ws-surface-m-nav-link-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-color-opacity: 1;
--ws-surface-m-nav-link-hover-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-hover-color-opacity: 0.53;
--ws-surface-m-nav-link-active-color: var(--ws-color-text-white);
--ws-surface-m-nav-link-active-color-opacity: 0.53;
--ws-surface-decoration-1-color: var(--ws-color-secondary-400);
--ws-surface-decoration-2-color: var(--ws-color-secondary-600);
--ws-surface-decoration-3-color: var(--ws-color-primary-500);
--ws-surface-decoration-1-color-opacity: 1;
--ws-surface-decoration-2-color-opacity: 1;
--ws-surface-decoration-3-color-opacity: 1;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
} /*! uncss:ignore start */
.pswp {
font-family: var(--ws-base-font-family);
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: 0;
}
.pswp img {
max-width: none;
}
.pswp--animate_opacity {
opacity: 0.001;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
cursor: grab;
}
.pswp--dragging .pswp__img {
cursor: grabbing;
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline;
}
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: 0;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: 0;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==")
0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: 0;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
.pswp__counter {
user-select: none;
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: var(--ws-base-font-size);
line-height: 44px;
color: #fff;
opacity: 0.75;
padding: 0 10px;
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
color: #ccc;
font-size: var(--ws-base-font-size);
line-height: var(--ws-base-line-height);
text-align: left;
}
.pswp__caption__center {
display: grid;
box-sizing: border-box;
max-width: var(--ws-container-width);
margin: 0 auto;
padding: 10px var(--ws-columns-column-gap-half);
}
.pswp__caption__title,
.pswp__caption__description {
display: -webkit-box;
-webkit-line-clamp: var(--lightbox-caption-line-clamp);
-webkit-box-orient: vertical;
overflow: hidden;
max-height: calc(var(--ws-base-line-height) * var(--lightbox-caption-line-clamp));
}
.pswp__caption__title {
--lightbox-caption-line-clamp: 2;
}
.pswp__caption__description {
--lightbox-caption-line-clamp: 3;
font-size: 0.6875em;
line-height: var(--ws-base-line-height);
color: #bbb;
}
.pswp__caption--empty {
display: none;
}
.pswp__caption--fake {
visibility: hidden;
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: 0;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
background: 0;
margin: 0;
}
@media screen and (max-width: 991px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
.pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: 0.001;
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none !important;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: 0;
}
.ws-lightbox-gallery.pswp-for-ipad .pswp--fs .pswp__top-bar {
display: none !important;
} /*! uncss:ignore end */
:root {
--ws-slot-animation-speed-text: 500ms;
--ws-slot-animation-speed-media: 500ms;
--ws-slot-animation-delay: 0;
} /*! uncss:ignore start */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
body[data-init-website-animation] [slot="header"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="footer"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-table"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-logos"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-title"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-content"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-form-title"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-primary-button"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="button-group"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-logo"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-name"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-phone"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-email"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-hours"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-address"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-description"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="business-social-profiles"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="member-description"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="member-social-links"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="product-tags"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="product-description"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-description"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="quote-author-description"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="site-name"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="quote-content"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="quote-author-cite"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="form"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="title"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="icons"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-media-2"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-media"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-media-laptop"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-overlaying-media"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-overlaying-media-left"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-overlaying-media-right"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-columns"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="block-form"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="member-photo"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="product-preview"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="quote-author-photo"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [slot="gallery"] {
opacity: 0;
animation-fill-mode: both;
}
body[data-init-website-animation] [skip-animation] [slot],
body[data-init-website-animation] ws-block:not([src*="/custom/"]):not([widget]) [slot] [slot] {
opacity: 1;
}
body[data-init-website-animation] [data-ws-observed-slots~="header"] [slot="header"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="footer"] [slot="footer"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="block-table"] [slot="block-table"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="block-logos"] [slot="block-logos"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="block-title"] [slot="block-title"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="block-content"] [slot="block-content"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-form-title"]
[slot="block-form-title"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-primary-button"]
[slot="block-primary-button"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="button-group"] [slot="button-group"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="business-logo"] [slot="business-logo"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="business-name"] [slot="business-name"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="business-phone"]
[slot="business-phone"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="business-email"]
[slot="business-email"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="business-hours"]
[slot="business-hours"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="business-address"]
[slot="business-address"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="business-description"]
[slot="business-description"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="business-social-profiles"]
[slot="business-social-profiles"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="member-description"]
[slot="member-description"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="member-social-links"]
[slot="member-social-links"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="product-tags"] [slot="product-tags"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="product-description"]
[slot="product-description"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-description"]
[slot="block-description"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="quote-author-description"]
[slot="quote-author-description"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="site-name"] [slot="site-name"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="quote-content"] [slot="quote-content"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation]
[data-ws-observed-slots~="quote-author-cite"]
[slot="quote-author-cite"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="form"] [slot="form"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="title"] [slot="title"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="icons"] [slot="icons"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="block-media-2"] [slot="block-media-2"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
}
body[data-init-website-animation] [data-ws-observed-slots~="block-media"] [slot="block-media"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-media-laptop"]
[slot="block-media-laptop"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-overlaying-media"]
[slot="block-overlaying-media"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-overlaying-media-left"]
[slot="block-overlaying-media-left"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
[data-ws-observed-slots~="block-overlaying-media-right"]
[slot="block-overlaying-media-right"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation] [data-ws-observed-slots~="block-columns"] [slot="block-columns"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation] [data-ws-observed-slots~="block-form"] [slot="block-form"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation] [data-ws-observed-slots~="member-photo"] [slot="member-photo"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
[data-ws-observed-slots~="product-preview"]
[slot="product-preview"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
[data-ws-observed-slots~="quote-author-photo"]
[slot="quote-author-photo"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation] [data-ws-observed-slots~="gallery"] [slot="gallery"] {
animation-name: fadeIn;
animation-duration: var(--ws-slot-animation-speed-media);
animation-delay: calc(var(--ws-slot-animation-speed-text) + var(--ws-slot-animation-delay));
}
body[data-init-website-animation]
ws-block[src*="/cover-with-centered-features/"]
[data-ws-observed-slots~="block-columns"]
[slot="block-columns"] {
animation-duration: var(--ws-slot-animation-speed-text);
animation-delay: var(--ws-slot-animation-delay);
} /*! uncss:ignore end */
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/about-splitscreen-with-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/about-splitscreen-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 170px;
--ws-m-overlaying-media-position-x: 6%;
--ws-m-overlaying-media-position-y: 35%;
}
ws-block[src*="/about-splitscreen-with-overlaying-media/"][content-direction="reverse"] {
--ws-m-overlaying-media-position-x: 94%;
--ws-m-overlaying-media-position-y: 35%;
}
@media (min-width: 576px) {
ws-block[src*="/about-splitscreen-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 200px;
}
}
@media (min-width: 768px) {
ws-block[src*="/about-splitscreen-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 250px;
}
}
@media (min-width: 992px) {
ws-block[src*="/about-splitscreen-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 300px;
}
}
ws-block[src*="/about-splitscreen-with-overlaying-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/about-splitscreen-with-overlaying-media/"]
[data-ws-hidden-children~="block_media"]
.ws-m-split-layout__media {
display: block;
}
ws-block[src*="/about-splitscreen-with-overlaying-media/"]
[data-ws-hidden-children~="block_media"][data-ws-hidden-children~="block_overlaying_media"]
.ws-m-split-layout__media {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/about-with-2-media-and-testimonial/"] {
--ws-media-container-wrapper-gap: 30px;
}
ws-block[src*="/about-with-2-media-and-testimonial/"] ws-columns {
flex-wrap: wrap-reverse;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
.ws-about-with-2-media-and-testimonial-content-wrapper {
margin-top: 48px;
}
ws-block[src*="/about-with-2-media-and-testimonial/"] .ws-quote-container {
margin-top: 48px;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
.ws-about-with-2-media-and-testimonial-media-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--ws-media-container-wrapper-gap);
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
.ws-about-with-2-media-and-testimonial-media-wrapper
ws-media-container {
width: 100%;
}
@media (max-width: 1199px) {
ws-block[src*="/about-with-2-media-and-testimonial/"] {
--ws-content-vertical-alignment: top;
}
}
@media (min-width: 992px) {
ws-block[src*="/about-with-2-media-and-testimonial/"] {
--ws-media-container-wrapper-gap: 50px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/about-with-2-media-and-testimonial/"]
.ws-about-with-2-media-and-testimonial-content-wrapper {
margin-top: 0;
}
ws-block[src*="/about-with-2-media-and-testimonial/"][content-direction="normal"]
.ws-about-with-2-media-and-testimonial-content-wrapper {
padding-right: 40px;
}
ws-block[src*="/about-with-2-media-and-testimonial/"][content-direction="reverse"]
.ws-about-with-2-media-and-testimonial-content-wrapper {
padding-left: 40px;
}
ws-block[src*="/about-with-2-media-and-testimonial/"][content-direction="reverse"]
.ws-block-content {
--ws-content-horizontal-alignment: end;
}
ws-block[src*="/about-with-2-media-and-testimonial/"][content-direction="reverse"]
.ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
[data-ws-hidden-children~="author_photo"][data-ws-hidden-children~="author_description"][data-ws-hidden-children~="author_quote"]
.ws-quote-container {
display: none;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-quote-container {
margin-top: 0;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="block_media_right"][data-ws-hidden-children~="block_media_left"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
[data-ws-hidden-children~="block_media_right"][data-ws-hidden-children~="block_media_left"]
.ws-about-with-2-media-and-testimonial-content-wrapper {
margin-top: 0;
}
ws-block[src*="/about-with-2-media-and-testimonial/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="block_media_right"][data-ws-hidden-children~="block_media_left"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-quote-container {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/about-with-features/"] ws-columns {
flex-wrap: wrap-reverse;
}
ws-block[src*="/about-with-features/"] .ws-block-content {
margin-top: 48px;
}
ws-block[src*="/about-with-features/"] .ws-m-feature {
margin-top: 40px;
}
ws-block[src*="/about-with-features/"] [slot]:not([slot="block-media"]) {
position: relative;
z-index: 1;
}
ws-block[src*="/about-with-features/"] [data-ws-hidden-children~="block_title"] .ws-m-feature {
margin-top: 0;
}
ws-block[src*="/about-with-features/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-block-content {
margin-top: 0;
}
ws-block[src*="/about-with-features/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 992px) {
ws-block[src*="/about-with-features/"] .ws-block-content {
margin-top: 0px;
}
ws-block[src*="/about-with-features/"][content-direction="normal"] .ws-block-content {
padding-right: 40px;
}
ws-block[src*="/about-with-features/"][content-direction="reverse"] .ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/about-with-features/"][content-direction="reverse"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/about-with-features-and-scribbles/"] {
--ws-scribbles-decoration-icon-1: url('data:image/svg+xml; utf8, ');
--ws-scribbles-decoration-icon-2: url('data:image/svg+xml; utf8, ');
}
ws-block[src*="/about-with-features-and-scribbles/"][media-decoration] .media-container-wrapper {
position: relative;
}
ws-block[src*="/about-with-features-and-scribbles/"][media-decoration]
.media-container-wrapper::before {
content: "";
position: absolute;
right: -17px;
top: 32px;
z-index: 1;
width: 96px;
height: 55px;
background-color: hsla(var(--ws-surface-text-color), 1);
-webkit-mask: var(--ws-scribbles-decoration-icon-1);
mask: var(--ws-scribbles-decoration-icon-1);
}
ws-block[src*="/about-with-features-and-scribbles/"][media-decoration]
.media-container-wrapper::after {
content: "";
position: absolute;
left: -15px;
bottom: 24px;
z-index: 1;
width: 86px;
height: 63px;
background-color: hsla(var(--ws-surface-primary-button-border-color), 1);
-webkit-mask: var(--ws-scribbles-decoration-icon-2);
mask: var(--ws-scribbles-decoration-icon-2);
}
ws-block[src*="/about-with-features-and-scribbles/"] {
--ws-m-feature-columns-gap: 30px;
}
ws-block[src*="/about-with-features-and-scribbles/"] .ws-m-feature {
--ws-icon-size: 24px;
}
ws-block[src*="/about-with-features-and-scribbles/"] ws-columns {
flex-wrap: wrap-reverse;
}
ws-block[src*="/about-with-features-and-scribbles/"] .ws-block-content,
ws-block[src*="/about-with-features-and-scribbles/"] .ws-m-feature {
margin-top: 48px;
}
ws-block[src*="/about-with-features-and-scribbles/"] [slot]:not([slot="block-media"]) {
position: relative;
z-index: 1;
}
ws-block[src*="/about-with-features-and-scribbles/"]
[data-ws-hidden-children~="block_title"]
.ws-m-feature {
margin-top: 0;
}
ws-block[src*="/about-with-features-and-scribbles/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-block-content {
display: none;
}
ws-block[src*="/about-with-features-and-scribbles/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/about-with-features-and-scribbles/"]
[data-ws-hidden-children~="block_media"]
.ws-block-content {
margin-top: 0;
}
ws-block[src*="/about-with-features-and-scribbles/"]
[data-ws-hidden-children~="block_media"]
.media-container-wrapper {
display: none;
}
@media (min-width: 768px) {
ws-block[src*="/about-with-features-and-scribbles/"] .ws-m-feature {
--ws-m-feature-columns: repeat(auto-fit, minmax(190px, 1fr));
}
}
@media (min-width: 1200px) {
ws-block[src*="/about-with-features-and-scribbles/"] .ws-block-content {
margin-top: 0px;
}
ws-block[src*="/about-with-features-and-scribbles/"][content-direction="normal"]
.ws-block-content {
padding-right: 40px;
}
ws-block[src*="/about-with-features-and-scribbles/"][content-direction="reverse"]
.ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/about-with-features-and-scribbles/"][content-direction="reverse"]
.ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/about-with-media/"] ws-columns {
flex-wrap: wrap-reverse;
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/about-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/about-with-media/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/about-with-media/"] [data-ws-hidden-children~="block_title"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/about-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
ws-columns {
transform: translateY(calc(-1 * 0px));
margin-bottom: calc(-1 * 0px);
}
ws-block[src*="/about-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
ws-columns
> [class*="col"] {
margin-top: 0px;
}
ws-block[src*="/about-with-media/"] [data-ws-hidden-children~="block_media"] ws-columns {
transform: translateY(calc(-1 * 0px));
margin-bottom: calc(-1 * 0px);
}
ws-block[src*="/about-with-media/"]
[data-ws-hidden-children~="block_media"]
ws-columns
> [class*="col"] {
margin-top: 0px;
}
@media (min-width: 992px) {
ws-block[src*="/about-with-media/"][content-direction="normal"] .ws-block-content {
padding-right: 40px;
}
ws-block[src*="/about-with-media/"][content-direction="reverse"] .ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/about-with-media/"][content-direction="reverse"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
ws-block[src*="/articles-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/articles-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/articles-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="article_image"][data-ws-hidden-children~="article_description"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/business-card/"] .ws-section {
padding-top: 0;
padding-bottom: 0;
}
ws-block[src*="/business-card/"] .ws-container {
display: grid;
grid-template-rows: auto 1fr auto;
grid-row-gap: 32px;
min-height: var(--ws-viewport-height);
padding-top: 32px;
padding-bottom: 32px;
}
ws-block[src*="/business-card/"] .ws-business-card-header {
display: grid;
grid-row-gap: 15px;
}
ws-block[src*="/business-card/"] .ws-business-card-header__box {
display: grid;
grid-row-gap: 5px;
}
ws-block[src*="/business-card/"] .ws-business-card-body {
display: grid;
align-content: center;
}
ws-block[src*="/business-card/"] .ws-business-card-footer {
display: grid;
grid-row-gap: 5px;
}
ws-block[src*="/business-card/"] .ws-m-block-title-570 * + [slot="business-description"] {
margin-top: 20px;
}
ws-block[src*="/business-card/"]
[data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_social_profiles"]
.ws-business-card-header__box {
display: none;
}
ws-block[src*="/business-card/"]
[data-ws-hidden-children~="business_name"][data-ws-hidden-children~="business_description"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 768px) {
ws-block[src*="/business-card/"] .ws-container {
padding-bottom: 56px;
}
ws-block[src*="/business-card/"] .ws-business-card-header {
display: flex;
justify-content: flex-end;
align-items: flex-start;
grid-row-gap: initial;
}
ws-block[src*="/business-card/"] .ws-business-card-header .ws-m-logo-wrapper {
margin-right: auto;
}
ws-block[src*="/business-card/"] .ws-business-card-header__box {
justify-items: end;
margin-left: 56px;
}
ws-block[src*="/business-card/"] .ws-m-block-title-570,
ws-block[src*="/business-card/"] .ws-m-button-group {
max-width: var(--ws-block-title-width-sm);
}
}
@media (min-width: 992px) {
ws-block[src*="/business-card/"] .ws-business-card-header {
align-items: center;
}
ws-block[src*="/business-card/"] .ws-business-card-header__box {
display: flex;
align-items: center;
grid-row-gap: initial;
}
ws-block[src*="/business-card/"] .ws-business-card-header__box > * + * {
margin-left: 56px;
}
ws-block[src*="/business-card/"] .ws-business-card-footer {
display: flex;
justify-content: space-between;
grid-row-gap: initial;
}
ws-block[src*="/business-card/"] .ws-business-card-footer [slot="business-hours"] {
margin-right: 56px;
}
ws-block[src*="/business-card/"] .ws-business-card-footer [slot="business-address"] {
margin-left: auto;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/button-preset-preview/"] ws-button-group {
display: flex;
justify-content: center;
gap: 16px;
max-width: 400px;
}
ws-block[src*="/button-preset-preview/"] ws-button {
overflow: hidden;
}
ws-block[src*="/button-preset-preview/"] ws-button a {
display: inline-flex;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
}
ws-block[src*="/contact-form/"]
> :not([data-ws-slots~="block-title"])
.ws-m-block-title-770
+ .ws-m-contact-form {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
.ws-map-split-layout-container {
--ws-map-split-layout-container-padding: 24px;
--ws-map-split-layout-container-template-rows: 1fr auto;
--ws-map-split-layout-container-gap: 32px;
position: relative;
display: grid;
grid-template-columns: 100%;
grid-template-rows: var(--ws-map-split-layout-container-template-rows);
gap: var(--ws-map-split-layout-container-gap);
}
.ws-map-split-layout-container__info {
max-height: 100%;
margin: 0;
overflow: hidden;
}
ws-block[with-border] .ws-map-split-layout-container__info {
box-shadow: inset 0 0 0 1px
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-map-split-layout-container__info {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-map-split-layout-container__info {
box-shadow:
inset 0 0 0 1px hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
.ws-map-split-layout-container__info.ws-surface[data-surface="1"],
ws-block[with-border] .ws-map-split-layout-container__info,
ws-block[with-shadow] .ws-map-split-layout-container__info,
ws-block[with-shadow][with-border] .ws-map-split-layout-container__info {
padding: var(--ws-map-split-layout-container-padding);
border-top-left-radius: var(
--ws-map-split-layout-container-border-top-left-radius,
var(--ws-column-default-border-top-left-radius)
);
border-top-right-radius: var(
--ws-map-split-layout-container-border-top-right-radius,
var(--ws-column-default-border-top-right-radius)
);
border-bottom-right-radius: var(
--ws-map-split-layout-container-border-bottom-right-radius,
var(--ws-column-default-border-bottom-right-radius)
);
border-bottom-left-radius: var(
--ws-map-split-layout-container-border-bottom-left-radius,
var(--ws-column-default-border-bottom-left-radius)
);
}
.ws-map-split-layout-container__info.ws-surface[data-surface="1"] {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
.ws-map-split-layout-container__info:not(:has([slot])) {
display: none;
}
.ws-map-split-layout-container ws-media-container {
width: 100%;
}
@media (min-width: 992px) {
.ws-map-split-layout-container {
--ws-map-split-layout-container-template-rows: 100%;
--ws-map-split-layout-container-width: 350px;
--ws-map-split-layout-container-padding: 28px;
--ws-map-split-layout-container-position-horizontal: 60px;
}
.ws-map-split-layout-container__info {
position: absolute;
left: var(--ws-map-split-layout-container-position-horizontal);
bottom: calc(clamp(0px, var(--ws-block-padding-bottom), 50px) * -1);
width: var(--ws-map-split-layout-container-width);
padding: var(--ws-map-split-layout-container-padding);
border-top-left-radius: var(
--ws-map-split-layout-container-border-top-left-radius,
var(--ws-column-default-border-top-left-radius)
);
border-top-right-radius: var(
--ws-map-split-layout-container-border-top-right-radius,
var(--ws-column-default-border-top-right-radius)
);
border-bottom-right-radius: var(
--ws-map-split-layout-container-border-bottom-right-radius,
var(---ws-column-default-border-bottom-right-radius)
);
border-bottom-left-radius: var(
--ws-map-split-layout-container-border-bottom-left-radius,
var(--ws-column-default-border-bottom-left-radius)
);
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
ws-block[content-direction="reverse"] .ws-map-split-layout-container__info {
left: auto;
right: var(--ws-map-split-layout-container-position-horizontal);
}
ws-block[fullscreen] .ws-map-split-layout-container {
height: 100%;
}
ws-block[fullscreen] .ws-map-split-layout-container__info {
bottom: 50px;
}
ws-block[media-column-width="3"] .ws-map-split-layout-container,
ws-block[media-column-width="4"] .ws-map-split-layout-container,
ws-block[media-column-width="5"] .ws-map-split-layout-container {
--ws-map-split-layout-container-width: auto;
--ws-map-split-layout-container-template-rows: 1fr auto;
--ws-map-split-layout-container-gap: 0px;
--ws-map-split-layout-container-border-top-left-radius: 0px;
--ws-map-split-layout-container-border-top-right-radius: 0px;
}
ws-block[media-column-width="3"] .ws-map-split-layout-container__info,
ws-block[media-column-width="4"] .ws-map-split-layout-container__info,
ws-block[media-column-width="5"] .ws-map-split-layout-container__info {
position: static;
}
ws-block[media-column-width="3"][fullscreen] .ws-map-split-layout-container,
ws-block[media-column-width="4"][fullscreen] .ws-map-split-layout-container,
ws-block[media-column-width="5"][fullscreen] .ws-map-split-layout-container {
--ws-map-split-layout-container-border-top-left-radius: 0px;
--ws-map-split-layout-container-border-top-right-radius: 0px;
--ws-map-split-layout-container-border-bottom-left-radius: 0px;
--ws-map-split-layout-container-border-bottom-right-radius: 0px;
}
ws-block[media-column-width="3"][content-direction="normal"] .ws-map-split-layout-container,
ws-block[media-column-width="4"][content-direction="normal"] .ws-map-split-layout-container,
ws-block[media-column-width="5"][content-direction="normal"] .ws-map-split-layout-container {
--ws-map-split-layout-container-border-bottom-right-radius: 0px;
}
ws-block[media-column-width="3"][content-direction="normal"]
.ws-map-split-layout-container
ws-media-container,
ws-block[media-column-width="4"][content-direction="normal"]
.ws-map-split-layout-container
ws-media-container,
ws-block[media-column-width="5"][content-direction="normal"]
.ws-map-split-layout-container
ws-media-container {
--ws-media-container-border-bottom-left-radius: 0px;
}
ws-block[media-column-width="3"][content-direction="reverse"] .ws-map-split-layout-container,
ws-block[media-column-width="4"][content-direction="reverse"] .ws-map-split-layout-container,
ws-block[media-column-width="5"][content-direction="reverse"] .ws-map-split-layout-container {
--ws-map-split-layout-container-border-bottom-left-radius: 0px;
}
ws-block[media-column-width="3"][content-direction="reverse"]
.ws-map-split-layout-container
ws-media-container,
ws-block[media-column-width="4"][content-direction="reverse"]
.ws-map-split-layout-container
ws-media-container,
ws-block[media-column-width="5"][content-direction="reverse"]
.ws-map-split-layout-container
ws-media-container {
--ws-media-container-border-bottom-right-radius: 0px;
}
}
@media (min-width: 1200px) {
.ws-map-split-layout-container {
--ws-map-split-layout-container-width: 380px;
--ws-map-split-layout-container-padding: 32px;
--ws-map-split-layout-container-position-horizontal: 100px;
}
}
ws-block[src*="/contact-form-and-contacts-splitscreen-with-iframe/"]
[data-ws-hidden-children~="block_title"]
.ws-m-contact-form {
margin-top: 0;
}
ws-block[src*="/contact-form-and-contacts-splitscreen-with-iframe/"]
[data-ws-hidden-children~="block_form"]
.ws-m-contact-form {
display: none;
}
ws-block[src*="/contact-form-and-contacts-splitscreen-with-iframe/"][with-border]
.ws-m-contact-form
ws-contact-form-container,
ws-block[src*="/contact-form-and-contacts-splitscreen-with-iframe/"][with-shadow]
.ws-m-contact-form
ws-contact-form-container,
ws-block[src*="/contact-form-and-contacts-splitscreen-with-iframe/"][with-border][with-shadow]
.ws-m-contact-form
ws-contact-form-container {
box-shadow: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/contact-form-splitscreen-with-iframe/"]
[data-ws-hidden-children~="block_title"]
.ws-m-contact-form {
margin-top: 0;
}
ws-block[src*="/contact-form-splitscreen-with-iframe/"]
[data-ws-hidden-children~="block_form"]
.ws-m-contact-form {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/contacts-splitscreen-with-iframe/"]
[data-ws-hidden-children~="block_title"]
.ws-m-business-info {
margin-top: 0;
}
ws-block[src*="/contacts-splitscreen-with-iframe/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_hours"][data-ws-hidden-children~="business_social_profiles"]
.ws-m-business-info {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/contacts-with-contact-form/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
flex-wrap: wrap-reverse;
}
ws-block[src*="/contacts-with-contact-form/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/contacts-with-contact-form/"]
> :not([data-ws-slots~="block-form-title"])
.ws-m-block-title-570
+ .ws-m-contact-form {
margin-top: 0;
}
ws-block[src*="/contacts-with-contact-form/"]
> :not([data-ws-slots~="block-title"])
.ws-m-block-title-570
+ .ws-m-business-info {
margin-top: 0;
}
@media (min-width: 992px) {
ws-block[src*="/contacts-with-contact-form/"][content-direction="normal"]
.col-content
.ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/contacts-with-contact-form/"][content-direction="normal"]
.col-content
.ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
ws-block[src*="/contacts-with-contact-form/"][content-direction="normal"]
.col-form
.ws-block-content {
padding-right: 40px;
}
ws-block[src*="/contacts-with-contact-form/"][content-direction="reverse"]
.col-content
.ws-block-content {
padding-right: 40px;
}
ws-block[src*="/contacts-with-contact-form/"][content-direction="reverse"]
.col-form
.ws-block-content {
padding-left: 40px;
}
}
ws-block[src*="/counters/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/counters/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/counters/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="block_counters"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-splitscreen-with-slider/"] {
--ws-slider-container-max-height: _min(160px, 40%);
}
ws-block[src*="/cover-splitscreen-with-slider/"]:not([fullscreen])
ws-slider:not([overlay-slider])
figcaption {
--ws-surface-background-color-opacity: 1;
position: static;
}
ws-block[src*="/cover-splitscreen-with-slider/"][content-direction="normal"]:not([fullscreen])
[data-surface="1"].ws-surface
figcaption {
border-bottom-left-radius: var(--ws-base-border-radius);
}
ws-block[src*="/cover-splitscreen-with-slider/"][content-direction="normal"]
> *:not([data-ws-hidden-children~="slider_title"])
[data-surface="1"].ws-surface
ws-slider:not([overlay-slider])
ws-media-container {
--ws-media-container-border-bottom-left-radius: 0px;
}
ws-block[src*="/cover-splitscreen-with-slider/"][content-direction="reverse"]:not([fullscreen])
[data-surface="1"].ws-surface
figcaption {
border-bottom-right-radius: var(--ws-base-border-radius);
}
ws-block[src*="/cover-splitscreen-with-slider/"][content-direction="reverse"]
> *:not([data-ws-hidden-children~="slider_title"])
[data-surface="1"].ws-surface
ws-slider:not([overlay-slider])
ws-media-container {
--ws-media-container-border-bottom-right-radius: 0px;
}
ws-block[src*="/cover-splitscreen-with-slider/"] .ws-surface[data-surface] figcaption {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity, 1)
);
}
ws-block[src*="/cover-splitscreen-with-slider/"][fullscreen] .ws-slider,
ws-block[src*="/cover-splitscreen-with-slider/"][fullscreen] .ws-gallery-wrapper {
height: 100%;
}
ws-block[src*="/cover-splitscreen-with-slider/"] figure {
height: 100%;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
ws-slider:not([navigation-buttons]):not([pagination])
figcaption {
padding-bottom: 40px;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
.ws-gallery-wrapper
figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
padding: 40px 40px 74px;
flex-direction: column;
justify-content: flex-end;
pointer-events: none;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
.ws-gallery-wrapper
ws-text {
--ws-text-molecules-based-indent-type-1: 4px;
--ws-text-molecules-based-indent-type-2: 8px;
--ws-text-molecules-based-indent-type-3: 8px;
--ws-text-molecules-based-indent-type-4: 20px;
display: grid;
grid-template-columns: 100%;
max-height: var(--ws-slider-container-max-height);
align-content: end;
pointer-events: auto;
z-index: 1;
overflow: hidden;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
.ws-slider-navigation-button {
--ws-slider-navigation-button-top: auto;
--ws-slider-navigation-button-bottom: 15px;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
ws-slider[pagination][navigation-buttons] {
--ws-slider-navigation-button-next-left: auto;
--ws-slider-navigation-button-next-right: 40px;
--ws-slider-navigation-button-prev-left: auto;
--ws-slider-navigation-button-prev-right: 88px;
--ws-slider-pagination-left: 33px;
--ws-slider-pagination-right: auto;
--ws-slider-pagination-bottom: 20px;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
ws-slider[navigation-buttons] {
--ws-slider-navigation-button-next-left: 88px;
--ws-slider-navigation-button-next-right: auto;
--ws-slider-navigation-button-prev-left: 40px;
--ws-slider-navigation-button-prev-right: auto;
}
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"])
ws-slider[pagination] {
--ws-slider-pagination-left: 33px;
--ws-slider-pagination-right: auto;
--ws-slider-pagination-bottom: 20px;
}
@media (min-width: 1200px) {
ws-block[src*="/cover-splitscreen-with-slider/"]
> *:not([data-ws-hidden-children~="slider_title"]) {
--ws-slider-container-max-height: 160px;
}
}
ws-block[src*="/cover-splitscreen-with-slider/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-business-info/"] ws-columns {
justify-content: flex-start;
}
ws-block[src*="/cover-with-business-info/"] .ws-m-business-info {
margin-top: 48px;
}
ws-block[src*="/cover-with-business-info/"][fullscreen] .ws-section {
display: grid;
grid-template-columns: 100%;
align-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-business-info/"]
[data-ws-hidden-children~="block_title"]
.ws-m-business-info {
margin-top: 0;
}
ws-block[src*="/cover-with-business-info/"]
[data-ws-hidden-children~="block_title"]
.ws-m-business-info,
ws-block[src*="/cover-with-business-info/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
max-width: 570px;
}
ws-block[src*="/cover-with-business-info/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_hours"]
.ws-m-business-info {
display: none;
}
ws-block[src*="/cover-with-business-info/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_hours"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-centered-features/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/cover-with-centered-features/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/cover-with-centered-features/"][content-alignment~="left"] ws-columns {
justify-content: flex-start;
}
ws-block[src*="/cover-with-centered-features/"][fullscreen] .ws-section {
display: grid;
grid-template-columns: 100%;
align-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-centered-features/"]
[data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-block-title-770
[slot="block-title"] {
margin-bottom: 0;
}
ws-block[src*="/cover-with-centered-features/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-contact-form/"] {
--ws-form-indents: 24px;
--column-indent: 48px;
}
@media (min-width: 768px) {
ws-block[src*="/cover-with-contact-form/"] {
--ws-form-indents: 48px;
}
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-contact-form/"] {
--column-indent: 0;
}
}
ws-block[src*="/cover-with-contact-form/"][fullscreen] .ws-section {
display: grid;
align-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-contact-form/"] ws-column + ws-column {
margin-top: var(--column-indent);
}
ws-block[src*="/cover-with-contact-form/"]
[data-ws-hidden-children~="block_form"]
ws-column
+ ws-column,
ws-block[src*="/cover-with-contact-form/"]
[data-ws-hidden-children~="block_title"]
ws-column
+ ws-column {
margin-top: 0;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-contact-form/"] ws-columns {
justify-content: space-between;
}
ws-block[src*="/cover-with-contact-form/"][content-direction="reverse"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-features/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/cover-with-features/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/cover-with-features/"][fullscreen] .ws-section {
--ws-block-padding-top: var(--ws-white-space-120);
--ws-block-padding-bottom: var(--ws-white-space-120);
display: grid;
grid-template: 100%/100%;
align-items: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-features/"] .ws-m-feature {
margin-top: 80px;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-features/"] .ws-m-feature {
margin-top: 100px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-features/"] .ws-m-feature {
margin-top: 120px;
}
}
ws-block[src*="/cover-with-features/"] [data-ws-hidden-children~="block_features"] .ws-m-feature {
margin-top: 0;
}
ws-block[src*="/cover-with-features/"] [data-ws-hidden-children~="block_title"] .ws-m-feature {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-features-and-cta/"] ws-columns {
transform: translateY(calc(-1 * 30px));
margin-bottom: calc(-1 * 30px);
}
ws-block[src*="/cover-with-features-and-cta/"] ws-columns > [class*="col"] {
margin-top: 30px;
}
ws-block[src*="/cover-with-features-and-cta/"] .ws-feature-container {
display: flex;
flex-direction: column;
gap: 80px;
}
ws-block[src*="/cover-with-features-and-cta/"] .ws-feature-container__content {
flex-grow: 1;
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-features-and-cta/"] .ws-feature-container {
gap: 120px;
}
}
ws-block[src*="/cover-with-features-and-cta/"][fullscreen] .ws-section {
display: grid;
grid-template: 100%/100%;
align-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-features-and-cta/"][fullscreen] .ws-feature-container {
height: 100%;
}
ws-block[src*="/cover-with-features-and-cta/"][content-alignment~="left"] ws-columns {
justify-content: flex-start;
}
ws-block[src*="/cover-with-features-and-cta/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-features-and-cta/"]
[data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-feature {
display: none;
}
ws-block[src*="/cover-with-features-and-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-block-content {
display: none;
}
ws-block[src*="/cover-with-features-and-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-feature-container {
justify-content: flex-end;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-features-and-side-media/"] .ws-m-feature {
--ws-m-feature-columns-gap: 30px;
margin-top: 40px;
}
ws-block[src*="/cover-with-features-and-side-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-feature {
margin-top: 0;
}
ws-block[src*="/cover-with-features-and-side-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-features-and-side-media/"][feature-layout="2-items"] .ws-m-feature {
--ws-m-feature-columns: repeat(auto-fit, minmax(190px, 1fr));
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-horizontal-layout/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-horizontal-layout/"] .col-description {
margin-top: 20px;
}
ws-block[src*="/cover-with-horizontal-layout/"] .col-description .ws-block-content {
--ws-content-horizontal-alignment: right;
}
ws-block[src*="/cover-with-horizontal-layout/"] .col-description .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
ws-block[src*="/cover-with-horizontal-layout/"][content-direction="top"] .col-media {
order: -1;
margin-bottom: 56px;
}
ws-block[src*="/cover-with-horizontal-layout/"][content-direction="bottom"] .col-media {
margin-top: 56px;
}
ws-block[src*="/cover-with-horizontal-layout/"][fullscreen] section {
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_title"]
.col-description
.ws-m-block-title-570 {
--ws-block-title-alignment: left;
}
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_title"]
.col-title {
display: none;
}
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_media"]
.col-media {
display: none;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_description"]
.col-title {
--ws-block-title-max-width: var(--ws-block-title-width-lg);
flex-basis: auto;
width: fit-content;
max-width: 75%;
}
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_description"]
.col-description {
flex: 1 1 0;
}
}
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-horizontal-layout/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="block_description"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.col-media {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-horizontal-layout/"] ws-columns {
justify-content: left;
}
ws-block[src*="/cover-with-horizontal-layout/"] .col-description {
margin-top: 0;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-laptop-and-phone/"] ws-columns {
flex-wrap: wrap-reverse;
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/cover-with-laptop-and-phone/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/cover-with-laptop-and-phone/"] .col-media {
align-self: center;
}
ws-block[src*="/cover-with-laptop-and-phone/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-laptop-and-phone/"][fullscreen] .ws-section {
display: grid;
align-items: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockups-wrapper {
position: relative;
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop {
--ws-mockup-laptop-max-width: 770px;
--ws-mockup-laptop-decoration: url("/ws/block-templates/cover-with-laptop-and-phone/images/image-1-white-770x435.ws-intense-next-mobile-app.svg");
--ws-mockup-laptop-aspect-ratio-decoration: 1.7579;
max-width: var(--ws-mockup-laptop-max-width);
margin-left: auto;
margin-right: auto;
margin-bottom: 7.345%;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop {
--ws-mockup-laptop-max-width: 770px;
}
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop__wrapper {
position: relative;
width: 100%;
padding-top: calc(100% / var(--ws-mockup-laptop-aspect-ratio-decoration));
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop__wrapper > ws-composite-group,
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop__wrapper > ws-media-container {
position: absolute;
top: 7.4%;
left: 11.6%;
z-index: 1;
width: 76.62%;
min-height: 83.9%;
max-height: 83.9%;
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop__wrapper > ws-media-container {
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-border-bottom-right-radius: 0px;
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-laptop__decoration {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: var(--ws-mockup-laptop-decoration);
background-repeat: no-repeat;
background-size: contain;
}
ws-block[src*="/cover-with-laptop-and-phone/"] [data-surface].ws-light-0 .ws-mockup-laptop {
--ws-mockup-laptop-decoration: url("/ws/block-templates/cover-with-laptop-and-phone/images/image-1-gray-770x435.ws-intense-next-mobile-app.svg");
}
ws-block[src*="/cover-with-laptop-and-phone/"] [data-surface].ws-dark-0 .ws-mockup-laptop,
ws-block[src*="/cover-with-laptop-and-phone/"] [data-surface].ws-dark-1 .ws-mockup-laptop {
--ws-mockup-laptop-decoration: url("/ws/block-templates/cover-with-laptop-and-phone/images/image-1-dark-770x435.ws-intense-next-mobile-app.svg");
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone {
--ws-mockup-phone-max-width: 384px;
--ws-mockup-phone-decoration: url("/ws/block-templates/cover-with-laptop-and-phone/images/image-2-white-384x752.ws-intense-next-mobile-app.svg");
--ws-mockup-phone-aspect-ratio-decoration: 0.5106;
max-width: var(--ws-mockup-phone-max-width);
margin-right: auto;
margin-left: auto;
z-index: 1;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone {
--ws-mockup-phone-max-width: 384px;
}
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone__wrapper {
position: relative;
width: 100%;
padding-top: calc(100% / var(--ws-mockup-phone-aspect-ratio-decoration));
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone__wrapper > ws-composite-group,
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone__wrapper > ws-media-container {
position: absolute;
top: 0;
left: 0;
width: 90%;
min-height: 95%;
max-height: 95%;
transform: translateX(5%) translateY(1.8%);
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone__wrapper ws-media-container {
--ws-media-container-border-top-left-radius: 15% 6%;
--ws-media-container-border-top-right-radius: 15% 6%;
--ws-media-container-border-bottom-left-radius: 15% 6%;
--ws-media-container-border-bottom-right-radius: 15% 6%;
}
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockup-phone__decoration {
z-index: -2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: var(--ws-mockup-phone-decoration);
background-repeat: no-repeat;
background-size: contain;
}
ws-block[src*="/cover-with-laptop-and-phone/"] [data-surface].ws-light-0 .ws-mockup-phone {
--ws-mockup-phone-decoration: url("/ws/block-templates/cover-with-laptop-and-phone/images/image-2-gray-384x752.ws-intense-next-mobile-app.svg");
}
ws-block[src*="/cover-with-laptop-and-phone/"] [data-surface].ws-dark-0 .ws-mockup-phone,
ws-block[src*="/cover-with-laptop-and-phone/"] [data-surface].ws-dark-1 .ws-mockup-phone {
--ws-mockup-phone-decoration: url("/ws/block-templates/cover-with-laptop-and-phone/images/image-2-dark-384x752.ws-intense-next-mobile-app.svg");
}
ws-block[src*="/cover-with-laptop-and-phone/"]
[data-ws-hidden-children~="block_media_laptop"]
.ws-mockup-laptop {
display: none;
}
ws-block[src*="/cover-with-laptop-and-phone/"]
[data-ws-hidden-children~="block_media"]
.ws-mockup-phone {
display: none;
}
ws-block[src*="/cover-with-laptop-and-phone/"]
[data-ws-hidden-children~="block_media"]
.ws-mockup-laptop {
margin-bottom: 0;
}
ws-block[src*="/cover-with-laptop-and-phone/"]
[data-ws-hidden-children~="block_media_laptop"][data-ws-hidden-children~="block_media"]
.col-media {
margin-top: 0;
}
ws-block[src*="/cover-with-laptop-and-phone/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-laptop-and-phone/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.col-content {
margin-top: 0;
}
ws-block[src*="/cover-with-laptop-and-phone/"]
> *:not([data-ws-hidden-children~="block_media_laptop"])
.ws-mockup-phone {
position: absolute;
width: 28.5714285714%;
right: 0;
bottom: -16%;
margin-left: 0;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-laptop-and-phone/"][content-direction="reverse"] .ws-block-content {
--ws-content-horizontal-alignment: end;
}
ws-block[src*="/cover-with-laptop-and-phone/"][content-direction="reverse"]
.ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
@media (min-width: 1700px) {
ws-block[src*="/cover-with-laptop-and-phone/"] .ws-mockups-wrapper {
width: 770px;
}
ws-block[src*="/cover-with-laptop-and-phone/"][content-direction="reverse"] .ws-mockups-wrapper {
float: right;
margin-right: 70px;
}
}
ws-block[src*="/cover-with-media/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-media/"] [slot="block-title"] {
margin-bottom: 0;
}
ws-block[src*="/cover-with-media/"] * + .media-container-wrapper {
margin-top: 56px;
}
ws-block[src*="/cover-with-media/"][fullscreen] section {
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-media/"][content-alignment~="left"] ws-columns {
justify-content: flex-start;
}
ws-block[src*="/cover-with-media/"][content-alignment~="left"] ws-media-container {
--ws-media-container-margin-left: 0;
}
ws-block[src*="/cover-with-media/"][content-alignment~="left"] ws-composite-group {
--ws-composite-group-margin-left: 0;
}
ws-block[src*="/cover-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.media-container-wrapper {
margin-top: 0;
}
ws-block[src*="/cover-with-media/"]
[data-ws-hidden-children~="block_media"]
.media-container-wrapper {
margin-top: 0;
}
ws-block[src*="/cover-with-media/"] [data-ws-hidden-children~="block_title"] .ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-numbers-and-cta/"] {
--ws-decoration-icon-1: url('data:image/svg+xml; utf8, ');
--ws-decoration-icon-2: url('data:image/svg+xml; utf8, ');
}
ws-block[src*="/cover-with-numbers-and-cta/"][media-decoration] .media-container-wrapper {
position: relative;
}
ws-block[src*="/cover-with-numbers-and-cta/"][media-decoration] .media-container-wrapper::before {
content: "";
position: absolute;
z-index: 1;
top: 22px;
left: -38px;
width: 55px;
height: 56px;
background-color: hsla(var(--ws-surface-primary-button-border-color), 1);
-webkit-mask-image: var(--ws-decoration-icon-1);
mask-image: var(--ws-decoration-icon-1);
}
ws-block[src*="/cover-with-numbers-and-cta/"][media-decoration] .media-container-wrapper::after {
content: "";
position: absolute;
right: -24px;
bottom: 25px;
width: 91px;
height: 66px;
background-color: hsla(var(--ws-surface-text-color), 1);
-webkit-mask-image: var(--ws-decoration-icon-2);
mask-image: var(--ws-decoration-icon-2);
}
ws-block[src*="/cover-with-numbers-and-cta/"] .col-content {
margin-top: 48px;
}
ws-block[src*="/cover-with-numbers-and-cta/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-numbers-and-cta/"] .ws-m-numbers {
margin-top: 64px;
}
ws-block[src*="/cover-with-numbers-and-cta/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0px;
}
ws-block[src*="/cover-with-numbers-and-cta/"]
[data-ws-hidden-children~="block_counters"]
.ws-m-numbers {
display: none;
}
ws-block[src*="/cover-with-numbers-and-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-m-numbers {
margin-top: 0px;
}
ws-block[src*="/cover-with-numbers-and-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"][data-ws-hidden-children~="block_counters"]
.col-content {
margin-top: 0px;
}
ws-block[src*="/cover-with-numbers-and-cta/"]
[data-ws-hidden-children~="block_media"]
.media-container-wrapper {
display: none;
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-numbers-and-cta/"] .col-content {
margin-top: 0px;
}
ws-block[src*="/cover-with-numbers-and-cta/"][content-direction="normal"] .ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/cover-with-numbers-and-cta/"][content-direction="normal"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
ws-block[src*="/cover-with-numbers-and-cta/"][content-direction="reverse"] .ws-block-content {
padding-right: 40px;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 120px;
}
ws-block[src*="/cover-with-overlaying-media/"][fullscreen] .ws-section {
display: grid;
align-items: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-overlaying-media/"] .ws-m-overlaying-media {
margin-top: 56px;
}
ws-block[src*="/cover-with-overlaying-media/"]
.ws-m-overlaying-media
[slot="block-overlaying-media-left"] {
--ws-m-overlaying-media-position-x: 10%;
--ws-m-overlaying-media-position-y: 70%;
}
ws-block[src*="/cover-with-overlaying-media/"]
.ws-m-overlaying-media
[slot="block-overlaying-media-right"] {
--ws-m-overlaying-media-position-x: 90%;
--ws-m-overlaying-media-position-y: 30%;
}
ws-block[src*="/cover-with-overlaying-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-overlaying-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-block-content {
display: none;
}
ws-block[src*="/cover-with-overlaying-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-m-overlaying-media {
margin-top: 0;
}
@media (min-width: 768px) {
ws-block[src*="/cover-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 160px;
}
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-overlaying-media/"] {
--ws-m-overlaying-media-width: 195px;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] {
--ws-bg-gradient-icon-1: url('data:image/svg+xml,');
--ws-bg-gradient-icon-2: url('data:image/svg+xml,');
--ws-bg-gradient-size: 800px;
--ws-bg-gradient-position-x: 75%;
--ws-bg-gradient-position-y: 42%;
}
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] .ws-section {
overflow: hidden;
position: relative;
}
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] .ws-section::before,
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] .ws-section::after {
content: "";
position: absolute;
z-index: -1;
width: var(--ws-bg-gradient-size);
height: var(--ws-bg-gradient-size);
background-color: hsla(var(--ws-surface-primary-button-border-color), 1);
-webkit-mask-size: cover;
mask-size: cover;
}
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] .ws-section::before {
left: var(--ws-bg-gradient-position-x);
bottom: var(--ws-bg-gradient-position-y);
transform: translateX(-100%);
-webkit-mask-image: var(--ws-bg-gradient-icon-1);
mask-image: var(--ws-bg-gradient-icon-1);
}
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] .ws-section::after {
right: var(--ws-bg-gradient-position-x);
top: var(--ws-bg-gradient-position-y);
transform: translateX(100%);
-webkit-mask-image: var(--ws-bg-gradient-icon-2);
mask-image: var(--ws-bg-gradient-icon-2);
}
@media (min-width: 576px) {
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] {
--ws-bg-gradient-position-x: 50%;
}
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] {
--ws-bg-gradient-size: 1200px;
--ws-bg-gradient-position-y: 36%;
}
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-overlaying-side-media/"][gradient] {
--ws-bg-gradient-position-y: 30%;
}
}
ws-block[src*="/cover-with-overlaying-side-media/"] {
--ws-m-overlaying-media-width: 195px;
--ws-m-overlaying-media-position-x: 98%;
--ws-m-overlaying-media-position-y: 26%;
}
ws-block[src*="/cover-with-overlaying-side-media/"] .col-content {
margin-top: 48px;
}
ws-block[src*="/cover-with-overlaying-side-media/"][fullscreen] .ws-section {
display: grid;
align-items: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-overlaying-side-media/"][content-direction="normal"] {
--ws-m-overlaying-media-position-x: 2%;
}
ws-block[src*="/cover-with-overlaying-side-media/"]
[data-ws-hidden-children~="block_media"][data-ws-hidden-children~="block_overlaying_media"]
.col-content {
margin-top: 0;
}
ws-block[src*="/cover-with-overlaying-side-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.col-content {
margin-top: 0;
}
ws-block[src*="/cover-with-overlaying-side-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 576px) {
ws-block[src*="/cover-with-overlaying-side-media/"] {
--ws-m-overlaying-media-width: 270px;
}
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-overlaying-side-media/"] {
--ws-m-overlaying-media-width: 300px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-overlaying-side-media/"] .col-content {
margin-top: 0;
}
ws-block[src*="/cover-with-overlaying-side-media/"][content-direction="normal"]
.ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/cover-with-overlaying-side-media/"][content-direction="normal"]
.ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
ws-block[src*="/cover-with-overlaying-side-media/"][content-direction="reverse"]
.ws-block-content {
padding-right: 40px;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-phone/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/cover-with-phone/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/cover-with-phone/"] .col-media {
align-self: center;
}
ws-block[src*="/cover-with-phone/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-phone/"][fullscreen] .ws-section {
display: grid;
align-content: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone {
--ws-mockup-phone-max-width: 264px;
--ws-mockup-phone-decoration: url("/ws/block-templates/cover-with-phone/images/mobile-white.ws-intense-next-mobile-app.svg");
--ws-mockup-phone-aspect-ratio-decoration: 0.5106;
max-width: var(--ws-mockup-phone-max-width);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone {
--ws-mockup-phone-max-width: 384px;
}
}
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone__wrapper {
position: relative;
width: 100%;
padding-top: calc(100% / var(--ws-mockup-phone-aspect-ratio-decoration));
}
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone__wrapper > ws-composite-group,
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone__wrapper > ws-media-container {
position: absolute;
top: 0;
left: 0;
width: 88.29%;
min-height: 95.28%;
max-height: 95.28%;
transform: translateX(6.5%) translateY(2.45%);
}
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone__wrapper ws-media-container {
--ws-media-container-border-top-left-radius: 11.5% 5.5%;
--ws-media-container-border-top-right-radius: 11.5% 5.5%;
--ws-media-container-border-bottom-left-radius: 11.5% 5.5%;
--ws-media-container-border-bottom-right-radius: 11.5% 5.5%;
}
ws-block[src*="/cover-with-phone/"] .ws-mockup-phone__decoration {
z-index: -2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: var(--ws-mockup-phone-decoration);
background-repeat: no-repeat;
background-size: contain;
}
ws-block[src*="/cover-with-phone/"] [data-surface].ws-light-0 .ws-mockup-phone {
--ws-mockup-phone-decoration: url("/ws/block-templates/cover-with-phone/images/mobile-grey.ws-intense-next-mobile-app.svg");
}
ws-block[src*="/cover-with-phone/"] [data-surface].ws-dark-0 .ws-mockup-phone,
ws-block[src*="/cover-with-phone/"] [data-surface].ws-dark-1 .ws-mockup-phone {
--ws-mockup-phone-decoration: url("/ws/block-templates/cover-with-phone/images/mobile-dark.ws-intense-next-mobile-app.svg");
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-phone/"][content-direction="normal"] .ws-block-content {
--ws-content-horizontal-alignment: end;
}
ws-block[src*="/cover-with-phone/"][content-direction="normal"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
ws-block[src*="/cover-with-phone/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.col-content {
margin-top: 0;
}
ws-block[src*="/cover-with-phone/"] [data-ws-hidden-children~="block_media"] .ws-mockup-phone {
display: none;
}
ws-block[src*="/cover-with-phone/"] [data-ws-hidden-children~="block_media"] .col-media {
margin-top: 0;
}
ws-block[src*="/cover-with-phone/"] [data-ws-hidden-children~="block_title"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-plain-text/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-plain-text/"][fullscreen] .ws-section {
display: grid;
grid-template-columns: 100%;
align-content: var(--ws-content-vertical-alignment);
min-height: var(--ws-viewport-height);
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-plain-text-and-media/"][fullscreen] .ws-section {
display: grid;
align-items: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-plain-text-and-media/"] ws-columns {
flex-wrap: wrap-reverse;
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/cover-with-plain-text-and-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/cover-with-plain-text-and-media/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-plain-text-and-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-plain-text-and-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
ws-columns {
transform: translateY(calc(-1 * 0px));
margin-bottom: calc(-1 * 0px);
}
ws-block[src*="/cover-with-plain-text-and-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
ws-columns
> [class*="col"] {
margin-top: 0px;
}
ws-block[src*="/cover-with-plain-text-and-media/"]
[data-ws-hidden-children~="block_media"]
ws-columns {
transform: translateY(calc(-1 * 0px));
margin-bottom: calc(-1 * 0px);
}
ws-block[src*="/cover-with-plain-text-and-media/"]
[data-ws-hidden-children~="block_media"]
ws-columns
> [class*="col"] {
margin-top: 0px;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-plain-text-and-media/"][content-direction="normal"] .ws-block-content {
padding-right: 40px;
}
ws-block[src*="/cover-with-plain-text-and-media/"][content-direction="reverse"]
.ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/cover-with-plain-text-and-media/"][content-direction="reverse"]
.ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
ws-block[src*="/cover-with-plain-text-and-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-scrolling-media/"] .ws-m-media-with-text-overlay {
margin-top: 72px;
}
ws-block[src*="/cover-with-scrolling-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-scrolling-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-m-media-with-text-overlay {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-side-media/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-side-media/"][fullscreen] .ws-section {
padding-top: 0;
padding-bottom: 0;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-tablet/"] ws-columns {
flex-wrap: wrap-reverse;
}
ws-block[src*="/cover-with-tablet/"] .col-media {
align-self: center;
}
ws-block[src*="/cover-with-tablet/"] .ws-m-block-title-570 {
margin-top: 48px;
}
ws-block[src*="/cover-with-tablet/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/cover-with-tablet/"][fullscreen] .ws-section {
display: grid;
align-items: center;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-tablet/"] .ws-mockup-tablet {
--ws-mockup-tablet-max-width: 487px;
--ws-mockup-tablet-decoration: url(/ws/block-templates/cover-with-tablet/images/tablet-white.ws-intense-next-mobile-app.svg);
--ws-mockup-tablet-aspect-ratio-decoration: 0.76;
isolation: isolate;
max-width: var(--ws-mockup-tablet-max-width);
margin-left: auto;
margin-right: auto;
}
ws-block[src*="/cover-with-tablet/"] .ws-mockup-tablet__wrapper {
position: relative;
width: 100%;
padding-top: calc(100% / var(--ws-mockup-tablet-aspect-ratio-decoration));
}
ws-block[src*="/cover-with-tablet/"] .ws-mockup-tablet__wrapper > ws-composite-group,
ws-block[src*="/cover-with-tablet/"] .ws-mockup-tablet__wrapper > ws-media-container {
position: absolute;
top: 3.3%;
left: 4.3%;
width: 91.4%;
min-height: 92.5%;
max-height: 92.5%;
}
ws-block[src*="/cover-with-tablet/"] .ws-mockup-tablet__wrapper ws-media-container {
--ws-media-container-border-top-left-radius: 13px;
--ws-media-container-border-top-right-radius: 13px;
--ws-media-container-border-bottom-left-radius: 13px;
--ws-media-container-border-bottom-right-radius: 13px;
}
ws-block[src*="/cover-with-tablet/"] .ws-mockup-tablet__decoration {
z-index: -2;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: var(--ws-mockup-tablet-decoration);
background-repeat: no-repeat;
background-size: contain;
}
ws-block[src*="/cover-with-tablet/"] [data-surface].ws-light-0 .ws-mockup-tablet {
--ws-mockup-tablet-decoration: url(/ws/block-templates/cover-with-tablet/images/tablet-gray.ws-intense-next-mobile-app.svg);
}
ws-block[src*="/cover-with-tablet/"] [data-surface].ws-dark-0 .ws-mockup-tablet,
ws-block[src*="/cover-with-tablet/"] [data-surface].ws-dark-1 .ws-mockup-tablet {
--ws-mockup-tablet-decoration: url(/ws/block-templates/cover-with-tablet/images/tablet-dark.ws-intense-next-mobile-app.svg);
}
ws-block[src*="/cover-with-tablet/"] [data-ws-hidden-children~="block_media"] .ws-mockup-tablet {
display: none;
}
ws-block[src*="/cover-with-tablet/"]
[data-ws-hidden-children~="block_media"]
.ws-m-block-title-570 {
margin-top: 0;
}
ws-block[src*="/cover-with-tablet/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-m-block-title-570 {
margin-top: 0;
}
ws-block[src*="/cover-with-tablet/"] [data-ws-hidden-children~="block_title"] .ws-m-button-group {
margin-top: 0;
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-tablet/"] .ws-m-block-title-570 {
margin-top: 0;
}
ws-block[src*="/cover-with-tablet/"][content-direction="normal"] .ws-mockup-tablet {
margin-right: 0;
}
ws-block[src*="/cover-with-tablet/"][content-direction="reverse"] .ws-mockup-tablet {
margin-left: 0;
}
ws-block[src*="/cover-with-tablet/"][content-direction="reverse"] .ws-block-content {
--ws-content-horizontal-alignment: end;
}
ws-block[src*="/cover-with-tablet/"][content-direction="reverse"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cover-with-title-container/"] {
--ws-block-title-container-width: var(--ws-col-12-width);
--ws-block-title-container-padding: 40px;
}
ws-block[src*="/cover-with-title-container/"] .ws-surface {
--ws-block-title-container-border-color: hsla(
var(--ws-surface-border-color),
var(--ws-surface-border-color-opacity)
);
}
ws-block[src*="/cover-with-title-container/"] .ws-surface.ws-secondary-0 {
--ws-block-title-container-border-color: hsla(var(--ws-surface-text-color), 1);
}
ws-block[src*="/cover-with-title-container/"] .ws-m-block-title-fit-wrapper {
min-width: 100%;
}
ws-block[src*="/cover-with-title-container/"] .ws-m-block-title-770 {
--ws-block-title-width: 100%;
}
ws-block[src*="/cover-with-title-container/"][fullscreen] .ws-section {
display: grid;
grid-template-columns: 100%;
align-content: var(--ws-content-vertical-alignment);
min-height: var(--ws-viewport-height);
}
ws-block[src*="/cover-with-title-container/"][with-border] .ws-block-title-container {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
box-shadow: 0 0 0 1px var(--ws-block-title-container-border-color);
padding: var(--ws-block-title-container-padding);
}
ws-block[src*="/cover-with-title-container/"][with-shadow] .ws-block-title-container {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
box-shadow: var(--ws-shadow-effect-3);
padding: var(--ws-block-title-container-padding);
}
ws-block[src*="/cover-with-title-container/"][with-shadow][with-border] .ws-block-title-container {
box-shadow:
0 0 0 1px var(--ws-block-title-container-border-color),
var(--ws-shadow-effect-3);
padding: var(--ws-block-title-container-padding);
}
ws-block[src*="/cover-with-title-container/"] .ws-block-title-container {
width: var(--ws-block-title-container-width);
max-width: 100%;
}
ws-block[src*="/cover-with-title-container/"]
.ws-block-title-container.ws-surface[data-surface="1"] {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
padding: var(--ws-block-title-container-padding);
}
ws-block[src*="/cover-with-title-container/"]
.ws-block-title-container:has([slot="block-title"][style*="width"]) {
--ws-block-title-container-width: fit-content;
}
ws-block[src*="/cover-with-title-container/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cover-with-title-container/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-block-title-container {
display: none;
}
@media (min-width: 768px) {
ws-block[src*="/cover-with-title-container/"] {
--ws-block-title-container-padding: 48px;
}
}
@media (min-width: 992px) {
ws-block[src*="/cover-with-title-container/"] {
--ws-block-title-container-padding: 56px;
--ws-block-title-container-width: var(--ws-col-10-width);
}
ws-block[src*="/cover-with-title-container/"] .ws-block-title-container {
max-width: var(--ws-col-8-width);
}
}
@media (min-width: 1200px) {
ws-block[src*="/cover-with-title-container/"] {
--ws-block-title-container-width: var(--ws-col-8-width);
}
}
@media (min-width: 1330px) {
ws-block[src*="/cover-with-title-container/"] {
--ws-block-title-container-width: var(--ws-col-6-width);
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cta-banner/"] ws-background-container {
border-radius: var(--ws-button-border-radius);
overflow: hidden;
}
ws-block[src*="/cta-banner/"] .ws-cta-banner-container {
position: relative;
padding: 40px 34px;
z-index: 1;
border-radius: var(--ws-button-border-radius);
}
ws-block[src*="/cta-banner/"] .ws-cta-banner-container.ws-surface[data-surface="1"] {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
@media (min-width: 576px) {
ws-block[src*="/cta-banner/"] .ws-cta-banner-container {
padding: 40px 45px;
}
}
@media (min-width: 768px) {
ws-block[src*="/cta-banner/"] .ws-cta-banner-container {
padding: 48px 59px;
}
}
@media (min-width: 992px) {
ws-block[src*="/cta-banner/"] .ws-cta-banner-container {
padding: 56px 80px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/cta-banner/"] .ws-cta-banner-container {
padding: 64px 100px;
}
}
ws-block[src*="/cta-banner/"] [data-ws-hidden-children~="block_title"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cta-banner/"] [data-ws-hidden-children~="primary_button"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cta-banner/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"]
.ws-cta-banner-container {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/cta-banner-with-media/"][content-direction="reverse"] {
--media-order: -1;
}
ws-block[src*="/cta-banner-with-media/"] .ws-cta-banner-container {
display: grid;
gap: 48px;
grid-template-columns: 100%;
border-radius: var(--ws-button-border-radius);
padding: 40px 32px;
}
ws-block[src*="/cta-banner-with-media/"] .ws-cta-banner-container.ws-surface[data-surface="1"] {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
}
ws-block[src*="/cta-banner-with-media/"] .ws-block-content {
padding: var(--content-padding);
}
ws-block[src*="/cta-banner-with-media/"] .media-container-wrapper {
padding: var(--media-padding);
order: var(--media-order);
}
ws-block[src*="/cta-banner-with-media/"] .ws-m-button-group {
margin-top: 32px;
}
ws-block[src*="/cta-banner-with-media/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
@media (min-width: 992px) {
ws-block[src*="/cta-banner-with-media/"] {
--media-padding: 32px;
--content-padding: 32px 16px 32px 64px;
}
ws-block[src*="/cta-banner-with-media/"][content-direction="reverse"] {
--content-padding: 32px 64px 32px 16px;
}
ws-block[src*="/cta-banner-with-media/"] .ws-cta-banner-container {
gap: 0;
grid-template-columns: 1fr 1fr;
padding: 0;
}
}
@media (min-width: 1200px) {
ws-block[src*="/cta-banner-with-media/"] {
--media-padding: 40px;
--content-padding: 40px 16px 40px 80px;
}
ws-block[src*="/cta-banner-with-media/"][content-direction="reverse"] {
--content-padding: 40px 80px 40px 16px;
}
}
ws-block[src*="/cta-banner-with-media/"]
> *:not([data-ws-hidden-children~="block_title"])
.ws-cta-banner-container {
margin-top: 48px;
}
ws-block[src*="/cta-banner-with-media/"]
[data-ws-hidden-children~="block_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cta-banner-with-media/"]
[data-ws-hidden-children~="primary_button"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/cta-banner-with-media/"]
[data-ws-hidden-children~="block_media"]
.media-container-wrapper {
display: none;
}
ws-block[src*="/cta-banner-with-media/"]
[data-ws-hidden-children~="block_description"][data-ws-hidden-children~="primary_button"]
.ws-block-content {
display: none;
}
ws-block[src*="/cta-banner-with-media/"]
[data-ws-hidden-children~="block_description"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="block_media"]
.ws-cta-banner-container {
display: none;
}
ws-block[src*="/cta-with-extra-content/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/custom/"] ws-columns ws-block[widget="image"] + ws-block[widget="text"] {
margin-top: 32px;
}
ws-block[src*="/custom/"] ws-block + ws-block {
margin-top: 48px;
}
ws-block[src*="/custom/"] ws-block + ws-block[widget="form"] {
margin-top: 32px;
}
ws-block[src*="/custom/"] ws-block[widget*="button"] + ws-block[widget="image"] {
margin-top: 56px;
}
ws-block[src*="/custom/"] ws-block[widget="spacer"] + ws-block,
ws-block[src*="/custom/"] ws-block + ws-block[widget="spacer"] {
margin-top: 0;
}
ws-block[src*="/custom/"][empty] [slot="custom-content"] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/faq/"] ws-columns {
transform: translateY(calc(-1 * 32px));
margin-bottom: calc(-1 * 32px);
}
ws-block[src*="/faq/"] ws-columns > [class*="col"] {
margin-top: 32px;
}
ws-block[src*="/faq/"] [data-ws-hidden-children~="faq_content"] .ws-m-faq {
margin-top: 0;
}
ws-block[src*="/faq/"] [data-ws-hidden-children~="block_title"] .ws-m-faq {
margin-top: 0;
}
ws-block[src*="/faq/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="faq_content"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
@media (min-width: 576px) {
ws-block[src*="/faq-with-accordion/"] ws-column:has(ws-accordion[layout="1-column"]) {
width: var(--ws-col-10-width);
}
}
@media (min-width: 768px) {
ws-block[src*="/faq-with-accordion/"] ws-column:has(ws-accordion[layout="1-column"]) {
width: var(--ws-col-8-width);
}
}
ws-block[src*="/faq-with-accordion/"]
> *:not([data-ws-hidden-children~="block_title"])
.ws-accordion-container {
margin-top: 48px;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/features-with-aside-cta/"] {
--ws-columns-offset-top: 48px;
}
@media (min-width: 768px) {
ws-block[src*="/features-with-aside-cta/"] {
--ws-columns-offset-top: 0;
}
}
ws-block[src*="/features-with-aside-cta/"]
[data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"] {
--ws-columns-offset-top: 0;
}
ws-block[src*="/features-with-aside-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"] {
--ws-columns-offset-top: 0;
}
ws-block[src*="/features-with-aside-cta/"] .ws-container > ws-columns > ws-column + ws-column {
margin-top: var(--ws-columns-offset-top);
}
ws-block[src*="/features-with-aside-cta/"] .ws-m-feature ws-columns {
justify-content: flex-start;
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/features-with-aside-cta/"] .ws-m-feature ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/features-with-aside-cta/"]
[data-ws-hidden-children~="primary_button"]
.ws-m-button-group {
display: none;
}
ws-block[src*="/features-with-aside-cta/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/features-with-aside-icons/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/features-with-aside-icons/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/features-with-aside-icons/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/features-with-counters/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/features-with-counters/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/features-with-counters/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/features-with-icons/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/features-with-icons/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/features-with-icons/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="feature_icon"][data-ws-hidden-children~="feature_description"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
.ws-feature-with-image-and-icon {
--ws-icon-size: 56px;
--ws-icon-color: var(--ws-surface-feature-icon-color);
--ws-icon-color-opacity: var(--ws-surface-feature-icon-color-opacity);
--ws-feature-with-image-and-icon-padding: 24px;
--ws-feature-with-image-and-icon-description-padding: 0px;
}
.ws-feature-with-image-and-icon ws-icon + ws-text {
margin-top: 24px;
}
.ws-feature-with-image-and-icon ws-button:not(:first-child) {
margin-top: 24px;
}
ws-block[fill-item] .ws-feature-with-image-and-icon {
--ws-feature-with-image-and-icon-padding: 0px;
}
ws-block[fill-item][with-border] .ws-feature-with-image-and-icon,
ws-block[fill-item][with-shadow] .ws-feature-with-image-and-icon,
ws-block[fill-item] .ws-feature-with-image-and-icon.ws-surface[data-surface="1"] {
--ws-feature-with-image-and-icon-description-padding: 24px;
}
.ws-feature-with-image-and-icon figcaption {
padding: var(--ws-feature-with-image-and-icon-description-padding);
}
ws-block[content-alignment~="center"] .ws-feature-with-image-and-icon figcaption {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
ws-block[fill-item][content-direction="top"] .ws-feature-with-image-and-icon figcaption {
padding-top: 0;
}
ws-block[fill-item][content-direction="bottom"] .ws-feature-with-image-and-icon figcaption {
padding-bottom: 0;
}
ws-block[fill-item] .ws-feature-with-image-and-icon ws-media-container {
min-width: 100%;
}
ws-block[content-alignment~="left"] .ws-feature-with-image-and-icon ws-media-container {
--ws-media-container-margin-left: 0;
}
.ws-feature-with-image-and-icon figure {
display: flex;
flex-direction: column;
row-gap: 32px;
padding: var(--ws-feature-with-image-and-icon-padding);
}
ws-block[content-direction="bottom"] .ws-feature-with-image-and-icon figure {
flex-direction: column-reverse;
}
ws-block[with-border] .ws-feature-with-image-and-icon figure {
--ws-m-feature-with-image-and-icon-border-width: 1px;
box-shadow: 0 0 0 var(--ws-m-feature-with-image-and-icon-border-width)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[with-shadow] .ws-feature-with-image-and-icon figure {
box-shadow: var(--ws-shadow-effect-3);
}
ws-block[with-shadow][with-border] .ws-feature-with-image-and-icon figure {
box-shadow:
0 0 0 var(--ws-m-feature-with-image-and-icon-border-width)
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity)),
var(--ws-shadow-effect-3);
}
.ws-feature-with-image-and-icon figure ws-media-container {
width: 100%;
margin-bottom: 0;
}
ws-block[content-direction="bottom"][fill-item][with-shadow]
.ws-feature-with-image-and-icon
figure
ws-media-container,
ws-block[content-direction="bottom"][fill-item][with-border]
.ws-feature-with-image-and-icon
figure
ws-media-container,
ws-block[content-direction="bottom"][fill-item]
.ws-feature-with-image-and-icon.ws-surface[data-surface="1"]
figure
ws-media-container {
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
}
ws-block[content-direction="top"][fill-item][with-shadow]
.ws-feature-with-image-and-icon
figure
ws-media-container,
ws-block[content-direction="top"][fill-item][with-border]
.ws-feature-with-image-and-icon
figure
ws-media-container,
ws-block[content-direction="top"][fill-item]
.ws-feature-with-image-and-icon.ws-surface[data-surface="1"]
figure
ws-media-container {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
}
ws-block[with-shadow] .ws-feature-with-image-and-icon figure,
ws-block[with-border] .ws-feature-with-image-and-icon figure,
.ws-feature-with-image-and-icon.ws-surface[data-surface="1"] figure {
background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
border-top-left-radius: var(--ws-column-default-border-top-left-radius);
border-top-right-radius: var(--ws-column-default-border-top-right-radius);
border-bottom-left-radius: var(--ws-column-default-border-bottom-left-radius);
border-bottom-right-radius: var(--ws-column-default-border-bottom-right-radius);
}
@media (min-width: 992px) {
ws-block:not([fill-item])[with-shadow] .ws-feature-with-image-and-icon,
ws-block:not([fill-item])[with-border] .ws-feature-with-image-and-icon,
ws-block:not([fill-item]) .ws-feature-with-image-and-icon.ws-surface[data-surface="1"] {
--ws-feature-with-image-and-icon-padding: 28px;
}
ws-block[fill-item][with-border] .ws-feature-with-image-and-icon,
ws-block[fill-item][with-shadow] .ws-feature-with-image-and-icon,
ws-block[fill-item] .ws-feature-with-image-and-icon.ws-surface[data-surface="1"] {
--ws-feature-with-image-and-icon-description-padding: 32px;
}
}
@media (min-width: 1200px) {
ws-block:not([fill-item])[with-shadow] .ws-feature-with-image-and-icon,
ws-block:not([fill-item])[with-border] .ws-feature-with-image-and-icon,
ws-block:not([fill-item]) .ws-feature-with-image-and-icon.ws-surface[data-surface="1"] {
--ws-feature-with-image-and-icon-padding: 32px;
}
ws-block[fill-item][with-border] .ws-feature-with-image-and-icon,
ws-block[fill-item][with-shadow] .ws-feature-with-image-and-icon,
ws-block[fill-item] .ws-feature-with-image-and-icon.ws-surface[data-surface="1"] {
--ws-feature-with-image-and-icon-description-padding: 32px;
}
}
[data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
figcaption {
display: none;
}
ws-block[fill-item][with-shadow]
[data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
.ws-feature-with-image-and-icon
figure
ws-media-container,
ws-block[fill-item][with-border]
[data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
.ws-feature-with-image-and-icon
figure
ws-media-container,
ws-block[fill-item]
[data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
.ws-feature-with-image-and-icon.ws-surface[data-surface="1"]
figure
ws-media-container {
--ws-media-container-border-top-right-radius: var(--ws-column-default-border-top-right-radius);
--ws-media-container-border-top-left-radius: var(--ws-column-default-border-top-left-radius);
--ws-media-container-border-bottom-right-radius: var(
--ws-column-default-border-bottom-right-radius
);
--ws-media-container-border-bottom-left-radius: var(
--ws-column-default-border-bottom-left-radius
);
}
[data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
.ws-feature-with-image-and-icon
figure {
row-gap: 0;
}
ws-block[content-direction="top"]
[data-ws-hidden-children~="item_preview"]
.ws-feature-with-image-and-icon
figcaption {
padding-top: var(--ws-feature-with-image-and-icon-description-padding);
}
ws-block[content-direction="bottom"]
[data-ws-hidden-children~="item_preview"]
.ws-feature-with-image-and-icon
figcaption {
padding-bottom: var(--ws-feature-with-image-and-icon-description-padding);
}
[data-ws-hidden-children~="item_preview"][data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
.ws-feature-with-image-and-icon {
display: none;
}
ws-block[src*="/features-with-media-and-icon/"] ws-columns {
row-gap: 30px;
}
ws-block[src*="/features-with-media-and-icon/"] .ws-feature-with-image-and-icon {
margin-top: 48px;
}
ws-block[src*="/features-with-media-and-icon/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="item_preview"][data-ws-hidden-children~="item_description"][data-ws-hidden-children~="item_icon"][data-ws-hidden-children~="item_button"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/features-with-media-and-icon/"]
[data-ws-hidden-children~="block_title"]
.ws-feature-with-image-and-icon {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/footer/"] ws-footer {
--ws-footer-background-color: hsla(
var(--ws-surface-background-color),
var(--ws-surface-background-color-opacity)
);
--ws-footer-column-gap: var(--ws-columns-column-gap);
--ws-footer-logo-wrapper-gap: var(--ws-m-logo-wrapper-gap);
}
ws-block[src*="/footer/"] ws-footer:not(:defined) {
visibility: hidden;
}
ws-block[src*="/footer/"] ws-footer[layout="1"] [slot="footer-navigation"] ul li,
ws-block[src*="/footer/"] ws-footer[layout="2"] [slot="footer-navigation"] ul li {
margin-bottom: 8px;
}
ws-block[src*="/footer/"] ws-footer[layout="3"] [slot="footer-navigation"] ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ws-block[src*="/footer/"] ws-footer[layout="3"] [slot="footer-navigation"] ul li {
margin-left: 18px;
margin-right: 18px;
}
ws-block[src*="/footer/"] ws-footer[layout="4"] [slot="footer-navigation"] ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ws-block[src*="/footer/"] ws-footer[layout="4"] [slot="footer-navigation"] ul li {
margin-right: 18px;
margin-bottom: 8px;
margin-left: 18px;
}
@media (min-width: 576px) {
ws-block[src*="/footer/"] ws-footer[layout="1"] [slot="footer-navigation"] ul,
ws-block[src*="/footer/"] ws-footer[layout="2"] [slot="footer-navigation"] ul {
column-count: 2;
column-gap: 30px;
}
}
@media (min-width: 768px) {
ws-block[src*="/footer/"] ws-footer[layout="2"] [slot="footer-navigation"] ul {
column-count: 3;
}
}
@media (min-width: 992px) {
ws-block[src*="/footer/"] ws-footer[layout="2"] [slot="footer-navigation"] ul {
column-count: 4;
}
ws-block[src*="/footer/"] ws-footer[layout="4"] [slot="footer-navigation"] ul {
justify-content: flex-end;
}
ws-block[src*="/footer/"] ws-footer[layout="4"] [slot="footer-navigation"] ul li {
margin-right: 0;
margin-bottom: 0;
margin-left: 40px;
}
}
ws-block[src*="/gallery/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="block_media"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/gallery/"]
[data-ws-slots~="block-title"][data-ws-slots~="block-columns"]
ws-columns {
margin-top: 48px;
}
ws-block[src*="/gallery/"] ws-columns {
transform: translateY(calc(-1 * 32px));
margin-bottom: calc(-1 * 32px);
}
ws-block[src*="/gallery/"] ws-columns > [class*="col"] {
margin-top: 32px;
}
ws-block[src*="/gallery-fullwidth/"] {
overflow: hidden;
}
ws-block[src*="/gallery-fullwidth/"] ws-media-container {
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-border-bottom-right-radius: 0px;
min-width: 100%;
}
ws-block[src*="/gallery-fullwidth/"] ws-columns {
--ws-columns-column-gap: 0px;
padding-top: var(--ws-gallery-fullwidth-items-gap);
padding-bottom: var(--ws-gallery-fullwidth-items-gap);
margin-left: calc(var(--ws-gallery-fullwidth-items-gap) * -1);
margin-right: calc(var(--ws-gallery-fullwidth-items-gap) * -1);
}
ws-block[src*="/gallery-fullwidth/"] ws-column {
padding: var(--ws-gallery-fullwidth-items-gap);
}
ws-block[src*="/gallery-fullwidth/"][surfaces="ws-light-0"]
+ ws-block[src*="/gallery-fullwidth/"][surfaces="ws-light-0"]
ws-columns,
ws-block[src*="/gallery-fullwidth/"][surfaces="ws-light-1"]
+ ws-block[src*="/gallery-fullwidth/"][surfaces="ws-light-1"]
ws-columns,
ws-block[src*="/gallery-fullwidth/"][surfaces="ws-dark-0"]
+ ws-block[src*="/gallery-fullwidth/"][surfaces="ws-dark-0"]
ws-columns,
ws-block[src*="/gallery-fullwidth/"][surfaces="ws-dark-1"]
+ ws-block[src*="/gallery-fullwidth/"][surfaces="ws-dark-1"]
ws-columns {
margin-top: calc(var(--ws-gallery-fullwidth-items-gap) * -1);
padding-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/header/"] {
position: relative;
z-index: 2;
}
ws-block[src*="/header/"] [data-surface="0"].ws-surface {
background: rgba(0, 0, 0, 0);
}
ws-block[src*="/header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
) {
position: absolute;
left: 0;
right: 0;
z-index: 4;
}
ws-block[src*="/header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block {
--extra-padding-top: calc(
var(--ws-header-height, 0px) + var(--ws-header-overlay-extra-indent, 0px)
);
--ws-block-extra-padding-top: var(--extra-padding-top);
--ws-m-split-layout-fullscreen-extra-padding-top: var(--extra-padding-top);
--ws-shadow-top-padding: var(--extra-padding-top);
}
ws-block[src*="/header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block[src*="/online-store/"],
ws-block[src*="/header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block[src*="footer"],
ws-block[src*="/header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-html-embed {
--ws-block-extra-padding-top: 0px;
margin-top: calc(var(--ws-header-height, 0px) + var(--ws-header-overlay-extra-indent, 0px));
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-aside-links/"] {
--ws-m-footer-navigation-justify-content: left;
--ws-m-footer-navigation-column-count: 1;
--ws-m-footer-navigation-column-gap: 24px 30px;
--footer-top-panel-indent-bottom: 24px;
--footer-bottom-panel-indent-top: 24px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-aside-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-aside-links/"] {
--ws-m-footer-navigation-column-count: 3;
}
}
ws-block[src*="/local-footer-with-aside-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--footer-top-panel-indent-bottom);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-aside-links/"] .ws-footer-top-panel {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 48px;
}
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-aside-links/"] .ws-footer-top-panel:has(.ws-footer-sublist) {
display: grid;
grid-template-columns: 1fr 2fr;
align-items: start;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-aside-links/"] .ws-footer-top-panel:has(.ws-footer-sublist) {
grid-template-columns: 1fr 3fr;
gap: unset;
}
}
ws-block[src*="/local-footer-with-aside-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-aside-links/"] .ws-footer-bottom-panel {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
}
ws-block[src*="/local-footer-with-aside-links/"] [slot="footer-navigation"] {
max-width: 820px;
}
ws-block[src*="/local-footer-with-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel {
display: none;
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-aside-links/"]
[data-ws-hidden-children~="business_social_profiles"]
.ws-footer-bottom-panel {
flex-direction: row;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-business-description-and-links/"] {
--ws-m-footer-navigation-column-count: 1;
--footer-bottom-panel-indent-top: 32px;
--footer-first-column-indent-right: 0px;
--social-profiles-indent-top: 30px;
--navigation-indent-top: 30px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-business-description-and-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-description-and-links/"] {
--ws-m-footer-navigation-column-count: 3;
--footer-first-column-indent-right: 32px;
--social-profiles-indent-top: 28px;
--navigation-indent-top: 0px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-business-description-and-links/"] {
--footer-first-column-indent-right: 48px;
}
}
@media (min-width: 1330px) {
ws-block[src*="/local-footer-with-business-description-and-links/"] {
--footer-first-column-indent-right: 56px;
}
}
ws-block[src*="/local-footer-with-business-description-and-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
}
ws-block[src*="/local-footer-with-business-description-and-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[slot="business-social-profiles"] {
margin-top: var(--social-profiles-indent-top);
}
ws-block[src*="/local-footer-with-business-description-and-links/"] [slot="footer-navigation"] {
margin-top: var(--navigation-indent-top);
}
ws-block[src*="/local-footer-with-business-description-and-links/"] [slot="business-description"],
ws-block[src*="/local-footer-with-business-description-and-links/"]
[slot="business-social-profiles"] {
margin-right: var(--footer-first-column-indent-right);
}
ws-block[src*="/local-footer-with-business-description-and-links/"] [slot="business-description"] {
max-width: 770px;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[slot="business-description-heading"] {
margin-bottom: 12px;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description"]
[slot="business-description-heading"] {
margin-bottom: 0px;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_description_heading"] {
--social-profiles-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description_heading"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"] {
--navigation-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description_heading"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description_heading"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel
.col-navigation {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description_heading"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-business-description-and-links/"]
[data-ws-hidden-children~="business_description_heading"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] {
--ws-m-footer-navigation-column-count: 1;
--footer-bottom-panel-indent-top: 32px;
--business-info-indent-top: 24px;
--navigation-indent-top: 24px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] {
--business-info-indent-top: 28px;
--navigation-indent-top: 30px;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] {
--footer-bottom-panel-indent-top: 32px;
--business-info-indent-top: 30px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] {
--business-info-indent-top: 0px;
--navigation-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] .ws-m-logo-wrapper,
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[slot="business-description"],
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[slot="business-social-profiles"] {
padding-right: 15px;
}
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] .ws-m-business-info {
margin-top: var(--business-info-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[slot="business-description"],
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[slot="business-social-profiles"] {
margin-top: 24px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[slot="business-description"] {
max-width: 770px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"] [slot="footer-navigation"] {
margin-top: var(--navigation-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
[slot="business-description"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"]
[slot="business-social-profiles"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"] {
--navigation-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel
.col-navigation {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"][data-ws-hidden-children~="footer_navigation"] {
--business-info-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-business-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-2-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_social_profiles"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-business-info {
max-width: 100%;
flex-grow: 1;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] {
--ws-m-footer-navigation-column-count: 1;
--footer-bottom-panel-indent-top: 32px;
--business-info-indent-top: 24px;
--navigation-indent-top: 24px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] {
--ws-m-footer-navigation-column-count: 2;
--footer-bottom-panel-indent-top: 24px;
}
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] {
--ws-m-footer-navigation-column-count: 3;
--navigation-indent-top: 30px;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] {
--footer-bottom-panel-indent-top: 32px;
--business-info-indent-top: 30px;
--navigation-indent-top: 24px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] {
--business-info-indent-top: 0px;
--navigation-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] .ws-m-logo-wrapper,
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[slot="business-description"] {
padding-right: 15px;
}
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] .ws-m-business-info {
margin-top: var(--business-info-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[slot="business-description"],
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[slot="business-social-profiles"] {
margin-top: 24px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[slot="business-description"] {
max-width: 770px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"] [slot="footer-navigation"] {
margin-top: var(--navigation-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
[slot="business-description"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"] {
--navigation-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"]
.ws-footer-top-panel
.col-navigation {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"] {
--business-info-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
[slot="business-social-profiles"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_social_profiles"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel
.col-business-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-3-columns-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-business-info {
max-width: 100%;
flex-grow: 1;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] {
--ws-m-footer-navigation-column-count: 1;
--footer-top-panel-indent-bottom: 24px;
--footer-bottom-panel-indent-top: 24px;
--business-info-indent-top: 30px;
--business-description-indent-top: 30px;
--navigation-indent-top: 30px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] {
--ws-m-footer-navigation-column-count: 1;
--business-info-indent-top: 28px;
--business-description-indent-top: 24px;
--navigation-indent-top: 0px;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--footer-top-panel-indent-bottom);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
.ws-footer-top-panel
ws-columns {
justify-content: space-between;
}
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] .ws-footer-bottom-panel {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] .ws-m-business-info {
margin-top: var(--business-info-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] [slot="business-description"] {
margin-top: var(--business-description-indent-top);
max-width: 770px;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"] [slot="footer-navigation"] {
margin-top: var(--navigation-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"] {
--business-description-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"] {
--business-info-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"] {
--navigation-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-navigation {
max-width: 100%;
flex-grow: 1;
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-info-and-aside-links/"]
[data-ws-hidden-children~="business_social_profiles"]
.ws-footer-bottom-panel {
flex-direction: row;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-business-info-and-links/"] {
--ws-m-footer-navigation-justify-content: left;
--ws-m-footer-navigation-column-count: 1;
--ws-m-footer-navigation-column-gap: 24px 30px;
--footer-top-panel-indent-bottom: 24px;
--footer-bottom-panel-indent-top: 24px;
--business-info-indent-top: 24px;
--social-profiles-indent-bottom: 24px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-business-info-and-links/"] {
--ws-m-footer-navigation-column-count: 2;
--business-info-indent-top: 32px;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-info-and-links/"] {
--ws-m-footer-navigation-column-count: 3;
--business-info-indent-top: 0px;
--social-profiles-indent-bottom: 0px;
}
}
ws-block[src*="/local-footer-with-business-info-and-links/"] .ws-m-business-info {
margin-top: var(--business-info-indent-top);
}
ws-block[src*="/local-footer-with-business-info-and-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--footer-top-panel-indent-bottom);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[src*="/local-footer-with-business-info-and-links/"] .ws-footer-top-panel ws-columns {
justify-content: space-between;
}
ws-block[src*="/local-footer-with-business-info-and-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-business-info-and-links/"] .ws-footer-bottom-panel ws-columns {
flex-direction: row-reverse;
align-items: center;
}
}
ws-block[src*="/local-footer-with-business-info-and-links/"] [slot="business-description"] {
margin-top: 24px;
max-width: 770px;
}
ws-block[src*="/local-footer-with-business-info-and-links/"] [slot="footer-navigation"] {
margin-top: 28px;
}
ws-block[src*="/local-footer-with-business-info-and-links/"] [slot="business-social-profiles"] {
margin-bottom: var(--social-profiles-indent-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
[slot="business-description"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"]
[slot="footer-navigation"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"] {
--business-info-indent-top: 0px;
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-site-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-business-info {
display: none;
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-business-info-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-centered-content/"] {
--ws-m-footer-navigation-column-count: 1;
--ws-m-footer-navigation-column-gap: 24px 30px;
--ws-m-footer-navigation-column-min-width: 270px;
--ws-m-footer-navigation-align-items: center;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-centered-content/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-centered-content/"] {
--ws-m-footer-navigation-column-count: 3;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-centered-content/"] {
--ws-m-footer-navigation-column-count: 4;
}
}
ws-block[src*="/local-footer-with-centered-content/"] .ws-footer-container {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--ws-block-padding-bottom);
}
ws-block[src*="/local-footer-with-centered-content/"] .ws-m-logo-wrapper,
ws-block[src*="/local-footer-with-centered-content/"] [slot="business-description"] {
max-width: 770px;
}
ws-block[src*="/local-footer-with-centered-content/"] .ws-m-copyright {
margin-top: 40px;
}
ws-block[src*="/local-footer-with-centered-content/"] [slot="business-description"] {
margin-top: 24px;
}
ws-block[src*="/local-footer-with-centered-content/"] [slot="footer-navigation"] {
margin-top: 32px;
max-width: 925px;
}
ws-block[src*="/local-footer-with-centered-content/"]
[slot="footer-navigation"]:has(.ws-footer-sublist) {
max-width: unset;
}
ws-block[src*="/local-footer-with-centered-content/"] [slot="business-social-profiles"] {
margin-top: 32px;
}
ws-block[src*="/local-footer-with-centered-content/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
[slot="business-description"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-centered-content/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"]
[slot="footer-navigation"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-centered-content/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"]
[slot="business-social-profiles"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-centered-content/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"] {
--footer-container-indent-top: var(--footer-container-indent-bottom);
}
ws-block[src*="/local-footer-with-centered-content/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"]
.ws-m-copyright {
margin-top: 0px;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-centered-links/"] {
--ws-m-footer-navigation-column-count: 1;
--ws-m-footer-navigation-column-gap: 24px 30px;
--ws-m-footer-navigation-align-items: center;
--footer-top-panel-indent-bottom: 24px;
--footer-top-panel-gap: 24px;
--footer-bottom-panel-indent-top: 24px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-centered-links/"] {
--ws-m-footer-navigation-column-count: 2;
--ws-m-footer-navigation-column-min-width: 270px;
}
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-centered-links/"] {
--footer-top-panel-gap: 32px;
}
}
ws-block[src*="/local-footer-with-centered-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--footer-top-panel-indent-bottom);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
display: flex;
gap: var(--footer-top-panel-gap);
flex-direction: column;
align-items: center;
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-centered-links/"] .ws-footer-top-panel {
flex-direction: row;
justify-content: space-between;
}
}
ws-block[src*="/local-footer-with-centered-links/"] .ws-footer-top-panel:has(.ws-footer-sublist) {
align-items: start;
}
ws-block[src*="/local-footer-with-centered-links/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
display: flex;
justify-content: center;
}
ws-block[src*="/local-footer-with-centered-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel {
justify-content: center;
}
ws-block[src*="/local-footer-with-centered-links/"]
[data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel {
justify-content: center;
}
ws-block[src*="/local-footer-with-centered-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-centered-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="business_social_profiles"]
.ws-footer-top-panel {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-cta-text/"] {
--ws-m-business-info-gap: 8px;
--ws-m-footer-navigation-justify-content: left;
--ws-m-footer-navigation-column-count: 1;
--ws-m-footer-navigation-column-gap: 24px 30px;
--footer-top-panel-indent-bottom: 24px;
--footer-bottom-panel-indent-top: 24px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-cta-text/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-cta-text/"] {
--footer-top-panel-indent-bottom: 32px;
--footer-bottom-panel-indent-top: 32px;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-cta-text/"] {
--ws-m-footer-navigation-column-count: 3;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-cta-text/"] {
--ws-m-footer-navigation-column-count: 2;
--ws-m-copyright-text-align: right;
}
}
ws-block[src*="/local-footer-with-cta-text/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--footer-top-panel-indent-bottom);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[src*="/local-footer-with-cta-text/"] .ws-footer-bottom-panel {
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-slots~="cta-text"]
.ws-footer-top-panel
ws-columns {
row-gap: 24px;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-slots~="footer-navigation"]
.ws-footer-bottom-panel
ws-columns {
row-gap: 24px;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="cta_text"]
.ws-footer-top-panel
.col-cta-text {
display: none;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="cta_text"]
.ws-footer-top-panel
.col-business-info {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-cta-text {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-cta-text
[slot="cta-text"] {
min-width: 770px;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel
.col-business-info {
display: none;
}
ws-block[src*="/local-footer-with-cta-text/"] [data-ws-hidden-children~="footer_navigation"] {
--ws-m-copyright-text-align: left;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-bottom-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-bottom-panel
.col-copyright {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="cta_text"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-cta-text/"]
[data-ws-hidden-children~="cta_text"][data-ws-hidden-children~="business_address"][data-ws-hidden-children~="business_phone"][data-ws-hidden-children~="business_email"]
.ws-footer-top-panel {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-cta-text-and-links/"] {
--ws-m-footer-navigation-column-count: 1;
--footer-top-panel-indent-bottom: 32px;
--footer-top-panel-row-gap: 24px;
--footer-bottom-panel-indent-top: 32px;
}
@media (min-width: 576px) {
ws-block[src*="/local-footer-with-cta-text-and-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-cta-text-and-links/"] {
--ws-m-footer-navigation-column-count: 3;
--footer-top-panel-row-gap: 32px;
}
}
ws-block[src*="/local-footer-with-cta-text-and-links/"] .ws-footer-top-panel {
display: flex;
flex-direction: column;
padding-top: var(--ws-block-padding-top);
padding-bottom: var(--footer-top-panel-indent-bottom);
border-bottom: 1px solid
hsla(var(--ws-surface-border-color), var(--ws-surface-border-color-opacity));
}
ws-block[src*="/local-footer-with-cta-text-and-links/"] .ws-footer-top-panel ws-columns {
row-gap: var(--footer-top-panel-row-gap);
}
ws-block[src*="/local-footer-with-cta-text-and-links/"] .ws-footer-bottom-panel {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-cta-text-and-links/"] .ws-footer-bottom-panel {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
.ws-footer-top-panel
.col-site-info {
display: none;
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="cta_text"]
.ws-footer-top-panel
.col-navigation,
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="cta_text"]
.ws-footer-top-panel
.col-cta-text {
display: none;
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-navigation {
display: none;
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-cta-text {
max-width: 100%;
flex-grow: 1;
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel
.col-cta-text
[slot="cta-text"] {
max-width: 770px;
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="cta_text"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="footer_navigation"][data-ws-hidden-children~="cta_text"]
.ws-footer-top-panel {
display: none;
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-cta-text-and-links/"]
[data-ws-hidden-children~="business_social_profiles"]
.ws-footer-bottom-panel {
flex-direction: row;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/local-footer-with-many-links/"] {
--ws-m-footer-navigation-column-count: 1;
--footer-bottom-panel-indent-top: 40px;
}
@media (min-width: 768px) {
ws-block[src*="/local-footer-with-many-links/"] {
--ws-m-footer-navigation-column-count: 2;
}
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-many-links/"] {
--ws-m-footer-navigation-column-count: 3;
}
}
@media (min-width: 1200px) {
ws-block[src*="/local-footer-with-many-links/"] {
--ws-m-footer-navigation-column-count: 4;
}
}
ws-block[src*="/local-footer-with-many-links/"] .ws-footer-top-panel {
padding-top: var(--ws-block-padding-top);
}
ws-block[src*="/local-footer-with-many-links/"] .ws-footer-top-panel ws-columns {
justify-content: left;
}
ws-block[src*="/local-footer-with-many-links/"] .ws-footer-bottom-panel {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: var(--footer-bottom-panel-indent-top);
padding-bottom: var(--ws-block-padding-bottom);
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-many-links/"] .ws-footer-bottom-panel {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
}
ws-block[src*="/local-footer-with-many-links/"] [slot="business-description"] {
margin-top: 24px;
}
ws-block[src*="/local-footer-with-many-links/"] [slot="footer-navigation"] {
margin-top: 40px;
}
ws-block[src*="/local-footer-with-many-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"]
[slot="business-description"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-many-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"]
[slot="footer-navigation"] {
margin-top: 0px;
}
ws-block[src*="/local-footer-with-many-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"] {
--footer-bottom-panel-indent-top: var(--footer-bottom-panel-indent-bottom);
}
ws-block[src*="/local-footer-with-many-links/"]
[data-ws-hidden-children~="business_logo"][data-ws-hidden-children~="site_name"][data-ws-hidden-children~="business_description"][data-ws-hidden-children~="footer_navigation"]
.ws-footer-top-panel {
display: none;
}
@media (min-width: 992px) {
ws-block[src*="/local-footer-with-many-links/"]
[data-ws-hidden-children~="business_social_profiles"]
.ws-footer-bottom-panel {
flex-direction: row;
}
}
ws-block[src*="/local-header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
) {
position: absolute;
left: 0;
right: 0;
z-index: 4;
}
ws-block[src*="/local-header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block {
--extra-padding-top: calc(
var(--ws-header-height, 0px) + var(--ws-header-overlay-extra-indent, 0px)
);
--ws-block-extra-padding-top: var(--extra-padding-top);
--ws-m-split-layout-fullscreen-extra-padding-top: var(--extra-padding-top);
--ws-shadow-top-padding: var(--extra-padding-top);
}
ws-block[src*="/local-header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block[src*="/online-store/"],
ws-block[src*="/local-header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block[src*="footer"],
ws-block[src*="/local-header/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-html-embed {
--ws-block-extra-padding-top: 0px;
margin-top: calc(var(--ws-header-height, 0px) + var(--ws-header-overlay-extra-indent, 0px));
}
ws-block[src*="/local-header-with-topbar/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
) {
position: absolute;
left: 0;
right: 0;
z-index: 4;
}
ws-block[src*="/local-header-with-topbar/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block {
--extra-padding-top: calc(
var(--ws-header-height, 0px) + var(--ws-header-overlay-extra-indent, 0px)
);
--ws-block-extra-padding-top: var(--extra-padding-top);
--ws-m-split-layout-fullscreen-extra-padding-top: var(--extra-padding-top);
--ws-shadow-top-padding: var(--extra-padding-top);
}
ws-block[src*="/local-header-with-topbar/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block[src*="/online-store/"],
ws-block[src*="/local-header-with-topbar/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-block[src*="footer"],
ws-block[src*="/local-header-with-topbar/"][overlay-section]:not(:last-child):not([empty]):not(
:has(+ ws-block[empty])
)
+ ws-html-embed {
--ws-block-extra-padding-top: 0px;
margin-top: calc(var(--ws-header-height, 0px) + var(--ws-header-overlay-extra-indent, 0px));
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/media/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/media/"] * + .block-media-wrapper {
margin-top: 48px;
}
ws-block[src*="/media/"] [data-ws-hidden-children~="block_title"] .block-media-wrapper {
margin-top: 0;
}
ws-block[src*="/media/"]
[data-ws-hidden-children~="block_media"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.block-media-wrapper {
margin-top: 0;
}
ws-block[src*="/media/"] [data-ws-hidden-children~="block_media"] .ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/media-fullwidth/"] ws-media-container {
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-border-bottom-right-radius: 0px;
}
ws-block[src*="/media-fullwidth/"][fullscreen] section {
display: grid;
grid-template-columns: 100%;
min-height: var(--ws-viewport-height);
}
ws-block[src*="/media-fullwidth/"][fullscreen] section ws-composite-group[slot],
ws-block[src*="/media-fullwidth/"][fullscreen] section ws-media-container[slot] {
width: 100%;
min-height: 100%;
}
ws-block[src*="/media-with-laptop/"] * + .ws-mockup-wrapper {
margin-top: 48px;
}
ws-block[src*="/media-with-laptop/"] [slot]:not([slot="block-media"]) {
z-index: 1;
}
ws-block[src*="/media-with-laptop/"] [data-ws-hidden-children~="block_title"] .ws-mockup-wrapper {
margin-top: 0;
}
ws-block[src*="/media-with-laptop/"]
[data-ws-hidden-children~="block_media"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
.ws-mockup-wrapper {
margin-top: 0;
}
ws-block[src*="/media-with-laptop/"] [data-ws-hidden-children~="block_media"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/media-with-laptop/"] [data-ws-slots~="block-media"] .ws-mockup-laptop {
--min-aspect-ratio: 1.61;
position: relative;
z-index: 1;
}
ws-block[src*="/media-with-laptop/"] [data-ws-slots~="block-media"] .ws-mockup-laptop:before {
content: "";
display: inline-block;
padding-bottom: 56.8831168831%;
}
ws-block[src*="/media-with-laptop/"]
[data-ws-slots~="block-media"]
.ws-mockup-laptop
> ws-composite-group,
ws-block[src*="/media-with-laptop/"]
[data-ws-slots~="block-media"]
.ws-mockup-laptop
> ws-media-container {
position: absolute;
left: 11.5%;
right: 11.5%;
min-height: 83%;
max-height: 83%;
top: 7%;
}
ws-block[src*="/media-with-laptop/"]
[data-ws-slots~="block-media"]
.ws-mockup-laptop
> ws-composite-group
+ .ws-media-laptop-decoration,
ws-block[src*="/media-with-laptop/"]
[data-ws-slots~="block-media"]
.ws-mockup-laptop
> ws-media-container
+ .ws-media-laptop-decoration {
display: inline-block;
}
ws-block[src*="/media-with-laptop/"]
[data-ws-slots~="block-media"]
.ws-mockup-laptop
ws-media-container {
--ws-media-container-border-top-left-radius: 0px;
--ws-media-container-border-top-right-radius: 0px;
--ws-media-container-border-bottom-left-radius: 0px;
--ws-media-container-border-bottom-right-radius: 0px;
}
ws-block[src*="/media-with-laptop/"] .ws-media-laptop-decoration {
display: none;
z-index: -2;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
}
ws-block[src*="/media-with-laptop/"] .ws-light-0.ws-surface .ws-media-laptop-decoration {
background-image: url(/ws/block-templates/media-with-laptop/images/image-1-gray.ws-intense-next-mobile-app.svg);
}
ws-block[src*="/media-with-laptop/"] .ws-light-1.ws-surface .ws-media-laptop-decoration {
background-image: url(/ws/block-templates/media-with-laptop/images/image-1-white.ws-intense-next-mobile-app.svg);
}
ws-block[src*="/media-with-laptop/"] .ws-dark-1.ws-surface .ws-media-laptop-decoration,
ws-block[src*="/media-with-laptop/"] .ws-dark-0.ws-surface .ws-media-laptop-decoration {
background-image: url(/ws/block-templates/media-with-laptop/images/image-1-dark.ws-intense-next-mobile-app.svg);
}
ws-block[src*="/media-with-laptop/"] .ws-secondary-0.ws-surface .ws-media-laptop-decoration {
background-image: url(/ws/block-templates/media-with-laptop/images/image-1-white.ws-intense-next-mobile-app.svg);
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/menu-with-aside-cta/"] {
--ws-m-menu-list-item-padding: 32px;
}
ws-block[src*="/menu-with-aside-cta/"] [slot="menu-content"] {
margin-top: 48px;
}
ws-block[src*="/menu-with-aside-cta/"] [data-ws-hidden-children~="block_title"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/menu-with-aside-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"]
[slot="menu-content"] {
margin-top: 0px;
}
@media (min-width: 1200px) {
ws-block[src*="/menu-with-aside-cta/"] [slot="block-title"] {
padding-right: 25px;
}
ws-block[src*="/menu-with-aside-cta/"] [slot="menu-content"] {
margin-top: 0px;
}
ws-block[src*="/menu-with-aside-cta/"] ws-columns {
justify-content: flex-start;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/menu-with-media/"] ws-columns:not([slot="menu-content"]) {
flex-wrap: wrap-reverse;
}
ws-block[src*="/menu-with-media/"] .ws-block-content {
margin-top: 48px;
}
ws-block[src*="/menu-with-media/"] [slot="menu-content"] {
margin-top: 48px;
}
ws-block[src*="/menu-with-media/"] [slot]:not([slot="block-media"]) {
position: relative;
z-index: 1;
}
ws-block[src*="/menu-with-media/"] [data-ws-hidden-children~="block_title"] [slot="menu-content"] {
margin-top: 0px;
}
ws-block[src*="/menu-with-media/"] [data-ws-hidden-children~="block_media"] .ws-block-content {
margin-top: 0px;
}
@media (min-width: 1200px) {
ws-block[src*="/menu-with-media/"] .ws-block-content {
margin-top: 0px;
}
ws-block[src*="/menu-with-media/"][content-direction="normal"] .ws-block-content {
padding-right: 40px;
}
ws-block[src*="/menu-with-media/"][content-direction="reverse"] .ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/menu-with-media/"][content-direction="reverse"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/online-store/"] .ws-section {
z-index: auto;
}
ws-block[src*="/online-store/"] * + ws-global {
margin-top: 48px;
}
ws-block[src*="/online-store/"] [slot="online-store"],
ws-block[src*="/online-store/"] .ws-container {
width: 100%;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/partners-clients-sponsors-awards/"]
[data-ws-slots~="block-title"]
.ws-m-logos-list {
margin-top: 48px;
}
ws-block[src*="/partners-clients-sponsors-awards/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="block_partners"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/partners-clients-sponsors-awards/"]
[data-ws-hidden-children~="block_logos"]
.ws-m-logos-list {
display: none;
}
@media (min-width: 992px) {
ws-block[src*="/partners-clients-sponsors-awards/"] .ws-m-logos-list {
padding-left: 30px;
padding-right: 30px;
}
}
ws-block[src*="/pricing-card-with-media/"][content-alignment~="left"] ws-columns {
justify-content: flex-start;
}
ws-block[src*="/pricing-card-with-media/"]
> *:not([data-ws-hidden-children~="block_title"])
.ws-m-pricing-card-with-media {
margin-top: 48px;
}
ws-block[src*="/pricing-card-with-media/"]
[data-ws-hidden-children~="package_title"]
[data-type="price"] {
margin-top: 0px;
}
ws-block[src*="/pricing-card-with-media/"]
[data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"]
[data-type="list"] {
padding-top: 0px;
border-top: none;
}
ws-block[src*="/pricing-card-with-media/"]
[data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"][data-ws-hidden-children~="package_button"]
[data-type="list"] {
margin-top: 0px;
}
ws-block[src*="/pricing-card-with-media/"]
[data-ws-hidden-children~="package_title"][data-ws-hidden-children~="package_price"][data-ws-hidden-children~="package_list"][data-ws-hidden-children~="package_button"]
.ws-m-pricing-card-with-media
figcaption {
display: none;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/pricing-with-aside-cta/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/pricing-with-aside-cta/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/pricing-with-aside-cta/"] [data-ws-hidden-children~="block_prices"] .col-pricing {
display: none;
}
ws-block[src*="/pricing-with-aside-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"]
.col-content {
display: none;
}
ws-block[src*="/pricing-with-aside-cta/"]
[data-ws-hidden-children~="primary_button"]
.ws-m-button-group {
display: none;
}
ws-block[src*="/pricing-with-aside-cta/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 992px) {
ws-block[src*="/pricing-with-aside-cta/"] ws-columns {
justify-content: flex-start;
}
ws-block[src*="/pricing-with-aside-cta/"] [data-ws-hidden-children~="block_prices"] .col-content {
flex-basis: 100%;
max-width: 570px;
}
ws-block[src*="/pricing-with-aside-cta/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"]
.col-pricing {
flex-basis: 100%;
max-width: 100%;
}
}
ws-block[src*="/pricing-with-icons/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/pricing-with-icons/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/pricing-with-icons/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="package_icon"][data-ws-hidden-children~="package_description"][data-ws-hidden-children~="package_button"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/product-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/product-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/product-with-media/"] [slot]:not([slot="product-preview"]) {
z-index: 1;
}
ws-block[src*="/product-with-media/"] [data-ws-hidden-children~="product_description"] .ws-m-tags {
margin-top: 0;
}
ws-block[src*="/product-with-media/"]
[data-ws-hidden-children~="primary_button"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/product-with-media/"]
[data-ws-hidden-children~="product_description"][data-ws-hidden-children~="block_tags"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 992px) {
ws-block[src*="/product-with-media/"][content-direction="normal"] .ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 40px;
}
ws-block[src*="/product-with-media/"][content-direction="normal"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
ws-block[src*="/product-with-media/"][content-direction="reverse"] .ws-block-content {
padding-right: 40px;
}
}
ws-block[src*="/products-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/products-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/products-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="product_image"][data-ws-hidden-children~="product_description"]
.ws-m-button-group {
margin-top: 0;
}
.ws-close-button {
--icon: url('data:image/svg+xml; utf8, ');
--icon-size: 24px;
position: relative;
border-radius: var(--ws-link-border-radius);
}
.ws-close-button::before {
content: "";
display: block;
width: var(--icon-size);
height: var(--icon-size);
background-color: hsla(
var(--ws-surface-text-color),
var(--ws-surface-text-high-emphasis-opacity)
);
-webkit-mask: var(--icon);
mask: var(--icon);
-webkit-mask-size: cover;
mask-size: cover;
}
.ws-close-button::after {
--position: -5px;
content: "";
position: absolute;
top: var(--position);
right: var(--position);
bottom: var(--position);
left: var(--position);
border-radius: inherit;
box-shadow: 0 0 0 var(var(--ws-link-outline-width)) var(--outline-color);
}
.ws-close-button:focus-visible {
--outline-color: hsla(
var(--ws-surface-focus-outline-color),
var(--ws-surface-focus-outline-color-opacity)
);
}
.ws-protection-form {
--ws-protection-form-button-alignment: center;
}
.ws-protection-form ws-button-group {
margin-top: 24px;
}
.ws-protection-form ws-button > a {
width: 100%;
justify-content: var(--ws-protection-form-button-alignment);
}
ws-global[src*="/header-code/"]:has([data-current-button-preset="preset-16"])
+ *
.ws-protection-form,
html[data-current-button-preset="preset-16"] .ws-protection-form {
--ws-protection-form-button-alignment: start;
}
ws-block[src*="/protection-form/"] {
display: grid;
min-height: inherit;
}
ws-block[src*="/protection-form/"] .ws-section {
display: grid;
align-content: center;
}
ws-block[src*="/protection-form/"] .ws-close-button {
position: absolute;
top: 40px;
right: 40px;
}
ws-block[src*="/schedule/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/schedule/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/services-with-accordion-and-side-media/"]
> *:not([data-ws-hidden-children~="block_title"])
.ws-accordion-container {
margin-top: 48px;
}
ws-block[src*="/services-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/services-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/services-with-media/"][content-alignment="left"] ws-media-container {
--ws-media-container-margin-left: 0;
}
ws-block[src*="/services-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="service_image"][data-ws-hidden-children~="service_description"]
.ws-m-button-group {
margin-top: 0;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/services-with-media-cards/"] ws-columns {
row-gap: 48px;
}
ws-block[src*="/services-with-media-cards/"] ws-columns ws-columns {
justify-content: flex-start;
row-gap: 30px;
}
ws-block[src*="/services-with-media-cards/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group {
margin-top: 0;
}
@media (min-width: 1200px) {
ws-block[src*="/services-with-media-cards/"] .ws-m-block-title-fit-wrapper {
padding-right: 25px;
}
}
ws-block[src*="/services-with-media-cards-vertical-layout/"] ws-columns[slot] {
transform: translateY(calc(-1 * 30px));
margin-bottom: calc(-1 * 30px);
}
ws-block[src*="/services-with-media-cards-vertical-layout/"] ws-columns[slot] > [class*="col"] {
margin-top: 30px;
}
ws-block[src*="/services-with-media-cards-vertical-layout/"][content-alignment~="left"]
ws-columns[slot] {
justify-content: flex-start;
}
ws-block[src*="/services-with-media-cards-vertical-layout/"][content-alignment~="center"]
ws-columns[slot]
ws-text {
--ws-text-indent-left-multiplier: 0.5;
--ws-text-indent-right-multiplier: 0.5;
text-align: center;
}
ws-block[src*="/slider-gallery/"] [data-ws-slots~="block-title"] ws-slider {
display: block;
margin-top: 48px;
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/team-member-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/team-member-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/team-member-with-media/"] [slot]:not([slot="member-photo"]) {
z-index: 1;
}
@media (min-width: 992px) {
ws-block[src*="/team-member-with-media/"][content-direction="normal"] .ws-block-content {
--ws-content-horizontal-alignment: end;
padding-left: 20px;
}
ws-block[src*="/team-member-with-media/"][content-direction="normal"] .ws-m-block-title-570 {
--ws-block-title-alignment: right;
}
ws-block[src*="/team-member-with-media/"][content-direction="reverse"] .ws-block-content {
padding-right: 20px;
}
}
ws-block[src*="/team-members-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/team-members-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/team-members-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="member_photo"][data-ws-hidden-children~="member_description"][data-ws-hidden-children~="member_social_links"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/team-members-with-media/"]
[data-ws-hidden-children~="member_social_links"]
.ws-m-team-member
[slot="member-social-links"] {
display: none;
}
ws-block[src*="/testimonial-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="author_photo"][data-ws-hidden-children~="author_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/testimonial-with-media/"]
[data-ws-hidden-children~="author_photo"][data-ws-hidden-children~="author_description"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
[slot="block-title"] {
margin-bottom: 0;
}
ws-block[src*="/testimonial-with-media/"] [data-ws-slots~="block-title"] * + .ws-m-testimonial {
margin-top: 48px;
}
ws-block[src*="/testimonials-with-media/"] ws-columns {
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/testimonials-with-media/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/testimonials-with-media/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="author_photo"][data-ws-hidden-children~="author_description"]
.ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/text/"][content-alignment~="left"] ws-media-container {
--ws-media-container-margin-left: 0;
}
ws-block[src*="/widget-button/"] .ws-m-button-group {
margin-top: 0;
}
ws-block[src*="/widget-buttons/"] .ws-m-button-group {
margin-top: 0;
}
.ws-follow-us {
--ws-follow-us-offset: 10px;
display: flex;
align-items: center;
justify-content: var(--ws-follow-us-alignment, var(--ws-column-alignment, center));
flex-wrap: wrap;
}
.ws-follow-us__title {
margin-left: var(--ws-follow-us-offset);
margin-right: var(--ws-follow-us-offset);
}
.ws-follow-us__icons {
margin-left: var(--ws-follow-us-offset);
margin-right: var(--ws-follow-us-offset);
}
ws-block[data-alignment="left"] .ws-follow-us {
--ws-follow-us-alignment: left;
}
ws-block[data-alignment="center"] .ws-follow-us {
--ws-follow-us-alignment: center;
}
ws-block[data-alignment="right"] .ws-follow-us {
--ws-follow-us-alignment: right;
}
ws-block[src*="/widget-form/"] .ws-m-contact-form {
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
ws-block[src*="/widget-icon/"] {
--ws-icon-size: 56px;
--ws-icon-color: var(--ws-surface-feature-icon-color);
--ws-icon-color-opacity: var(--ws-surface-feature-icon-color-opacity);
}
ws-block[src*="/widget-icon/"] .ws-widget-container {
display: grid;
}
ws-block[src*="/widget-icon/"] .ws-widget-container ws-icon {
justify-self: var(--ws-icon-alignment, var(--ws-column-alignment, center));
}
:root {
--screen-width-xs: 0;
--screen-width-sm: 576px;
--screen-width-md: 768px;
--screen-width-lg: 992px;
--screen-width-xl: 1200px;
--screen-width-xxl: 1330px;
}
ws-block[src*="/widget-media-with-aside-text/"] ws-columns {
flex-wrap: wrap-reverse;
transform: translateY(calc(-1 * 48px));
margin-bottom: calc(-1 * 48px);
}
ws-block[src*="/widget-media-with-aside-text/"] ws-columns > [class*="col"] {
margin-top: 48px;
}
ws-block[src*="/widget-media-with-aside-text/"]
ws-columns
ws-column:not([hidden])::part(inner-wrapper) {
display: flex;
min-height: 100%;
justify-content: var(--ws-content-vertical-alignment);
}
ws-block[src*="/widget-media-with-aside-text/"]
[data-ws-hidden-children~="block_title"]
.ws-m-button-group-wrapper {
margin-top: 0;
}
ws-block[src*="/widget-media-with-aside-text/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
ws-columns {
transform: translateY(calc(-1 * 0px));
margin-bottom: calc(-1 * 0px);
}
ws-block[src*="/widget-media-with-aside-text/"]
[data-ws-hidden-children~="block_title"][data-ws-hidden-children~="primary_button"][data-ws-hidden-children~="secondary_button"]
ws-columns
> [class*="col"] {
margin-top: 0px;
}
ws-block[src*="/widget-media-with-aside-text/"]
[data-ws-hidden-children~="block_media"]
ws-columns {
transform: translateY(calc(-1 * 0px));
margin-bottom: calc(-1 * 0px);
}
ws-block[src*="/widget-media-with-aside-text/"]
[data-ws-hidden-children~="block_media"]
ws-columns
> [class*="col"] {
margin-top: 0px;
}
@media (min-width: 992px) {
ws-block[src*="/widget-media-with-aside-text/"][content-direction="normal"]
ws-column:first-child {
padding-right: 55px;
}
ws-block[src*="/widget-media-with-aside-text/"][content-direction="reverse"]
ws-column:first-child {
padding-left: 55px;
}
}
ws-block[src*="/widget-social-links/"] .ws-widget-container {
display: grid;
}
ws-block[src*="/widget-social-links/"] .ws-widget-container ws-social-icons {
justify-self: var(--ws-social-icons-alignment, var(--ws-column-alignment, center));
}
ws-block[src*="/widget-spacer/"] [slot="block-content"] {
height: 32px;
}
ws-block[src*="/widget-text-block-paragraph/"] ws-text {
margin-left: var(--ws-widget-text-block-paragraph-margin-left, 0);
margin-right: var(--ws-widget-text-block-paragraph-margin-right, 0);
}