@import 'mixins';
@import 'tui-colors';
@import 'colors';

$tui-type-version: '1.020';
$tui-type-folder: '../fonts/type-#{$tui-type-version}/' !default;
$tui-font-type: 'Tui Type Light';
$font-fallback: 'sans-serif';

$font-size-base: 18px;
$font-size-base-enum: $font-size-base / 1px;
$line-height-base: 1.3;

$link-color: $color-link-blue;
$link-hover-color: darken($link-color, 15%);

$margin-normal: 12px;
$margin-enterprise: 18px;
$margin-double: $margin-normal * 2; //24px
$margin-triple: $margin-normal * 3; //36px
$margin-quadruple: $margin-normal * 4; //48px
$margin-quintuple: $margin-normal * 5; //60px
$margin-sextuple: $margin-normal * 6; //72px
$margin-octuple: $margin-normal * 8; //96px
$margin-half: $margin-normal / 2;
$margin-quarter: $margin-normal / 4;
$margin-third: $margin-normal / 3;
$margin-card: $margin-normal;
$margin-card-xs: $margin-half;

$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1224px;
$screen-sm-min: $breakpoint-sm;
$screen-md-min: $breakpoint-md;
$screen-lg-min: $breakpoint-lg;
$screen-xs-max: ($screen-sm-min - 1);
$screen-sm-max: ($screen-md-min - 1);
$screen-md-max: ($screen-lg-min - 1);
$container-sm: $breakpoint-sm - $margin-double;
$container-md: $breakpoint-md - $margin-double;
$container-lg: $breakpoint-lg - $margin-double;

$border-radius-normal: 6px;
$border-radius-input: $border-radius-normal;
$border-radius-rounded: (12px * $line-height-base) + $margin-half;
$border-radius-half: $border-radius-normal / 2;
$border-radius-double: $border-radius-normal * 2;
$border-radius-tui-card: 12px;

$box-shadow-card: 0 1px 2px rgba($color-black, .2);
$box-shadow-card-active: 0 1px $margin-half 0 rgba($color-black, .3);
$box-shadow-card-hover: 1px 2px 9px rgba($color-black, .25);
$box-shadow-sticky-bottom: 0 -2px 5px rgba($color-black, .2);
$topnav-height: 65px;
$topnav-height-wide: 87px;

$scale-card-hover: 1.02;
$scale-card-active: .99;

$top-bg-gradient-color: $color-blue-500;
$top-bg-gradient: linear-gradient(to bottom, rgba($top-bg-gradient-color, .3) 0%, rgba($top-bg-gradient-color, 0) 100%);

$ticket-mask-size: 976px;

