.h1[data-v-782cc298],.h2[data-v-782cc298],.h3[data-v-782cc298],.h4[data-v-782cc298],.h5[data-v-782cc298],.h6[data-v-782cc298],b[data-v-782cc298],h1[data-v-782cc298],h2[data-v-782cc298],h3[data-v-782cc298],h4[data-v-782cc298],h5[data-v-782cc298],h6[data-v-782cc298],strong[data-v-782cc298]{font-family:GothamBold!important}select.mobile-select-brand[data-v-782cc298]{width:100%;max-width:450px;background-color:#333;font-weight:700;font-size:16px;color:#bbb;padding:15px 25px 11px 20px;margin-bottom:5px;border:none;border-radius:8px;border-right:15px solid #333;-webkit-appearance:none}.numbers__results[data-v-782cc298]{opacity:1;transition:opacity .2s}.numbers .numbers__results[data-v-782cc298]{opacity:0;pointer-events:none}.numbers__frame[data-v-782cc298]{position:absolute;top:0;right:0;left:0;bottom:0;height:100%;opacity:0;pointer-events:none;padding:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .2s}.numbers__frame h4[data-v-782cc298]{font-weight:700;opacity:.9}.numbers__frame p[data-v-782cc298]{opacity:.8}.numbers__frame a[data-v-782cc298]{color:#fff}.numbers__frame button[data-v-782cc298]{width:100%;margin:0}.numbers .numbers__frame[data-v-782cc298]{opacity:1;pointer-events:auto}.how__calculated[data-v-782cc298]{font-size:12px;color:#bbb;text-decoration:underline}.desktop-only[data-v-782cc298]{display:none}@media only screen and (min-width:950px){.desktop-only[data-v-782cc298]{display:inline}}.large-desktop-only[data-v-782cc298]{display:none}@media only screen and (min-width:1100px){.large-desktop-only[data-v-782cc298]{display:inline}}.mobile-only[data-v-782cc298]{display:block}@media only screen and (min-width:950px){.mobile-only[data-v-782cc298]{display:none}}.p-2[data-v-782cc298]{padding:4px}@media only screen and (min-width:950px){.p-2[data-v-782cc298]{padding:20px}}.calculator__background[data-v-782cc298]{background-color:#101010;background-image:url(https://www.sab.co.za/sites/g/files/phfypu1846/themes/site/assets/css/fc6150635504f7ce8069345e1f1fcd6b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.calculator__banner[data-v-782cc298]{margin:0 -15px 0 -15px;padding:15px 25px;font-weight:700;font-size:1.5em;color:#fff;background-color:#e31200}@media only screen and (min-width:950px){.calculator__banner[data-v-782cc298]{font-size:2em}}.calc-title[data-v-782cc298]{display:none;padding:15px 10px 0 10px;line-height:.8;color:#baa769!important;font-family:GothamBold;text-transform:uppercase;font-weight:700;font-size:14px;margin:0;margin-bottom:0}@media only screen and (min-width:950px){.calc-title[data-v-782cc298]{display:block;font-size:32px;margin:0 0 3rem}}.calc-title span[data-v-782cc298]{color:#baa769}.calc-subtitle[data-v-782cc298]{display:inline-block;padding:15px 0;line-height:.8;color:#fff!important;font-family:GothamBold;font-weight:700;font-size:20px;opacity:.8;margin:0 0 0 0;cursor:pointer}.calc-subtitle[data-v-782cc298]:hover{opacity:1}.calc-instructions[data-v-782cc298]{padding:10px}.calc-instructions h3[data-v-782cc298]{font-weight:500;font-size:15px;line-height:18px;margin-bottom:15px;display:inline;color:#999!important;padding-right:12px}.calc-instructions p[data-v-782cc298]{display:inline;font-size:13px;line-height:17px;opacity:.7}.calc-instructions strong[data-v-782cc298]{color:#baa769}@media only screen and (min-width:950px){.calc-instructions h3[data-v-782cc298]{font-size:20px;line-height:24px}.calc-instructions p[data-v-782cc298]{font-size:17px;line-height:22px;opacity:.7}}.calc-instructions--advise[data-v-782cc298]{display:block;margin-bottom:45px!important}.calc-brandmenu[data-v-782cc298]{max-height:0;overflow:hidden;list-style-type:none;margin:0;padding:0 0 0 20px;opacity:0;transition:max-height .5s,opacity .5s,margin .4s}.calc-brandmenu--wrapper[data-v-782cc298]{position:absolute;max-height:0;overflow:hidden}@media only screen and (min-width:950px){.calc-brandmenu--wrapper[data-v-782cc298]{position:relative;max-height:1000px;overflow:visible;margin:10px}}.calc-brandmenu.open[data-v-782cc298]{opacity:1;max-height:400px;margin-bottom:20px}.calc-brandmenu a[data-v-782cc298]{color:#fff;opacity:.6;transition:opacity .3,color .2;display:block;padding:3px 0;font-size:16px;line-height:19px}.calc-brandmenu a[data-v-782cc298]:hover{opacity:.9;text-decoration:none}.calc__button[data-v-782cc298]{padding:14px 25px;background-color:#444;border-radius:10px;margin:15px 0;border:none;font-weight:700;font-family:GothamBold;text-transform:uppercase;color:#bbb}.calc__button-wrap[data-v-782cc298]{width:100%;position:relative}.calc__button[data-v-782cc298]:hover{color:#eee;background-color:#222}.calc__button--clear[data-v-782cc298]{margin-right:15px;display:inline-block;width:45%}@media only screen and (min-width:950px){.calc__button--clear[data-v-782cc298]{display:block;width:100%}}.calc__button--close[data-v-782cc298]{width:35%;display:inline-block;background-color:hsla(0,0%,93.3%,.8);color:#444}@media only screen and (min-width:950px){.calc__button--close[data-v-782cc298]{display:none}}.calc__button--view[data-v-782cc298]{width:100%;max-width:450px;margin:20px auto}@media only screen and (min-width:950px){.calc__button--view[data-v-782cc298]{display:none}}@media only screen and (max-width:950px){.result__wrap[data-v-782cc298]{position:fixed;background:linear-gradient(180deg,rgba(20,20,20,0) 0,rgba(20,20,20,.85) 14%,rgba(20,20,20,.85));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00141414",endColorstr="#d9141414",GradientType=0);left:0;right:0;bottom:0;padding-top:50px;transform:translateY(100%);text-align:center;pointer-events:none;transition:transform .3s ease-in-out}.result__wrap.open[data-v-782cc298]{pointer-events:auto;transform:translateY(0)}}.result__shape[data-v-782cc298]{position:relative;font-family:GothamBold;border:3px solid #baa769;border-radius:50px;text-align:left;color:#fff;font-weight:700;font-size:30px;line-height:44px;padding:3px 0 0 18px;background-color:#111}.result__amount[data-v-782cc298]{opacity:.8}.result__pic[data-v-782cc298]{display:block;width:90px;height:80px;position:absolute;left:80%;top:-15px;background-repeat:no-repeat;background-position:50%;background-size:contain}.result__pic--drink[data-v-782cc298]{background-image:url(../img/bottle.bf480271.png);width:70px;height:90px;top:-25px}.result__pic--burger[data-v-782cc298]{background-image:url(../img/burger.3add3d06.png);left:77%}.result__pic--shoe[data-v-782cc298]{background-image:url(../img/shoe.a6b0280a.png)}.result__pic--apple[data-v-782cc298]{left:75%;background-image:url(../img/apple.77579ff1.png)}.result__label[data-v-782cc298]{font-weight:700;font-size:14px;display:block;margin:4px 4px 6px 25px;opacity:.8}@media only screen and (min-width:950px){.result__label[data-v-782cc298]{font-size:16px}}.bg-dark[data-v-782cc298]{background-color:#101010}.text-light[data-v-782cc298],.text-light h1[data-v-782cc298],.text-light h2[data-v-782cc298],.text-light h3[data-v-782cc298],.text-light h4[data-v-782cc298],.text-light h5[data-v-782cc298],.text-light h6[data-v-782cc298],.text-light li[data-v-782cc298],.text-light p[data-v-782cc298]{color:#fff}.text-light h3[data-v-782cc298]{margin:0}.col__sticky[data-v-782cc298]{position:sticky;top:20px}.col__sticky--inner[data-v-782cc298]{position:relative;width:90%;max-width:450px;text-align:left;border-radius:20px;padding:25px 20px 10px 20px;background-color:#333;margin:20px auto}@media only screen and (min-width:950px){.col__sticky--inner[data-v-782cc298]{margin:0;max-width:450px}}.drink__ml[data-v-782cc298]{min-width:62px}@media only screen and (max-width:350px){.drink__ml[data-v-782cc298]{font-size:14px!important;min-width:30px}}.drink__frame[data-v-782cc298]{width:100vw;display:flex;flex-wrap:nowrap;margin-left:0;height:calc(100% + 40px);margin-bottom:-30px;padding:0 20px;overflow:scroll;scroll-behavior:smooth}@media only screen and (min-width:950px){.drink__frame[data-v-782cc298]{height:100%;margin-bottom:-40px;flex-wrap:wrap;height:calc(100vh - 75px);width:75%;min-width:500px;margin:0 auto 0 auto}}.drink__frame[data-v-782cc298]::-webkit-scrollbar{width:0;background:transparent}.drink__frame[data-v-782cc298]::-webkit-scrollbar-thumb{background:#666}.drink__frame>li[data-v-782cc298]:first-child{margin-left:10px}.drink__frame>li[data-v-782cc298]:last-child{margin-bottom:80px}.drink__frame--wrap[data-v-782cc298]{overflow:hidden;position:relative;margin-left:-15px;margin-right:-15px}.drink__frame--wrap[data-v-782cc298]:after,.drink__frame--wrap[data-v-782cc298]:before{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:-15px;width:50px;background:linear-gradient(90deg,#2b2b2b 0,rgba(28,28,28,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#001c1c1c",GradientType=1)}.drink__frame--wrap[data-v-782cc298]:after{left:auto;right:-15px;height:100%;bottom:0;transform:rotate(180deg)}@media only screen and (min-width:950px){.drink__frame--wrap[data-v-782cc298]{margin-left:0;margin-right:0}.drink__frame--wrap[data-v-782cc298]:after,.drink__frame--wrap[data-v-782cc298]:before{top:0;bottom:auto;width:auto;left:0;right:0;height:100px;background:linear-gradient(180deg,#161616 0,rgba(22,22,22,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#161616",endColorstr="#00161616",GradientType=0)}.drink__frame--wrap[data-v-782cc298]:after{left:0;right:0;bottom:0;top:auto}}.drink__content[data-v-782cc298]{width:100%;max-width:450px;margin:0 35px 0 10px}@media only screen and (min-width:950px){.drink__content[data-v-782cc298]{margin:0}}.drink__content>ul[data-v-782cc298]{width:100%}.drink__content>ul>li[data-v-782cc298]{justify-content:center}.drink__scroll-anchor[data-v-782cc298]{scroll-padding-top:300px;transform:translateY(-85px)}.drink__block[data-v-782cc298]{width:100%;display:flex;align-items:flex-start;flex-wrap:nowrap;padding:25px 0;scroll-padding-top:200px}@media only screen and (max-width:450px){.drink__block[data-v-782cc298]{margin-right:15px}}.drink__block h3[data-v-782cc298]{font-weight:700;color:#baa769;font-size:28px;margin-bottom:0}@media only screen and (min-width:950px){.drink__block h3[data-v-782cc298]{font-size:32px;margin-bottom:20px}}.drink__block ul[data-v-782cc298]{display:inline-block;list-style-type:none;margin:0 0 5px 0;padding:0}.drink__block ul>li[data-v-782cc298]{width:100%;display:flex;flex-direction:row-reverse;align-items:center;margin:5px 5px;font-weight:700;font-size:1.2em}.drink__image[data-v-782cc298]{flex-shrink:0;width:20vw;height:280px;margin-right:10px;background-size:contain;background-repeat:no-repeat;background-position:top}@media only screen and (min-width:950px){.drink__image[data-v-782cc298]{width:150px;height:400px;margin-right:20px}}@media only screen and (max-width:350px){.drink__image[data-v-782cc298]{margin-right:0}}.drink__button[data-v-782cc298]{width:100%;font-family:GothamBold;max-width:250px;min-width:130px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:700;font-size:30px;line-height:34px;border:3px solid #baa769;padding:3px;border-radius:28px;margin-left:20px}@media only screen and (min-width:950px){.drink__button[data-v-782cc298]{line-height:44px;min-width:180px}}.drink__button span[data-v-782cc298]{opacity:.6}.drink__button--content span[data-v-782cc298]{opacity:1}.drink__button button[data-v-782cc298]{width:34px;height:34px;border-radius:22px;border:none;color:#000;background:none;background-color:#baa769;padding:0}@media only screen and (min-width:950px){.drink__button button[data-v-782cc298]{width:44px;height:44px;border-radius:22px}}.drink__button button[data-v-782cc298]:hover{background-color:#a4904c}.drink__button button[data-v-782cc298]:active{background-color:#706234}.drink__button button.disabled[data-v-782cc298]{opacity:.5;pointer-events:none}@media only screen and (min-width:950px){.calculator__flex-row[data-v-782cc298]{display:flex;flex-wrap:wrap!important;align-items:flex-start;justify-content:space-around}}.calculator__col[data-v-782cc298]{margin:0 auto;display:block;position:relative}@media only screen and (min-width:950px){.calculator__col--1[data-v-782cc298]{width:18%}}@media only screen and (min-width:950px){.calculator__col--2[data-v-782cc298]{width:55%}}@media only screen and (min-width:950px){.calculator__col--3[data-v-782cc298]{width:25%}}