@charset "utf-8"; #loyaltylion, .lion-isolator, div[data-lion-integrated-page], div[data-lion-rules-list], div[data-lion-claimed-rewards-list], div[data-lion-history-table], div[data-lion-tier-overview], div[data-lion-tier-benefits-compare], div[data-lion-tier-rewards-compare], div[data-lion-tier-rules-compare], div[data-lion-rewards-list] { --lion-primary-color: #4d384b; --lion-secondary-color: #793592; --lion-primary-color-darker1: #4a3648; --lion-primary-color-darker2: #473445; --lion-primary-color-darker3: #413040; --lion-secondary-color-lighter1: #82399d; --lion-secondary-color-darker1: #74338c; --lion-secondary-color-darker2: #6f3186; } @font-face { font-family: lion-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBgUAAAC8AAAAYGNtYXDpRebaAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5Zoqu2lgAAAGAAAAXjGhlYWQUiLv+AAAZDAAAADZoaGVhCAsELQAAGUQAAAAkaG10eH5KBf4AABloAAAAjGxvY2FWmlyKAAAZ9AAAAEhtYXhwADMAlwAAGjwAAAAgbmFtZdGCbZkAABpcAAABbnBvc3QAAwAAAAAbzAAAACAAAwPSAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpCQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5hTpCf/9//8AAAAAACDmAOkA//3//wAB/+MaBBcZAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAgBAADYABPAAABDgEHPgE3DgEHLgEjIgcOAQcGFRQWFyYnLgEnJicOARUUFhcuAScwFDEUFhcOASMiJiceARcOASMiJicWFx4BFxYzMjc+ATc2NTQmNT4BNwQAHD0gITAMH0MkHFAtLCYmOREQAwJBPT5uMDAnDQ8zKhowFWFIDhsPChQJFGtFNoVKDRkMIyYmUSsrLJFvcJgnJwEfNRUC/g0RAxM8JRIaBx4kEBE5JiYsDBgMAxEROScnMBg1HTdcHAEOCwJNcw4EBAICPlICKjACARYSERgHBjY3rGpraAYOBxY3IAAAAQEA/8AC3wPAABMAAAUjESM1NzU0NjsBFSMiBh0BMwcjAkDAgIBRf45ZMRSfE4xAAgCwAWdsfLAlIlixAAAAAAQAQACBA8AC/wAEAAcACwAPAAABJwEhAQEhATcBEQUlEQElAgCC/uUDPP7kATv8hgG9lgEp/tf9qQEp/tcBZGv+sgFSASz+ilv+nQJe+/v9ogFj+wAAAAABAEAAAAPAA2AALgAAAS4BMTA2NzI2JzQ3NiYnJiMiBw4BFxYVBhYzHgExMAYHBgcOAQcGFSE0Jy4BJyYCbxEGRQodFxwEBBoqKVpaKSoaBAQcFx0KRQYRGzg4cSorA4ArKnE4OAEBAz5WQGQZDCwrXiUlJSVeKywMGWRAVj4DBBcWRi0tMDAtLUYWFwAAAAAMAAD/wAP+A0AAHQAhACUAKQAtADEANQA6AD4AQwBPAFsAAAEmBg8BIScuASsBIgYVFBY7ARMeATMhMjY3EzYmJwE1MxUdASM1PQEzFSUzFSMXMxUjFzMVIyEjNTMHNyM1MzcjNTMHATQ2MzIWFRQGIyImJTQ2MzIWFRQGIyImA9IaLggF/asIAyUYoBslJRtoOAMlGAIgFSMGgAcaGf4ugICA/rCQiAiAeAhwaAG4UGISJHSHEpmrEv2nOCgoODgoKDgBgDgoKDg4KCg4Av4HGhkSSBggJRsbJf44GCAaFAHAGi4I/sJAQEBAQMBAQEBAQEBAQEBAgEBAQED94Cg4OCgoODgoKDg4KCg4OAAAAAIAAAAABAADoQAFAA4AAAkCNQkBBxEhESERIREBBAD+AP4AAgACAID/AP8A/wABgAFyAY3+c6IBjf5zlP6AAQD/AAGAASAAAAEAAAAaA7cDpQAmAAABFA8BExQVFAcGIyInJQUGIyInJjU0NxMnJjU0NyUTNjMyFxMFFhUDtw/PMQYGCwsM/v//AA0KDAYGATHQDiABH4ALERIKgQEfIAJFDA/L/uMECAwICAeGhgcICAwECAEdyw8MFQUqAQQYGP78KgUVAAAAAQAAACAEAANAAAUAAAkBJwcJAQNg/iDgoAGAAoADQP4g4KD+gAKAAAEAAv/CA/4DvgBTAAAlOAExCQE4ATE+ATc2Ji8BLgEHDgEHOAExCQE4ATEuAScmBg8BDgEXHgEXOAExCQE4ATEOAQcGFh8BHgE3PgE3OAExCQE4ATEeARcWNj8BPgEnLgED9/7JATcCBAEDAweTBxIJAwYC/sn+yQIGAwkSB5MHAwMBBAIBN/7JAgQBAwMHkwcSCQMGAgE3ATcCBgMJEgeTBwMDAQSJATcBNwIGAwkSB5MHAwMBBAL+yQE3AgQBAwMHkwcSCQMGAv7J/skCBgMJEgeTBwMDAQQCATf+yQIEAQMDB5MHEgkDBgAABAAAAEkDbgNJAAwAGQAmAF4AACURIxEUFxY7ATI3NjUBMycmIyIHBhUUFxYzJTQnJiMiDwEzMjc2NRcVFAcGKwEVFAcGIyEiJyY9ASMiJyY9ATQ3NjsBIicmNTQ3NjMyHwE3NjMyFxYVFAcGIzMyFxYVAhK3CwoQbhAKCv78b0gPGBcQEBAQFwGJEBAXGQ5IbxcQENcFBgg2EBAX/ZIXEBA3CAUFBQUI/DUmJSUmNT0jSUkjPTUmJSUmNfsIBgWwAZn+Zw4ICAgIDgHiXBIQEBcXEBA3FxAQElwQEBeStwgFBe4XEBAQEBfuBQUItwgFBSYlNTUmJSxeXiwlJjU1JSYFBQgAAAAABQAAAAAESQNuABMAIAAtADEANgAAATIXFhURFAcGIyEiJyY1ETQ3NjMVIgcGHQEhNTQnJiMhATI3NjURIREUFxYzISU1MxUzNTMVIwPuJRsbGxsl/G0lGxsbGyUHBQYDtwUGB/xtA5MHBgX8SQYFBwOT/KSTSdvbA24bGyb9SSUbGxsbJQK3JhsbSQYFCICACAUG/SQGBQcBXP6kBwUGSUlJSUkAAAAAAgAAAAIEAANuAEMASQAAATIXFhUUBwYjFRQHBiMmJwYHBhcWFwYHBhcWFxYXFhcGBwYnJicmJyYnJicmNSY3NjcjIicmPQE0NzYzITIlMhcWHQEDEQYHFRYDtx4WFRUWHhYWHe/hIRMTAQEWDAECBQUODg4NFhEvLzExGwQMDQYFCAgBAwIKRiUbGxsbJQET+AEIHRYWSeHW1wJJFRYeHhYV3B0WFscSChsbHx4XEhMTDg8REAwMESEODwgIGA0lJRERIiEYGCEgHxsaJm4mGhvcFhYd3P6nAiGsGJoYAAADAAz/wwO2A24ADwAfAEMAADc0JyYjIgcGFRQXFjMyNzYlAQYjIi8BJjU0NwEWFxYXJRQHBgcGIyInJjU0NzYzMhcWFxYVFA8BFRc2NzY3NjMyFxYV2woLDw8LCwsLDw8LCgFw/nsVHx0XPBYWAYUWKys4AWsNG0NEUGpLS0tLaiEkJRkJCahvAisqIyMFCQUFbg8KCwsKDw8LCwsL//56FRU+FB8eFgGFOCsrFvgWJk0wL0tLamlMSwoJEQcJCgZhgD0CGhoUFAUGCQADAAAAAANuA24AFABMAGUAACU1NCcmKwEiBwYdARQXFjsBMjc2NRM0JyYnJiMiBwYfARYzMjc2NzYzMhcWFRQHBgcGBwYdARQXFjsBMjc2NTQ3Njc2NzY3Njc2NzY1FxQHBgcGIyInJicmNTQ3Njc2MzIXFhcWFQIABQUIbggFBQUFCG4IBQWSHyAwLzKLSQgNSwQHCQUfExMeGxYVCwwbJB4eBQUIbggFBQwNEhMJChEQCQkHB9w7O2Vld3hkZTs7OztlZHh3ZWU7O6VtCAUGBgUIbQgGBQUGCAGAMisrFxd5Dgo5BAcnDg0PDhMWDQ0NECEiJhUIBQUFBQgLEhELCgYGDg4ODRUVGm54ZGU7Ozs7ZWR4d2VlOzs7O2VldwAEAAAAAAQAA24ABAARACIALgAAASE1IRUjESMiJyY1ETQ3NjsBIREhETM1NDc2MyEyFxYdATMXERQHBisBETMyFxYBbgEk/tzJJTUlJiYlNSUCgP22ShAQFgFKFhAQStsmJTUlJTUlJgLbSkr9JSYlNQHbNSYl/SUC21wXEBAQEBdcgP4lNSUmAtslJgAAAAAFAAAAAANuA24AIAAwAEAAYAB5AAABBgcGIyInJicmNzY3NhcWFxYXFjMyNzY3Njc2FxYXFgclFAcGIyInJjU0NzYzMhcWBRQHBiMiJyY1NDc2MzIXFhc0JyYnJicmIyIHBgcGBwYVFBcWFxYXFjMyNzY3Njc2NxQHBgcGIyInJicmNTQ3Njc2MzIXFhcWFQKIFTo6SEk5OhUFBwcPDg0OBA8mJzAwJicOBQ4NDw4HBwX+5hYVHh8VFhYVHx4VFgEkFRYeHhYVFRYeHhYVkx4dMTBEREpKREQxMR0dHR0xMURESkpERDAxHR5JOztlZXd4ZGU7Ozs7ZWR4d2VlOzsBUUYqKioqRg4NDgQFBwcPLR0cHB0tDwcHBQQODQ74HhYVFRYeHhYVFRYeHhYVFRYeHhYVFRawSkREMDEdHh4dMTBEREpKREQxMR0dHR0xMURESnhkZTs7OztlZHh3ZWU7Ozs7ZWV3AAADAB//1QPiA5gAAwAYAD8AAAEXAScXATY1NC8BJiMiBwEGFRQfARYzMjcJAQYjIi8BNjU0JyYjIgcnJjU0NwE2MzIfAQYVFBcWMzI3FxYVFAcCSbX+ubXPAWELC88KEA8L/p8LC88KEA8LAfz9+RUeHxVIICAgLi4gRxUVAgYVHx8VRyAgIC4uIEgVFQK1tf65tekBYQsPDwvPCgr+ngoPDwvPCgoBbP35FRVIIC4uICAgSBUeHxUCBhUVSCAtLiAgIEcWHh8VAAMAYAAQA6ADUAAbADcASgAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYTIzU0JiMiBh0BFBY7ATI2NTQmAgBWTExxICEhIHFMTFZWTExxICEhIHFMTFlGPT1cGhoaGlw9PUZFPT5bGhsbGls+PRxgEg0NExMNfw0SEgNQISBxTExWVkxMcSAhISBxTExWVkxMcSAh/Q8bGls9PkVGPT1bGxoaG1s9PUZFPj1bGhsBPaENExMNwQ0SEg0NEwACAGAAIAOgA2AAGwBAAAAlIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGEzY0LwEmIg8BJyYiDwEGFB8BBwYUHwEWMj8BFxYyPwE2NC8BNwIAVkxMcSAhISBxTExWVkxMcSAhISBxTExpBgYrBhAGeHkGEAYrBQV5eQUFKwYQBnl4BhAGKwYGeXkgISBxTExWVkxMcSAhISBxTExWVkxMcSAhAhkGEQYqBgZ4eAYGKgYRBnh4BhEGKgYGeHgGBioGEQZ4eAAAAAMAYAAgA6ADYAAbADcAWwAAJSInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYTBwYiLwEHBiIvASY0PwEnJjQ/ATYyHwE3NjIfARYUDwEXFhQCAFZMTHEgISEgcUxMVlZMTHEgISEgcUxMVkI7OlcZGRkZVzo7QkI7OlcZGRkZVzo7TyAFDAVcXAQNBCEEBFxcBAQhBA0EXFwFDAUgBQVcXAUgISBxTExWVkxMcSAhISBxTExWVkxMcSAhAuAZGVc6O0JCOzpXGRkZGVc6O0JCOzpXGRn+TyEEBFxcBAQhBA0EXFwFDAUgBQVcXAUFIAUMBVxcBA0AAAEAHgAfAk8DmQAaAAAlASY1NDcBNjMyHwEWFRQHCQEWFRQPAQYjIicBqP6LFRUBdRUfHhUrFRX+6wEVFRUrFR4fFTQBdBUfHhUBdBYWKhYeHxX+6v7rFR8eFSsVFQAAAAQAXf+/A6MDtwAQAFkAZwByAAABIiYxAzcXMDc+ATc2MS4BJwU+ATcyNjc0Njc+AScmNDc2JicuATUuASMuAScuAQcGIicmBgcOAQciBhUUBgcOARcWFAcGFhceARUUFjMeARceATc2MhcWNjcnIzUOAQc1PgE3PgE3MxMOAQcOATETNxcDASYeD5x9RRcWNhcWOAxFAWAOKx0cHQEZGBkKDg0NDgoZGBkBHRwdKw4PJxkZMhgZKA4PKxwdHRkZGAsODg4OCxgZGR0dHCsPDigZGDIZGScPVTkQJRULGA0NEgUv1FUMFBYtsCt7ngE/E/7NDmgvL3AvLgFMAiEYGQEdHB0rDg8nGRkyGRgoDg8rHB0dARgZGAsODg4OCxgZGAEdHRwrDw4oGBkyGRknDw4rHRwdARkYGQoODg4OChmi1w8VBzQDDgoKGA7+WwklERgB/tFwEAEnAAAAAAMAbQAUA5MDbAADAAkAEAAACQMVJQcJAScBJQcJAScFA5P+bf5tAZP+nC8BkwGTMP6d/pwvAZMBkzD+nQJYART+7P7sPusx/uwBFDL+fOsx/uwBFDLsAAAIAEEAKQO/A0EAAwAGAAkADAAPABIAFgAaAAATAQMhIRsBAwEjNycHNyMXBycHNyMXNwUHMydDAa2s/v8BMJiCawGc/v97fFX4fCZ8fFj4fHz+4Xv3fAI+/ewCFP3rAhX97AIUI9TU4NsF1NTg29sM1NQAAAEA4QBBAv8DHwAFAAAJAREhEQEB7/7yAh7+8AFR/vAC3v0iARAAAAADACn/9gPXA6QAHAA4AD8AAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMjFSMXNyMCAGJVVoAlJSUlgFZVYmJVVoAlJSUlgFZVYkxEQ2QdHR0dZENETExEQ2QdHR0dZENEELhzz89zA6QlJYBWVmFiVlWAJSUlJYBVVmJhVlaAJSX8uB0dZENDTUxDQ2QdHR0dZENDTE1DQ2QdHQI20cTEAAAADwCA/78DQAOhACMAJwArAC8AMwA3ADsAPwBDAEcASwBPAFMAbgB6AAAFISImNRE0NjsBFSMiBhURFBYzITI2NRE0JisBNTMyFhURFAYBIRUhFSEVIRUhFSEVIRUhBSE1ISUhFSEDMxUjFTMVIxUzFSMVMxUjFyM1MyczFSMBMhYVHAExITA0NTQ2OwEwNDU0NjMyFhUUBjEnIgYVFBYzMjY1NCYDAP3AGyUlG6CADRMTDQIADRMTDYCgGiYm/kYBYP6gAWD+oAFg/qABYP6gAWD+oAFg/qABYP6gYCAgICAgICAgICAgICAgAaANE/5AEw1gNykpOAFgDRMTDQ0TE0ElGwMDGiZDEw39Pw0SEg0CwQ0TQyYa/P0bJQKAID8gQCBAIMAgYCABoCBAIEAfQCDAIGAgAjwTDQ0xMQ0NEzonKTo8Jyo3ZRMNDhISDg0TAAAAAAMAYAAgA6ADYAAVADEATQAAAScmIg8BJyYiDwEGFB8BFjI/ATY0JwMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGArogBA0EwVsFDAUgBASHBAwF6wUFulZMTHEgISEgcUxMVlZMTHEgISEgcUxMVkI7OlcZGRkZVzo7QkI7OlcZGRkZVzo7Ah8gBQXAXAQEIAUMBYcEBOwEDQQBQSEgcUxMVlZMTHEgISEgcUxMVlZMTHEgIf0gGRlXOjtCQjs6VxkZGRlXOjtCQjs6VxkZAAAAAAMAAP/ABAADwABGAG4AlAAAAS4BJyYiBw4BBw4BJy4BJy4BJyY2Nz4BNz4BNzYmJy4BJy4BIyYiIyIGBw4BFRQWFxYXHgEXFhceARcWMjc+ATc+AScuAScDIyImLwEHNycuATU0Nz4BNzYzMhceARcWFxYXHgEXFhUUBw4BBwYjASYnLgEnJiMiBw4BBwYVFBYXAyUeATMxMjc+ATc2NTQnLgEnJicC6wpFCAkOBgYdBQYNCQo4JRwlBQYGBQUKBAUFAwMCAgIdCAgPBgUNBgcTCAkkLwUCERA5JycwFyMOFykREjwICAIDAgwK6AE5bjEPoCsKICEhInNNTVgrKClMIyMeHhcXHwkIIiFzTU5XAWklKipcMTEzaV1diikoIyFIAQ44fEBqXF2LKCgKCiUcHCQBWgUhBAMKCSIGBwEEBRohGTUKCgwEBQwGBQoGBwoFBUcSEwMBBwkJMi4vTgYEFhc8Hx8VCQ0FBwIDIxcXIgQEBgX+wh4dCSqcEDJzO1dNTXMhIQgIIBcXHh4iI0woKSpXTU1zISEDDSMcGyUKCigoilxcaUSAOv75Rh4fKCiJXVxpMzExWyopJAAAAAABAB4AjAOZAr0AGgAAARQPAQYjIicJAQYjIi8BJjU0NwE2MzIXARYVA5kWKhYeHxX+6v7rFR8fFCsWFgF0FR4eFgF0FgEAHhUrFhYBFf7rFhYrFB8eFgF0FRX+jBYeAAACAAD/wAQAA8AAIQAnAAABIgcOAQcGFRQXHgEXFhcVNx4BMzI3PgE3NjU0Jy4BJyYjEycHARc3AgBqXV6LKCgNDjIjIyyuI0omal1eiygoKCiLXl1qM4P+ARiF/APAJSaAV1ZiODQ1XikpILVgCgolJYFWV2JiVleAJiX9gouLASmLiwABAAAAAQAAscazS18PPPUACwQAAAAAANiQO8EAAAAA2JA7wQAA/78ESQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAARJAAAAAARJAAEAAAAAAAAAAAAAAAAAAAAjBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAEABAAAQAQAAEAEAAAABAAAAAO3AAAEAAAABAAAAgNuAAAESQAABAAAAAO3AAwDbgAABAAAAANuAAAEAAAfBAAAYAQAAGAEAABgApIAHgQAAF0EAABtBAAAQQQAAOEEAAApBAAAgAQAAGAEAAAAA7cAHgQAAAAAAAAAAAoAFAAeAJQAtADgASgBsAHUAhQCKAKeAyIDdgPmBEwE3AUkBdgGPAaqBw4HmAfICHYIogjcCPAJUgn8CnQLVAuEC8YAAQAAACMAlQAPAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAUAAAABAAAAAAACAAcATgABAAAAAAADAAUAMAABAAAAAAAEAAUAYwABAAAAAAAFAAsADwABAAAAAAAGAAUAPwABAAAAAAAKABoAcgADAAEECQABAAoABQADAAEECQACAA4AVQADAAEECQADAAoANQADAAEECQAEAAoAaAADAAEECQAFABYAGgADAAEECQAGAAoARAADAAEECQAKADQAjGljb25zAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb25zAGkAYwBvAG4Ac2ljb25zAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb25zAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: normal; font-style: normal; } .lion-icon-messenger::before { content: ""; } .lion-icon-whatsapp::before { content: ""; } .lion-icon-checkmark2::before { content: ""; } .lion-icon-cancel::before { content: ""; } .lion-icon-cancel2::before { content: ""; } .lion-icon-time::before { content: ""; } .lion-icon-medal::before { content: ""; } .lion-icon-stack::before { content: ""; } .lion-icon-diamond::before { content: ""; } .lion-icon-bookmark::before { content: ""; } .lion-icon-envelope::before { content: ""; } .lion-icon-clipboard::before { content: ""; } .lion-icon-arrow-down::before { content: ""; } .lion-icon-star::before { content: ""; } .lion-icon-chevron-left::before { content: ""; } .lion-icon-question-sign::before { content: ""; } .lion-icon-gift::before { content: ""; } .lion-icon-chevron-up::before { content: ""; } .lion-icon-credit::before { content: ""; } .lion-icon-bullhorn::before { content: ""; } .lion-icon-wrench::before { content: ""; } .lion-icon-suitcase::before { content: ""; } .lion-icon-smile::before { content: ""; } .lion-icon-ticket::before { content: ""; } .lion-icon-home::before { content: ""; } .lion-icon-cart::before { content: ""; } .lion-icon-user::before { content: ""; } .lion-icon-close::before { content: ""; } .lion-icon-checkmark::before { content: ""; } .lion-icon-facebook::before { content: ""; } .lion-icon-twitter::before { content: ""; } #loyaltylion * { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; list-style: none; quotes: none; box-sizing: border-box; transform: none; position: static; color: inherit; opacity: 1; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; text-align: inherit; text-shadow: none; box-shadow: initial; background: initial; width: auto; word-break: normal; height: unset; } #loyaltylion b, #loyaltylion strong { font-weight: 600; } #loyaltylion em { font-style: italic; } #loyaltylion small { font-size: smaller; } .lion-icon__reward--product-cart, .lion-icon__reward--product-discount-voucher, .lion-icon__rule--birthday, #loyaltylion .lion-icon__reward--product-cart, #loyaltylion .lion-icon__reward--product-discount-voucher, #loyaltylion .lion-icon__rule--birthday { background: url("../img/icons/gift-256w.png") center center / contain no-repeat transparent; } .lion-icon__reward--custom, .lion-icon__rule--custom, #loyaltylion .lion-icon__reward--custom, #loyaltylion .lion-icon__rule--custom { background: url("../img/icons/star-256w.png") center center / contain no-repeat; } .lion-icon__reward--cart-discount-voucher, .lion-icon__reward--collection-discount-voucher, .lion-icon__reward--checkout-redemption, #loyaltylion .lion-icon__reward--cart-discount-voucher, #loyaltylion .lion-icon__reward--collection-discount-voucher, #loyaltylion .lion-icon__reward--checkout-redemption { background: url("../img/icons/voucher-256w.png") center center / contain no-repeat; } .lion-icon__reward--subscription, #loyaltylion .lion-icon__reward--subscription { background: url("../img/icons/calendar-256w.png") center center / contain no-repeat; } .lion-icon__reward--free-shipping-voucher, #loyaltylion .lion-icon__reward--free-shipping-voucher { background: url("../img/icons/free-shipping-64w.png") center center / contain no-repeat; } .lion-icon__reward--gift-card, #loyaltylion .lion-icon__reward--gift-card { background: url("../img/icons/gift-card-64w.png") center center / contain no-repeat; } .lion-icon__rule--purchase, .lion-icon__rule--product-purchase, .lion-icon__rule--collection-purchase, #loyaltylion .lion-icon__rule--purchase, #loyaltylion .lion-icon__rule--product-purchase, #loyaltylion .lion-icon__rule--collection-purchase { background: url("../img/icons/credit-card-256w.png") center center / contain no-repeat; } .lion-icon__rule--referral, #loyaltylion .lion-icon__rule--referral { background: url("../img/icons/megaphone-256w.png") center center / contain no-repeat; } .lion-icon__rule--pageview, #loyaltylion .lion-icon__rule--pageview { background: url("../img/icons/house-256w.png") center center / contain no-repeat; } .lion-icon__rule--signup, #loyaltylion .lion-icon__rule--signup { background: url("../img/icons/woman-256w.png") center center / contain no-repeat; } .lion-icon__rule--twitter-follow, #loyaltylion .lion-icon__rule--twitter-follow { background: url("../img/icons/twitter-256w.png") center center / contain no-repeat; } .lion-icon__rule--newsletter-signup, #loyaltylion .lion-icon__rule--newsletter-signup { background: url("../img/icons/envelope-256w.png") center center / contain no-repeat; } .lion-icon__rule--trustpilot-product-review, #loyaltylion .lion-icon__rule--trustpilot-product-review { background: url("../img/icons/shopping-bag-256w.png") center center / contain no-repeat; } .lion-icon__rule--trustpilot-service-review, .lion-icon__rule--shopify-review, .lion-icon__rule--stampedio-review, .lion-icon__rule--review, .lion-icon__rule--feefo-review, .lion-icon__rule--loox-review, .lion-icon__rule--verified-reviews, .lion-icon__rule--yotpo-review, #loyaltylion .lion-icon__rule--trustpilot-service-review, #loyaltylion .lion-icon__rule--shopify-review, #loyaltylion .lion-icon__rule--stampedio-review, #loyaltylion .lion-icon__rule--review, #loyaltylion .lion-icon__rule--feefo-review, #loyaltylion .lion-icon__rule--loox-review, #loyaltylion .lion-icon__rule--verified-reviews, #loyaltylion .lion-icon__rule--yotpo-review { background: url("../img/icons/review-256w.png") center center / contain no-repeat; } .lion-icon__rule--facebook-like, #loyaltylion .lion-icon__rule--facebook-like { background: url("../img/icons/facebook-like-256w.png") center center / contain no-repeat; } .lion-icon__rule--instagram-follow, .lion-icon__rule--instagram-post-hashtag, .lion-icon__rule--instagram-tag-image, #loyaltylion .lion-icon__rule--instagram-follow, #loyaltylion .lion-icon__rule--instagram-post-hashtag, #loyaltylion .lion-icon__rule--instagram-tag-image { background: url("../img/icons/instagram-256w.png") center center / contain no-repeat; } .lion-component--reset, #loyaltylion .lion-component--reset { all: initial; } @keyframes action-button-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lion-action-button, #loyaltylion .lion-action-button { background: var(--lion-secondary-color); color: rgb(255, 255, 255); padding: 9px 15px; font-size: 1.2em; border-radius: 4px; cursor: pointer; display: inline-block; text-decoration: none; outline: none; border: none; } .lion-action-button:hover, #loyaltylion .lion-action-button:hover { background-color: var(--lion-secondary-color-lighter1); } .lion-action-button:active, #loyaltylion .lion-action-button:active { background-color: var(--lion-secondary-color); box-shadow: inset 0 1px 3px 1px var(--lion-secondary-color-darker2); } .lion-action-button--neutral, #loyaltylion .lion-action-button--neutral { background: rgb(117, 117, 117); } .lion-action-button--neutral:hover, #loyaltylion .lion-action-button--neutral:hover { background-color: rgb(112, 112, 112); } .lion-action-button--neutral:active, #loyaltylion .lion-action-button--neutral:active { background-color: rgb(112, 112, 112); box-shadow: rgba(153, 153, 153, 0.8) 0px 1px 3px 1px inset; } .lion-action-button--fixed-width, #loyaltylion .lion-action-button--fixed-width { min-width: 132px; } .lion-action-button--disabled, #loyaltylion .lion-action-button--disabled { background-color: rgba(153, 153, 153, 0.5); cursor: default; } .lion-action-button--disabled:hover, #loyaltylion .lion-action-button--disabled:hover { background-color: rgba(153, 153, 153, 0.5); } .lion-action-button--disabled:active, #loyaltylion .lion-action-button--disabled:active { background-color: rgba(153, 153, 153, 0.5); box-shadow: none; } .lion-action-button--loading, #loyaltylion .lion-action-button--loading { color: transparent; position: relative; pointer-events: none; } .lion-action-button--loading::after, #loyaltylion .lion-action-button--loading::after { box-sizing: border-box; font-size: 10px; position: absolute; top: 50%; left: 50%; margin: -1em 0px 0px -1em; text-indent: -9999em; border-width: 0.3em; border-style: solid; border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgb(255, 255, 255); border-image: initial; transform: translateZ(0px); animation: 1.1s linear 0s infinite normal none running action-button-loader; border-radius: 50%; width: 2em; height: 2em; content: ""; } .lion-screen, #loyaltylion .lion-screen { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden auto; z-index: 1000000002; display: block; } .lion-screen--dark, #loyaltylion .lion-screen--dark { background-color: rgba(0, 0, 0, 0.6); } .lion-screen--light, #loyaltylion .lion-screen--light { background-color: rgba(255, 255, 255, 0.3); } .lion-standalone-spinner, #loyaltylion .lion-standalone-spinner { pointer-events: none; box-sizing: border-box; font-size: 10px; position: absolute; top: 50%; left: 50%; margin: -1.5em 0px 0px -1.5em; text-indent: -9999em; border-width: 0.5em; border-style: solid; border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgb(0, 0, 0); border-image: initial; transform: translateZ(0px); animation: 1.1s linear 0s infinite normal none running action-button-loader; border-radius: 50%; width: 3em; height: 3em; content: ""; } .lion-in-cart-rewards-widget { font-size: 10px; } .lion-in-cart-rewards-widget--disabled { opacity: 0.5; pointer-events: none; } .lion-in-cart-rewards-widget__rewards-slider { display: flex; position: relative; transition: left 0.25s cubic-bezier(0.23, 1, 0.32, 1); } .lion-in-cart-rewards-widget__navigator { display: block; position: absolute; border-radius: 100%; width: 30px; height: 30px; line-height: 24px; font-size: 42px; color: rgb(51, 51, 51); top: 50%; margin-top: -15px; } .lion-in-cart-rewards-widget__navigator--back { left: -5px; } .lion-in-cart-rewards-widget__navigator--forward { right: -5px; } .lion-in-cart-rewards-widget__navigator--hidden { display: none; } .lion-in-cart-rewards-widget-item { flex: 0 0 100%; display: flex; flex-direction: column; padding: 20px 10px; } .lion-in-cart-rewards-widget-item__picture img { height: 100px; box-shadow: rgba(201, 201, 201, 0.3) 0px 0px 14px 0px; margin-bottom: 5px; } .lion-in-cart-rewards-widget-item__name { font-weight: bold; font-size: 1.1em; margin-bottom: 15px; } .lion-in-cart-rewards-widget-item__variant-selector { margin: 0px 30px 15px; } .lion-in-cart-rewards-widget-item__cost { margin-bottom: 12px; display: none; } .lion-in-cart-rewards-widget-item__requirements { margin-top: 8px; font-size: 0.9em; color: rgb(85, 85, 85); } .lion-history-table { padding: 20px; color: rgb(51, 51, 51); width: 100%; border-collapse: collapse; box-sizing: border-box; font-size: 1em; } @media (max-width: 790px) { .lion-history-table { padding: 10px 0px 0px; } } .lion-history-table__header-cell { background-color: rgb(247, 247, 247); font-weight: 600; text-align: left; padding: 7px 0px 7px 12px; border-bottom: 1px solid rgb(241, 241, 241); } .lion-history-table__header-cell--centre-aligned { text-align: center; padding-left: 0px; padding-right: 0px; } .lion-history-table__row:nth-child(2n) { background-color: rgb(250, 250, 250); } .lion-history-table__row-cell { padding: 8px 8px 8px 12px; } .lion-history-table__row-cell--empty-state { padding: 20px; text-align: center; } .lion-history-table__row-status { text-align: center; } .lion-history-table__bubble { width: 100%; cursor: pointer; display: inline-block; padding: 3px 6px; font-size: 12px; text-transform: uppercase; border-radius: 3px; box-sizing: border-box; } .lion-history-table__bubble--approved { color: rgb(255, 255, 255); background-color: rgb(131, 188, 53); } .lion-history-table__bubble--declined, .lion-history-table__bubble--void { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); } .lion-history-table__bubble--pending { color: rgb(255, 255, 255); background-color: rgb(171, 171, 171); } @media (max-width: 600px) { .lion-history-table__header-cell { font-size: 0.9em; } } @media (max-width: 480px) { .lion-history-table__header-cell { font-size: 0.85em; padding-left: 7px; } .lion-history-table__row-cell { font-size: 0.85em; padding: 7px; } } @media (max-width: 480px) { .lion-history-table__header-cell:nth-child(2), .lion-history-table__row-cell:nth-child(2) { display: none; } } .lion-rules-list { position: relative; font-size: 10px; display: flex; flex-wrap: wrap; padding: 10px; max-width: 100%; } .lion-powered-by { position: relative; font-size: 15px; display: flex; flex-wrap: wrap; padding: 10px; max-width: 100%; justify-content: center; } .lion-rule-item--style-legacy.lion-rule-item { padding: 10px; width: 50%; display: flex; min-width: 0px; box-sizing: border-box; } .lion-rule-item--style-legacy.lion-rule-item--actionable .lion-rule-item__content { cursor: pointer; } .lion-rule-item--style-legacy.lion-rule-item--actionable:hover .lion-rule-item__content { border: 1px solid var(--lion-secondary-color); } .lion-rule-item--style-legacy .lion-rule-item__content { position: relative; min-width: 0px; height: 125px; width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid transparent; font-size: 1.6em; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 0px 2px; display: flex; flex-direction: column; } .lion-rule-item--style-legacy .lion-rule-item__title { font-size: 1.3em; flex-grow: 1; padding: 15px; overflow: hidden; } .lion-rule-item--style-legacy .lion-rule-item__points { text-align: left; background-color: rgb(251, 251, 251); border-radius: 0px 0px 3px 3px; padding: 15px; } .lion-rule-item--style-legacy .lion-rule-item__points .value { display: inline-block; color: rgb(0, 0, 0); margin-right: 4px; font-weight: bold; } .lion-rule-item--style-legacy .lion-rule-item__points .text { color: rgb(85, 85, 85); } .lion-rule-item--style-legacy .lion-rule-item__limit-reached { position: absolute; bottom: 0px; right: 0px; padding: 0px 15px 15px 0px; color: rgb(68, 68, 68); } .lion-rule-item--style-legacy .lion-rule-item__limit-reached::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 3px; font-size: 125%; content: ""; vertical-align: bottom; color: rgb(34, 34, 34); font-family: lion-icons !important; } .lion-rule-item--style-legacy .lion-rule-item__completed-forever { position: absolute; bottom: 0px; right: 0px; padding: 0px 15px 15px 0px; color: rgb(68, 68, 68); } .lion-rule-item--style-legacy .lion-rule-item__completed-forever::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 90%; content: ""; vertical-align: bottom; color: rgb(34, 34, 34); font-family: lion-icons !important; } .lion-rule-item--style-legacy .lion-rule-item__icon { width: 55px; height: 55px; background-color: white; border-radius: 100px; position: absolute; top: -10px; right: -10px; background-size: 35px; box-shadow: rgba(25, 25, 25, 0.1) 0px 0px 3px 1px; } @media (max-width: 790px) { .lion-rule-item--style-legacy .lion-rule-item { width: 100%; } } @media (min-width: 980px) { .lion-rule-item--style-legacy .lion-rule-item { width: 33.33%; } } .lion-rule-item--style-1.lion-rule-item { padding: 10px; width: auto; display: flex; flex: 1 0 auto; min-width: 250px; box-sizing: border-box; } .lion-rule-item--style-1.lion-rule-item--actionable:hover .lion-rule-item__content { border: 1px solid var(--lion-secondary-color); } .lion-rule-item--style-1 .lion-rule-item__content { position: relative; min-width: 0px; height: auto; width: 100%; padding: 15px; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid transparent; font-size: 1.6em; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 0px 2px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .lion-rule-item--style-1 .lion-rule-item__title { font-size: 1.3em; padding: 15px 15px 5px; overflow: hidden; } .lion-rule-item--style-1 .lion-rule-item__points { border-radius: 0px 0px 3px 3px; padding: 0px 15px 15px; } .lion-rule-item--style-1 .lion-rule-item__points .value { display: inline-block; color: rgb(0, 0, 0); margin-right: 4px; font-weight: bold; } .lion-rule-item--style-1 .lion-rule-item__points .text { color: rgb(85, 85, 85); } .lion-rule-item--style-1 .lion-rule-item__limit-reached { padding-right: 20px; color: rgb(255, 255, 255); } .lion-rule-item--style-1 .lion-rule-item__limit-reached::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; margin-left: 3px; margin-top: 3px; font-size: 130%; content: ""; color: rgb(255, 255, 255); font-family: lion-icons !important; } .lion-rule-item--style-1 .lion-rule-item__completed-forever { height: 46px; color: rgb(68, 68, 68); display: flex; align-items: center; } .lion-rule-item--style-1 .lion-rule-item__completed-forever::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 140%; content: ""; vertical-align: bottom; color: rgb(34, 34, 34); font-family: lion-icons !important; } .lion-rule-item--style-1 .lion-rule-item__icon { width: 55px; height: 55px; } @media (max-width: 790px) { .lion-rule-item--style-1 .lion-rule-item { width: 100%; } } @media (min-width: 980px) { .lion-rule-item--style-1 .lion-rule-item { width: 33.33%; } } .lion-rule-item--style-1 .lion-newsletter-signup-action__help { display: none; } .lion-rewards-list { font-size: 10px; display: flex; flex-wrap: wrap; padding: 10px; max-width: 100%; } .lion-reward-item { padding: 10px; width: 50%; display: flex; min-width: 0px; box-sizing: border-box; color: rgb(51, 51, 51); } .lion-reward-item__content { min-width: 0px; min-height: 150px; width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; font-size: 1.6em; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 0px 2px; padding: 10px; display: flex; flex-direction: column; text-align: center; } .lion-reward-item__title { font-size: 1.8em; font-weight: 600; } .lion-reward-item__meta { flex-grow: 1; margin-top: 5px; color: rgb(51, 51, 51); } .lion-reward-item__product-image { display: none; } .lion-reward-item__cost { color: rgb(85, 85, 85); display: inline-flex; gap: 8px; align-items: center; } .lion-reward-item__cost-original { text-decoration: line-through; } .lion-reward-item__fill { height: 4px; position: absolute; bottom: 0px; left: 0px; background-color: var(--lion-secondary-color); border-radius: 0px 3px 3px; z-index: 20; } .lion-reward-item__more-info-url, .lion-reward-item__terms-url { margin: 7px 5px 0px; text-decoration: underline; cursor: pointer; display: inline-block; } .lion-reward-item__redeem-button { text-align: center; position: relative; margin-top: 15px; } .lion-reward-item__redeem-button--disabled { background-color: rgba(153, 153, 153, 0.5); cursor: default; } .lion-reward-item__redeem-button--disabled:hover { background-color: rgba(153, 153, 153, 0.5); } .lion-reward-item__redeem-button--disabled:active { background-color: rgba(153, 153, 153, 0.5); box-shadow: none; } .lion-reward-item__min-spend::before, .lion-reward-item__cost:not(:first-child)::before { content: " · "; } @media (max-width: 790px) { .lion-reward-item { width: 100%; } .lion-reward-item__title { font-size: 1.6em; } } @media (min-width: 980px) { .lion-reward-item { width: 33.33%; } } .lion-reward-item--guest .lion-reward-item__title { padding-top: 28px; } .lion-claimed-rewards-list { font-size: 10px; display: flex; flex-wrap: wrap; padding: 10px; max-width: 100%; } .lion-claimed-rewards-list--empty { display: block; font-size: 1.8em; } .lion-claimed-reward-item { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(235, 237, 239); border-right: 1px solid rgb(235, 237, 239); border-left: 1px solid rgb(235, 237, 239); border-image: initial; border-bottom: none; display: flex; justify-content: space-between; padding: 12px 15px; font-size: 1.6em; color: rgb(51, 51, 51); width: 100%; } .lion-claimed-reward-item:nth-child(2n) { background-color: rgb(250, 250, 250); } .lion-claimed-reward-item:first-child { border-radius: 4px 4px 0px 0px; } .lion-claimed-reward-item:last-child { border-radius: 0px 0px 4px 4px; border-bottom: 1px solid rgb(235, 237, 239); } .lion-claimed-reward-item__left { flex: 1 1 0%; display: flex; flex-direction: column; } .lion-claimed-reward-item__right { display: flex; flex-direction: column; justify-content: center; align-items: center; } .lion-claimed-reward-item__title { font-size: 1.8em; font-weight: 600; margin-bottom: 2px; } .lion-claimed-reward-item__date { color: rgb(85, 85, 85); } .lion-claimed-reward-item__date::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 88%; margin-right: 6px; font-family: lion-icons !important; } .lion-claimed-reward-item__use-at { color: rgb(85, 85, 85); font-size: 85%; } .lion-claimed-reward-item__view-reward-button { text-align: center; } .lion-tier-overview { display: flex; place-content: center; align-items: stretch; } @media (max-width: 790px) { .lion-tier-overview { flex-direction: column; } } .lion-tier-box { flex: 1 1 0px; display: flex; flex-direction: column; border: 2px solid var(--lion-primary-color-darker3); margin: 10px; height: auto; min-height: 250px; text-align: center; } .lion-tier-box__header { padding: 10px; display: flex; flex-direction: column; justify-content: start; } .lion-tier-box__position { display: none; } .lion-tier-box__title { font-size: 1.8rem; } .lion-tier-box__sub-title { margin-top: -5px; font-size: 1.2rem; } .lion-tier-box .lion-tier-benefits-list { flex: 1 1 0%; margin-bottom: 10px; padding: 0px; } .lion-tier-box .lion-tier-benefits-list__item { list-style: none; } .lion-tier-box__purchase-rule { padding: 10px; } .lion-tier-box__footer--current { display: flex; flex-direction: column; position: relative; background-color: var(--lion-secondary-color); color: rgb(255, 255, 255); padding: 10px 10px 30px; } .lion-tier-box__you-are-here { text-transform: uppercase; font-size: 1.1rem; font-weight: 200; } .lion-tier-box__expiry { display: none; } .lion-tier-box .lion-progress-bar__container { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 20px; background-color: var(--lion-secondary-color-lighter1); } .lion-tier-box .lion-progress-bar__fill { background-color: var(--lion-secondary-color-darker2); height: 20px; } @media (max-width: 790px) { .lion-tier-box { flex-direction: column; flex: 1 1 auto; } } .lion-tier-benefits-list { text-align: center; } .lion-tier-benefits-list__item { font-size: 0.8rem; margin-bottom: 4px; } .lion-tier-benefits-compare { width: 100%; } .lion-tier-benefits-compare * { box-sizing: border-box; } .lion-tier-benefits-compare table { border-collapse: collapse; } .lion-tier-benefits-compare td, .lion-tier-benefits-compare th { border: none; text-align: center; vertical-align: middle; padding: 10px 14px; } .lion-tier-benefits-compare th:first-child, .lion-tier-benefits-compare td:first-child { border-right: 1px solid var(--lion-primary-color-darker2); } .lion-tier-benefits-compare th:nth-child(2), .lion-tier-benefits-compare td:nth-child(2) { padding-left: 30px; } .lion-tier-benefits-compare__benefit-status-circle { border-radius: 50%; display: block; margin: auto; width: 18px; height: 18px; } .lion-tier-benefits-compare__benefit-text { text-align: left; } .lion-tier-rewards-compare { width: 100%; } .lion-tier-rewards-compare * { box-sizing: border-box; } .lion-tier-rewards-compare table { border-collapse: collapse; } .lion-tier-rewards-compare td, .lion-tier-rewards-compare th { border: none; text-align: center; vertical-align: middle; padding: 10px 14px; } .lion-tier-rewards-compare th:first-child, .lion-tier-rewards-compare td:first-child { border-right: 1px solid var(--lion-primary-color-darker2); } .lion-tier-rewards-compare th:nth-child(2), .lion-tier-rewards-compare td:nth-child(2) { padding-left: 30px; } .lion-tier-rewards-compare__reward-title { text-align: left; } .lion-tier-rules-compare { width: 100%; } .lion-tier-rules-compare * { box-sizing: border-box; } .lion-tier-rules-compare table { border-collapse: collapse; } .lion-tier-rules-compare td, .lion-tier-rules-compare th { border: none; text-align: center; vertical-align: middle; padding: 10px 14px; } .lion-tier-rules-compare th:first-child, .lion-tier-rules-compare td:first-child { border-right: 1px solid var(--lion-primary-color-darker2); } .lion-tier-rules-compare th:nth-child(2), .lion-tier-rules-compare td:nth-child(2) { padding-left: 30px; } .lion-tier-rules-compare__rule-title { text-align: left; } #loyaltylion .lion-modal { font-size: 10px; color: rgb(51, 51, 51); position: fixed; left: 50%; top: 50%; width: 100%; max-width: 600px; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 18px; z-index: 1000000004; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } #loyaltylion .lion-modal--small { max-width: 400px; } @media (max-width: 600px) { #loyaltylion .lion-modal { width: 90%; transform: translate(-50%, -50%); } } #loyaltylion .lion-modal__header { background-color: rgb(249, 249, 249); border-bottom: 1px solid rgb(238, 238, 238); border-radius: 3px 3px 0px 0px; display: flex; cursor: default; } #loyaltylion .lion-modal__close-button { font-size: 33px; line-height: 45px; width: 45px; height: 45px; text-align: center; cursor: pointer; position: absolute; top: 0px; right: 0px; } #loyaltylion .lion-modal__title { flex-grow: 1; padding: 10px; font-size: 2.2em; } #loyaltylion .lion-modal__content { padding: 25px 15px; font-size: 1.6em; text-align: center; } #loyaltylion .lion-modal__content--no-padding { padding: 0px; } #loyaltylion .lion-modal__description { font-size: 1.2em; } #loyaltylion .lion-modal-and-screen--enter .lion-screen { opacity: 0.01; } #loyaltylion .lion-modal-and-screen--enter .lion-modal { opacity: 0.01; top: 47%; } #loyaltylion .lion-modal-and-screen--enter-active .lion-screen { opacity: 1; transition: opacity 0.1s ease-in; } #loyaltylion .lion-modal-and-screen--enter-active .lion-modal { opacity: 1; top: 50%; transition: opacity 0.15s ease-in, top 0.15s; } #loyaltylion .lion-modal-and-screen--exit .lion-screen { opacity: 1; } #loyaltylion .lion-modal-and-screen--exit .lion-modal { opacity: 1; top: 50%; } #loyaltylion .lion-modal-and-screen--exit-active .lion-screen { opacity: 0.01; transition: opacity 0.1s ease-in; } #loyaltylion .lion-modal-and-screen--exit-active .lion-modal { opacity: 0.01; top: 47%; transition: opacity 0.15s ease-in, top 0.15s; } #loyaltylion .lion-loyalty-modal { width: 100%; height: 100%; border: none; position: fixed; top: 0px; left: 0px; overflow: hidden scroll; z-index: 1000000001; margin: 0px; padding: 0px; background: transparent; } #loyaltylion .lion-loyalty-modal--enter { opacity: 0.01; } #loyaltylion .lion-loyalty-modal--enter-active { opacity: 1; transition: opacity 0.15s ease-in; } #loyaltylion .lion-loyalty-modal--exit { opacity: 1; } #loyaltylion .lion-loyalty-modal--exit-active { opacity: 0.01; transition: opacity 0.15s ease-in; } #loyaltylion .lion-loyalty-panel { display: flex; font-size: 10px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } #loyaltylion .lion-loyalty-panel__close-button { font-weight: bold; font-size: 33px; color: rgb(68, 68, 68); width: 40px; height: 40px; text-align: center; position: absolute; top: 2px; right: 2px; text-decoration: none; z-index: 250; cursor: pointer; } #loyaltylion .lion-loyalty-panel--format-modal { width: 800px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: calc(-300px); margin-left: calc(-400px); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 30px; border-radius: 5px; } @media (max-width: 800px) { #loyaltylion .lion-loyalty-panel--format-modal { width: 100%; left: auto; margin-left: 0px; border-radius: 0px; } } @media (max-height: 600px) { #loyaltylion .lion-loyalty-panel--format-modal { min-height: 600px; height: auto; top: 0px; margin-top: 0px; border-radius: 0px; } } @media (max-width: 600px) { #loyaltylion .lion-loyalty-panel--format-modal { height: auto; min-height: 100%; margin-left: 0px; margin-top: 0px; top: 0px; right: 0px; left: 0px; } } #loyaltylion .lion-loyalty-panel--format-embed { width: 100%; min-height: 600px; } #loyaltylion .lion-loyalty-panel--format-embed .lion-loyalty-panel__close-button { display: none; } @media (max-width: 600px) { #loyaltylion .lion-loyalty-panel { display: block; } #loyaltylion .lion-loyalty-panel__close-button { display: none; } } #loyaltylion .lion-loyalty-panel-sidebar { width: 190px; background: var(--lion-primary-color); border-top-left-radius: inherit; border-bottom-left-radius: inherit; flex: 0 0 auto; display: flex; flex-direction: column; } #loyaltylion .lion-loyalty-panel-sidebar__header { border-bottom: 1px solid var(--lion-primary-color-darker2); color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-panel-sidebar__mobile-close-button { display: none; } #loyaltylion .lion-loyalty-panel-sidebar__title { font-size: 2em; padding: 10px; background-color: var(--lion-primary-color-darker2); border-top-left-radius: inherit; border-bottom: 1px solid var(--lion-primary-color-darker3); } #loyaltylion .lion-loyalty-panel-sidebar__points { text-align: right; padding: 10px; } #loyaltylion .lion-loyalty-panel-sidebar__points-value { font-size: 2.2em; display: inline-block; margin-right: 5px; } #loyaltylion .lion-loyalty-panel-sidebar__points-text { font-size: 1.6em; } #loyaltylion .lion-loyalty-panel-sidebar__tier-info { text-align: right; padding: 0px 10px 10px 0px; font-size: 1.6em; } #loyaltylion .lion-loyalty-panel-sidebar__tier-info-icon::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 13px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-sidebar__tier-info-link { color: rgb(255, 255, 255); text-decoration: none; outline: none; cursor: pointer; } #loyaltylion .lion-loyalty-panel-sidebar__tier-info-name { margin-left: 4px; } #loyaltylion .lion-loyalty-panel-sidebar__mobile-menu-toggle-button { display: none; } #loyaltylion .lion-loyalty-panel-sidebar__menu { flex-grow: 1; padding: 20px 0px 40px; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item { display: block; color: rgb(255, 255, 255); text-decoration: none; padding: 7px 10px 7px 11px; outline: none; font-size: 1.6em; cursor: pointer; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item:hover { background: var(--lion-primary-color-darker1); } #loyaltylion .lion-loyalty-panel-sidebar__menu-item.lion-active { background: var(--lion-secondary-color); color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--icon::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 86%; margin-right: 8px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--rewards::before { content: ""; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--earn::before { content: ""; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--refer::before { content: ""; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--tiers::before { content: ""; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--history::before { content: ""; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item--help::before { content: ""; } #loyaltylion .lion-loyalty-panel-sidebar__powered-by { padding-left: 10px; color: rgb(255, 255, 255); padding-bottom: 8px; } #loyaltylion .lion-loyalty-panel-sidebar__powered-by-link { font-size: 12px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.8; } #loyaltylion .lion-loyalty-panel-sidebar__powered-by-link:active, #loyaltylion .lion-loyalty-panel-sidebar__powered-by-link:hover { text-decoration: underline; } @media (max-width: 600px) { #loyaltylion .lion-loyalty-panel-sidebar { width: auto; display: block; font-size: 1em; position: relative; } #loyaltylion .lion-loyalty-panel-sidebar__mobile-close-button { display: inline-block; padding: 10px 10px 12px 16px; font-size: 1.6em; line-height: 23px; cursor: pointer; color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-panel-sidebar__mobile-close-button::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 75%; margin-right: 5px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-sidebar__header { border-bottom: none; display: flex; justify-content: space-between; } #loyaltylion .lion-loyalty-panel-sidebar__title { display: none; } #loyaltylion .lion-loyalty-panel-sidebar__points { flex-grow: 1; padding: 0px; } #loyaltylion .lion-loyalty-panel-sidebar__points-value { font-size: 1.6em; padding: 12px 5px 0px 0px; } #loyaltylion .lion-loyalty-panel-sidebar__points-value::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 80%; margin-right: 4px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-sidebar__points-text { display: none; } #loyaltylion .lion-loyalty-panel-sidebar__tier-info { padding: 12px 5px 0px; } #loyaltylion .lion-loyalty-panel-sidebar__mobile-menu-toggle-button { display: block; height: 45px; width: 45px; background: url("../img/icons/menu-opener.svg") 50% 50% / 20px no-repeat; border-left: 1px solid var(--lion-primary-color-darker1); margin-left: 10px; } #loyaltylion .lion-loyalty-panel-sidebar__mobile-menu-toggle-button--active { background-color: var(--lion-primary-color-darker1); } #loyaltylion .lion-loyalty-panel-sidebar__menu { padding: 0px; position: absolute; right: 0px; display: none; background-color: var(--lion-primary-color); z-index: 1000000001; } #loyaltylion .lion-loyalty-panel-sidebar__menu--open { display: block; } #loyaltylion .lion-loyalty-panel-sidebar__menu-item { padding: 12px 30px 12px 15px; } #loyaltylion .lion-loyalty-panel-sidebar__powered-by { display: none; } } #loyaltylion .lion-loyalty-panel-content { border-radius: inherit; flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; } #loyaltylion .lion-loyalty-panel-content__header { background-color: rgb(252, 252, 252); border-bottom: 1px solid rgb(238, 238, 238); border-top-right-radius: inherit; padding: 10px 0px 9px 15px; color: rgb(51, 51, 51); font-weight: 600; font-size: 2.1em; } #loyaltylion .lion-loyalty-panel-content__page-description { display: none; } #loyaltylion .lion-loyalty-panel-content__overflow-container { overflow-y: auto; flex-grow: 1; } #loyaltylion .lion-loyalty-panel-content--earn, #loyaltylion .lion-loyalty-panel-content--rewards { background-color: rgb(245, 245, 245); } @media (max-width: 600px) { #loyaltylion .lion-loyalty-panel-content { display: block; } #loyaltylion .lion-loyalty-panel-content__header { display: none; } #loyaltylion .lion-loyalty-panel-content__page-description { display: block; padding: 20px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(245, 245, 245); font-size: 1.6em; text-align: center; } } #loyaltylion .lion-loyalty-splash { display: flex; flex-direction: column; justify-content: space-between; font-size: 10px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } #loyaltylion .lion-loyalty-splash__mobile-bar { display: none; } #loyaltylion .lion-loyalty-splash__heading { color: rgb(255, 255, 255); background-color: var(--lion-primary-color); border-bottom: 1px solid var(--lion-primary-color-darker2); border-top-left-radius: inherit; border-top-right-radius: inherit; height: 60px; width: 100%; } #loyaltylion .lion-loyalty-splash__title { padding: 12px 15px 0px 0px; font-size: 2.6em; text-align: center; } #loyaltylion .lion-loyalty-splash__title--welcome { display: none; } #loyaltylion .lion-loyalty-splash__content { display: flex; flex-grow: 1; flex-direction: row-reverse; } #loyaltylion .lion-loyalty-splash__footer { border-top: 1px dotted rgb(218, 218, 218); text-align: center; padding: 20px 0px; } #loyaltylion .lion-loyalty-splash__get-started-text { font-size: 2em; color: rgb(51, 51, 51); padding: 0px 30px; margin: 0px; } #loyaltylion .lion-loyalty-splash__actions { margin-top: 20px; font-size: 2em; color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-splash__button-spacer { display: inline-block; margin: 0px 20px; font-size: 1.4em; color: rgb(204, 204, 204); pointer-events: none; } #loyaltylion .lion-loyalty-splash__powered-by { padding: 18px 0px 0px; } #loyaltylion .lion-loyalty-splash__powered-by-link { font-size: 12px; text-decoration: none; opacity: 0.8; } #loyaltylion .lion-loyalty-splash__powered-by-link:active, #loyaltylion .lion-loyalty-splash__powered-by-link:hover { text-decoration: underline; } @media (max-width: 600px) { #loyaltylion .lion-loyalty-splash__close-button { display: none; } #loyaltylion .lion-loyalty-splash__mobile-bar { display: block; background-color: var(--lion-primary-color); } #loyaltylion .lion-loyalty-splash__heading { height: auto; color: rgb(0, 0, 0); background-color: transparent; border-bottom-color: rgb(218, 218, 218); } #loyaltylion .lion-loyalty-splash__title { font-size: 2.2em; padding: 20px 0px; display: none; } #loyaltylion .lion-loyalty-splash__title--welcome { display: block; } #loyaltylion .lion-loyalty-splash__content { display: block; } #loyaltylion .lion-loyalty-splash__footer { border-top: none; padding: 30px 0px; } #loyaltylion .lion-loyalty-splash__get-started-text { font-size: 1.8em; } #loyaltylion .lion-loyalty-splash__actions { font-size: 1.6em; margin-top: 30px; } #loyaltylion .lion-loyalty-splash__button-spacer { margin: 0px 15px; } } #loyaltylion .lion-loyalty-splash--format-modal { width: 800px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: calc(-300px); margin-left: calc(-400px); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 30px; border-radius: 5px; } #loyaltylion .lion-loyalty-splash--format-modal .lion-loyalty-splash__close-button { font-weight: bold; font-size: 33px; color: rgb(255, 255, 255); width: 40px; height: 40px; text-align: center; position: absolute; top: 7px; right: 8px; text-decoration: none; z-index: 250; cursor: pointer; } @media (max-width: 800px) { #loyaltylion .lion-loyalty-splash--format-modal { width: 100%; left: auto; margin-left: 0px; border-radius: 0px; } } @media (max-height: 600px) { #loyaltylion .lion-loyalty-splash--format-modal { min-height: 600px; height: auto; top: 0px; margin-top: 0px; border-radius: 0px; } } @media (max-width: 600px) { #loyaltylion .lion-loyalty-splash--format-modal { height: auto; min-height: 100%; margin-left: 0px; margin-top: 0px; top: 0px; right: 0px; left: 0px; } #loyaltylion .lion-loyalty-splash--format-modal .lion-loyalty-splash__mobile-close-button { display: inline-block; padding: 10px 10px 12px 16px; font-size: 1.6em; cursor: pointer; color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-splash--format-modal .lion-loyalty-splash__mobile-close-button::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 75%; margin-right: 5px; font-family: lion-icons !important; } } #loyaltylion .lion-loyalty-splash--format-embed { width: 100%; min-height: 600px; } #loyaltylion .lion-loyalty-splash--format-embed .lion-loyalty-splash__close-button { display: none; } #loyaltylion .lion-loyalty-splash--format-embed .lion-loyalty-splash__mobile-close-button { display: none; } #loyaltylion .lion-loyalty-splash-column { display: flex; text-align: center; flex-direction: column; flex: 1 0 0px; min-width: 0px; } #loyaltylion .lion-loyalty-splash-column:last-child { border-right: 1px dotted rgb(218, 218, 218); } #loyaltylion .lion-loyalty-splash-column__intro { display: table; height: 75px; width: 100%; margin: 18px 0px; } #loyaltylion .lion-loyalty-splash-column__intro-text { display: table-cell; font-size: 2.1em; vertical-align: middle; text-align: center; margin: 0px; padding: 0px 30px; } #loyaltylion .lion-loyalty-splash-column__items { display: flex; flex-grow: 1; flex-direction: column; align-items: center; justify-content: flex-start; } @media (max-width: 600px) { #loyaltylion .lion-loyalty-splash-column:first-child { border-right: none; } #loyaltylion .lion-loyalty-splash-column__intro-text { font-size: 1.8em; } #loyaltylion .lion-loyalty-splash-column__items { background-color: rgb(253, 253, 253); padding: 20px 0px; border-top: 1px dotted rgb(234, 234, 234); border-bottom: 1px dotted rgb(234, 234, 234); } } #loyaltylion .lion-loyalty-splash-item { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(248, 248, 248); padding: 13px 15px; font-size: 1.6em; display: flex; width: 80%; } #loyaltylion .lion-loyalty-splash-item:last-child { border-bottom: none; } #loyaltylion .lion-loyalty-splash-item__icon { width: 55px; height: 55px; background-color: transparent; background-size: 46px; } #loyaltylion .lion-loyalty-splash-item__info { text-align: left; padding-left: 15px; flex: 1 0 0px; min-width: 0px; } #loyaltylion .lion-loyalty-splash-item__title { width: 100%; margin-bottom: 3px; font-size: 1.2em; font-weight: 600; color: rgb(17, 17, 17); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 600px) { #loyaltylion .lion-loyalty-splash-item { background-color: rgb(253, 253, 253); margin-bottom: 20px; border-top: none; border-bottom: 1px solid rgb(241, 241, 241); } #loyaltylion .lion-loyalty-splash-item:last-child { border-bottom: none; margin-bottom: 0px; } } #loyaltylion .lion-manage-subscriptions-link { padding: 20px 30px 0px; text-align: center; text-decoration: underline; } #loyaltylion .lion-redeem-reward-modal--subscription-buy-with-points .lion-redeem-reward-modal__confirm-summary { padding: 10px 0px; } #loyaltylion .lion-redeem-reward-modal__button-container { margin-top: 25px; } #loyaltylion .lion-redeem-reward-modal__button--margin-right { margin-right: 10px; } #loyaltylion .lion-redeem-reward-modal__button--margin-left { margin-left: 10px; } #loyaltylion .lion-redeem-reward-modal__button--cancel, #loyaltylion .lion-redeem-reward-modal__button--confirm { margin: 5px; } #loyaltylion .lion-redeem-reward-modal__confirm-summary { font-size: 1.1em; } #loyaltylion .lion-redeem-reward-modal__campaign-offer { background-color: rgb(245, 245, 245); border-radius: 4px; padding: 12px 16px; margin-bottom: 16px; text-align: center; } #loyaltylion .lion-redeem-reward-modal__campaign-message { font-size: 0.95em; line-height: 1.4; color: rgb(51, 51, 51); } #loyaltylion .lion-redeem-reward-modal__minimum-spend { font-size: 0.9em; margin-top: 5px; } #loyaltylion .lion-redeem-reward-modal__summary-extra, #loyaltylion .lion-redeem-reward-modal__confirm-summary-extra { padding-top: 10px; } #loyaltylion .lion-redeem-reward-modal__code-container { margin-top: 35px; } #loyaltylion .lion-redeem-reward-modal__option { margin-bottom: 20px; } #loyaltylion .lion-redeem-reward-modal__reward-select-options { margin: 10px -15px 0px; padding: 25px; text-align: left; background: rgb(249, 249, 249); border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); box-sizing: border-box; } #loyaltylion .lion-redeem-reward-modal__reward-select-options select { background: rgb(255, 255, 255); } #loyaltylion .lion-redeem-reward-modal__reward-select-options .lion-redeem-reward-modal__option:last-of-type { margin-bottom: 0px; } #loyaltylion .lion-redeem-reward-modal__success-message a { display: block; margin-top: 5px; text-decoration: underline; cursor: pointer; } #loyaltylion .lion-redeem-reward-modal__success-message a:hover { color: rgb(17, 17, 17); text-decoration: underline; } #loyaltylion .lion-redeem-reward-modal__spacer { display: inline; } #loyaltylion .lion-redeem-reward-modal__free-product-variant-selector, #loyaltylion .lion-redeem-reward-modal__reward-option-selector { padding-top: 10px; } #loyaltylion .lion-redeem-reward-modal__free-product-variant-selector select, #loyaltylion .lion-redeem-reward-modal__reward-option-selector select { appearance: menulist-button; line-height: 1.2; padding: 8px 15px; cursor: pointer; width: 100%; border: 1px solid rgb(238, 238, 238); } #loyaltylion .lion-redeem-reward-modal__cross-store-extra { margin-top: 20px; display: flex; justify-content: space-evenly; align-items: center; } #loyaltylion .lion-redeem-reward-modal__info-icon { display: block; flex: 0 0 auto; height: 25px; width: 25px; background-color: rgb(51, 51, 51); mask-image: url("../img/icons/info-line.svg"); margin-top: 4px; margin-left: 10px; } #loyaltylion .lion-redeem-reward-modal__info-text { font-size: 14px; text-align: left; width: 82%; } #loyaltylion .lion-redeem-reward-modal__loading_indicator { position: relative; } #loyaltylion .lion-redeem-reward-modal__expiration-message--post-redeem { font-size: 0.9em; margin-top: 8px; } #loyaltylion .lion-pending-points-help-modal-content { font-size: 1.1em; } #loyaltylion .lion-pending-points-help-modal-content__heading { font-weight: bold; margin-bottom: 10px; } #loyaltylion .lion-action-modal__link { margin-top: 25px; } #loyaltylion .lion-action-modal__button { padding-left: 15px; padding-right: 15px; } #loyaltylion .lion-action-modal__limit-reached { border: 1px dotted rgb(221, 221, 221); padding: 15px; margin-top: 25px; color: rgb(51, 51, 51); display: inline-block; border-radius: 3px; background-color: rgb(252, 252, 252); max-width: 280px; position: relative; line-height: 24px; } #loyaltylion .lion-action-modal__limit-reached::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 140%; content: ""; color: rgb(34, 34, 34); position: absolute; top: 50%; left: -39px; margin-top: -15px; font-family: lion-icons !important; } #loyaltylion .lion-action-modal__limit-reached span { display: block; } #loyaltylion .lion-facebook-like__unavailable::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 120%; content: ""; vertical-align: text-top; margin-right: 5px; color: rgb(187, 0, 0); font-family: lion-icons !important; } #loyaltylion .lion-facebook-like__wrapper { position: relative; min-height: 60px; } #loyaltylion .lion-facebook-like__wrapper .lion-standalone-spinner { z-index: -1; } #loyaltylion .lion-twitter-follow__unavailable::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 120%; content: ""; vertical-align: text-top; margin-right: 5px; color: rgb(187, 0, 0); font-family: lion-icons !important; } #loyaltylion .lion-twitter-follow__wrapper { position: relative; min-height: 30px; } #loyaltylion .lion-newsletter-signup-action__button-wrapper { margin-top: 25px; } #loyaltylion .lion-birthday-action__help { padding-bottom: 20px; } #loyaltylion .lion-birthday-action__help::after { content: ""; display: block; height: 1px; width: 40px; background-color: rgb(221, 221, 221); margin-top: 20px; margin-left: calc(50% - 20px); } #loyaltylion .lion-birthday-entry-form { text-align: center; margin-bottom: 0px; } #loyaltylion .lion-birthday-entry-form__select { border: 1px solid rgb(204, 204, 204); background: none; appearance: menulist; display: inline-block; } #loyaltylion .lion-birthday-entry-form__select--month { width: 150px; height: 42px; } #loyaltylion .lion-birthday-entry-form__select--error { border-color: rgb(217, 83, 79); } #loyaltylion .lion-birthday-entry-form__select:focus, #loyaltylion .lion-birthday-entry-form__select:active { border-color: var(--lion-secondary-color); outline: none; } #loyaltylion .lion-birthday-entry-form__input { padding: 7px 9px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); height: 42px; display: inline-block; } #loyaltylion .lion-birthday-entry-form__input--error { border-color: rgb(217, 83, 79); } #loyaltylion .lion-birthday-entry-form__input:focus, #loyaltylion .lion-birthday-entry-form__input:active { border-color: var(--lion-secondary-color); outline: none; } #loyaltylion .lion-birthday-entry-form__input--day { width: 60px; margin: 0px 15px; } #loyaltylion .lion-birthday-entry-form__input--year { width: 100px; } #loyaltylion .lion-birthday-entry-form__invalid-message { color: rgb(217, 83, 79); padding-top: 15px; display: none; } #loyaltylion .lion-birthday-entry-form__invalid-message--visible { display: block; } #loyaltylion .lion-birthday-entry-form__submit-button { margin-top: 20px; font-size: 1em; } #loyaltylion .lion-instagram-request-username__help { margin-bottom: 25px; } #loyaltylion .lion-instagram-request-username__error { color: rgb(217, 83, 79); padding-top: 15px; } #loyaltylion .lion-instagram-request-username__input { padding: 7px 9px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); height: 42px; display: inline-block; text-align: left; } #loyaltylion .lion-instagram-request-username__input--error { border-color: rgb(217, 83, 79); } #loyaltylion .lion-instagram-request-username__input:focus, #loyaltylion .lion-instagram-request-username__input:active { border-color: var(--lion-secondary-color); outline: none; } #loyaltylion .lion-instagram-request-username__submit-button { margin-left: 10px; } #loyaltylion .lion-referral-action__button { margin-top: 20px; } #loyaltylion .lion-go-to-other-site-action__button { margin-top: 20px; } #loyaltylion .lion-loyalty-panel-page-earn { position: relative; } #loyaltylion .lion-loyalty-panel-page-earn__rules-list { display: flex; flex-wrap: wrap; padding: 10px; max-width: 100%; } #loyaltylion .lion-loyalty-panel-page-help { padding: 20px; color: rgb(51, 51, 51); font-size: 10px; background-color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-panel-page-help__content { font-size: 1.6em; } #loyaltylion .lion-loyalty-panel-page-help__content h1, #loyaltylion .lion-loyalty-panel-page-help__content h2, #loyaltylion .lion-loyalty-panel-page-help__content h3, #loyaltylion .lion-loyalty-panel-page-help__content h4 { font-size: 1.3em; line-height: 30px; font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 4px; margin-top: 1.3em; } #loyaltylion .lion-loyalty-panel-page-help__content h3 { font-size: 1.2em; } #loyaltylion .lion-loyalty-panel-page-help__content h4 { font-size: 1.1em; } #loyaltylion .lion-loyalty-panel-page-help__content p { color: rgb(51, 51, 51); margin-top: 0px; } #loyaltylion .lion-loyalty-panel-page-help__content li { margin-bottom: 4px; } #loyaltylion .lion-loyalty-panel-page-help__content :first-child { margin-top: 0px; } #loyaltylion .lion-loyalty-panel-page-history { padding: 20px; color: rgb(51, 51, 51); font-size: 10px; background-color: rgb(255, 255, 255); } @media (max-width: 790px) { #loyaltylion .lion-loyalty-panel-page-history { padding: 10px 0px 0px; } } #loyaltylion .lion-loyalty-panel-page-history .lion-no-activities-help { padding: 20px; font-size: 1.5em; display: flex; flex-direction: column; } #loyaltylion .lion-loyalty-panel-page-history .lion-no-activities-help .lion-action-button { margin-top: 20px; align-self: center; } #loyaltylion .lion-customer-history-table { width: 100%; border-collapse: collapse; box-sizing: border-box; font-size: 1.6em; } #loyaltylion .lion-customer-history-table__header-cell { background-color: rgb(247, 247, 247); font-weight: 600; text-align: left; padding: 7px 0px 7px 12px; border-bottom: 1px solid rgb(241, 241, 241); } #loyaltylion .lion-customer-history-table__header-cell--centre-aligned { text-align: center; padding-left: 0px; padding-right: 0px; } #loyaltylion .lion-customer-history-table__row:nth-child(2n) { background-color: rgb(250, 250, 250); } #loyaltylion .lion-customer-history-table__row-cell { padding: 8px 8px 8px 12px; } #loyaltylion .lion-customer-history-table__row-status { text-align: center; } #loyaltylion .lion-customer-history-table__bubble { width: 100%; cursor: pointer; } @media (max-width: 600px) { #loyaltylion .lion-customer-history-table__header-cell { font-size: 0.9em; } } @media (max-width: 480px) { #loyaltylion .lion-customer-history-table__header-cell { font-size: 0.85em; padding-left: 7px; } #loyaltylion .lion-customer-history-table__row-cell { font-size: 0.85em; padding: 7px; } } @media (max-width: 480px) { #loyaltylion .lion-customer-history-table__header-cell:nth-child(2), #loyaltylion .lion-customer-history-table__row-cell:nth-child(2) { display: none; } } #loyaltylion .lion-history-state-bubble { display: inline-block; padding: 3px 6px; font-size: 12px; text-transform: uppercase; border-radius: 3px; box-sizing: border-box; } #loyaltylion .lion-history-state-bubble--approved { color: rgb(255, 255, 255); background-color: rgb(131, 188, 53); } #loyaltylion .lion-history-state-bubble--declined, #loyaltylion .lion-history-state-bubble--void { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); } #loyaltylion .lion-history-state-bubble--pending { color: rgb(255, 255, 255); background-color: rgb(171, 171, 171); } #loyaltylion .lion-history-state-bubble--expired { background-color: rgb(243, 245, 247); } #loyaltylion .lion-history-info-modal-content__basic { padding: 15px; text-align: left; position: relative; font-size: 1.1em; } #loyaltylion .lion-history-info-modal-content__state-bubble { position: absolute; top: 15px; right: 15px; font-size: 1em; padding: 3px 9px; } #loyaltylion .lion-history-info-modal-content__points::before, #loyaltylion .lion-history-info-modal-content__date::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 6px; font-size: 88%; font-family: lion-icons !important; } #loyaltylion .lion-history-info-modal-content__points { margin-bottom: 8px; } #loyaltylion .lion-history-info-modal-content__points::before { content: ""; } #loyaltylion .lion-history-info-modal-content__date::before { content: ""; } #loyaltylion .lion-history-info-modal-content__comment { padding: 25px 15px; border-top: 1px solid rgb(238, 238, 238); background-color: rgb(252, 252, 252); border-radius: 0px 0px 5px 5px; font-size: 1.1em; } #loyaltylion .lion-history-info-modal-content__comment--left { text-align: left; } #loyaltylion .lion-history-info-modal-content__comment--fulfilment-instructions { padding-top: 15px; } #loyaltylion .lion-history-info-modal-content__comment .lion-action-button { margin-top: 20px; } #loyaltylion .lion-history-info-modal-content__comment .lion-reward-code { margin-top: 12px; } #loyaltylion .lion-history-info-modal-content__comment-balance { font-size: 1.1em; margin-bottom: 4px; line-height: normal; } #loyaltylion .lion-history-info-modal-content__comment-expiry { font-size: 0.9em; } #loyaltylion .lion-history-info-modal-content__comment-min-spend { font-size: 1.2em; margin-bottom: 15px; } #loyaltylion .lion-history-info-modal-content__cross-store-sub { font-size: 17px; } #loyaltylion .lion-history-info-modal-content__cross-store-explainer { padding-top: 5px; font-size: 12px; color: grey; } #loyaltylion .lion-loyalty-panel-page-rewards__points-explain-box { padding: 15px 20px; border-bottom: 1px dotted rgb(221, 221, 221); display: flex; justify-content: space-between; background-color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-panel-page-rewards__points-explain-box-redeemable { font-size: 1.8em; } #loyaltylion .lion-loyalty-panel-page-rewards__points-explain-box-pending { font-size: 1.6em; } #loyaltylion .lion-loyalty-panel-page-rewards__points-explain-box-pending-link { cursor: pointer; text-decoration: underline; } #loyaltylion .lion-loyalty-panel-page-rewards__rewards-list { display: flex; flex-wrap: wrap; padding: 10px; max-width: 100%; } #loyaltylion .lion-loyalty-panel-page-rewards__claimed-rewards-header { border-bottom: 1px dotted rgb(221, 221, 221); color: rgb(51, 51, 51); font-weight: 600; font-size: 2.1em; padding: 8px 10px 7px 15px; } #loyaltylion .lion-loyalty-panel-page-rewards__claimed-rewards-list { padding: 20px; } #loyaltylion .lion-loyalty-panel-page-rewards__claimed-rewards-list--no-items { font-size: 1.8em; } #loyaltylion .lion-loyalty-panel-reward-item { padding: 10px; width: 50%; display: flex; min-width: 0px; box-sizing: border-box; color: rgb(51, 51, 51); } #loyaltylion .lion-loyalty-panel-reward-item__content { min-width: 0px; min-height: 150px; width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; font-size: 1.6em; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px; padding: 10px; display: flex; flex-direction: column; text-align: center; } #loyaltylion .lion-loyalty-panel-reward-item__title { font-size: 1.8em; font-weight: 600; } #loyaltylion .lion-loyalty-panel-reward-item__meta { flex-grow: 1; margin-top: 5px; color: rgb(51, 51, 51); } #loyaltylion .lion-loyalty-panel-reward-item__product-image { display: none; } #loyaltylion .lion-loyalty-panel-reward-item__cost { color: rgb(85, 85, 85); display: inline-flex; gap: 8px; align-items: center; } #loyaltylion .lion-loyalty-panel-reward-item__cost-original { text-decoration: line-through; } #loyaltylion .lion-loyalty-panel-reward-item__fill { height: 4px; position: absolute; bottom: 0px; left: 0px; background-color: var(--lion-secondary-color); border-radius: 0px 3px 3px; z-index: 20; } #loyaltylion .lion-loyalty-panel-reward-item__more-info-url, #loyaltylion .lion-loyalty-panel-reward-item__terms-url { margin: 7px 5px 0px; text-decoration: underline; cursor: pointer; display: inline-block; } #loyaltylion .lion-loyalty-panel-reward-item__redeem-button { text-align: center; position: relative; margin-top: 15px; } #loyaltylion .lion-loyalty-panel-reward-item__redeem-button--disabled { background-color: rgba(153, 153, 153, 0.5); cursor: default; } #loyaltylion .lion-loyalty-panel-reward-item__redeem-button--disabled:hover { background-color: rgba(153, 153, 153, 0.5); } #loyaltylion .lion-loyalty-panel-reward-item__redeem-button--disabled:active { background-color: rgba(153, 153, 153, 0.5); box-shadow: none; } #loyaltylion .lion-loyalty-panel-reward-item__min-spend::before, #loyaltylion .lion-loyalty-panel-reward-item__cost:not(:first-child)::before { content: " · "; } @media (max-width: 790px) { #loyaltylion .lion-loyalty-panel-reward-item { width: 100%; } #loyaltylion .lion-loyalty-panel-reward-item__title { font-size: 1.6em; } } #loyaltylion .lion-loyalty-panel-claimed-reward-item { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(235, 237, 239); border-right: 1px solid rgb(235, 237, 239); border-left: 1px solid rgb(235, 237, 239); border-image: initial; border-bottom: none; display: flex; justify-content: space-between; padding: 12px 15px; font-size: 1.6em; color: rgb(51, 51, 51); } #loyaltylion .lion-loyalty-panel-claimed-reward-item:nth-child(2n) { background-color: rgb(250, 250, 250); } #loyaltylion .lion-loyalty-panel-claimed-reward-item:first-child { border-radius: 4px 4px 0px 0px; } #loyaltylion .lion-loyalty-panel-claimed-reward-item:last-child { border-radius: 0px 0px 4px 4px; border-bottom: 1px solid rgb(235, 237, 239); } #loyaltylion .lion-loyalty-panel-claimed-reward-item__left { flex: 1 1 0%; display: flex; flex-direction: column; } #loyaltylion .lion-loyalty-panel-claimed-reward-item__right { display: flex; flex-direction: column; justify-content: center; align-items: center; } #loyaltylion .lion-loyalty-panel-claimed-reward-item__title { font-size: 1.8em; font-weight: 600; margin-bottom: 2px; } #loyaltylion .lion-loyalty-panel-claimed-reward-item__use-at { color: rgb(85, 85, 85); font-size: 85%; } #loyaltylion .lion-loyalty-panel-claimed-reward-item__date { color: rgb(85, 85, 85); } #loyaltylion .lion-loyalty-panel-claimed-reward-item__date::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 88%; margin-right: 6px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-claimed-reward-item__view-reward-button { text-align: center; } #loyaltylion .lion-loyalty-panel-page-rewards__go_to_primary_site__text { color: rgb(51, 51, 51); font-size: 1.6em; padding: 30px; } #loyaltylion .lion-loyalty-panel-page-rewards__go_to_primary_site__cta_outer { display: flex; flex-direction: column; } #loyaltylion .lion-loyalty-panel-page-rewards__go_to_primary_site__cta { align-self: center; font-size: 2.1em; } #loyaltylion .lion-loyalty-panel-page-tiers { background-color: rgb(255, 255, 255); padding: 20px; } #loyaltylion .lion-loyalty-panel-tier-item { border: 1px solid rgb(225, 225, 225); border-radius: 3px; position: relative; margin-bottom: 60px; } #loyaltylion .lion-loyalty-panel-tier-item::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 25px; color: rgb(102, 102, 102); position: absolute; left: 50%; margin-left: -13px; margin-top: 19px; cursor: default; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-tier-item:last-child { margin-bottom: 0px; } #loyaltylion .lion-loyalty-panel-tier-item:last-child::after { display: none; } #loyaltylion .lion-loyalty-panel-tier-item__header { overflow: auto; background-color: rgb(251, 251, 251); display: flex; justify-content: space-between; } #loyaltylion .lion-loyalty-panel-tier-item__name { padding: 10px; font-size: 1.8em; font-weight: 600; } #loyaltylion .lion-loyalty-panel-tier-item__context { padding: 11px 10px 0px 0px; font-size: 1.5em; } #loyaltylion .lion-loyalty-panel-tier-item__accent { height: 3px; } #loyaltylion .lion-loyalty-panel-tier-item__inner { display: flex; } #loyaltylion .lion-loyalty-panel-tier-item__list-container { width: 50%; padding: 15px; } #loyaltylion .lion-loyalty-panel-tier-item__list-heading { font-size: 1.6em; font-weight: 600; margin-bottom: 10px; } #loyaltylion .lion-loyalty-panel-tier-item__list { margin: 0px; padding: 0px 0px 0px 8px; } #loyaltylion .lion-loyalty-panel-tier-item__list-item { list-style: none; font-size: 1.6em; margin-bottom: 5px; padding-left: 10px; color: rgb(51, 51, 51); } #loyaltylion .lion-loyalty-panel-tier-item__list-item-value { font-weight: bold; } #loyaltylion .lion-loyalty-panel-tier-item__list-item--rule::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 72%; display: inline-block; position: absolute; margin-left: -16px; margin-top: 5px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-tier-item__list-item--reward::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-size: 80%; display: inline-block; position: absolute; margin-left: -16px; margin-top: 5px; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-tier-item__view-more-link { font-size: 0.8em; text-decoration: underline; color: rgb(102, 102, 102); } @media (max-width: 790px) { #loyaltylion .lion-loyalty-panel-tier-item__inner { display: block; } #loyaltylion .lion-loyalty-panel-tier-item__list-container { width: 100%; } #loyaltylion .lion-loyalty-panel-tier-item__list-container:first-child { border-bottom: 1px solid rgb(245, 245, 245); } } #loyaltylion .lion-loyalty-panel-content--blocked .lion-loyalty-panel-content__overflow-container { padding: 10px; font-size: 1.5em; } #loyaltylion .lion-loyalty-panel-rule-item { padding: 10px; width: 50%; display: flex; min-width: 0px; box-sizing: border-box; } #loyaltylion .lion-loyalty-panel-rule-item__content { position: relative; min-width: 0px; height: 125px; width: 100%; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid transparent; font-size: 1.6em; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px; display: flex; flex-direction: column; } #loyaltylion .lion-loyalty-panel-rule-item--actionable .lion-loyalty-panel-rule-item__content { cursor: pointer; } #loyaltylion .lion-loyalty-panel-rule-item--actionable:hover .lion-loyalty-panel-rule-item__content { border: 1px solid var(--lion-secondary-color); } #loyaltylion .lion-loyalty-panel-rule-item__title { font-size: 1.3em; flex-grow: 1; padding: 15px 40px 15px 15px; overflow: hidden; } #loyaltylion .lion-loyalty-panel-rule-item__points { text-align: left; background-color: rgb(251, 251, 251); border-radius: 0px 0px 3px 3px; padding: 15px; } #loyaltylion .lion-loyalty-panel-rule-item__points .value { display: inline-block; color: rgb(0, 0, 0); margin-right: 4px; font-weight: bold; } #loyaltylion .lion-loyalty-panel-rule-item__points .text { color: rgb(85, 85, 85); } #loyaltylion .lion-loyalty-panel-rule-item__limit-reached { position: absolute; bottom: 0px; right: 0px; padding: 0px 15px 15px 0px; color: rgb(68, 68, 68); } #loyaltylion .lion-loyalty-panel-rule-item__limit-reached::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 3px; font-size: 125%; content: ""; vertical-align: bottom; color: rgb(34, 34, 34); font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-rule-item__completed-forever { position: absolute; bottom: 0px; right: 0px; padding: 0px 15px 15px 0px; color: rgb(68, 68, 68); } #loyaltylion .lion-loyalty-panel-rule-item__completed-forever::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 90%; content: ""; vertical-align: bottom; color: rgb(34, 34, 34); font-family: lion-icons !important; } #loyaltylion .lion-loyalty-panel-rule-item__icon { width: 55px; height: 55px; background-color: white; border-radius: 100px; position: absolute; top: -10px; right: -10px; background-size: 35px; box-shadow: rgba(25, 25, 25, 0.1) 0px 0px 3px 1px; } @media (max-width: 790px) { #loyaltylion .lion-loyalty-panel-rule-item { width: 100%; } } #loyaltylion .lion-other-site-rules__header { border-bottom: 1px dotted rgb(221, 221, 221); color: rgb(51, 51, 51); font-weight: 600; font-size: 2.1em; padding: 8px 10px 7px 15px; } #loyaltylion .lion-other-site-rules__header a { text-decoration-line: underline; } #loyaltylion .lion-checkout-redemption-banner { font-size: 1.8em; padding: 25px 20px; border-bottom: 1px dotted rgb(221, 221, 221); display: flex; background-color: rgb(255, 255, 255); } #loyaltylion .lion-checkout-redemption-banner__icon { background-size: 35px; border-radius: 100px; box-shadow: rgba(25, 25, 25, 0.1) 0px 0px 3px 1px; height: 55px; width: 55px; margin-right: 20px; } #loyaltylion .lion-copy-to-clipboard-button { cursor: pointer; border-radius: 3px; border: 1px solid rgb(204, 204, 204); background-color: rgb(238, 238, 238); outline: none; display: inline-block; position: relative; padding: 2px 7px; } #loyaltylion .lion-copy-to-clipboard-button::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; font-family: lion-icons !important; } #loyaltylion .lion-copy-to-clipboard-button:focus, #loyaltylion .lion-copy-to-clipboard-button:active { background-color: rgb(221, 221, 221); } #loyaltylion .lion-copy-to-clipboard-button::after { content: "Copied"; display: inline-block; position: absolute; border-radius: 4px; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); font-size: 12px; padding: 3px 6px; margin-left: 0px; opacity: 0; transition: 0.3s; pointer-events: none; } #loyaltylion .lion-copy-to-clipboard-button--success::after { opacity: 1; margin-left: 13px; } #loyaltylion .lion-copy-to-clipboard-button--error::after { content: "Could not copy"; background-color: rgba(158, 0, 0, 0.7); opacity: 1; margin-left: 13px; } #loyaltylion .lion-reward-code__code { background-color: rgb(255, 236, 179); border: 3px dashed rgb(255, 223, 128); border-radius: 5px; color: rgb(68, 68, 68); font-size: 1.5em; padding: 3px 10px; text-align: center; display: inline-block; } #loyaltylion .lion-reward-code__clipboard-button { position: absolute; margin-left: 7px; margin-top: 0.75rem; background-color: transparent; border: none; padding: 5px; } #loyaltylion .lion-reward-code__clipboard-button:focus, #loyaltylion .lion-reward-code__clipboard-button:active { background-color: rgb(238, 238, 238); } #loyaltylion .lion-referral-widget { color: rgb(51, 51, 51); overflow-x: hidden; } #loyaltylion .lion-referral-widget-needs-auth { text-align: center; position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); } #loyaltylion .lion-referral-widget-needs-auth__buttons { margin-top: 40px; } #loyaltylion .lion-referral-widget-needs-auth__button-spacer { display: inline-block; margin: 0px 20px; font-size: 1.4em; color: rgb(204, 204, 204); pointer-events: none; } #loyaltylion .lion-referral-widget-panels { width: 200%; display: flex; flex-direction: row; transition: margin-left 0.2s; background-color: rgb(255, 255, 255); } #loyaltylion .lion-referral-widget-panels--slide { margin-left: -100%; } #loyaltylion .lion-referral-widget-panel { width: 50%; } #loyaltylion .lion-referral-widget-main { display: flex; flex-direction: column; padding: 20px; box-sizing: border-box; } #loyaltylion .lion-referral-widget-main__intro { font-size: 1.3em; text-align: center; padding: 20px 30px 10px; } #loyaltylion .lion-referral-widget-main__share-controls { text-align: center; } #loyaltylion .lion-referral-widget-main__share-buttons { border-top: 1px dotted rgb(221, 221, 221); padding-top: 25px; margin-top: 25px; margin-bottom: 30px; } #loyaltylion .lion-referral-widget-main__share-link-text { font-size: 110%; margin-bottom: 12px; } #loyaltylion .lion-referral-widget-main__share-link-container { background-color: rgb(250, 250, 250); border-top: 1px dotted rgb(229, 229, 229); border-bottom: 1px dotted rgb(229, 229, 229); border-image: initial; border-left: none; border-right: none; text-align: center; padding: 10px 0px; } #loyaltylion .lion-referral-widget-main__share-link-url { font-weight: 600; font-size: 120%; display: inline-block; margin-right: 10px; } #loyaltylion .lion-referral-widget-email-form { display: flex; flex-direction: column; justify-content: space-between; padding: 20px; box-sizing: border-box; } #loyaltylion .lion-referral-email-form { max-width: 500px; } #loyaltylion .lion-referral-email-form__field { margin-bottom: 10px; } #loyaltylion .lion-referral-email-form__label { display: block; color: rgb(127, 136, 153); font-size: 16px; font-weight: 400; margin: 0px 0px 7px; text-shadow: rgb(255, 255, 255) 0px 1px 0px; user-select: none; } #loyaltylion .lion-referral-email-form__input { box-sizing: border-box; width: 100%; height: 37px; font-size: 15px; padding: 9px 7px; border-width: 1px; border-style: solid; border-color: rgb(165, 177, 194) rgb(180, 190, 204) rgb(195, 203, 214); border-image: initial; border-radius: 4px; box-shadow: rgba(130, 137, 150, 0.23) 0px 1px 2px inset, rgba(255, 255, 255, 0.85) 0px 1px 0px; user-select: text; } #loyaltylion .lion-referral-email-form__input:focus { outline: none; border-color: rgb(112, 167, 228); box-shadow: rgba(70, 123, 181, 0.35) 0px 1px 2px inset, rgb(86, 149, 219) 0px 0px 4px; } #loyaltylion .lion-referral-email-form__input--error, #loyaltylion .lion-referral-email-form__input--error:focus { outline: none; border-color: rgb(255, 92, 97) rgb(255, 112, 118) rgb(255, 112, 118); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px inset, rgba(255, 0, 0, 0.5) 0px 0px 4px 0px; } #loyaltylion .lion-referral-email-form__textarea { height: 150px; } #loyaltylion .lion-referral-email-form__buttons { display: flex; flex-direction: row; padding-top: 15px; } #loyaltylion .lion-referral-email-form__button { display: inline-block; font-size: 1em; } #loyaltylion .lion-referral-email-form__button:first-child { margin-right: 10px; } #loyaltylion .lion-referral-email-form__success-message { flex-grow: 1; text-align: right; padding-top: 6px; color: rgb(21, 87, 36); transition: visibility 0.2s, opacity 0.2s; visibility: hidden; opacity: 0; } #loyaltylion .lion-referral-email-form__success-message--visible { visibility: visible; opacity: 1; transition-delay: 0s; } #loyaltylion .lion-referral-email-form__success-message::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; display: inline-block; font-size: 140%; vertical-align: text-top; margin-left: 5px; font-family: lion-icons !important; } #loyaltylion .lion-referral-share-button { cursor: pointer; display: inline-block; height: 48px; width: 140px; border-radius: 6px; padding: 0px 18px; margin: 8px; line-height: 47px; color: rgb(255, 255, 255); background-color: rgb(187, 187, 187); text-decoration: none; text-align: left; font-size: 16px; position: relative; box-sizing: border-box; } #loyaltylion .lion-referral-share-button--hidden { display: none; } #loyaltylion .lion-referral-share-button--twitter { background: black; } #loyaltylion .lion-referral-share-button--twitter:hover { background-color: black; } #loyaltylion .lion-referral-share-button--twitter:active, #loyaltylion .lion-referral-share-button--twitter:focus { background-color: black; box-shadow: black 0px 1px 3px 1px inset; } #loyaltylion .lion-referral-share-button--twitter.lion-visible { display: inline-block !important; } #loyaltylion .lion-referral-share-button--twitter::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 130%; margin-right: 8px; vertical-align: text-bottom; font-family: lion-icons !important; } #loyaltylion .lion-referral-share-button--twitter::before { content: ""; } #loyaltylion .lion-referral-share-button--whatsapp { background: rgb(30, 190, 165); } #loyaltylion .lion-referral-share-button--whatsapp:hover { background-color: rgb(27, 168, 146); } #loyaltylion .lion-referral-share-button--whatsapp:active, #loyaltylion .lion-referral-share-button--whatsapp:focus { background-color: rgb(27, 168, 146); box-shadow: rgb(13, 80, 69) 0px 1px 3px 1px inset; } #loyaltylion .lion-referral-share-button--whatsapp.lion-visible { display: inline-block !important; } #loyaltylion .lion-referral-share-button--whatsapp::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 130%; margin-right: 8px; vertical-align: text-bottom; font-family: lion-icons !important; } #loyaltylion .lion-referral-share-button--whatsapp::before { content: ""; } #loyaltylion .lion-referral-share-button--facebook { background: rgb(59, 89, 152); } #loyaltylion .lion-referral-share-button--facebook:hover { background-color: rgb(52, 78, 134); } #loyaltylion .lion-referral-share-button--facebook:active, #loyaltylion .lion-referral-share-button--facebook:focus { background-color: rgb(52, 78, 134); box-shadow: rgb(23, 35, 60) 0px 1px 3px 1px inset; } #loyaltylion .lion-referral-share-button--facebook.lion-visible { display: inline-block !important; } #loyaltylion .lion-referral-share-button--facebook::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 130%; margin-right: 8px; vertical-align: text-bottom; font-family: lion-icons !important; } #loyaltylion .lion-referral-share-button--facebook::before { content: ""; } #loyaltylion .lion-referral-share-button--facebook-messenger { background: rgb(0, 132, 255); } #loyaltylion .lion-referral-share-button--facebook-messenger:hover { background-color: rgb(0, 119, 230); } #loyaltylion .lion-referral-share-button--facebook-messenger:active, #loyaltylion .lion-referral-share-button--facebook-messenger:focus { background-color: rgb(0, 119, 230); box-shadow: rgb(0, 66, 128) 0px 1px 3px 1px inset; } #loyaltylion .lion-referral-share-button--facebook-messenger.lion-visible { display: inline-block !important; } #loyaltylion .lion-referral-share-button--facebook-messenger::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 130%; margin-right: 8px; vertical-align: text-bottom; font-family: lion-icons !important; } #loyaltylion .lion-referral-share-button--facebook-messenger::before { content: ""; } #loyaltylion .lion-referral-share-button--email { background: rgb(153, 153, 153); } #loyaltylion .lion-referral-share-button--email:hover { background-color: rgb(140, 140, 140); } #loyaltylion .lion-referral-share-button--email:active, #loyaltylion .lion-referral-share-button--email:focus { background-color: rgb(140, 140, 140); box-shadow: rgb(89, 89, 89) 0px 1px 3px 1px inset; } #loyaltylion .lion-referral-share-button--email.lion-visible { display: inline-block !important; } #loyaltylion .lion-referral-share-button--email::before { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 130%; margin-right: 8px; vertical-align: text-bottom; font-family: lion-icons !important; } #loyaltylion .lion-referral-share-button--email::before { content: ""; } @media (max-width: 600px) { #loyaltylion .lion-referral-share-button { width: 135px; font-size: 15px; margin: 6px; } } @media (max-width: 480px) { #loyaltylion .lion-referral-share-button { width: 128px; font-size: 14px; } } #loyaltylion .lion-referral-widget--format-panel { font-size: 1.8em; } #loyaltylion .lion-referral-widget--format-panel .lion-referral-widget-main { justify-content: space-between; } #loyaltylion .lion-referral-widget--format-panel .lion-referral-widget-main__intro { font-size: 1.6em; } #loyaltylion .lion-referral-widget--format-panel .lion-referral-widget-main__icon { width: 80px; height: 80px; background: url("../img/icons/megaphone-256w.png") 50% 50% / 55px no-repeat rgb(255, 255, 255); border-radius: 100px; box-shadow: rgba(25, 25, 25, 0.1) 0px 0px 3px 1px; margin: 5px auto 25px; } #loyaltylion .lion-referral-widget--format-modal .lion-referral-widget__title--guest { padding: 15px 35px; font-size: 1.5em; text-align: center; } #loyaltylion .lion-referral-widget--format-modal .lion-referral-widget-needs-auth { position: static; width: 100%; top: unset; left: unset; transform: unset; padding: 15px; } #loyaltylion .lion-referral-widget-modal { position: fixed; left: 50%; top: 50%; max-width: 530px; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 18px; z-index: 1000000002; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } @media (max-width: 530px) { #loyaltylion .lion-referral-widget-modal { width: 100%; left: 0px; top: 0px; border-radius: 0px; transform: none; } #loyaltylion .lion-referral-widget-modal--checkout { transform: translateY(-50%); top: 50%; } } @media (max-height: 700px) { #loyaltylion .lion-referral-widget-modal { height: 100%; overflow-y: auto; border-radius: 0px; } } #loyaltylion .lion-referral-widget-modal__header { display: none; font-size: 24px; font-weight: 600; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 15px 35px; text-align: center; } #loyaltylion .lion-referral-widget-modal__close-button { position: absolute; top: 0px; right: 0px; padding: 7px 12px; font-size: 2em; cursor: pointer; } @media (min-width: 531px) { #loyaltylion .lion-modal-and-screen--enter .lion-referral-widget-modal { opacity: 0.01; top: 47%; } #loyaltylion .lion-modal-and-screen--enter-active .lion-referral-widget-modal { opacity: 1; top: 50%; transition: opacity 0.15s ease-in, top 0.15s; } #loyaltylion .lion-modal-and-screen--exit .lion-referral-widget-modal { opacity: 1; top: 50%; } #loyaltylion .lion-modal-and-screen--exit-active .lion-referral-widget-modal { opacity: 0.01; top: 47%; transition: opacity 0.15s ease-in, top 0.15s; } } #loyaltylion .lion-referral-modal--header { position: relative; padding: 10px 0px 20px; } #loyaltylion .lion-referral-modal--header h1 { text-align: center; font-size: 30px; font-weight: 600; padding: 0px; margin: 0px; } #loyaltylion .lion-referral-modal--incentive { text-align: center; margin-bottom: 20px; } #loyaltylion .lion-referral-modal--incentive .lion-standalone-spinner { position: static; top: auto; left: auto; margin: auto; } #loyaltylion .lion-referral-modal--incentive--message { font-size: 18px; margin-bottom: 20px; padding: 0px 25px; } #loyaltylion .lion-referral-modal--incentive--code { background-color: rgb(255, 236, 179); border-top: 2px dashed rgb(255, 223, 128); border-bottom: 2px dashed rgb(255, 223, 128); border-image: initial; border-left: none; border-right: none; color: rgb(68, 68, 68); padding: 10px 15px; font-size: 22px; font-weight: 600; margin: 0px -15px; min-height: 77px; display: flex; justify-content: center; align-items: center; } #loyaltylion .lion-referral-modal--more { margin: 20px 0px; padding: 0px 20px; } #loyaltylion .lion-referral-modal--more--title { font-weight: 600; margin: 0px 0px 10px; color: rgb(51, 51, 51); } #loyaltylion .lion-referral-modal--more--text { margin: 0px; } #loyaltylion .lion-referral-modal__collection-restriction-text { margin: 10px 0px; padding: 0px 20px; font-style: italic; } #loyaltylion .lion-referral-modal--continue { bottom: 20px; left: 20px; right: 20px; } @media only screen and (max-width: 600px) { #loyaltylion .lion-referral-modal--continue { position: static; padding: 15px; } } #loyaltylion .lion-referral-modal--continue--button { display: block; } #loyaltylion .lion-referral-modal--unsuccessful-message { font-size: 18px; margin-bottom: 20px; padding: 0px 25px; } #loyaltylion .lion-referral-discount-applied-modal--header { position: relative; padding: 10px 0px 20px; } #loyaltylion .lion-referral-discount-applied-modal--header h1 { text-align: center; font-size: 30px; font-weight: 600; padding: 0px; margin: 0px; } #loyaltylion .lion-referral-discount-applied-modal--content { text-align: center; margin-bottom: 40px; } #loyaltylion .lion-referral-discount-applied-modal--content--message { font-size: 18px; margin-bottom: 20px; padding: 0px 25px; } #loyaltylion .lion-referral-discount-applied-modal--continue { bottom: 20px; left: 20px; right: 20px; } @media only screen and (max-width: 600px) { #loyaltylion .lion-referral-discount-applied-modal--continue { position: static; padding: 15px; } } #loyaltylion .lion-referral-discount-applied-modal--continue--button { display: block; } #loyaltylion .lion-loyalty-widget { color: rgb(255, 255, 255); font-family: Verdana, Geneva, sans-serif; font-size: 15px; position: fixed; z-index: 1000000000; } #loyaltylion .lion-loyalty-widget .lion-notification-container { position: relative; bottom: 35px; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list { border-radius: 6px; padding: 4px; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list__close { font-weight: bold; color: white; padding: 0px 5px 4px; cursor: pointer; text-align: right; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list .lion-notification { color: rgb(51, 51, 51); text-align: center; padding: 10px 6px; background-color: rgb(255, 255, 255); margin-bottom: 4px; border-radius: 3px; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list .lion-notification__content { max-width: 260px; margin: 0px auto; padding: 0px; display: block; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list .lion-notification__action-button { display: inline-block; color: rgb(51, 51, 51); background: none; border: 2px solid rgb(51, 51, 51); border-radius: 4px; padding: 8px 12px; text-decoration: none; font-size: 12px; text-transform: uppercase; margin-top: 15px; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list .lion-notification:last-of-type { margin-bottom: 0px; } #loyaltylion .lion-loyalty-widget .lion-notification-container .lion-notification-list .lion-notification__close-button { display: none; } #loyaltylion .lion-loyalty-widget .lion-notification-list::after { border-width: 10px; border-style: solid; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image: initial; border-top-color: initial; content: ""; position: absolute; margin-top: 4px; left: 50%; transform: translateX(-50%); } #loyaltylion .lion-loyalty-widget_position_right { bottom: 0px; right: 20px; } #loyaltylion .lion-loyalty-widget_position_right .lion-loyalty-widget__body { justify-content: flex-end; } #loyaltylion .lion-loyalty-widget_position_right .lion-loyalty-widget__body > span:first-of-type { border-top-left-radius: 4px; } #loyaltylion .lion-loyalty-widget_position_right .lion-loyalty-widget__body > span:last-of-type { border-top-right-radius: 4px; } #loyaltylion .lion-loyalty-widget_position_left { bottom: 20px; left: 0px; } #loyaltylion .lion-loyalty-widget_position_left .lion-loyalty-widget__body { justify-content: flex-start; } #loyaltylion .lion-loyalty-widget_position_left .lion-loyalty-widget__body > span:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 600px) { #loyaltylion .lion-loyalty-widget_position_left { bottom: 0px; } #loyaltylion .lion-loyalty-widget_position_left .lion-loyalty-widget__body > span:last-of-type { border-bottom-right-radius: 0px; } } #loyaltylion .lion-loyalty-widget__icon::after { speak: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 6px; content: ""; font-family: lion-icons !important; } #loyaltylion .lion-loyalty-widget__body { display: flex; cursor: pointer; } #loyaltylion .lion-loyalty-widget__title { background-color: rgb(68, 68, 68); padding: 6px 10px 8px; } #loyaltylion .lion-loyalty-widget__points { background-color: rgb(51, 51, 51); padding: 6px 10px 8px; } #loyaltylion .lion-notification-container { z-index: 1000000003; position: fixed; width: 335px; max-width: calc(100% - 48px); font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } #loyaltylion .lion-notification-container--on-widget { width: 300px; position: relative; } #loyaltylion .lion-notification-container--top { top: 24px; left: 50%; transform: translateX(-50%); } #loyaltylion .lion-notification-container--top-left { top: 24px; left: 0px; margin-left: 24px; } #loyaltylion .lion-notification-container--top-center { top: 24px; left: 50%; transform: translateX(-50%); } #loyaltylion .lion-notification-container--top-right { top: 24px; right: 0px; margin-right: 24px; } #loyaltylion .lion-notification-container--middle-left { top: 50%; left: 0px; margin-left: 24px; transform: translateY(-50%); } #loyaltylion .lion-notification-container--middle-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } #loyaltylion .lion-notification-container--middle-right { top: 50%; right: 0px; margin-right: 24px; transform: translateY(-50%); } #loyaltylion .lion-notification-container--bottom { bottom: 24px; left: 50%; transform: translateX(-50%); } #loyaltylion .lion-notification-container--bottom-left { bottom: 24px; left: 0px; margin-left: 24px; } #loyaltylion .lion-notification-container--bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); } #loyaltylion .lion-notification-container--bottom-right { bottom: 24px; right: 0px; margin-right: 24px; } #loyaltylion .lion-notification { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; background: rgb(255, 255, 255); line-height: 1.5; position: relative; margin-bottom: 10px; overflow: hidden; font-size: 10px; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } #loyaltylion .lion-notification__divider { margin: 1rem 0px; } #loyaltylion .lion-notification__divider--panel { margin: 0.3rem 0px; } #loyaltylion .lion-notification__content { padding: 16px; display: flex; flex-direction: column; } #loyaltylion .lion-notification__header { display: flex; flex-direction: row; justify-content: space-evenly; margin-bottom: 4px; } #loyaltylion .lion-notification__row { display: flex; flex-direction: row; justify-content: center; } #loyaltylion .lion-notification__title { text-align: center; line-height: 30px; font-weight: bold; font-size: 1.8em; flex-grow: 10; } #loyaltylion .lion-notification__message { font-size: 1.6em; } #loyaltylion .lion-notification__reward-message { font-size: 1.6em; margin: 0px 1em; text-align: center; } #loyaltylion .lion-notification__footer-link { text-align: center; text-decoration: underline; display: inline-block; font-size: 1.3em; } #loyaltylion .lion-notification--actionable { cursor: pointer; } #loyaltylion .lion-notification--enter-active { animation: 0.2s ease 0s 1 normal none running lion-notification-fadein; } #loyaltylion .lion-notification--exit-active { animation: 0.2s ease 0s 1 normal none running lion-notification-fadeout; } #loyaltylion .lion-notification--exit { opacity: 0; max-height: 0px; } #loyaltylion .lion-notification__action { margin-top: 24px; } #loyaltylion .lion-notification__action-button { font-size: 1.6em; text-align: center; margin-bottom: 5px; } #loyaltylion .lion-notification__close-button { position: absolute; right: 0px; top: 0px; color: rgb(51, 51, 51); outline: none; text-decoration: none; cursor: pointer; font-size: 20px; padding: 3px 10px; z-index: 1000000004; } #loyaltylion .lion-notification__campaign-offer { background-color: rgb(245, 245, 245); border-radius: 4px; padding: 8px 16px; margin: 0px 0px 16px; font-size: 1.4em; line-height: 1.4; text-align: center; } #loyaltylion .lion-notification--guest-introduction .lion-notification__message { cursor: default; } #loyaltylion .lion-notification--post-purchase-signup .lion-notification__message { text-align: center; } #loyaltylion .lion-notification--post-purchase-signup .lion-notification__action { display: flex; flex-direction: row; justify-content: center; align-items: center; } #loyaltylion .lion-notification--post-purchase-signup .lion-notification__action-button { margin-right: 10px; } #loyaltylion .lion-notification--point .lion-notification__message, #loyaltylion .lion-notification--tier .lion-notification__message, #loyaltylion .lion-notification--guest-introduction .lion-notification__message { padding-right: 12px; } #loyaltylion .lion-notification--post-purchase-referral.lion-notification--mobile .lion-notification__content { min-height: 180px !important; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__content { font-size: 1em; justify-content: space-between; background-color: rgb(255, 255, 255); text-align: center; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__action { display: flex; flex-direction: row; justify-content: space-evenly; padding: 0px 5em; height: 36px; margin-top: 8px; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__message { margin-bottom: 24px; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-button { font-size: 1.5em; width: 44px; height: 44px; margin-left: 1rem; cursor: pointer; border-radius: 5px; padding: 2px 7px; background: rgba(243, 243, 243, 0.3); transition: background 0.15s; border: none; outline: none; display: flex; align-items: center; justify-content: center; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-button:active, #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-button:hover { background: rgb(238, 238, 238) !important; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-button--success { background: rgba(132, 188, 53, 0.3) !important; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-button--success::after { margin: 0px; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-button--error { background: rgba(217, 83, 79, 0.3) !important; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-input { padding: 12px; font-size: 1.4em; flex-grow: 8; border-radius: 4px; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; overflow: hidden; cursor: text; } #loyaltylion .lion-notification--post-purchase-referral .lion-notification__row-input:disabled { background-color: rgb(255, 255, 255); } #loyaltylion .lion-loyalty-widget .lion-notification--post-purchase-referral .lion-notification__action { height: auto; } #loyaltylion .lion-loyalty-widget .lion-notification--post-purchase-referral .lion-notification__message { margin-bottom: 12px; } #loyaltylion .lion-loyalty-widget .lion-notification-rewards-list__item { margin: 12px 0px; } #loyaltylion .lion-notification-rewards-list__title { font-weight: bold; font-size: 1.6em; } #loyaltylion .lion-notification-rewards-list__cost { font-size: 1.3em; } #loyaltylion .lion-notification-rewards-list__content { flex-grow: 2; flex-basis: 0px; } #loyaltylion .lion-notification-rewards-list__action { font-size: 1.35em; } #loyaltylion .lion-notification-rewards-list__item { display: flex; flex-direction: row; align-items: center; margin: 0.5rem 0px; gap: 15px; } #loyaltylion .lion-notification-rewards-list__item .lion-reward-item__actions:not(:empty) { margin-top: 0px; } @keyframes lion-notification-fadein { 0% { opacity: 0; left: 335px; } 100% { opacity: 1; left: 0px; } } @keyframes lion-notification-fadeout { 0% { opacity: 1; margin-bottom: 10px; max-height: 150px; } 100% { opacity: 0; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; max-height: 0px; } } #loyaltylion .lion-referral-share__button { cursor: pointer; width: 36px; height: 36px; display: flex; background-color: rgb(241, 241, 241); border-radius: 100px; transition: box-shadow 0.1s; } #loyaltylion .lion-referral-share__button::after { content: ""; } #loyaltylion .lion-referral-share__button--facebook { background: rgb(255, 255, 255); } #loyaltylion .lion-referral-share__button--facebook:hover { background: rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 1px 5px; } #loyaltylion .lion-referral-share__button--facebook::after { width: 100%; height: 100%; display: inline-block; mask: url("../img/icons/social/facebook.svg") center center / 22px no-repeat; background-color: rgb(68, 68, 68); } #loyaltylion .lion-referral-share__button--whatsapp { background: rgb(255, 255, 255); } #loyaltylion .lion-referral-share__button--whatsapp:hover { background: rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 1px 5px; } #loyaltylion .lion-referral-share__button--whatsapp::after { width: 100%; height: 100%; display: inline-block; mask: url("../img/icons/social/whatsapp-solid.svg") center center / 21px no-repeat; background-color: rgb(68, 68, 68); } #loyaltylion .lion-referral-share__button--twitter { background: rgb(255, 255, 255); } #loyaltylion .lion-referral-share__button--twitter:hover { background: rgb(238, 238, 238); box-shadow: rgb(238, 238, 238) 0px 0px 1px 5px; } #loyaltylion .lion-referral-share__button--twitter::after { width: 100%; height: 100%; display: inline-block; mask: url("../img/icons/social/twitter.svg") center center / 24px no-repeat; background-color: rgb(68, 68, 68); } #loyaltylion .lion-referral-share__button--native-share { transition: background 0.15s; border-radius: 5px; padding: 2px 7px; align-items: center; justify-content: center; background: rgb(255, 255, 255) !important; } #loyaltylion .lion-referral-share__button--native-share::after { width: 100%; height: 100%; display: inline-block; mask: url("../img/icons/social/share.svg") center center / 16px no-repeat; background-color: rgb(68, 68, 68); } #loyaltylion .lion-referral-share__button:active, #loyaltylion .lion-referral-share__button:hover, #loyaltylion .lion-referral-share__button:focus { opacity: 1; } #loyaltylion .lion-preview-explainer-modal { text-align: left; padding: 0px 10px; } #loyaltylion .lion-preview-explainer-modal p { margin-bottom: 20px; } #loyaltylion .lion-preview-explainer-modal ul { margin-bottom: 30px; } #loyaltylion .lion-preview-explainer-modal li { list-style: disc; margin-left: 40px; margin-bottom: 6px; }