$dropdown-arrow: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMiA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTkuNSwxOCBDOS4yNDQsMTggOC45ODgsMTcuOTAyNCA4Ljc5MjgsMTcuNzA3IEM4LjQwMjQsMTcuMzE2NiA4LjQwMjQsMTYuNjgzNCA4Ljc5MjgsMTYuMjkzIEwxMy4wODU4LDEyIEw4Ljc5MjgsNy43MDcgQzguNDAyNCw3LjMxNjYgOC40MDI0LDYuNjgzNCA4Ljc5MjgsNi4yOTMgQzkuMTgzNCw1LjkwMjQgOS44MTY0LDUuOTAyNCAxMC4yMDcsNi4yOTMgTDE1LjIwNjgsMTEuMjkzIEMxNS41OTc0LDExLjY4MzQgMTUuNTk3NCwxMi4zMTY2IDE1LjIwNjgsMTIuNzA3IEwxMC4yMDcsMTcuNzA3IEMxMC4wMTE4LDE3LjkwMjQgOS43NTYsMTggOS41LDE4IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJmb3JtcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2NC4wMDAwMDAsIC04NDQuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OC4wMDAwMDAsIDI0My4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Im11bHRpc2VsZWN0LWV4cGFuZGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNTY0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImlucHV0LWRlZmF1bHQtY29weS00Ij4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbi8wOF9OYXZpZ2F0aW9uQXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyMi4wMDAwMDAsIDQxLjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0yMjIuMDAwMDAwLCAtNDEuMDAwMDAwKSB0cmFuc2xhdGUoMjEwLjAwMDAwMCwgMjkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iUG9zdGl2ZV9feDI4X3BfeDI5XyIgZmlsbD0iIzA5MkE1RSIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRpbnQvZ3JleTEwMCIgbWFzaz0idXJsKCNtYXNrLTIpIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=';
$error-warning: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTYgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTkuNzIzMDIyMywxNy4wNTI5MjkzIEwxMy4xMTc0MjIzLDUuNzc2MzI5MzQgQzEyLjUwMjgyMjMsNC43MzE3MjkzNCAxMS40OTcyMjIzLDQuNzQ1MzI5MzQgMTAuODgyNjIyMyw1Ljc5MDEyOTM0IEw0LjI3NzAyMjM1LDE3LjA0NjEyOTMgQzMuNjYyNDIyMzUsMTguMDkwNzI5MyA0LjEwNTAyMjM1LDE5LjAwMDMyOTMgNS4yNjA2MjIzNSwxOS4wMDAzMjkzIEwxOC43MzkyMjIzLDE5LjAwMDMyOTMgQzE5Ljg5NDgyMjMsMTkuMDAwMzI5MyAyMC4zMzc2MjIzLDE4LjA5NzcyOTMgMTkuNzIzMDIyMywxNy4wNTI5MjkzIFogTTEwLjk5NzQyMjMsMTAuMDAwNTI5MyBDMTAuOTk3NDIyMyw5LjQ1MDUyOTM0IDExLjQ0NzQyMjMsOS4wMDA1MjkzNCAxMS45OTc0MjIzLDkuMDAwNTI5MzQgQzEyLjU0NzQyMjMsOS4wMDA1MjkzNCAxMi45OTc0MjIzLDkuNDUwNTI5MzQgMTIuOTk3NDIyMywxMC4wMDA1MjkzIEwxMi45OTc0MjIzLDEzLjAwMDUyOTMgQzEyLjk5NzQyMjMsMTMuNTUwNTI5MyAxMi41NDc0MjIzLDE0LjAwMDUyOTMgMTEuOTk3NDIyMywxNC4wMDA1MjkzIEMxMS40NDc0MjIzLDE0LjAwMDUyOTMgMTAuOTk3NDIyMywxMy41NTA1MjkzIDEwLjk5NzQyMjMsMTMuMDAwNTI5MyBMMTAuOTk3NDIyMywxMC4wMDA1MjkzIFogTTExLjk5NzQyMjMsMTcuMDAwNTI5MyBDMTEuNDQ1MjIyMywxNy4wMDA1MjkzIDEwLjk5NzQyMjMsMTYuNTUyNzI5MyAxMC45OTc0MjIzLDE2LjAwMDUyOTMgQzEwLjk5NzQyMjMsMTUuNDQ4MzI5MyAxMS40NDUyMjIzLDE1LjAwMDUyOTMgMTEuOTk3NDIyMywxNS4wMDA1MjkzIEMxMi41NDk2MjIzLDE1LjAwMDUyOTMgMTIuOTk3NDIyMywxNS40NDgzMjkzIDEyLjk5NzQyMjMsMTYuMDAwNTI5MyBDMTIuOTk3NDIyMywxNi41NTI3MjkzIDEyLjU0OTgyMjMsMTcuMDAwNTI5MyAxMS45OTc0MjIzLDE3LjAwMDUyOTMgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImVycm9yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC4wMDAwMDAsIC01LjAwMDAwMCkiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IlBvc2l0aXZlX194MjhfcF94MjlfIiBmaWxsPSIjRDQwRTE0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
$checkbox-checked: 'data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTYgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iZm9ybXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NC4wMDAwMDAsIC01OTAuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OC4wMDAwMDAsIDI0My4wMDAwMDApIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iY2hlY2tib3hlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI4Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjaGVja2JveC1zZWxlY3RlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTA5NTIsOC4zOTA3Njk0MSBDMjEuMDkxOTU0NSw3Ljg2OTc0MzUzIDIwLjI0Mjg3OTgsNy44Njk3NDM1MyAxOS43MjQxNDkxLDguMzkwNzY5NDEgTDExLjM1ODgxNjIsMTYuNzg4Nzk1OSBMOC4yNzYwNTA5OCwxMy42OTM5ODI1IEM3Ljc1NzA1MzQ1LDEzLjE3Mjk1NjYgNi45MDc5Nzg4NCwxMy4xNzI5NTY2IDYuMzg5MjQ4MTUsMTMuNjkzOTgyNSBDNS44NzAyNTA2MiwxNC4yMTUwMDg0IDUuODcwMjUwNjIsMTUuMDY3NDAxNCA2LjM4OTI0ODE1LDE1LjU4ODE1OTQgTDEwLjM5NjMzNiwxOS42MTA5MDc4IEMxMC42NjA1MDQ0LDE5Ljg3NjEwODcgMTEuMDEwNTk0MywyMC4wMDQ2OTA5IDExLjM1ODgxNjIsMTkuOTk5ODY5IEMxMS43MDcwMzgyLDIwLjAwNDY5MDkgMTIuMDU3MTI4MSwxOS44NzYzNzY1IDEyLjMyMTI5NjUsMTkuNjEwOTA3OCBMMjEuNjEwOTUyLDEwLjI4NDk0NjMgQzIyLjEyOTY4MjcsOS43NjQxODgyOSAyMi4xMjk2ODI3LDguOTExNzk1MyAyMS42MTA5NTIsOC4zOTA3Njk0MSBaIiBpZD0iUG9zaXRpdmVfX3gyOF9wX3gyOV8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
$radio-checked: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iZm9ybXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTIuMDAwMDAwLCAtNTg5LjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDguMDAwMDAwLCAyNDMuMDAwMDAwKSIgZmlsbD0iIzIxOUVEOSI+CiAgICAgICAgICAgIDxnIGlkPSJyYWRpb3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNy4wMDAwMDAsIDI4Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjaGVja2JveC1zZWxlY3RlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtQ29weSIgY3g9IjE0IiBjeT0iMTQiIHI9IjciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=';
$input-element-box-shadow: 0 0 3px 1px $color-blue-400, inset 0 2px 0 0 rgba($color-black, .1);

%flexbox-row {
  display: flex;
}

%flexbox-column {
  display: flex;
  flex-direction: column;
}