@charset "UTF-8"; @import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); /* @bemagic { intro: Component used as a container with background. description: Applies background that matches the theme used by its parent. required: true } */ .ixu-background { background-color: #FAF9F7; } .ixu-theme-inverse .ixu-background, .ixu-background.ixu-theme-inverse { background-color: #353535; } .ixu-theme-issuu .ixu-background, .ixu-background.ixu-theme-issuu { background-color: #E66A5C; } .ixu-theme-positive .ixu-background, .ixu-background.ixu-theme-positive { background-color: #60BF80; } .ixu-theme-danger .ixu-background, .ixu-background.ixu-theme-danger { background-color: #D94C58; } /* @bemagic { intro: Secondary variation of the background description: Applies secondary background that matches the theme used by its parent required: false } */ .ixu-background--secondary { background-color: #F2F0EB; } .ixu-theme-inverse .ixu-background--secondary, .ixu-background--secondary.ixu-theme-inverse { background-color: #424242; } /* @bemagic { intro: Tertiery variation of the background description: Applies tertiary background that matches the theme used by its parent required: false } */ .ixu-background--tertiary { background-color: #E8E4DC; } .ixu-theme-inverse .ixu-background--tertiary, .ixu-background--tertiary.ixu-theme-inverse { background-color: #4C4C4C; } /* @bemagic { intro: Apply base scaffolding to the of the page description: Applies natural box sizing, font antialiasing etc. required: true tag: html } */ .ixu-base { box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } .ixu-base *, .ixu-base *::before, .ixu-base *::after { box-sizing: inherit; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ixu-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 13px; font-weight: 700; font-family: "Open Sans", Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; border: 2px solid transparent; border-radius: 18px; cursor: pointer; display: inline-block; line-height: 32px; max-width: 100%; overflow: hidden; padding: 0 24px; position: relative; text-overflow: ellipsis; -webkit-transition: box-shadow 0.1s ease-out; transition: box-shadow 0.1s ease-out; white-space: nowrap; } .ixu-button:focus { box-shadow: 0 0 9px 3px #44D1F1; } .ixu-button:disabled { background-color: transparent !important; border: 1px dashed #B3ADA1 !important; color: #B3ADA1 !important; cursor: not-allowed; } .ixu-theme-inverse .ixu-button:disabled, .ixu-button:disabled.ixu-theme-inverse { border-color: #787878 !important; color: #787878 !important; } .ixu-theme-issuu .ixu-button:disabled, .ixu-button:disabled.ixu-theme-issuu { border-color: #BF4F43 !important; color: #BF4F43 !important; } .ixu-theme-positive .ixu-button:disabled, .ixu-button:disabled.ixu-theme-positive { border-color: #54996B !important; color: #54996B !important; } .ixu-theme-danger .ixu-button:disabled, .ixu-button:disabled.ixu-theme-danger { border-color: #B33640 !important; color: #B33640 !important; } .ixu-button:disabled[class*="is-"] { border: 2px solid transparent !important; color: transparent !important; } .ixu-button:disabled[class*="is-"]::before { background-position: center; background-repeat: no-repeat; background-size: 20px; content: ' '; height: 100%; left: 0; position: absolute; width: 100%; } .ixu-button:disabled.is-loading::before { -webkit-animation: spin 1.6s linear infinite; animation: spin 1.6s linear infinite; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFFFFF'%3E%3Cpath d='M0 16q0-1.11.78-1.89t1.892-.782 1.883.78T5.328 16t-.773 1.89-1.883.782-1.89-.78T0 16zm3.86 9.406q0-1.094.772-1.883t1.883-.79q1.078 0 1.875.798t.797 1.876q0 1.11-.79 1.89t-1.882.782q-1.11 0-1.883-.78t-.773-1.892zm.03-18.843q0-1.125.798-1.89.78-.782 1.875-.782 1.11 0 1.906.782t.796 1.89-.79 1.884-1.913.773q-1.094 0-1.883-.774t-.79-1.883zm9.376 22.765q0-1.11.78-1.89.767-.767 1.876-.767t1.89.774.782 1.883-.78 1.89T15.92 32t-1.883-.782-.774-1.89zm.062-26.656q0-1.11.78-1.89T16 0t1.89.78.782 1.892-.78 1.883T16 5.328t-1.89-.773-.782-1.883zm9.406 22.734q0-1.078.797-1.875t1.907-.796q1.078 0 1.875.797t.797 1.876q0 1.11-.79 1.89t-1.883.782q-1.11 0-1.906-.78t-.796-1.892zm0-18.843q0-1.125.797-1.89.814-.782 1.907-.782t1.883.782.79 1.89-.79 1.884-1.883.773q-1.125 0-1.914-.774t-.79-1.883zM26.672 16q0-1.11.78-1.89t1.876-.782q1.11 0 1.89.78T32 16t-.78 1.89-1.892.782-1.883-.78T26.672 16z'/%3E%3C/svg%3E"); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ixu-button:disabled.is-done::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFFFFF'%3E%3Cpath d='M10.6 27.3c-.3 0-.7-.1-.9-.3L.4 17.7c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l8.4 8.4L29.8 5.1c.5-.5 1.3-.5 1.8 0s.5 1.3 0 1.8l-20.2 20c-.2.3-.5.4-.8.4z'/%3E%3C/svg%3E"); } .ixu-button:disabled.is-error::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFFFFF'%3E%3Cpath d='M15.9 3.5c.8 0 1.4.4 1.9 1.1L29 23.3c.5.8.5 1.9 0 2.7-.4.8-1.3 1.4-2.3 1.4H5.2c-1 0-1.9-.5-2.3-1.4-.5-.8-.4-1.9 0-2.7L14.1 4.7c.4-.7 1.1-1.2 1.8-1.2M16 1c-1.7 0-3.1.8-4.1 2.3L.7 22c-.9 1.6-1 3.7-.1 5.3s2.6 2.6 4.5 2.6h21.7c2 0 3.6-1 4.5-2.6.9-1.6.9-3.7-.1-5.2L20 3.4c-.9-1.6-2.4-2.3-4-2.4z'/%3E%3Cpath d='M15.9 18.7c-.7 0-1.3-.6-1.3-1.3V9.8c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v7.6c0 .8-.5 1.3-1.3 1.3zm0 6c-.7 0-1.3-.6-1.3-1.3v-1.2c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v1.2c0 .8-.5 1.3-1.3 1.3z'/%3E%3C/svg%3E"); } /* @bemagic { intro: Create a button with a `