.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
/*rtl:begin:ignore*/left:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
/*rtl:begin:ignore*/right:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@charset "UTF-8";
/*!
* DSGov: Design System de Governo
* Versão beta
* Suporte:
- Serpro: DIDES/SUPSE/SESEP
*/
:root {
--blue-90: #11181d;
--blue-80: #1f303e;
--blue-70: #274863;
--blue-60: #2c608a;
--blue-50: #2378c3;
--blue-40: #4f97d1;
--blue-30: #73b3e7;
--blue-20: #aacdec;
--blue-10: #dbe8fb;
--blue-5: #eff6fb;
--blue-cool-90: #0f191c;
--blue-cool-80: #14333d;
--blue-cool-70: #224a58;
--blue-cool-60: #2e6276;
--blue-cool-50: #3a7d95;
--blue-cool-40: #6499af;
--blue-cool-30: #82b4c9;
--blue-cool-20: #adcfdc;
--blue-cool-10: #dae9ee;
--blue-cool-5: #e7f2f5;
--blue-warm-90: #13171f;
--blue-warm-80: #252f3e;
--blue-warm-70: #2f4668;
--blue-warm-60: #345d96;
--blue-warm-50: #4a77b4;
--blue-warm-40: #7292c7;
--blue-warm-30: #98afd2;
--blue-warm-20: #c5d4eb;
--blue-warm-10: #e1e7f1;
--blue-warm-5: #ecf1f7;
--blue-vivid-80: #112f4e;
--blue-vivid-70: #0b4778;
--blue-vivid-60: #005ea2;
--blue-vivid-50: #0076d6;
--blue-vivid-40: #2491ff;
--blue-vivid-30: #58b4ff;
--blue-vivid-20: #a1d3ff;
--blue-vivid-10: #cfe8ff;
--blue-vivid-5: #e8f5ff;
--blue-cool-vivid-80: #002d3f;
--blue-cool-vivid-70: #074b69;
--blue-cool-vivid-60: #07648d;
--blue-cool-vivid-50: #0d7ea2;
--blue-cool-vivid-40: #28a0cb;
--blue-cool-vivid-30: #59b9de;
--blue-cool-vivid-20: #97d4ea;
--blue-cool-vivid-10: #c3ebfa;
--blue-cool-vivid-5: #e1f3f8;
--blue-warm-vivid-90: #071d41;
--blue-warm-vivid-80: #0c326f;
--blue-warm-vivid-70: #1351b4;
--blue-warm-vivid-60: #155bcb;
--blue-warm-vivid-50: #2670e8;
--blue-warm-vivid-40: #5992ed;
--blue-warm-vivid-30: #81aefc;
--blue-warm-vivid-20: #adcdff;
--blue-warm-vivid-10: #d4e5ff;
--blue-warm-vivid-5: #edf5ff;
--blue-90-rgb: 17, 24, 29;
--blue-80-rgb: 31, 48, 62;
--blue-70-rgb: 39, 72, 99;
--blue-60-rgb: 44, 96, 138;
--blue-50-rgb: 35, 120, 195;
--blue-40-rgb: 79, 151, 209;
--blue-30-rgb: 115, 179, 231;
--blue-20-rgb: 170, 205, 236;
--blue-10-rgb: 219, 232, 251;
--blue-5-rgb: 239, 246, 251;
--blue-cool-90-rgb: 15, 25, 28;
--blue-cool-80-rgb: 20, 51, 61;
--blue-cool-70-rgb: 34, 74, 88;
--blue-cool-60-rgb: 46, 98, 118;
--blue-cool-50-rgb: 58, 125, 149;
--blue-cool-40-rgb: 100, 153, 175;
--blue-cool-30-rgb: 130, 180, 201;
--blue-cool-20-rgb: 173, 207, 220;
--blue-cool-10-rgb: 218, 233, 238;
--blue-cool-5-rgb: 231, 242, 245;
--blue-warm-90-rgb: 19, 23, 31;
--blue-warm-80-rgb: 37, 47, 62;
--blue-warm-70-rgb: 47, 70, 104;
--blue-warm-60-rgb: 52, 93, 150;
--blue-warm-50-rgb: 74, 119, 180;
--blue-warm-40-rgb: 114, 146, 199;
--blue-warm-30-rgb: 152, 175, 210;
--blue-warm-20-rgb: 197, 212, 235;
--blue-warm-10-rgb: 225, 231, 241;
--blue-warm-5-rgb: 236, 241, 247;
--blue-vivid-80-rgb: 17, 47, 78;
--blue-vivid-70-rgb: 11, 71, 120;
--blue-vivid-60-rgb: 0, 94, 162;
--blue-vivid-50-rgb: 0, 118, 214;
--blue-vivid-40-rgb: 36, 145, 255;
--blue-vivid-30-rgb: 88, 180, 255;
--blue-vivid-20-rgb: 161, 211, 255;
--blue-vivid-10-rgb: 207, 232, 255;
--blue-vivid-5-rgb: 232, 245, 255;
--blue-cool-vivid-80-rgb: 0, 45, 63;
--blue-cool-vivid-70-rgb: 7, 75, 105;
--blue-cool-vivid-60-rgb: 7, 100, 141;
--blue-cool-vivid-50-rgb: 13, 126, 162;
--blue-cool-vivid-40-rgb: 40, 160, 203;
--blue-cool-vivid-30-rgb: 89, 185, 222;
--blue-cool-vivid-20-rgb: 151, 212, 234;
--blue-cool-vivid-10-rgb: 195, 235, 250;
--blue-cool-vivid-5-rgb: 225, 243, 248;
--blue-warm-vivid-90-rgb: 7, 29, 65;
--blue-warm-vivid-80-rgb: 12, 50, 111;
--blue-warm-vivid-70-rgb: 19, 81, 180;
--blue-warm-vivid-60-rgb: 21, 91, 203;
--blue-warm-vivid-50-rgb: 38, 112, 232;
--blue-warm-vivid-40-rgb: 89, 146, 237;
--blue-warm-vivid-30-rgb: 129, 174, 252;
--blue-warm-vivid-20-rgb: 173, 205, 255;
--blue-warm-vivid-10-rgb: 212, 229, 255;
--blue-warm-vivid-5-rgb: 237, 245, 255;
--cyan-90: #111819;
--cyan-80: #203133;
--cyan-70: #2c4a4e;
--cyan-60: #2a646d;
--cyan-50: #168092;
--cyan-40: #449dac;
--cyan-30: #5dc0d1;
--cyan-20: #99deea;
--cyan-10: #ccecf2;
--cyan-5: #e7f6f8;
--cyan-vivid-80: #093b44;
--cyan-vivid-70: #0e4f5c;
--cyan-vivid-60: #00687d;
--cyan-vivid-50: #0081a1;
--cyan-vivid-40: #009ec1;
--cyan-vivid-30: #00bde3;
--cyan-vivid-20: #52daf2;
--cyan-vivid-10: #a8f2ff;
--cyan-vivid-5: #e5faff;
--cyan-90-rgb: 17, 24, 25;
--cyan-80-rgb: 32, 49, 51;
--cyan-70-rgb: 44, 74, 78;
--cyan-60-rgb: 42, 100, 109;
--cyan-50-rgb: 22, 128, 146;
--cyan-40-rgb: 68, 157, 172;
--cyan-30-rgb: 93, 192, 209;
--cyan-20-rgb: 153, 222, 234;
--cyan-10-rgb: 204, 236, 242;
--cyan-5-rgb: 231, 246, 248;
--cyan-vivid-80: #093b44;
--cyan-vivid-70: #0e4f5c;
--cyan-vivid-60: #00687d;
--cyan-vivid-50: #0081a1;
--cyan-vivid-40: #009ec1;
--cyan-vivid-30: #00bde3;
--cyan-vivid-20: #52daf2;
--cyan-vivid-10: #a8f2ff;
--cyan-vivid-5: #e5faff;
--gold-90: #191714;
--gold-80: #322d26;
--gold-70: #4d4438;
--gold-60: #6b5947;
--gold-50: #8e704f;
--gold-40: #ad8b65;
--gold-30: #c7a97b;
--gold-20: #dec69a;
--gold-10: #f1e5cd;
--gold-5: #f5f0e6;
--gold-vivid-80: #3b2b15;
--gold-vivid-70: #5c410a;
--gold-vivid-60: #7a591a;
--gold-vivid-50: #936f38;
--gold-vivid-40: #c2850c;
--gold-vivid-30: #e5a000;
--gold-vivid-20: #ffbe2e;
--gold-vivid-10: #ffe396;
--gold-vivid-5: #fef0c8;
--gold-90-rgb: 25, 23, 20;
--gold-80-rgb: 50, 45, 38;
--gold-70-rgb: 77, 68, 56;
--gold-60-rgb: 107, 89, 71;
--gold-50-rgb: 142, 112, 79;
--gold-40-rgb: 173, 139, 101;
--gold-30-rgb: 199, 169, 123;
--gold-20-rgb: 222, 198, 154;
--gold-10-rgb: 241, 229, 205;
--gold-5-rgb: 245, 240, 230;
--gold-vivid-80-rgb: 59, 43, 21;
--gold-vivid-70-rgb: 92, 65, 10;
--gold-vivid-60-rgb: 122, 89, 26;
--gold-vivid-50-rgb: 147, 111, 56;
--gold-vivid-40-rgb: 194, 133, 12;
--gold-vivid-30-rgb: 229, 160, 0;
--gold-vivid-20-rgb: 255, 190, 46;
--gold-vivid-10-rgb: 255, 227, 150;
--gold-vivid-5-rgb: 254, 240, 200;
--gray-90: #1b1b1b;
--gray-80: #333;
--gray-70: #555;
--gray-60: #636363;
--gray-50: #757575;
--gray-40: #888;
--gray-30: #adadad;
--gray-20: #ccc;
--gray-10: #e6e6e6;
--gray-5: #f0f0f0;
--gray-4: #f3f3f3;
--gray-3: #f6f6f6;
--gray-2: #f8f8f8;
--gray-1: #fcfcfc;
--gray-cool-90: #1c1d1f;
--gray-cool-80: #2d2e2f;
--gray-cool-70: #3d4551;
--gray-cool-60: #565c65;
--gray-cool-50: #71767a;
--gray-cool-40: #8d9297;
--gray-cool-30: #a9aeb1;
--gray-cool-20: #c6cace;
--gray-cool-10: #dfe1e2;
--gray-cool-5: #edeff0;
--gray-cool-4: #f1f3f6;
--gray-cool-3: #f5f6f7;
--gray-cool-2: #f7f9fa;
--gray-cool-1: #fbfcfd;
--gray-warm-90: #171716;
--gray-warm-80: #2e2e2a;
--gray-warm-70: #454540;
--gray-warm-60: #5d5d52;
--gray-warm-50: #76766a;
--gray-warm-40: #929285;
--gray-warm-30: #afaea2;
--gray-warm-20: #cac9c0;
--gray-warm-10: #e6e6e2;
--gray-warm-5: #f0f0ec;
--gray-warm-4: #f5f5f0;
--gray-warm-3: #f6f6f2;
--gray-warm-2: #f9f9f7;
--gray-warm-1: #fcfcfb;
--gray-90-rgb: 27, 27, 27;
--gray-80-rgb: 51, 51, 51;
--gray-70-rgb: 85, 85, 85;
--gray-60-rgb: 99, 99, 99;
--gray-50-rgb: 117, 117, 117;
--gray-40-rgb: 136, 136, 136;
--gray-30-rgb: 173, 173, 173;
--gray-20-rgb: 204, 204, 204;
--gray-10-rgb: 230, 230, 230;
--gray-5-rgb: 240, 240, 240;
--gray-4-rgb: 243, 243, 243;
--gray-3-rgb: 246, 246, 246;
--gray-2-rgb: 248, 248, 248;
--gray-1-rgb: 252, 252, 252;
--gray-cool-90-rgb: 28, 29, 31;
--gray-cool-80-rgb: 45, 46, 47;
--gray-cool-70-rgb: 61, 69, 81;
--gray-cool-60-rgb: 86, 92, 101;
--gray-cool-50-rgb: 113, 118, 122;
--gray-cool-40-rgb: 141, 146, 151;
--gray-cool-30-rgb: 169, 174, 177;
--gray-cool-20-rgb: 198, 202, 206;
--gray-cool-10-rgb: 223, 225, 226;
--gray-cool-5-rgb: 237, 239, 240;
--gray-cool-4-rgb: 241, 243, 246;
--gray-cool-3-rgb: 245, 246, 247;
--gray-cool-2-rgb: 247, 249, 250;
--gray-cool-1-rgb: 251, 252, 253;
--gray-warm-90-rgb: 23, 23, 22;
--gray-warm-80-rgb: 46, 46, 42;
--gray-warm-70-rgb: 69, 69, 64;
--gray-warm-60-rgb: 93, 93, 82;
--gray-warm-50-rgb: 118, 118, 106;
--gray-warm-40-rgb: 146, 146, 133;
--gray-warm-30-rgb: 175, 174, 162;
--gray-warm-20-rgb: 202, 201, 192;
--gray-warm-10-rgb: 230, 230, 226;
--gray-warm-5-rgb: 240, 240, 236;
--gray-warm-4-rgb: 245, 245, 240;
--gray-warm-3-rgb: 246, 246, 242;
--gray-warm-2-rgb: 249, 249, 247;
--gray-warm-1-rgb: 252, 252, 251;
--green-90: #161814;
--green-80: #293021;
--green-70: #3c4a29;
--green-60: #4c6424;
--green-50: #607f35;
--green-40: #7d9b4e;
--green-30: #9bb672;
--green-20: #b8d293;
--green-10: #dfeacd;
--green-5: #eaf4dd;
--green-cool-90: #1a1f1a;
--green-cool-80: #28312a;
--green-cool-70: #37493b;
--green-cool-60: #446443;
--green-cool-50: #4d8055;
--green-cool-40: #5e9f69;
--green-cool-30: #86b98e;
--green-cool-20: #b4d0b9;
--green-cool-10: #dbebde;
--green-cool-5: #ecf3ec;
--green-warm-90: #171712;
--green-warm-80: #2d2f21;
--green-warm-70: #45472f;
--green-warm-60: #5a5f38;
--green-warm-50: #6f7a41;
--green-warm-40: #8a984b;
--green-warm-30: #a6b557;
--green-warm-20: #cbd17a;
--green-warm-10: #e7eab7;
--green-warm-5: #f1f4d7;
--green-vivid-80: #243413;
--green-vivid-70: #2f4a0b;
--green-vivid-60: #466c04;
--green-vivid-50: #538200;
--green-vivid-40: #719f2a;
--green-vivid-30: #7fb135;
--green-vivid-20: #98d035;
--green-vivid-10: #c5ee93;
--green-vivid-5: #ddf9c7;
--green-cool-vivid-80: #19311e;
--green-cool-vivid-70: #154c21;
--green-cool-vivid-60: #216e1f;
--green-cool-vivid-50: #168821;
--green-cool-vivid-40: #00a91c;
--green-cool-vivid-30: #21c834;
--green-cool-vivid-20: #70e17b;
--green-cool-vivid-10: #b7f5bd;
--green-cool-vivid-5: #e3f5e1;
--green-warm-vivid-80: #38380b;
--green-warm-vivid-70: #4b4e10;
--green-warm-vivid-60: #5a6613;
--green-warm-vivid-50: #6a7d00;
--green-warm-vivid-40: #7e9c1d;
--green-warm-vivid-30: #a3b72c;
--green-warm-vivid-20: #c5d30a;
--green-warm-vivid-10: #e7f434;
--green-warm-vivid-5: #f5fbc1;
--green-90-rgb: 22, 24, 20;
--green-80-rgb: 41, 48, 33;
--green-70-rgb: 60, 74, 41;
--green-60-rgb: 76, 100, 36;
--green-50-rgb: 96, 127, 53;
--green-40-rgb: 125, 155, 78;
--green-30-rgb: 155, 182, 114;
--green-20-rgb: 184, 210, 147;
--green-10-rgb: 223, 234, 205;
--green-5-rgb: 234, 244, 221;
--green-cool-90-rgb: 26, 31, 26;
--green-cool-80-rgb: 40, 49, 42;
--green-cool-70-rgb: 55, 73, 59;
--green-cool-60-rgb: 68, 100, 67;
--green-cool-50-rgb: 77, 128, 85;
--green-cool-40-rgb: 94, 159, 105;
--green-cool-30-rgb: 134, 185, 142;
--green-cool-20-rgb: 180, 208, 185;
--green-cool-10-rgb: 219, 235, 222;
--green-cool-5-rgb: 236, 243, 236;
--green-warm-90-rgb: 23, 23, 18;
--green-warm-80-rgb: 45, 47, 33;
--green-warm-70-rgb: 69, 71, 47;
--green-warm-60-rgb: 90, 95, 56;
--green-warm-50-rgb: 111, 122, 65;
--green-warm-40-rgb: 138, 152, 75;
--green-warm-30-rgb: 166, 181, 87;
--green-warm-20-rgb: 203, 209, 122;
--green-warm-10-rgb: 231, 234, 183;
--green-warm-5-rgb: 241, 244, 215;
--green-vivid-80-rgb: 36, 52, 19;
--green-vivid-70-rgb: 47, 74, 11;
--green-vivid-60-rgb: 70, 108, 4;
--green-vivid-50-rgb: 83, 130, 0;
--green-vivid-40-rgb: 113, 159, 42;
--green-vivid-30-rgb: 127, 177, 53;
--green-vivid-20-rgb: 152, 208, 53;
--green-vivid-10-rgb: 197, 238, 147;
--green-vivid-5-rgb: 221, 249, 199;
--green-cool-vivid-80-rgb: 25, 49, 30;
--green-cool-vivid-70-rgb: 21, 76, 33;
--green-cool-vivid-60-rgb: 33, 110, 31;
--green-cool-vivid-50-rgb: 22, 136, 33;
--green-cool-vivid-40-rgb: 0, 169, 28;
--green-cool-vivid-30-rgb: 33, 200, 52;
--green-cool-vivid-20-rgb: 112, 225, 123;
--green-cool-vivid-10-rgb: 183, 245, 189;
--green-cool-vivid-5-rgb: 227, 245, 225;
--green-warm-vivid-80-rgb: 56, 56, 11;
--green-warm-vivid-70-rgb: 75, 78, 16;
--green-warm-vivid-60-rgb: 90, 102, 19;
--green-warm-vivid-50-rgb: 106, 125, 0;
--green-warm-vivid-40-rgb: 126, 156, 29;
--green-warm-vivid-30-rgb: 163, 183, 44;
--green-warm-vivid-20-rgb: 197, 211, 10;
--green-warm-vivid-10-rgb: 231, 244, 52;
--green-warm-vivid-5-rgb: 245, 251, 193;
--indigo-90: #16171f;
--indigo-80: #2b2c40;
--indigo-70: #3d4076;
--indigo-60: #4d52af;
--indigo-50: #676cc8;
--indigo-40: #8889db;
--indigo-30: #a5a8eb;
--indigo-20: #c5c5f3;
--indigo-10: #e5e4fa;
--indigo-5: #efeff8;
--indigo-cool-90: #151622;
--indigo-cool-80: #292d42;
--indigo-cool-70: #374274;
--indigo-cool-60: #3f57a6;
--indigo-cool-50: #496fd8;
--indigo-cool-40: #6b8ee8;
--indigo-cool-30: #96abee;
--indigo-cool-20: #bbc8f5;
--indigo-cool-10: #e1e6f9;
--indigo-cool-5: #eef0f9;
--indigo-warm-90: #18161d;
--indigo-warm-80: #2e2c40;
--indigo-warm-70: #453c7b;
--indigo-warm-60: #5e519e;
--indigo-warm-50: #7665d1;
--indigo-warm-40: #9287d8;
--indigo-warm-30: #afa5e8;
--indigo-warm-20: #cbc4f2;
--indigo-warm-10: #e7e3fa;
--indigo-warm-5: #f1eff7;
--indigo-vivid-80: #212463;
--indigo-vivid-70: #3333a3;
--indigo-vivid-60: #4a50c4;
--indigo-vivid-50: #656bd7;
--indigo-vivid-40: #8289ff;
--indigo-vivid-30: #a3a7fa;
--indigo-vivid-20: #ccceff;
--indigo-vivid-10: #e0e0ff;
--indigo-vivid-5: #f0f0ff;
--indigo-cool-vivid-80: #1b2b85;
--indigo-cool-vivid-70: #222fbf;
--indigo-cool-vivid-60: #3e4ded;
--indigo-cool-vivid-50: #4866ff;
--indigo-cool-vivid-40: #628ef4;
--indigo-cool-vivid-30: #94adff;
--indigo-cool-vivid-20: #b8c8ff;
--indigo-cool-vivid-10: #dee5ff;
--indigo-cool-vivid-5: #edf0ff;
--indigo-warm-vivid-80: #261f5b;
--indigo-warm-vivid-70: #3d2c9d;
--indigo-warm-vivid-60: #5942d2;
--indigo-warm-vivid-50: #745fe9;
--indigo-warm-vivid-40: #967efb;
--indigo-warm-vivid-30: #b69fff;
--indigo-warm-vivid-20: #cfc4fd;
--indigo-warm-vivid-10: #e4deff;
--indigo-warm-vivid-5: #f5f2ff;
--indigo-90-rgb: 22, 23, 31;
--indigo-80-rgb: 43, 44, 64;
--indigo-70-rgb: 61, 64, 118;
--indigo-60-rgb: 77, 82, 175;
--indigo-50-rgb: 103, 108, 200;
--indigo-40-rgb: 136, 137, 219;
--indigo-30-rgb: 165, 168, 235;
--indigo-20-rgb: 197, 197, 243;
--indigo-10-rgb: 229, 228, 250;
--indigo-5-rgb: 239, 239, 248;
--indigo-cool-90-rgb: 21, 22, 34;
--indigo-cool-80-rgb: 41, 45, 66;
--indigo-cool-70-rgb: 55, 66, 116;
--indigo-cool-60-rgb: 63, 87, 166;
--indigo-cool-50-rgb: 73, 111, 216;
--indigo-cool-40-rgb: 107, 142, 232;
--indigo-cool-30-rgb: 150, 171, 238;
--indigo-cool-20-rgb: 187, 200, 245;
--indigo-cool-10-rgb: 225, 230, 249;
--indigo-cool-5-rgb: 238, 240, 249;
--indigo-warm-90-rgb: 24, 22, 29;
--indigo-warm-80-rgb: 46, 44, 64;
--indigo-warm-70-rgb: 69, 60, 123;
--indigo-warm-60-rgb: 94, 81, 158;
--indigo-warm-50-rgb: 118, 101, 209;
--indigo-warm-40-rgb: 146, 135, 216;
--indigo-warm-30-rgb: 175, 165, 232;
--indigo-warm-20-rgb: 203, 196, 242;
--indigo-warm-10-rgb: 231, 227, 250;
--indigo-warm-5-rgb: 241, 239, 247;
--indigo-vivid-80-rgb: 33, 36, 99;
--indigo-vivid-70-rgb: 51, 51, 163;
--indigo-vivid-60-rgb: 74, 80, 196;
--indigo-vivid-50-rgb: 101, 107, 215;
--indigo-vivid-40-rgb: 130, 137, 255;
--indigo-vivid-30-rgb: 163, 167, 250;
--indigo-vivid-20-rgb: 204, 206, 255;
--indigo-vivid-10-rgb: 224, 224, 255;
--indigo-vivid-5-rgb: 240, 240, 255;
--indigo-cool-vivid-80-rgb: 27, 43, 133;
--indigo-cool-vivid-70-rgb: 34, 47, 191;
--indigo-cool-vivid-60-rgb: 62, 77, 237;
--indigo-cool-vivid-50-rgb: 72, 102, 255;
--indigo-cool-vivid-40-rgb: 98, 142, 244;
--indigo-cool-vivid-30-rgb: 148, 173, 255;
--indigo-cool-vivid-20-rgb: 184, 200, 255;
--indigo-cool-vivid-10-rgb: 222, 229, 255;
--indigo-cool-vivid-5-rgb: 237, 240, 255;
--indigo-warm-vivid-80-rgb: 38, 31, 91;
--indigo-warm-vivid-70-rgb: 61, 44, 157;
--indigo-warm-vivid-60-rgb: 89, 66, 210;
--indigo-warm-vivid-50-rgb: 116, 95, 233;
--indigo-warm-vivid-40-rgb: 150, 126, 251;
--indigo-warm-vivid-30-rgb: 182, 159, 255;
--indigo-warm-vivid-20-rgb: 207, 196, 253;
--indigo-warm-vivid-10-rgb: 228, 222, 255;
--indigo-warm-vivid-5-rgb: 245, 242, 255;
--magenta-90: #1b1617;
--magenta-80: #402731;
--magenta-70: #66364b;
--magenta-60: #8b4566;
--magenta-50: #c84281;
--magenta-40: #e0699f;
--magenta-30: #e895b3;
--magenta-20: #f0bbcc;
--magenta-10: #f6e1e8;
--magenta-5: #f9f0f2;
--magenta-vivid-80: #4f172e;
--magenta-vivid-70: #731f44;
--magenta-vivid-60: #ab2165;
--magenta-vivid-50: #d72d79;
--magenta-vivid-40: #fd4496;
--magenta-vivid-30: #ff87b2;
--magenta-vivid-20: #ffb4cf;
--magenta-vivid-10: #ffddea;
--magenta-vivid-5: #fff2f5;
--magenta-90-rgb: 27, 22, 23;
--magenta-80-rgb: 64, 39, 49;
--magenta-70-rgb: 102, 54, 75;
--magenta-60-rgb: 139, 69, 102;
--magenta-50-rgb: 200, 66, 129;
--magenta-40-rgb: 224, 105, 159;
--magenta-30-rgb: 232, 149, 179;
--magenta-20-rgb: 240, 187, 204;
--magenta-10-rgb: 246, 225, 232;
--magenta-5-rgb: 249, 240, 242;
--magenta-vivid-80-rgb: 79, 23, 46;
--magenta-vivid-70-rgb: 115, 31, 68;
--magenta-vivid-60-rgb: 171, 33, 101;
--magenta-vivid-50-rgb: 215, 45, 121;
--magenta-vivid-40-rgb: 253, 68, 150;
--magenta-vivid-30-rgb: 255, 135, 178;
--magenta-vivid-20-rgb: 255, 180, 207;
--magenta-vivid-10-rgb: 255, 221, 234;
--magenta-vivid-5-rgb: 255, 242, 245;
--mint-90: #0d1a12;
--mint-80: #193324;
--mint-70: #204e34;
--mint-60: #286846;
--mint-50: #2e8367;
--mint-40: #34a37e;
--mint-30: #5abf95;
--mint-20: #92d9bb;
--mint-10: #c7efe2;
--mint-5: #dbf6ed;
--mint-cool-90: #111818;
--mint-cool-80: #203131;
--mint-cool-70: #2a4b45;
--mint-cool-60: #376462;
--mint-cool-50: #40807e;
--mint-cool-40: #4f9e99;
--mint-cool-30: #6fbab3;
--mint-cool-20: #9bd4cf;
--mint-cool-10: #c4eeeb;
--mint-cool-5: #e0f7f6;
--mint-vivid-80: #0d351e;
--mint-vivid-70: #0c4e29;
--mint-vivid-60: #146947;
--mint-vivid-50: #008659;
--mint-vivid-40: #00a871;
--mint-vivid-30: #04c585;
--mint-vivid-20: #0ceda6;
--mint-vivid-10: #83fcd4;
--mint-vivid-5: #c9fbeb;
--mint-cool-vivid-80: #123131;
--mint-cool-vivid-70: #0b4b3f;
--mint-cool-vivid-60: #0f6460;
--mint-cool-vivid-50: #008480;
--mint-cool-vivid-40: #36a191;
--mint-cool-vivid-30: #1dc2ae;
--mint-cool-vivid-20: #40e0d0;
--mint-cool-vivid-10: #7efbe1;
--mint-cool-vivid-5: #d5fbf3;
--mint-90-rgb: 13, 26, 18;
--mint-80-rgb: 25, 51, 36;
--mint-70-rgb: 32, 78, 52;
--mint-60-rgb: 40, 104, 70;
--mint-50-rgb: 46, 131, 103;
--mint-40-rgb: 52, 163, 126;
--mint-30-rgb: 90, 191, 149;
--mint-20-rgb: 146, 217, 187;
--mint-10-rgb: 199, 239, 226;
--mint-5-rgb: 219, 246, 237;
--mint-cool-90-rgb: 17, 24, 24;
--mint-cool-80-rgb: 32, 49, 49;
--mint-cool-70-rgb: 42, 75, 69;
--mint-cool-60-rgb: 55, 100, 98;
--mint-cool-50-rgb: 64, 128, 126;
--mint-cool-40-rgb: 79, 158, 153;
--mint-cool-30-rgb: 111, 186, 179;
--mint-cool-20-rgb: 155, 212, 207;
--mint-cool-10-rgb: 196, 238, 235;
--mint-cool-5-rgb: 224, 247, 246;
--mint-vivid-80-rgb: 13, 53, 30;
--mint-vivid-70-rgb: 12, 78, 41;
--mint-vivid-60-rgb: 20, 105, 71;
--mint-vivid-50-rgb: 0, 134, 89;
--mint-vivid-40-rgb: 0, 168, 113;
--mint-vivid-30-rgb: 4, 197, 133;
--mint-vivid-20-rgb: 12, 237, 166;
--mint-vivid-10-rgb: 131, 252, 212;
--mint-vivid-5-rgb: 201, 251, 235;
--mint-cool-vivid-80-rgb: 18, 49, 49;
--mint-cool-vivid-70-rgb: 11, 75, 63;
--mint-cool-vivid-60-rgb: 15, 100, 96;
--mint-cool-vivid-50-rgb: 0, 132, 128;
--mint-cool-vivid-40-rgb: 54, 161, 145;
--mint-cool-vivid-30-rgb: 29, 194, 174;
--mint-cool-vivid-20-rgb: 64, 224, 208;
--mint-cool-vivid-10-rgb: 126, 251, 225;
--mint-cool-vivid-5-rgb: 213, 251, 243;
--orange-90: #1b1614;
--orange-80: #332d27;
--orange-70: #524236;
--orange-60: #775540;
--orange-50: #a26739;
--orange-40: #dd7533;
--orange-30: #f09860;
--orange-20: #f3bf90;
--orange-10: #f2e4d4;
--orange-5: #f6efe9;
--orange-warm-90: #1c1615;
--orange-warm-80: #3d2925;
--orange-warm-70: #633a32;
--orange-warm-60: #914734;
--orange-warm-50: #bd5727;
--orange-warm-40: #e17141;
--orange-warm-30: #f3966d;
--orange-warm-20: #f7bca2;
--orange-warm-10: #fbe0d0;
--orange-warm-5: #faeee5;
--orange-vivid-80: #352313;
--orange-vivid-70: #5f3617;
--orange-vivid-60: #8c471c;
--orange-vivid-50: #c05600;
--orange-vivid-40: #e66f0e;
--orange-vivid-30: #ff8c00;
--orange-vivid-20: #ffbc78;
--orange-vivid-10: #fce2c5;
--orange-vivid-5: #fdf5e6;
--orange-warm-vivid-80: #3d231d;
--orange-warm-vivid-70: #782312;
--orange-warm-vivid-60: #a72f10;
--orange-warm-vivid-50: #cf4900;
--orange-warm-vivid-40: #ff580a;
--orange-warm-vivid-30: #fc906d;
--orange-warm-vivid-20: #fbbaa7;
--orange-warm-vivid-10: #ffe2d1;
--orange-warm-vivid-5: #fff3ea;
--orange-90-rgb: 27, 22, 20;
--orange-80-rgb: 51, 45, 39;
--orange-70-rgb: 82, 66, 54;
--orange-60-rgb: 119, 85, 64;
--orange-50-rgb: 162, 103, 57;
--orange-40-rgb: 221, 117, 51;
--orange-30-rgb: 240, 152, 96;
--orange-20-rgb: 243, 191, 144;
--orange-10-rgb: 242, 228, 212;
--orange-5-rgb: 246, 239, 233;
--orange-warm-90-rgb: 28, 22, 21;
--orange-warm-80-rgb: 61, 41, 37;
--orange-warm-70-rgb: 99, 58, 50;
--orange-warm-60-rgb: 145, 71, 52;
--orange-warm-50-rgb: 189, 87, 39;
--orange-warm-40-rgb: 225, 113, 65;
--orange-warm-30-rgb: 243, 150, 109;
--orange-warm-20-rgb: 247, 188, 162;
--orange-warm-10-rgb: 251, 224, 208;
--orange-warm-5-rgb: 250, 238, 229;
--orange-vivid-80-rgb: 53, 35, 19;
--orange-vivid-70-rgb: 95, 54, 23;
--orange-vivid-60-rgb: 140, 71, 28;
--orange-vivid-50-rgb: 192, 86, 0;
--orange-vivid-40-rgb: 230, 111, 14;
--orange-vivid-30-rgb: 255, 140, 0;
--orange-vivid-20-rgb: 255, 188, 120;
--orange-vivid-10-rgb: 252, 226, 197;
--orange-vivid-5-rgb: 253, 245, 230;
--orange-warm-vivid-80-rgb: 61, 35, 29;
--orange-warm-vivid-70-rgb: 120, 35, 18;
--orange-warm-vivid-60-rgb: 167, 47, 16;
--orange-warm-vivid-50-rgb: 207, 73, 0;
--orange-warm-vivid-40-rgb: 255, 88, 10;
--orange-warm-vivid-30-rgb: 252, 144, 109;
--orange-warm-vivid-20-rgb: 251, 186, 167;
--orange-warm-vivid-10-rgb: 255, 226, 209;
--orange-warm-vivid-5-rgb: 255, 243, 234;
--pure-100: #000;
--pure-0: #fff;
--pure-100-rgb: 0, 0, 0;
--pure-0-rgb: 255, 255, 255;
--red-90: #1b1616;
--red-80: #3e2927;
--red-70: #6f3331;
--red-60: #a23737;
--red-50: #d83933;
--red-40: #e9695f;
--red-30: #f2938c;
--red-20: #f7bbb1;
--red-10: #f8e1de;
--red-5: #f9eeee;
--red-cool-90: #1e1517;
--red-cool-80: #40282c;
--red-cool-70: #68363f;
--red-cool-60: #9e394b;
--red-cool-50: #cd425b;
--red-cool-40: #e16b80;
--red-cool-30: #e09aa6;
--red-cool-20: #ecbec6;
--red-cool-10: #f3e1e4;
--red-cool-5: #f8eff1;
--red-warm-90: #1f1c18;
--red-warm-80: #332d29;
--red-warm-70: #524236;
--red-warm-60: #805039;
--red-warm-50: #c3512c;
--red-warm-40: #d27a56;
--red-warm-30: #dca081;
--red-warm-20: #ecc0a7;
--red-warm-10: #f4e3db;
--red-warm-5: #f6efea;
--red-vivid-80: #5c1111;
--red-vivid-70: #8b0a03;
--red-vivid-60: #b50909;
--red-vivid-50: #e52207;
--red-vivid-40: #fb5a47;
--red-vivid-30: #ff8d7b;
--red-vivid-20: #fdb8ae;
--red-vivid-10: #fde0db;
--red-vivid-5: #fff3f2;
--red-cool-vivid-80: #4f1c24;
--red-cool-vivid-70: #822133;
--red-cool-vivid-60: #b21d38;
--red-cool-vivid-50: #e41d3d;
--red-cool-vivid-40: #f45d79;
--red-cool-vivid-30: #fd8ba0;
--red-cool-vivid-20: #f8b9c5;
--red-cool-vivid-10: #f8dfe2;
--red-cool-vivid-5: #fff2f5;
--red-warm-vivid-80: #3e2a1e;
--red-warm-vivid-70: #63340f;
--red-warm-vivid-60: #9c3d10;
--red-warm-vivid-50: #d54309;
--red-warm-vivid-40: #ef5e25;
--red-warm-vivid-30: #f39268;
--red-warm-vivid-20: #f6bd9c;
--red-warm-vivid-10: #fce1d4;
--red-warm-vivid-5: #fff5ee;
--red-90-rgb: 27, 22, 22;
--red-80-rgb: 62, 41, 39;
--red-70-rgb: 111, 51, 49;
--red-60-rgb: 162, 55, 55;
--red-50-rgb: 216, 57, 51;
--red-40-rgb: 233, 105, 95;
--red-30-rgb: 242, 147, 140;
--red-20-rgb: 247, 187, 177;
--red-10-rgb: 248, 225, 222;
--red-5-rgb: 249, 238, 238;
--red-cool-90-rgb: 30, 21, 23;
--red-cool-80-rgb: 64, 40, 44;
--red-cool-70-rgb: 104, 54, 63;
--red-cool-60-rgb: 158, 57, 75;
--red-cool-50-rgb: 205, 66, 91;
--red-cool-40-rgb: 225, 107, 128;
--red-cool-30-rgb: 224, 154, 166;
--red-cool-20-rgb: 236, 190, 198;
--red-cool-10-rgb: 243, 225, 228;
--red-cool-5-rgb: 248, 239, 241;
--red-warm-90-rgb: 31, 28, 24;
--red-warm-80-rgb: 51, 45, 41;
--red-warm-70-rgb: 82, 66, 54;
--red-warm-60-rgb: 128, 80, 57;
--red-warm-50-rgb: 195, 81, 44;
--red-warm-40-rgb: 210, 122, 86;
--red-warm-30-rgb: 220, 160, 129;
--red-warm-20-rgb: 236, 192, 167;
--red-warm-10-rgb: 244, 227, 219;
--red-warm-5-rgb: 246, 239, 234;
--red-vivid-80-rgb: 92, 17, 17;
--red-vivid-70-rgb: 139, 10, 3;
--red-vivid-60-rgb: 181, 9, 9;
--red-vivid-50-rgb: 229, 34, 7;
--red-vivid-40-rgb: 251, 90, 71;
--red-vivid-30-rgb: 255, 141, 123;
--red-vivid-20-rgb: 253, 184, 174;
--red-vivid-10-rgb: 253, 224, 219;
--red-vivid-5-rgb: 255, 243, 242;
--red-cool-vivid-80-rgb: 79, 28, 36;
--red-cool-vivid-70-rgb: 130, 33, 51;
--red-cool-vivid-60-rgb: 178, 29, 56;
--red-cool-vivid-50-rgb: 228, 29, 61;
--red-cool-vivid-40-rgb: 244, 93, 121;
--red-cool-vivid-30-rgb: 253, 139, 160;
--red-cool-vivid-20-rgb: 248, 185, 197;
--red-cool-vivid-10-rgb: 248, 223, 226;
--red-cool-vivid-5-rgb: 255, 242, 245;
--red-warm-vivid-80-rgb: 62, 42, 30;
--red-warm-vivid-70-rgb: 99, 52, 15;
--red-warm-vivid-60-rgb: 156, 61, 16;
--red-warm-vivid-50-rgb: 213, 67, 9;
--red-warm-vivid-40-rgb: 239, 94, 37;
--red-warm-vivid-30-rgb: 243, 146, 104;
--red-warm-vivid-20-rgb: 246, 189, 156;
--red-warm-vivid-10-rgb: 252, 225, 212;
--red-warm-vivid-5-rgb: 255, 245, 238;
--violet-90: #18161d;
--violet-80: #312b3f;
--violet-70: #4c3d69;
--violet-60: #665190;
--violet-50: #8168b3;
--violet-40: #9d84d2;
--violet-30: #b8a2e3;
--violet-20: #d0c3e9;
--violet-10: #ebe3f9;
--violet-5: #f4f1f9;
--violet-warm-90: #1b151b;
--violet-warm-80: #382936;
--violet-warm-70: #5c395a;
--violet-warm-60: #864381;
--violet-warm-50: #b04abd;
--violet-warm-40: #bf77c8;
--violet-warm-30: #d29ad8;
--violet-warm-20: #e2bee4;
--violet-warm-10: #f6dff8;
--violet-warm-5: #f8f0f9;
--violet-vivid-80: #39215e;
--violet-vivid-70: #54278f;
--violet-vivid-60: #783cb9;
--violet-vivid-50: #9355dc;
--violet-vivid-40: #ad79e9;
--violet-vivid-30: #c39deb;
--violet-vivid-20: #d5bfff;
--violet-vivid-10: #ede3ff;
--violet-vivid-5: #f7f2ff;
--violet-warm-vivid-80: #481441;
--violet-warm-vivid-70: #711e6c;
--violet-warm-vivid-60: #93348c;
--violet-warm-vivid-50: #be32d0;
--violet-warm-vivid-40: #d85bef;
--violet-warm-vivid-30: #ee83ff;
--violet-warm-vivid-20: #f4b2ff;
--violet-warm-vivid-10: #fbdcff;
--violet-warm-vivid-5: #fef2ff;
--violet-90-rgb: 24, 22, 29;
--violet-80-rgb: 49, 43, 63;
--violet-70-rgb: 76, 61, 105;
--violet-60-rgb: 102, 81, 144;
--violet-50-rgb: 129, 104, 179;
--violet-40-rgb: 157, 132, 210;
--violet-30-rgb: 184, 162, 227;
--violet-20-rgb: 208, 195, 233;
--violet-10-rgb: 235, 227, 249;
--violet-5-rgb: 244, 241, 249;
--violet-warm-90-rgb: 27, 21, 27;
--violet-warm-80-rgb: 56, 41, 54;
--violet-warm-70-rgb: 92, 57, 90;
--violet-warm-60-rgb: 134, 67, 129;
--violet-warm-50-rgb: 176, 74, 189;
--violet-warm-40-rgb: 191, 119, 200;
--violet-warm-30-rgb: 210, 154, 216;
--violet-warm-20-rgb: 226, 190, 228;
--violet-warm-10-rgb: 246, 223, 248;
--violet-warm-5-rgb: 248, 240, 249;
--violet-vivid-80-rgb: 57, 33, 94;
--violet-vivid-70-rgb: 84, 39, 143;
--violet-vivid-60-rgb: 120, 60, 185;
--violet-vivid-50-rgb: 147, 85, 220;
--violet-vivid-40-rgb: 173, 121, 233;
--violet-vivid-30-rgb: 195, 157, 235;
--violet-vivid-20-rgb: 213, 191, 255;
--violet-vivid-10-rgb: 237, 227, 255;
--violet-vivid-5-rgb: 247, 242, 255;
--violet-warm-vivid-80-rgb: 72, 20, 65;
--violet-warm-vivid-70-rgb: 113, 30, 108;
--violet-warm-vivid-60-rgb: 147, 52, 140;
--violet-warm-vivid-50-rgb: 190, 50, 208;
--violet-warm-vivid-40-rgb: 216, 91, 239;
--violet-warm-vivid-30-rgb: 238, 131, 255;
--violet-warm-vivid-20-rgb: 244, 178, 255;
--violet-warm-vivid-10-rgb: 251, 220, 255;
--violet-warm-vivid-5-rgb: 254, 242, 255;
--yellow-90: #1a1614;
--yellow-80: #332d27;
--yellow-70: #504332;
--yellow-60: #6b5a39;
--yellow-50: #8a7237;
--yellow-40: #a88f48;
--yellow-30: #c9ab48;
--yellow-20: #e6c74c;
--yellow-10: #f5e6af;
--yellow-5: #faf3d1;
--yellow-vivid-80: #422d19;
--yellow-vivid-70: #5c4809;
--yellow-vivid-60: #776017;
--yellow-vivid-50: #947100;
--yellow-vivid-40: #b38c00;
--yellow-vivid-30: #ddaa01;
--yellow-vivid-20: #ffcd07;
--yellow-vivid-10: #fee685;
--yellow-vivid-5: #fff5c2;
--yellow-90-rgb: 26, 22, 20;
--yellow-80-rgb: 51, 45, 39;
--yellow-70-rgb: 80, 67, 50;
--yellow-60-rgb: 107, 90, 57;
--yellow-50-rgb: 138, 114, 55;
--yellow-40-rgb: 168, 143, 72;
--yellow-30-rgb: 201, 171, 72;
--yellow-20-rgb: 230, 199, 76;
--yellow-10-rgb: 245, 230, 175;
--yellow-5-rgb: 250, 243, 209;
--yellow-vivid-80-rgb: 66, 45, 25;
--yellow-vivid-70-rgb: 92, 72, 9;
--yellow-vivid-60-rgb: 119, 96, 23;
--yellow-vivid-50-rgb: 148, 113, 0;
--yellow-vivid-40-rgb: 179, 140, 0;
--yellow-vivid-30-rgb: 221, 170, 1;
--yellow-vivid-20-rgb: 255, 205, 7;
--yellow-vivid-10-rgb: 254, 230, 133;
--yellow-vivid-5-rgb: 255, 245, 194;
--background: var(--background-light);
--background-rgb: var(--background-light-rgb);
--background-light: var(--pure-0);
--background-light-rgb: var(--pure-0-rgb);
--background-alternative: var(--gray-5);
--background-alternative-rgb: var(--gray-5-rgb);
--background-dark: var(--blue-warm-vivid-90);
--background-dark-rgb: var(--blue-warm-vivid-90-rgb);
--border-color: var(--gray-20);
--border-color-alternative: var(--gray-40);
--border-style: solid;
--border-width: var(--surface-width-sm);
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--color-light: var(--gray-80);
--color-light-rgb: var(--gray-80-rgb);
--color-dark: var(--pure-0);
--color-dark-rgb: var(--pure-0-rgb);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--interactive-light: var(--blue-warm-vivid-70);
--interactive-light-rgb: var(--blue-warm-vivid-70-rgb);
--interactive-dark: var(--blue-warm-20);
--interactive-dark-rgb: var(--blue-warm-20-rgb);
--interactive-alternative: var(--green-cool-vivid-50);
--interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);
--info: var(--blue-warm-vivid-60);
--info-alternative: var(--blue-warm-vivid-10);
--info-rgb: var(--blue-warm-vivid-60-rgb);
--info-alternative-rgb: var(--blue-warm-vivid-10-rgb);
--success: var(--green-cool-vivid-50);
--success-alternative: var(--green-cool-vivid-5);
--success-rgb: var(--green-cool-vivid-50-rgb);
--success-alternative-rgb: var(--green-cool-vivid-5-rgb);
--warning: var(--yellow-vivid-20);
--warning-alternative: var(--yellow-vivid-5);
--warning-rgb: var(--yellow-vivid-20-rgb);
--warning-alternative-rgb: var(--yellow-vivid-5-rgb);
--danger: var(--red-vivid-50);
--danger-alternative: var(--red-vivid-10);
--danger-rgb: var(--red-vivid-50-rgb);
--danger-alternative-rgb: var(--red-vivid-20-rgb);
--font-family-base: Rawline, Raleway, sans-serif;
--surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
--surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
--visited: var(--visited-light);
--visited-light: var(--blue-warm-vivid-80);
--visited-dark: var(--gray-20);
--disabled: var(--surface-opacity-md);
--hover: var(--hover-light);
--hover-light: var(--surface-opacity-xs);
--hover-dark: var(--surface-opacity-sm);
--hover-effect: linear-gradient(
rgba(var(--interactive-rgb), var(--hover)),
rgba(var(--interactive-rgb), var(--hover))
);
--pressed: var(--pressed-light);
--pressed-light: var(--surface-opacity-md);
--pressed-dark: var(--surface-opacity-lg);
--pressed-effect: linear-gradient(
rgba(var(--interactive-rgb), var(--pressed)),
rgba(var(--interactive-rgb), var(--pressed))
);
--focus-style: dashed;
--focus-color: var(--focus-color-light);
--focus-color-light: var(--gold-vivid-40);
--focus-color-dark: var(--gold-vivid-20);
--focus: var(--focus-color);
--focus-offset: var(--spacing-scale-half);
--focus-width: var(--surface-width-lg);
--active: var(--blue-warm-vivid-80);
--active-rgb: var(--blue-warm-vivid-80-rgb);
--selected: var(--blue-warm-vivid-50);
--on: var(--blue-warm-vivid-40);
--on-rgb: var(--blue-warm-vivid-40-rgb);
--off: var(--gray-20);
--off-rgb: var(--gray-20-rgb);
--ondrag-border-color: var(--interactive);
--ondrag-border-width: var(--surface-width-md);
--ondrag-border-style: solid;
--ondrag-shadow-offset-x: var(--surface-offset-none);
--ondrag-shadow-offset-y: var(--surface-offset-md);
--ondrag-shadow-blur: var(--surface-blur-lg);
--ondrag-shadow-color: var(--interactive-rgb);
--ondrag-shadow-opacity: var(--surface-opacity-sm);
--ondrag-opacity: var(--surface-opacity-xl);
--ondrag-rotate: -5deg;
--ondrag-cursor: grabbing;
--draggable-icon: grip-vertical;
--draggable-cursor: grab;
--dropzone-border-color: var(--interactive);
--dropzone-border-width: var(--surface-width-sm);
--dropzone-border-style: dashed;
--ondrop-background: var(--interactive-rgb);
--ondrop-opacity: var(--surface-opacity-sm);
--ondrop-cursor: copy;
--z-index-layer-0: 0;
--z-index-layer-1: 1000;
--z-index-layer-2: 2000;
--z-index-layer-3: 3000;
--z-index-layer-4: 4000;
--color-primary-pastel-01: #c5d4eb;
--color-primary-pastel-02: #dbe8fb;
--color-primary-lighten-01: #2670e8;
--color-primary-lighten-02: #5992ed;
--color-primary-default: #1351b4;
--color-primary-darken-01: #0c326f;
--color-primary-darken-02: #071d41;
--color-secondary-01: #fff;
--color-secondary-02: #f8f8f8;
--color-secondary-03: #ededed;
--color-secondary-04: #ccc;
--color-secondary-05: #9e9d9d;
--color-secondary-06: #888;
--color-secondary-07: #555;
--color-secondary-08: #333;
--color-secondary-09: #000;
--color-highlight: #268744;
--color-support-01: #36a191;
--color-support-02: #f2e317;
--color-support-03: #db4800;
--color-support-04: #a26739;
--color-support-05: #40e0d0;
--color-support-06: #48cbeb;
--color-support-07: #c72487;
--color-support-08: #63007f;
--color-support-09: #f08080;
--color-support-10: #ff8c00;
--color-support-11: #fdf5e6;
--icon-size-base: 16px;
--icon-size-xs: 8px;
--icon-size-sm: 12px;
--icon-size-lg: 20px;
--icon-size-2x: 32px;
--icon-size-3x: 48px;
--icon-size-4x: 64px;
--icon-size-5x: 80px;
--icon-size-6x: 96px;
--icon-size-7x: 112px;
--icon-size-8x: 128px;
--icon-size-9x: 144px;
--icon-size-10x: 160px;
--surface-width-none: 0;
--surface-width-sm: 1px;
--surface-width-md: 2px;
--surface-width-lg: 4px;
--surface-rounder-none: 0;
--surface-rounder-sm: 4px;
--surface-rounder-md: 8px;
--surface-rounder-lg: 16px;
--surface-rounder-pill: 999em;
--surface-opacity-none: 0;
--surface-opacity-default: 1;
--surface-opacity-xs: 0.16;
--surface-opacity-sm: 0.3;
--surface-opacity-md: 0.45;
--surface-opacity-lg: 0.65;
--surface-opacity-xl: 0.85;
--surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);
--surface-border-solid-sm: var(--surface-width-sm) solid var(--color-secondary-06);
--surface-border-solid-md: var(--surface-width-md) solid var(--color-secondary-06);
--surface-border-solid-lg: var(--surface-width-lg) solid var(--color-secondary-06);
--surface-border-dashed-none: var(--surface-width-none) dashed var(--color-secondary-06);
--surface-border-dashed-sm: var(--surface-width-sm) dashed var(--color-secondary-06);
--surface-border-dashed-md: var(--surface-width-md) dashed var(--color-secondary-06);
--surface-border-dashed-lg: var(--surface-width-lg) dashed var(--color-secondary-06);
--surface-blur-none: 0;
--surface-blur-sm: 1px;
--surface-blur-md: 3px;
--surface-blur-lg: 6px;
--surface-blur-xl: 9px;
--surface-offset-none: 0;
--surface-offset-sm: 1px;
--surface-offset-md: 3px;
--surface-offset-lg: 6px;
--surface-offset-xl: 9px;
--surface-offset-sm-n: -1px;
--surface-offset-md-n: -3px;
--surface-offset-lg-n: -6px;
--surface-offset-xl-n: -9px;
--surface-shadow-color: var(--rgb-secondary-09);
--surface-shadow-none: none;
--surface-shadow-sm: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-inset: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-inset: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-inset: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-inset: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-up: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-up: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-up: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-up: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-inset-up: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-inset-up: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-inset-up: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-inset-up: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-right: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-right: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-right: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-right: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-inset-right: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-inset-right: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-inset-right: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-inset-right: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-left: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-left: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-left: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-left: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-sm-inset-left: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-md-inset-left: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-lg-inset-left: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--surface-shadow-xl-inset-left: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
--animation-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
--animation-ease-in: cubic-bezier(0.42, 0, 1, 1);
--animation-ease-out: cubic-bezier(0, 0, 0.58, 1);
--animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
--animation-ease-linear: cubic-bezier(0, 0, 1, 1);
--duration-very-fast: 0.1s;
--duration-fast: 0.3s;
--duration-moderate: 0.5s;
--duration-slow: 0.8s;
--duration-very-slow: 1s;
--font-weight-thin: 100;
--font-weight-extra-light: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--font-weight-extra-bold: 800;
--font-weight-black: 900;
--font-size-scale-base: 14px;
--font-size-scale-down-01: 11.662px;
--font-size-scale-down-02: 9.716px;
--font-size-scale-down-03: 8.106px;
--font-size-scale-up-01: 16.8px;
--font-size-scale-up-02: 20.16px;
--font-size-scale-up-03: 24.192px;
--font-size-scale-up-04: 29.036px;
--font-size-scale-up-05: 34.832px;
--font-size-scale-up-06: 41.804px;
--font-size-scale-up-07: 50.162px;
--font-size-scale-up-08: 60.2px;
--font-size-scale-up-09: 72.24px;
--font-size-scale-up-10: 86.688px;
--font-size-scale-up-11: 104.02px;
--font-line-height-low: 1.15;
--font-line-height-medium: 1.45;
--font-line-height-high: 1.85;
--grid-breakpoint-xs: 0;
--grid-breakpoint-xs-max-width: 100%;
--grid-breakpoint-sm: 576px;
--grid-breakpoint-sm-max-width: 536px;
--grid-breakpoint-md: 992px;
--grid-breakpoint-md-max-width: 952px;
--grid-breakpoint-lg: 1280px;
--grid-breakpoint-lg-max-width: 1200px;
--grid-breakpoint-xl: 1600px;
--grid-breakpoint-xl-max-width: 1560px;
--grid-portrait-maxwidth: 100%;
--grid-portrait-gutter: 16px;
--grid-portrait-columns: 4;
--grid-portrait-margin: 8px;
--grid-tablet-maxwidth: 100%;
--grid-tablet-gutter: 24px;
--grid-tablet-columns: 8;
--grid-tablet-margin: 40px;
--grid-desktop-maxwidth: 1200px;
--grid-desktop-gutter: 24px;
--grid-desktop-columns: 12;
--grid-desktop-margin: 40px;
--grid-tv-maxwidth: 1520px;
--grid-tv-gutter: 40px;
--grid-tv-columns: 12;
--grid-tv-margin: 40px;
--spacing-vertical-top: top;
--spacing-vertical-center: center;
--spacing-vertical-bottom: bottom;
--spacing-horizontal-left: left;
--spacing-horizontal-center: center;
--spacing-horizontal-right: right;
--spacing-scale-default: 0;
--spacing-scale-half: 4px;
--spacing-scale-base: 8px;
--spacing-scale-baseh: 12px;
--spacing-scale-2x: 16px;
--spacing-scale-2xh: 20px;
--spacing-scale-3x: 24px;
--spacing-scale-3xh: 28px;
--spacing-scale-4x: 32px;
--spacing-scale-4xh: 36px;
--spacing-scale-5x: 40px;
--spacing-scale-5xh: 44px;
--spacing-scale-6x: 48px;
--spacing-scale-6xh: 52px;
--spacing-scale-7x: 56px;
--spacing-scale-7xh: 60px;
--spacing-scale-8x: 64px;
--spacing-scale-8xh: 68px;
--spacing-scale-9x: 72px;
--spacing-scale-9xh: 76px;
--spacing-scale-10x: 80px;
--spacing-scale-10xh: 84px;
--rgb-primary-pastel-01: 197, 212, 235;
--rgb-primary-pastel-02: 219, 232, 251;
--rgb-primary-lighten-01: 38, 112, 232;
--rgb-primary-lighten-02: 89, 146, 237;
--rgb-primary-default: 19, 81, 180;
--rgb-primary-darken-01: 12, 50, 111;
--rgb-primary-darken-02: 7, 29, 65;
--rgb-secondary-01: 255, 255, 255;
--rgb-secondary-02: 248, 248, 248;
--rgb-secondary-03: 237, 237, 237;
--rgb-secondary-04: 204, 204, 204;
--rgb-secondary-05: 158, 157, 157;
--rgb-secondary-06: 136, 136, 136;
--rgb-secondary-07: 85, 85, 85;
--rgb-secondary-08: 51, 51, 51;
--rgb-secondary-09: 0, 0, 0;
--rgb-highlight: 38, 135, 68;
--rgb-support-01: 54, 161, 145;
--rgb-support-02: 242, 227, 23;
--rgb-support-03: 219, 72, 0;
--rgb-support-04: 162, 103, 57;
--rgb-support-05: 64, 224, 208;
--rgb-support-06: 72, 203, 235;
--rgb-support-07: 199, 36, 135;
--rgb-support-08: 99, 0, 127;
--rgb-support-09: 240, 128, 128;
--rgb-support-10: 255, 140, 0;
--rgb-support-11: 253, 245, 230;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
line-height: var(--font-line-height-medium);
text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 0;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: var(--font-line-height-medium);
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
appearance: none;
}
::-webkit-file-upload-button {
appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1280px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1600px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-6 {
order: 6 !important;
}
.order-7 {
order: 7 !important;
}
.order-8 {
order: 8 !important;
}
.order-9 {
order: 9 !important;
}
.order-10 {
order: 10 !important;
}
.order-11 {
order: 11 !important;
}
.order-12 {
order: 12 !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-evenly {
align-content: space-evenly !important;
}
.align-content-stretch {
align-content: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-grow-sm-1 {
flex-grow: 1 !important;
}
.flex-grow-sm-0 {
flex-grow: 0 !important;
}
.flex-shrink-sm-1 {
flex-shrink: 1 !important;
}
.flex-shrink-sm-0 {
flex-shrink: 0 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-6 {
order: 6 !important;
}
.order-sm-7 {
order: 7 !important;
}
.order-sm-8 {
order: 8 !important;
}
.order-sm-9 {
order: 9 !important;
}
.order-sm-10 {
order: 10 !important;
}
.order-sm-11 {
order: 11 !important;
}
.order-sm-12 {
order: 12 !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-evenly {
align-content: space-evenly !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
}
@media (min-width: 992px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-grow-md-1 {
flex-grow: 1 !important;
}
.flex-grow-md-0 {
flex-grow: 0 !important;
}
.flex-shrink-md-1 {
flex-shrink: 1 !important;
}
.flex-shrink-md-0 {
flex-shrink: 0 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-6 {
order: 6 !important;
}
.order-md-7 {
order: 7 !important;
}
.order-md-8 {
order: 8 !important;
}
.order-md-9 {
order: 9 !important;
}
.order-md-10 {
order: 10 !important;
}
.order-md-11 {
order: 11 !important;
}
.order-md-12 {
order: 12 !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-evenly {
align-content: space-evenly !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
}
@media (min-width: 1280px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-grow-lg-1 {
flex-grow: 1 !important;
}
.flex-grow-lg-0 {
flex-grow: 0 !important;
}
.flex-shrink-lg-1 {
flex-shrink: 1 !important;
}
.flex-shrink-lg-0 {
flex-shrink: 0 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-6 {
order: 6 !important;
}
.order-lg-7 {
order: 7 !important;
}
.order-lg-8 {
order: 8 !important;
}
.order-lg-9 {
order: 9 !important;
}
.order-lg-10 {
order: 10 !important;
}
.order-lg-11 {
order: 11 !important;
}
.order-lg-12 {
order: 12 !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-evenly {
align-content: space-evenly !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
}
@media (min-width: 1600px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-grow-xl-1 {
flex-grow: 1 !important;
}
.flex-grow-xl-0 {
flex-grow: 0 !important;
}
.flex-shrink-xl-1 {
flex-shrink: 1 !important;
}
.flex-shrink-xl-0 {
flex-shrink: 0 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-6 {
order: 6 !important;
}
.order-xl-7 {
order: 7 !important;
}
.order-xl-8 {
order: 8 !important;
}
.order-xl-9 {
order: 9 !important;
}
.order-xl-10 {
order: 10 !important;
}
.order-xl-11 {
order: 11 !important;
}
.order-xl-12 {
order: 12 !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-evenly {
align-content: space-evenly !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
}
.col,
[class*=col-] {
padding-left: calc(var(--grid-gutter) * 0.5);
padding-right: calc(var(--grid-gutter) * 0.5);
width: 100%;
}
.col {
flex: 1 0 0%;
min-width: 8.3333333333%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex-basis: 100%;
max-width: 100%;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
--grid-margin: var(--grid-portrait-margin);
--grid-maxwidth: var(--grid-portrait-maxwidth);
margin-left: auto;
margin-right: auto;
max-width: var(--grid-maxwidth);
padding-left: var(--grid-margin);
padding-right: var(--grid-margin);
width: 100%;
}
.row {
--grid-gutter: var(--grid-portrait-gutter);
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--grid-gutter) * -0.5);
margin-right: calc(var(--grid-gutter) * -0.5);
}
@media (min-width: 576px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid {
--grid-margin: var(--grid-tablet-margin);
}
.row {
--grid-gutter: var(--grid-tablet-gutter);
}
.container,
.container-sm {
--grid-maxwidth: calc(
var(--grid-breakpoint-sm) -
var(--grid-tablet-margin)
);
}
.col-sm {
flex: 1 0 0%;
min-width: 8.3333333333%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid {
--grid-margin: var(--grid-tablet-margin);
}
.row {
--grid-gutter: var(--grid-tablet-gutter);
}
.container,
.container-sm,
.container-md {
--grid-maxwidth: calc(
var(--grid-breakpoint-md) -
var(--grid-tablet-margin)
);
}
.col-md {
flex: 1 0 0%;
min-width: 8.3333333333%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1280px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid {
--grid-margin: var(--grid-desktop-margin);
}
.row {
--grid-gutter: var(--grid-desktop-gutter);
}
.container,
.container-sm,
.container-md,
.container-lg {
--grid-maxwidth: calc(
var(--grid-breakpoint-lg) -
var(--grid-desktop-margin)
);
}
.col-lg {
flex: 1 0 0%;
min-width: 8.3333333333%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1600px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid {
--grid-margin: var(--grid-tv-margin);
}
.row {
--grid-gutter: var(--grid-tv-gutter);
}
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
--grid-maxwidth: calc(
var(--grid-breakpoint-xl) -
var(--grid-tv-margin)
);
}
.col-xl {
flex: 1 0 0%;
min-width: 8.3333333333%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex-basis: 100%;
max-width: 100%;
}
}
.m-0 {
margin: var(--spacing-scale-default) !important;
}
.mx-0 {
margin-left: var(--spacing-scale-default) !important;
margin-right: var(--spacing-scale-default) !important;
}
.my-0 {
margin-bottom: var(--spacing-scale-default) !important;
margin-top: var(--spacing-scale-default) !important;
}
.mt-0 {
margin-top: var(--spacing-scale-default) !important;
}
.mr-0 {
margin-right: var(--spacing-scale-default) !important;
}
.mb-0 {
margin-bottom: var(--spacing-scale-default) !important;
}
.ml-0 {
margin-left: var(--spacing-scale-default) !important;
}
.m-half {
margin: var(--spacing-scale-half) !important;
}
.mx-half {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-half {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-half {
margin-top: var(--spacing-scale-half) !important;
}
.mt-nhalf {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-half {
margin-right: var(--spacing-scale-half) !important;
}
.mr-nhalf {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-half {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-half {
margin-left: var(--spacing-scale-half) !important;
}
.ml-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-nhalf {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-base {
margin: var(--spacing-scale-base) !important;
}
.mx-base {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-base {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-base {
margin-top: var(--spacing-scale-base) !important;
}
.mt-nbase {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-base {
margin-right: var(--spacing-scale-base) !important;
}
.mr-nbase {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-base {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-base {
margin-left: var(--spacing-scale-base) !important;
}
.ml-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-nbase {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-baseh {
margin: var(--spacing-scale-baseh) !important;
}
.mx-baseh {
margin-left: var(--spacing-scale-baseh) !important;
margin-right: var(--spacing-scale-baseh) !important;
}
.my-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-baseh {
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-nbaseh {
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mr-baseh {
margin-right: var(--spacing-scale-baseh) !important;
}
.mr-nbaseh {
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mb-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.ml-baseh {
margin-left: var(--spacing-scale-baseh) !important;
}
.ml-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-nbaseh {
margin: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mx-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.my-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-1 {
margin: var(--spacing-scale-half) !important;
}
.mx-1 {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-1 {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-1 {
margin-top: var(--spacing-scale-half) !important;
}
.mt-n1 {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-1 {
margin-right: var(--spacing-scale-half) !important;
}
.mr-n1 {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-1 {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-1 {
margin-left: var(--spacing-scale-half) !important;
}
.ml-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-n1 {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-2 {
margin: var(--spacing-scale-base) !important;
}
.mx-2 {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-2 {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-2 {
margin-top: var(--spacing-scale-base) !important;
}
.mt-n2 {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-2 {
margin-right: var(--spacing-scale-base) !important;
}
.mr-n2 {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-2 {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-2 {
margin-left: var(--spacing-scale-base) !important;
}
.ml-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-n2 {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-3 {
margin: var(--spacing-scale-2x) !important;
}
.mx-3 {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-3 {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-3 {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-n3 {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-3 {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-n3 {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-3 {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-3 {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-n3 {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-4 {
margin: var(--spacing-scale-3x) !important;
}
.mx-4 {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-4 {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-4 {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-n4 {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-4 {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-n4 {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-4 {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-4 {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-n4 {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-5 {
margin: var(--spacing-scale-4x) !important;
}
.mx-5 {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-5 {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-5 {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-n5 {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-5 {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-n5 {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-5 {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-5 {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-n5 {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-6 {
margin: var(--spacing-scale-5x) !important;
}
.mx-6 {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-6 {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-6 {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-n6 {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-6 {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-n6 {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-6 {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-6 {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-n6 {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-2x {
margin: var(--spacing-scale-2x) !important;
}
.mx-2x {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-2x {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-2x {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-n2x {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-2x {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-n2x {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-2x {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-2x {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-n2x {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-2xh {
margin: var(--spacing-scale-2xh) !important;
}
.mx-2xh {
margin-left: var(--spacing-scale-2xh) !important;
margin-right: var(--spacing-scale-2xh) !important;
}
.my-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-2xh {
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-n2xh {
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mr-2xh {
margin-right: var(--spacing-scale-2xh) !important;
}
.mr-n2xh {
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mb-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.ml-2xh {
margin-left: var(--spacing-scale-2xh) !important;
}
.ml-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-n2xh {
margin: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mx-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.my-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-3x {
margin: var(--spacing-scale-3x) !important;
}
.mx-3x {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-3x {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-3x {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-n3x {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-3x {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-n3x {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-3x {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-3x {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-n3x {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-3xh {
margin: var(--spacing-scale-3xh) !important;
}
.mx-3xh {
margin-left: var(--spacing-scale-3xh) !important;
margin-right: var(--spacing-scale-3xh) !important;
}
.my-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-3xh {
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-n3xh {
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mr-3xh {
margin-right: var(--spacing-scale-3xh) !important;
}
.mr-n3xh {
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mb-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.ml-3xh {
margin-left: var(--spacing-scale-3xh) !important;
}
.ml-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-n3xh {
margin: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mx-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.my-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-4x {
margin: var(--spacing-scale-4x) !important;
}
.mx-4x {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-4x {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-4x {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-n4x {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-4x {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-n4x {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-4x {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-4x {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-n4x {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-4xh {
margin: var(--spacing-scale-4xh) !important;
}
.mx-4xh {
margin-left: var(--spacing-scale-4xh) !important;
margin-right: var(--spacing-scale-4xh) !important;
}
.my-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-4xh {
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-n4xh {
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mr-4xh {
margin-right: var(--spacing-scale-4xh) !important;
}
.mr-n4xh {
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mb-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.ml-4xh {
margin-left: var(--spacing-scale-4xh) !important;
}
.ml-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-n4xh {
margin: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mx-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.my-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-5x {
margin: var(--spacing-scale-5x) !important;
}
.mx-5x {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-5x {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-5x {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-n5x {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-5x {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-n5x {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-5x {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-5x {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-n5x {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-5xh {
margin: var(--spacing-scale-5xh) !important;
}
.mx-5xh {
margin-left: var(--spacing-scale-5xh) !important;
margin-right: var(--spacing-scale-5xh) !important;
}
.my-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-5xh {
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-n5xh {
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mr-5xh {
margin-right: var(--spacing-scale-5xh) !important;
}
.mr-n5xh {
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mb-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.ml-5xh {
margin-left: var(--spacing-scale-5xh) !important;
}
.ml-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-n5xh {
margin: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mx-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.my-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-6x {
margin: var(--spacing-scale-6x) !important;
}
.mx-6x {
margin-left: var(--spacing-scale-6x) !important;
margin-right: var(--spacing-scale-6x) !important;
}
.my-6x {
margin-bottom: var(--spacing-scale-6x) !important;
margin-top: var(--spacing-scale-6x) !important;
}
.mt-6x {
margin-top: var(--spacing-scale-6x) !important;
}
.mt-n6x {
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.mr-6x {
margin-right: var(--spacing-scale-6x) !important;
}
.mr-n6x {
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.mb-6x {
margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.ml-6x {
margin-left: var(--spacing-scale-6x) !important;
}
.ml-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-n6x {
margin: calc(var(--spacing-scale-6x) * -1) !important;
}
.mx-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.my-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-6xh {
margin: var(--spacing-scale-6xh) !important;
}
.mx-6xh {
margin-left: var(--spacing-scale-6xh) !important;
margin-right: var(--spacing-scale-6xh) !important;
}
.my-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-6xh {
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-n6xh {
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mr-6xh {
margin-right: var(--spacing-scale-6xh) !important;
}
.mr-n6xh {
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mb-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.ml-6xh {
margin-left: var(--spacing-scale-6xh) !important;
}
.ml-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-n6xh {
margin: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mx-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.my-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-7x {
margin: var(--spacing-scale-7x) !important;
}
.mx-7x {
margin-left: var(--spacing-scale-7x) !important;
margin-right: var(--spacing-scale-7x) !important;
}
.my-7x {
margin-bottom: var(--spacing-scale-7x) !important;
margin-top: var(--spacing-scale-7x) !important;
}
.mt-7x {
margin-top: var(--spacing-scale-7x) !important;
}
.mt-n7x {
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.mr-7x {
margin-right: var(--spacing-scale-7x) !important;
}
.mr-n7x {
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.mb-7x {
margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.ml-7x {
margin-left: var(--spacing-scale-7x) !important;
}
.ml-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-n7x {
margin: calc(var(--spacing-scale-7x) * -1) !important;
}
.mx-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.my-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-7xh {
margin: var(--spacing-scale-7xh) !important;
}
.mx-7xh {
margin-left: var(--spacing-scale-7xh) !important;
margin-right: var(--spacing-scale-7xh) !important;
}
.my-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-7xh {
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-n7xh {
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mr-7xh {
margin-right: var(--spacing-scale-7xh) !important;
}
.mr-n7xh {
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mb-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.ml-7xh {
margin-left: var(--spacing-scale-7xh) !important;
}
.ml-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-n7xh {
margin: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mx-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.my-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-8x {
margin: var(--spacing-scale-8x) !important;
}
.mx-8x {
margin-left: var(--spacing-scale-8x) !important;
margin-right: var(--spacing-scale-8x) !important;
}
.my-8x {
margin-bottom: var(--spacing-scale-8x) !important;
margin-top: var(--spacing-scale-8x) !important;
}
.mt-8x {
margin-top: var(--spacing-scale-8x) !important;
}
.mt-n8x {
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.mr-8x {
margin-right: var(--spacing-scale-8x) !important;
}
.mr-n8x {
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.mb-8x {
margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.ml-8x {
margin-left: var(--spacing-scale-8x) !important;
}
.ml-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-n8x {
margin: calc(var(--spacing-scale-8x) * -1) !important;
}
.mx-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.my-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-8xh {
margin: var(--spacing-scale-8xh) !important;
}
.mx-8xh {
margin-left: var(--spacing-scale-8xh) !important;
margin-right: var(--spacing-scale-8xh) !important;
}
.my-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-8xh {
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-n8xh {
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mr-8xh {
margin-right: var(--spacing-scale-8xh) !important;
}
.mr-n8xh {
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mb-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.ml-8xh {
margin-left: var(--spacing-scale-8xh) !important;
}
.ml-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-n8xh {
margin: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mx-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.my-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-9x {
margin: var(--spacing-scale-9x) !important;
}
.mx-9x {
margin-left: var(--spacing-scale-9x) !important;
margin-right: var(--spacing-scale-9x) !important;
}
.my-9x {
margin-bottom: var(--spacing-scale-9x) !important;
margin-top: var(--spacing-scale-9x) !important;
}
.mt-9x {
margin-top: var(--spacing-scale-9x) !important;
}
.mt-n9x {
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.mr-9x {
margin-right: var(--spacing-scale-9x) !important;
}
.mr-n9x {
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.mb-9x {
margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.ml-9x {
margin-left: var(--spacing-scale-9x) !important;
}
.ml-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-n9x {
margin: calc(var(--spacing-scale-9x) * -1) !important;
}
.mx-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.my-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-9xh {
margin: var(--spacing-scale-9xh) !important;
}
.mx-9xh {
margin-left: var(--spacing-scale-9xh) !important;
margin-right: var(--spacing-scale-9xh) !important;
}
.my-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-9xh {
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-n9xh {
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mr-9xh {
margin-right: var(--spacing-scale-9xh) !important;
}
.mr-n9xh {
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mb-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.ml-9xh {
margin-left: var(--spacing-scale-9xh) !important;
}
.ml-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-n9xh {
margin: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mx-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.my-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-10x {
margin: var(--spacing-scale-10x) !important;
}
.mx-10x {
margin-left: var(--spacing-scale-10x) !important;
margin-right: var(--spacing-scale-10x) !important;
}
.my-10x {
margin-bottom: var(--spacing-scale-10x) !important;
margin-top: var(--spacing-scale-10x) !important;
}
.mt-10x {
margin-top: var(--spacing-scale-10x) !important;
}
.mt-n10x {
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.mr-10x {
margin-right: var(--spacing-scale-10x) !important;
}
.mr-n10x {
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.mb-10x {
margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.ml-10x {
margin-left: var(--spacing-scale-10x) !important;
}
.ml-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-n10x {
margin: calc(var(--spacing-scale-10x) * -1) !important;
}
.mx-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.my-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-10xh {
margin: var(--spacing-scale-10xh) !important;
}
.mx-10xh {
margin-left: var(--spacing-scale-10xh) !important;
margin-right: var(--spacing-scale-10xh) !important;
}
.my-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-10xh {
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-n10xh {
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mr-10xh {
margin-right: var(--spacing-scale-10xh) !important;
}
.mr-n10xh {
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mb-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.ml-10xh {
margin-left: var(--spacing-scale-10xh) !important;
}
.ml-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-n10xh {
margin: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mx-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.my-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-auto {
margin: auto !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-auto {
margin-bottom: auto !important;
margin-top: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-auto {
margin-left: auto !important;
}
.p-0 {
padding: var(--spacing-scale-default) !important;
}
.px-0 {
padding-left: var(--spacing-scale-default) !important;
padding-right: var(--spacing-scale-default) !important;
}
.py-0 {
padding-bottom: var(--spacing-scale-default) !important;
padding-top: var(--spacing-scale-default) !important;
}
.pt-0 {
padding-top: var(--spacing-scale-default) !important;
}
.pr-0 {
padding-right: var(--spacing-scale-default) !important;
}
.pb-0 {
padding-bottom: var(--spacing-scale-default) !important;
}
.pl-0 {
padding-left: var(--spacing-scale-default) !important;
}
.p-half {
padding: var(--spacing-scale-half) !important;
}
.px-half {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-half {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-half {
padding-top: var(--spacing-scale-half) !important;
}
.pt-nhalf {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-half {
padding-right: var(--spacing-scale-half) !important;
}
.pr-nhalf {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-half {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-half {
padding-left: var(--spacing-scale-half) !important;
}
.pl-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-nhalf {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-base {
padding: var(--spacing-scale-base) !important;
}
.px-base {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-base {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-base {
padding-top: var(--spacing-scale-base) !important;
}
.pt-nbase {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-base {
padding-right: var(--spacing-scale-base) !important;
}
.pr-nbase {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-base {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-base {
padding-left: var(--spacing-scale-base) !important;
}
.pl-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-nbase {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-baseh {
padding: var(--spacing-scale-baseh) !important;
}
.px-baseh {
padding-left: var(--spacing-scale-baseh) !important;
padding-right: var(--spacing-scale-baseh) !important;
}
.py-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-baseh {
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-nbaseh {
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pr-baseh {
padding-right: var(--spacing-scale-baseh) !important;
}
.pr-nbaseh {
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pb-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pl-baseh {
padding-left: var(--spacing-scale-baseh) !important;
}
.pl-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-nbaseh {
padding: calc(var(--spacing-scale-baseh) * -1) !important;
}
.px-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.py-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-1 {
padding: var(--spacing-scale-half) !important;
}
.px-1 {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-1 {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-1 {
padding-top: var(--spacing-scale-half) !important;
}
.pt-n1 {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-1 {
padding-right: var(--spacing-scale-half) !important;
}
.pr-n1 {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-1 {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-1 {
padding-left: var(--spacing-scale-half) !important;
}
.pl-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-n1 {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-2 {
padding: var(--spacing-scale-base) !important;
}
.px-2 {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-2 {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-2 {
padding-top: var(--spacing-scale-base) !important;
}
.pt-n2 {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-2 {
padding-right: var(--spacing-scale-base) !important;
}
.pr-n2 {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-2 {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-2 {
padding-left: var(--spacing-scale-base) !important;
}
.pl-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-n2 {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-3 {
padding: var(--spacing-scale-2x) !important;
}
.px-3 {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-3 {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-3 {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-n3 {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-3 {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-n3 {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-3 {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-3 {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-n3 {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-4 {
padding: var(--spacing-scale-3x) !important;
}
.px-4 {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-4 {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-4 {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-n4 {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-4 {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-n4 {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-4 {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-4 {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-n4 {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-5 {
padding: var(--spacing-scale-4x) !important;
}
.px-5 {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-5 {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-5 {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-n5 {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-5 {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-n5 {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-5 {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-5 {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-n5 {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-6 {
padding: var(--spacing-scale-5x) !important;
}
.px-6 {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-6 {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-6 {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-n6 {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-6 {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-n6 {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-6 {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-6 {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-n6 {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-2x {
padding: var(--spacing-scale-2x) !important;
}
.px-2x {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-2x {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-2x {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-n2x {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-2x {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-n2x {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-2x {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-2x {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-n2x {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-2xh {
padding: var(--spacing-scale-2xh) !important;
}
.px-2xh {
padding-left: var(--spacing-scale-2xh) !important;
padding-right: var(--spacing-scale-2xh) !important;
}
.py-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-2xh {
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-n2xh {
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pr-2xh {
padding-right: var(--spacing-scale-2xh) !important;
}
.pr-n2xh {
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pb-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pl-2xh {
padding-left: var(--spacing-scale-2xh) !important;
}
.pl-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-n2xh {
padding: calc(var(--spacing-scale-2xh) * -1) !important;
}
.px-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.py-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-3x {
padding: var(--spacing-scale-3x) !important;
}
.px-3x {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-3x {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-3x {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-n3x {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-3x {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-n3x {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-3x {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-3x {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-n3x {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-3xh {
padding: var(--spacing-scale-3xh) !important;
}
.px-3xh {
padding-left: var(--spacing-scale-3xh) !important;
padding-right: var(--spacing-scale-3xh) !important;
}
.py-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-3xh {
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-n3xh {
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pr-3xh {
padding-right: var(--spacing-scale-3xh) !important;
}
.pr-n3xh {
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pb-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pl-3xh {
padding-left: var(--spacing-scale-3xh) !important;
}
.pl-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-n3xh {
padding: calc(var(--spacing-scale-3xh) * -1) !important;
}
.px-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.py-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-4x {
padding: var(--spacing-scale-4x) !important;
}
.px-4x {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-4x {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-4x {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-n4x {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-4x {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-n4x {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-4x {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-4x {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-n4x {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-4xh {
padding: var(--spacing-scale-4xh) !important;
}
.px-4xh {
padding-left: var(--spacing-scale-4xh) !important;
padding-right: var(--spacing-scale-4xh) !important;
}
.py-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-4xh {
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-n4xh {
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pr-4xh {
padding-right: var(--spacing-scale-4xh) !important;
}
.pr-n4xh {
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pb-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pl-4xh {
padding-left: var(--spacing-scale-4xh) !important;
}
.pl-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-n4xh {
padding: calc(var(--spacing-scale-4xh) * -1) !important;
}
.px-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.py-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-5x {
padding: var(--spacing-scale-5x) !important;
}
.px-5x {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-5x {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-5x {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-n5x {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-5x {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-n5x {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-5x {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-5x {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-n5x {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-5xh {
padding: var(--spacing-scale-5xh) !important;
}
.px-5xh {
padding-left: var(--spacing-scale-5xh) !important;
padding-right: var(--spacing-scale-5xh) !important;
}
.py-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-5xh {
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-n5xh {
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pr-5xh {
padding-right: var(--spacing-scale-5xh) !important;
}
.pr-n5xh {
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pb-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pl-5xh {
padding-left: var(--spacing-scale-5xh) !important;
}
.pl-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-n5xh {
padding: calc(var(--spacing-scale-5xh) * -1) !important;
}
.px-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.py-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-6x {
padding: var(--spacing-scale-6x) !important;
}
.px-6x {
padding-left: var(--spacing-scale-6x) !important;
padding-right: var(--spacing-scale-6x) !important;
}
.py-6x {
padding-bottom: var(--spacing-scale-6x) !important;
padding-top: var(--spacing-scale-6x) !important;
}
.pt-6x {
padding-top: var(--spacing-scale-6x) !important;
}
.pt-n6x {
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.pr-6x {
padding-right: var(--spacing-scale-6x) !important;
}
.pr-n6x {
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.pb-6x {
padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.pl-6x {
padding-left: var(--spacing-scale-6x) !important;
}
.pl-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-n6x {
padding: calc(var(--spacing-scale-6x) * -1) !important;
}
.px-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.py-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-6xh {
padding: var(--spacing-scale-6xh) !important;
}
.px-6xh {
padding-left: var(--spacing-scale-6xh) !important;
padding-right: var(--spacing-scale-6xh) !important;
}
.py-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-6xh {
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-n6xh {
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pr-6xh {
padding-right: var(--spacing-scale-6xh) !important;
}
.pr-n6xh {
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pb-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pl-6xh {
padding-left: var(--spacing-scale-6xh) !important;
}
.pl-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-n6xh {
padding: calc(var(--spacing-scale-6xh) * -1) !important;
}
.px-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.py-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-7x {
padding: var(--spacing-scale-7x) !important;
}
.px-7x {
padding-left: var(--spacing-scale-7x) !important;
padding-right: var(--spacing-scale-7x) !important;
}
.py-7x {
padding-bottom: var(--spacing-scale-7x) !important;
padding-top: var(--spacing-scale-7x) !important;
}
.pt-7x {
padding-top: var(--spacing-scale-7x) !important;
}
.pt-n7x {
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.pr-7x {
padding-right: var(--spacing-scale-7x) !important;
}
.pr-n7x {
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.pb-7x {
padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.pl-7x {
padding-left: var(--spacing-scale-7x) !important;
}
.pl-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-n7x {
padding: calc(var(--spacing-scale-7x) * -1) !important;
}
.px-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.py-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-7xh {
padding: var(--spacing-scale-7xh) !important;
}
.px-7xh {
padding-left: var(--spacing-scale-7xh) !important;
padding-right: var(--spacing-scale-7xh) !important;
}
.py-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-7xh {
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-n7xh {
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pr-7xh {
padding-right: var(--spacing-scale-7xh) !important;
}
.pr-n7xh {
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pb-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pl-7xh {
padding-left: var(--spacing-scale-7xh) !important;
}
.pl-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-n7xh {
padding: calc(var(--spacing-scale-7xh) * -1) !important;
}
.px-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.py-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-8x {
padding: var(--spacing-scale-8x) !important;
}
.px-8x {
padding-left: var(--spacing-scale-8x) !important;
padding-right: var(--spacing-scale-8x) !important;
}
.py-8x {
padding-bottom: var(--spacing-scale-8x) !important;
padding-top: var(--spacing-scale-8x) !important;
}
.pt-8x {
padding-top: var(--spacing-scale-8x) !important;
}
.pt-n8x {
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.pr-8x {
padding-right: var(--spacing-scale-8x) !important;
}
.pr-n8x {
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.pb-8x {
padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.pl-8x {
padding-left: var(--spacing-scale-8x) !important;
}
.pl-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-n8x {
padding: calc(var(--spacing-scale-8x) * -1) !important;
}
.px-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.py-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-8xh {
padding: var(--spacing-scale-8xh) !important;
}
.px-8xh {
padding-left: var(--spacing-scale-8xh) !important;
padding-right: var(--spacing-scale-8xh) !important;
}
.py-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-8xh {
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-n8xh {
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pr-8xh {
padding-right: var(--spacing-scale-8xh) !important;
}
.pr-n8xh {
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pb-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pl-8xh {
padding-left: var(--spacing-scale-8xh) !important;
}
.pl-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-n8xh {
padding: calc(var(--spacing-scale-8xh) * -1) !important;
}
.px-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.py-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-9x {
padding: var(--spacing-scale-9x) !important;
}
.px-9x {
padding-left: var(--spacing-scale-9x) !important;
padding-right: var(--spacing-scale-9x) !important;
}
.py-9x {
padding-bottom: var(--spacing-scale-9x) !important;
padding-top: var(--spacing-scale-9x) !important;
}
.pt-9x {
padding-top: var(--spacing-scale-9x) !important;
}
.pt-n9x {
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.pr-9x {
padding-right: var(--spacing-scale-9x) !important;
}
.pr-n9x {
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.pb-9x {
padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.pl-9x {
padding-left: var(--spacing-scale-9x) !important;
}
.pl-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-n9x {
padding: calc(var(--spacing-scale-9x) * -1) !important;
}
.px-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.py-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-9xh {
padding: var(--spacing-scale-9xh) !important;
}
.px-9xh {
padding-left: var(--spacing-scale-9xh) !important;
padding-right: var(--spacing-scale-9xh) !important;
}
.py-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-9xh {
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-n9xh {
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pr-9xh {
padding-right: var(--spacing-scale-9xh) !important;
}
.pr-n9xh {
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pb-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pl-9xh {
padding-left: var(--spacing-scale-9xh) !important;
}
.pl-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-n9xh {
padding: calc(var(--spacing-scale-9xh) * -1) !important;
}
.px-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.py-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-10x {
padding: var(--spacing-scale-10x) !important;
}
.px-10x {
padding-left: var(--spacing-scale-10x) !important;
padding-right: var(--spacing-scale-10x) !important;
}
.py-10x {
padding-bottom: var(--spacing-scale-10x) !important;
padding-top: var(--spacing-scale-10x) !important;
}
.pt-10x {
padding-top: var(--spacing-scale-10x) !important;
}
.pt-n10x {
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.pr-10x {
padding-right: var(--spacing-scale-10x) !important;
}
.pr-n10x {
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.pb-10x {
padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.pl-10x {
padding-left: var(--spacing-scale-10x) !important;
}
.pl-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-n10x {
padding: calc(var(--spacing-scale-10x) * -1) !important;
}
.px-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.py-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-10xh {
padding: var(--spacing-scale-10xh) !important;
}
.px-10xh {
padding-left: var(--spacing-scale-10xh) !important;
padding-right: var(--spacing-scale-10xh) !important;
}
.py-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-10xh {
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-n10xh {
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pr-10xh {
padding-right: var(--spacing-scale-10xh) !important;
}
.pr-n10xh {
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pb-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pl-10xh {
padding-left: var(--spacing-scale-10xh) !important;
}
.pl-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.p-n10xh {
padding: calc(var(--spacing-scale-10xh) * -1) !important;
}
.px-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.py-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: var(--spacing-scale-default) !important;
}
.mx-sm-0 {
margin-left: var(--spacing-scale-default) !important;
margin-right: var(--spacing-scale-default) !important;
}
.my-sm-0 {
margin-bottom: var(--spacing-scale-default) !important;
margin-top: var(--spacing-scale-default) !important;
}
.mt-sm-0 {
margin-top: var(--spacing-scale-default) !important;
}
.mr-sm-0 {
margin-right: var(--spacing-scale-default) !important;
}
.mb-sm-0 {
margin-bottom: var(--spacing-scale-default) !important;
}
.ml-sm-0 {
margin-left: var(--spacing-scale-default) !important;
}
.m-sm-half {
margin: var(--spacing-scale-half) !important;
}
.mx-sm-half {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-sm-half {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-sm-half {
margin-top: var(--spacing-scale-half) !important;
}
.mt-sm-nhalf {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-sm-half {
margin-right: var(--spacing-scale-half) !important;
}
.mr-sm-nhalf {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-sm-half {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-sm-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-sm-half {
margin-left: var(--spacing-scale-half) !important;
}
.ml-sm-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-sm-nhalf {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-sm-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-sm-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-sm-base {
margin: var(--spacing-scale-base) !important;
}
.mx-sm-base {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-sm-base {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-sm-base {
margin-top: var(--spacing-scale-base) !important;
}
.mt-sm-nbase {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-sm-base {
margin-right: var(--spacing-scale-base) !important;
}
.mr-sm-nbase {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-sm-base {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-sm-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-sm-base {
margin-left: var(--spacing-scale-base) !important;
}
.ml-sm-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-sm-nbase {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-sm-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-sm-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-sm-baseh {
margin: var(--spacing-scale-baseh) !important;
}
.mx-sm-baseh {
margin-left: var(--spacing-scale-baseh) !important;
margin-right: var(--spacing-scale-baseh) !important;
}
.my-sm-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-sm-baseh {
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-sm-nbaseh {
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mr-sm-baseh {
margin-right: var(--spacing-scale-baseh) !important;
}
.mr-sm-nbaseh {
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mb-sm-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-sm-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.ml-sm-baseh {
margin-left: var(--spacing-scale-baseh) !important;
}
.ml-sm-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-sm-nbaseh {
margin: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mx-sm-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.my-sm-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-sm-1 {
margin: var(--spacing-scale-half) !important;
}
.mx-sm-1 {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-sm-1 {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-sm-1 {
margin-top: var(--spacing-scale-half) !important;
}
.mt-sm-n1 {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-sm-1 {
margin-right: var(--spacing-scale-half) !important;
}
.mr-sm-n1 {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-sm-1 {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-sm-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-sm-1 {
margin-left: var(--spacing-scale-half) !important;
}
.ml-sm-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-sm-n1 {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-sm-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-sm-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-sm-2 {
margin: var(--spacing-scale-base) !important;
}
.mx-sm-2 {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-sm-2 {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-sm-2 {
margin-top: var(--spacing-scale-base) !important;
}
.mt-sm-n2 {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-sm-2 {
margin-right: var(--spacing-scale-base) !important;
}
.mr-sm-n2 {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-sm-2 {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-sm-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-sm-2 {
margin-left: var(--spacing-scale-base) !important;
}
.ml-sm-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-sm-n2 {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-sm-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-sm-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-sm-3 {
margin: var(--spacing-scale-2x) !important;
}
.mx-sm-3 {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-sm-3 {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-sm-3 {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-sm-n3 {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-sm-3 {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-sm-n3 {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-sm-3 {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-sm-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-sm-3 {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-sm-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-sm-n3 {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-sm-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-sm-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-sm-4 {
margin: var(--spacing-scale-3x) !important;
}
.mx-sm-4 {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-sm-4 {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-sm-4 {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-sm-n4 {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-sm-4 {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-sm-n4 {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-sm-4 {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-sm-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-sm-4 {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-sm-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-sm-n4 {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-sm-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-sm-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-sm-5 {
margin: var(--spacing-scale-4x) !important;
}
.mx-sm-5 {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-sm-5 {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-sm-5 {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-sm-n5 {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-sm-5 {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-sm-n5 {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-sm-5 {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-sm-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-sm-5 {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-sm-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-sm-n5 {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-sm-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-sm-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-sm-6 {
margin: var(--spacing-scale-5x) !important;
}
.mx-sm-6 {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-sm-6 {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-sm-6 {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-sm-n6 {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-sm-6 {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-sm-n6 {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-sm-6 {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-sm-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-sm-6 {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-sm-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-sm-n6 {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-sm-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-sm-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-sm-2x {
margin: var(--spacing-scale-2x) !important;
}
.mx-sm-2x {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-sm-2x {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-sm-2x {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-sm-n2x {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-sm-2x {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-sm-n2x {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-sm-2x {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-sm-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-sm-2x {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-sm-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-sm-n2x {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-sm-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-sm-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-sm-2xh {
margin: var(--spacing-scale-2xh) !important;
}
.mx-sm-2xh {
margin-left: var(--spacing-scale-2xh) !important;
margin-right: var(--spacing-scale-2xh) !important;
}
.my-sm-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-sm-2xh {
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-sm-n2xh {
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mr-sm-2xh {
margin-right: var(--spacing-scale-2xh) !important;
}
.mr-sm-n2xh {
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mb-sm-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-sm-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.ml-sm-2xh {
margin-left: var(--spacing-scale-2xh) !important;
}
.ml-sm-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-sm-n2xh {
margin: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mx-sm-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.my-sm-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-sm-3x {
margin: var(--spacing-scale-3x) !important;
}
.mx-sm-3x {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-sm-3x {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-sm-3x {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-sm-n3x {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-sm-3x {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-sm-n3x {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-sm-3x {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-sm-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-sm-3x {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-sm-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-sm-n3x {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-sm-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-sm-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-sm-3xh {
margin: var(--spacing-scale-3xh) !important;
}
.mx-sm-3xh {
margin-left: var(--spacing-scale-3xh) !important;
margin-right: var(--spacing-scale-3xh) !important;
}
.my-sm-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-sm-3xh {
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-sm-n3xh {
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mr-sm-3xh {
margin-right: var(--spacing-scale-3xh) !important;
}
.mr-sm-n3xh {
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mb-sm-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-sm-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.ml-sm-3xh {
margin-left: var(--spacing-scale-3xh) !important;
}
.ml-sm-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-sm-n3xh {
margin: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mx-sm-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.my-sm-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-sm-4x {
margin: var(--spacing-scale-4x) !important;
}
.mx-sm-4x {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-sm-4x {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-sm-4x {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-sm-n4x {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-sm-4x {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-sm-n4x {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-sm-4x {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-sm-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-sm-4x {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-sm-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-sm-n4x {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-sm-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-sm-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-sm-4xh {
margin: var(--spacing-scale-4xh) !important;
}
.mx-sm-4xh {
margin-left: var(--spacing-scale-4xh) !important;
margin-right: var(--spacing-scale-4xh) !important;
}
.my-sm-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-sm-4xh {
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-sm-n4xh {
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mr-sm-4xh {
margin-right: var(--spacing-scale-4xh) !important;
}
.mr-sm-n4xh {
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mb-sm-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-sm-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.ml-sm-4xh {
margin-left: var(--spacing-scale-4xh) !important;
}
.ml-sm-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-sm-n4xh {
margin: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mx-sm-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.my-sm-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-sm-5x {
margin: var(--spacing-scale-5x) !important;
}
.mx-sm-5x {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-sm-5x {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-sm-5x {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-sm-n5x {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-sm-5x {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-sm-n5x {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-sm-5x {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-sm-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-sm-5x {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-sm-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-sm-n5x {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-sm-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-sm-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-sm-5xh {
margin: var(--spacing-scale-5xh) !important;
}
.mx-sm-5xh {
margin-left: var(--spacing-scale-5xh) !important;
margin-right: var(--spacing-scale-5xh) !important;
}
.my-sm-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-sm-5xh {
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-sm-n5xh {
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mr-sm-5xh {
margin-right: var(--spacing-scale-5xh) !important;
}
.mr-sm-n5xh {
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mb-sm-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-sm-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.ml-sm-5xh {
margin-left: var(--spacing-scale-5xh) !important;
}
.ml-sm-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-sm-n5xh {
margin: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mx-sm-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.my-sm-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-sm-6x {
margin: var(--spacing-scale-6x) !important;
}
.mx-sm-6x {
margin-left: var(--spacing-scale-6x) !important;
margin-right: var(--spacing-scale-6x) !important;
}
.my-sm-6x {
margin-bottom: var(--spacing-scale-6x) !important;
margin-top: var(--spacing-scale-6x) !important;
}
.mt-sm-6x {
margin-top: var(--spacing-scale-6x) !important;
}
.mt-sm-n6x {
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.mr-sm-6x {
margin-right: var(--spacing-scale-6x) !important;
}
.mr-sm-n6x {
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.mb-sm-6x {
margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-sm-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.ml-sm-6x {
margin-left: var(--spacing-scale-6x) !important;
}
.ml-sm-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-sm-n6x {
margin: calc(var(--spacing-scale-6x) * -1) !important;
}
.mx-sm-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.my-sm-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-sm-6xh {
margin: var(--spacing-scale-6xh) !important;
}
.mx-sm-6xh {
margin-left: var(--spacing-scale-6xh) !important;
margin-right: var(--spacing-scale-6xh) !important;
}
.my-sm-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-sm-6xh {
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-sm-n6xh {
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mr-sm-6xh {
margin-right: var(--spacing-scale-6xh) !important;
}
.mr-sm-n6xh {
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mb-sm-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-sm-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.ml-sm-6xh {
margin-left: var(--spacing-scale-6xh) !important;
}
.ml-sm-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-sm-n6xh {
margin: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mx-sm-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.my-sm-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-sm-7x {
margin: var(--spacing-scale-7x) !important;
}
.mx-sm-7x {
margin-left: var(--spacing-scale-7x) !important;
margin-right: var(--spacing-scale-7x) !important;
}
.my-sm-7x {
margin-bottom: var(--spacing-scale-7x) !important;
margin-top: var(--spacing-scale-7x) !important;
}
.mt-sm-7x {
margin-top: var(--spacing-scale-7x) !important;
}
.mt-sm-n7x {
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.mr-sm-7x {
margin-right: var(--spacing-scale-7x) !important;
}
.mr-sm-n7x {
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.mb-sm-7x {
margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-sm-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.ml-sm-7x {
margin-left: var(--spacing-scale-7x) !important;
}
.ml-sm-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-sm-n7x {
margin: calc(var(--spacing-scale-7x) * -1) !important;
}
.mx-sm-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.my-sm-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-sm-7xh {
margin: var(--spacing-scale-7xh) !important;
}
.mx-sm-7xh {
margin-left: var(--spacing-scale-7xh) !important;
margin-right: var(--spacing-scale-7xh) !important;
}
.my-sm-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-sm-7xh {
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-sm-n7xh {
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mr-sm-7xh {
margin-right: var(--spacing-scale-7xh) !important;
}
.mr-sm-n7xh {
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mb-sm-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-sm-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.ml-sm-7xh {
margin-left: var(--spacing-scale-7xh) !important;
}
.ml-sm-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-sm-n7xh {
margin: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mx-sm-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.my-sm-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-sm-8x {
margin: var(--spacing-scale-8x) !important;
}
.mx-sm-8x {
margin-left: var(--spacing-scale-8x) !important;
margin-right: var(--spacing-scale-8x) !important;
}
.my-sm-8x {
margin-bottom: var(--spacing-scale-8x) !important;
margin-top: var(--spacing-scale-8x) !important;
}
.mt-sm-8x {
margin-top: var(--spacing-scale-8x) !important;
}
.mt-sm-n8x {
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.mr-sm-8x {
margin-right: var(--spacing-scale-8x) !important;
}
.mr-sm-n8x {
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.mb-sm-8x {
margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-sm-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.ml-sm-8x {
margin-left: var(--spacing-scale-8x) !important;
}
.ml-sm-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-sm-n8x {
margin: calc(var(--spacing-scale-8x) * -1) !important;
}
.mx-sm-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.my-sm-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-sm-8xh {
margin: var(--spacing-scale-8xh) !important;
}
.mx-sm-8xh {
margin-left: var(--spacing-scale-8xh) !important;
margin-right: var(--spacing-scale-8xh) !important;
}
.my-sm-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-sm-8xh {
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-sm-n8xh {
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mr-sm-8xh {
margin-right: var(--spacing-scale-8xh) !important;
}
.mr-sm-n8xh {
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mb-sm-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-sm-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.ml-sm-8xh {
margin-left: var(--spacing-scale-8xh) !important;
}
.ml-sm-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-sm-n8xh {
margin: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mx-sm-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.my-sm-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-sm-9x {
margin: var(--spacing-scale-9x) !important;
}
.mx-sm-9x {
margin-left: var(--spacing-scale-9x) !important;
margin-right: var(--spacing-scale-9x) !important;
}
.my-sm-9x {
margin-bottom: var(--spacing-scale-9x) !important;
margin-top: var(--spacing-scale-9x) !important;
}
.mt-sm-9x {
margin-top: var(--spacing-scale-9x) !important;
}
.mt-sm-n9x {
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.mr-sm-9x {
margin-right: var(--spacing-scale-9x) !important;
}
.mr-sm-n9x {
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.mb-sm-9x {
margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-sm-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.ml-sm-9x {
margin-left: var(--spacing-scale-9x) !important;
}
.ml-sm-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-sm-n9x {
margin: calc(var(--spacing-scale-9x) * -1) !important;
}
.mx-sm-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.my-sm-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-sm-9xh {
margin: var(--spacing-scale-9xh) !important;
}
.mx-sm-9xh {
margin-left: var(--spacing-scale-9xh) !important;
margin-right: var(--spacing-scale-9xh) !important;
}
.my-sm-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-sm-9xh {
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-sm-n9xh {
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mr-sm-9xh {
margin-right: var(--spacing-scale-9xh) !important;
}
.mr-sm-n9xh {
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mb-sm-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-sm-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.ml-sm-9xh {
margin-left: var(--spacing-scale-9xh) !important;
}
.ml-sm-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-sm-n9xh {
margin: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mx-sm-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.my-sm-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-sm-10x {
margin: var(--spacing-scale-10x) !important;
}
.mx-sm-10x {
margin-left: var(--spacing-scale-10x) !important;
margin-right: var(--spacing-scale-10x) !important;
}
.my-sm-10x {
margin-bottom: var(--spacing-scale-10x) !important;
margin-top: var(--spacing-scale-10x) !important;
}
.mt-sm-10x {
margin-top: var(--spacing-scale-10x) !important;
}
.mt-sm-n10x {
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.mr-sm-10x {
margin-right: var(--spacing-scale-10x) !important;
}
.mr-sm-n10x {
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.mb-sm-10x {
margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-sm-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.ml-sm-10x {
margin-left: var(--spacing-scale-10x) !important;
}
.ml-sm-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-sm-n10x {
margin: calc(var(--spacing-scale-10x) * -1) !important;
}
.mx-sm-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.my-sm-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-sm-10xh {
margin: var(--spacing-scale-10xh) !important;
}
.mx-sm-10xh {
margin-left: var(--spacing-scale-10xh) !important;
margin-right: var(--spacing-scale-10xh) !important;
}
.my-sm-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-sm-10xh {
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-sm-n10xh {
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mr-sm-10xh {
margin-right: var(--spacing-scale-10xh) !important;
}
.mr-sm-n10xh {
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mb-sm-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-sm-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.ml-sm-10xh {
margin-left: var(--spacing-scale-10xh) !important;
}
.ml-sm-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-sm-n10xh {
margin: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mx-sm-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.my-sm-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-sm-auto {
margin-bottom: auto !important;
margin-top: auto !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: var(--spacing-scale-default) !important;
}
.px-sm-0 {
padding-left: var(--spacing-scale-default) !important;
padding-right: var(--spacing-scale-default) !important;
}
.py-sm-0 {
padding-bottom: var(--spacing-scale-default) !important;
padding-top: var(--spacing-scale-default) !important;
}
.pt-sm-0 {
padding-top: var(--spacing-scale-default) !important;
}
.pr-sm-0 {
padding-right: var(--spacing-scale-default) !important;
}
.pb-sm-0 {
padding-bottom: var(--spacing-scale-default) !important;
}
.pl-sm-0 {
padding-left: var(--spacing-scale-default) !important;
}
.p-sm-half {
padding: var(--spacing-scale-half) !important;
}
.px-sm-half {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-sm-half {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-sm-half {
padding-top: var(--spacing-scale-half) !important;
}
.pt-sm-nhalf {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-sm-half {
padding-right: var(--spacing-scale-half) !important;
}
.pr-sm-nhalf {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-sm-half {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-sm-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-sm-half {
padding-left: var(--spacing-scale-half) !important;
}
.pl-sm-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-sm-nhalf {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-sm-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-sm-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-sm-base {
padding: var(--spacing-scale-base) !important;
}
.px-sm-base {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-sm-base {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-sm-base {
padding-top: var(--spacing-scale-base) !important;
}
.pt-sm-nbase {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-sm-base {
padding-right: var(--spacing-scale-base) !important;
}
.pr-sm-nbase {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-sm-base {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-sm-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-sm-base {
padding-left: var(--spacing-scale-base) !important;
}
.pl-sm-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-sm-nbase {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-sm-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-sm-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-sm-baseh {
padding: var(--spacing-scale-baseh) !important;
}
.px-sm-baseh {
padding-left: var(--spacing-scale-baseh) !important;
padding-right: var(--spacing-scale-baseh) !important;
}
.py-sm-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-sm-baseh {
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-sm-nbaseh {
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pr-sm-baseh {
padding-right: var(--spacing-scale-baseh) !important;
}
.pr-sm-nbaseh {
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pb-sm-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-sm-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pl-sm-baseh {
padding-left: var(--spacing-scale-baseh) !important;
}
.pl-sm-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-sm-nbaseh {
padding: calc(var(--spacing-scale-baseh) * -1) !important;
}
.px-sm-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.py-sm-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-sm-1 {
padding: var(--spacing-scale-half) !important;
}
.px-sm-1 {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-sm-1 {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-sm-1 {
padding-top: var(--spacing-scale-half) !important;
}
.pt-sm-n1 {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-sm-1 {
padding-right: var(--spacing-scale-half) !important;
}
.pr-sm-n1 {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-sm-1 {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-sm-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-sm-1 {
padding-left: var(--spacing-scale-half) !important;
}
.pl-sm-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-sm-n1 {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-sm-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-sm-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-sm-2 {
padding: var(--spacing-scale-base) !important;
}
.px-sm-2 {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-sm-2 {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-sm-2 {
padding-top: var(--spacing-scale-base) !important;
}
.pt-sm-n2 {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-sm-2 {
padding-right: var(--spacing-scale-base) !important;
}
.pr-sm-n2 {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-sm-2 {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-sm-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-sm-2 {
padding-left: var(--spacing-scale-base) !important;
}
.pl-sm-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-sm-n2 {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-sm-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-sm-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-sm-3 {
padding: var(--spacing-scale-2x) !important;
}
.px-sm-3 {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-sm-3 {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-sm-3 {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-sm-n3 {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-sm-3 {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-sm-n3 {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-sm-3 {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-sm-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-sm-3 {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-sm-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-sm-n3 {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-sm-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-sm-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-sm-4 {
padding: var(--spacing-scale-3x) !important;
}
.px-sm-4 {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-sm-4 {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-sm-4 {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-sm-n4 {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-sm-4 {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-sm-n4 {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-sm-4 {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-sm-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-sm-4 {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-sm-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-sm-n4 {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-sm-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-sm-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-sm-5 {
padding: var(--spacing-scale-4x) !important;
}
.px-sm-5 {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-sm-5 {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-sm-5 {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-sm-n5 {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-sm-5 {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-sm-n5 {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-sm-5 {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-sm-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-sm-5 {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-sm-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-sm-n5 {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-sm-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-sm-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-sm-6 {
padding: var(--spacing-scale-5x) !important;
}
.px-sm-6 {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-sm-6 {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-sm-6 {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-sm-n6 {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-sm-6 {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-sm-n6 {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-sm-6 {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-sm-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-sm-6 {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-sm-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-sm-n6 {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-sm-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-sm-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-sm-2x {
padding: var(--spacing-scale-2x) !important;
}
.px-sm-2x {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-sm-2x {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-sm-2x {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-sm-n2x {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-sm-2x {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-sm-n2x {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-sm-2x {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-sm-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-sm-2x {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-sm-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-sm-n2x {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-sm-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-sm-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-sm-2xh {
padding: var(--spacing-scale-2xh) !important;
}
.px-sm-2xh {
padding-left: var(--spacing-scale-2xh) !important;
padding-right: var(--spacing-scale-2xh) !important;
}
.py-sm-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-sm-2xh {
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-sm-n2xh {
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pr-sm-2xh {
padding-right: var(--spacing-scale-2xh) !important;
}
.pr-sm-n2xh {
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pb-sm-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-sm-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pl-sm-2xh {
padding-left: var(--spacing-scale-2xh) !important;
}
.pl-sm-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-sm-n2xh {
padding: calc(var(--spacing-scale-2xh) * -1) !important;
}
.px-sm-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.py-sm-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-sm-3x {
padding: var(--spacing-scale-3x) !important;
}
.px-sm-3x {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-sm-3x {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-sm-3x {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-sm-n3x {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-sm-3x {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-sm-n3x {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-sm-3x {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-sm-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-sm-3x {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-sm-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-sm-n3x {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-sm-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-sm-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-sm-3xh {
padding: var(--spacing-scale-3xh) !important;
}
.px-sm-3xh {
padding-left: var(--spacing-scale-3xh) !important;
padding-right: var(--spacing-scale-3xh) !important;
}
.py-sm-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-sm-3xh {
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-sm-n3xh {
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pr-sm-3xh {
padding-right: var(--spacing-scale-3xh) !important;
}
.pr-sm-n3xh {
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pb-sm-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-sm-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pl-sm-3xh {
padding-left: var(--spacing-scale-3xh) !important;
}
.pl-sm-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-sm-n3xh {
padding: calc(var(--spacing-scale-3xh) * -1) !important;
}
.px-sm-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.py-sm-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-sm-4x {
padding: var(--spacing-scale-4x) !important;
}
.px-sm-4x {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-sm-4x {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-sm-4x {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-sm-n4x {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-sm-4x {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-sm-n4x {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-sm-4x {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-sm-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-sm-4x {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-sm-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-sm-n4x {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-sm-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-sm-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-sm-4xh {
padding: var(--spacing-scale-4xh) !important;
}
.px-sm-4xh {
padding-left: var(--spacing-scale-4xh) !important;
padding-right: var(--spacing-scale-4xh) !important;
}
.py-sm-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-sm-4xh {
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-sm-n4xh {
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pr-sm-4xh {
padding-right: var(--spacing-scale-4xh) !important;
}
.pr-sm-n4xh {
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pb-sm-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-sm-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pl-sm-4xh {
padding-left: var(--spacing-scale-4xh) !important;
}
.pl-sm-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-sm-n4xh {
padding: calc(var(--spacing-scale-4xh) * -1) !important;
}
.px-sm-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.py-sm-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-sm-5x {
padding: var(--spacing-scale-5x) !important;
}
.px-sm-5x {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-sm-5x {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-sm-5x {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-sm-n5x {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-sm-5x {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-sm-n5x {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-sm-5x {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-sm-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-sm-5x {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-sm-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-sm-n5x {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-sm-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-sm-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-sm-5xh {
padding: var(--spacing-scale-5xh) !important;
}
.px-sm-5xh {
padding-left: var(--spacing-scale-5xh) !important;
padding-right: var(--spacing-scale-5xh) !important;
}
.py-sm-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-sm-5xh {
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-sm-n5xh {
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pr-sm-5xh {
padding-right: var(--spacing-scale-5xh) !important;
}
.pr-sm-n5xh {
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pb-sm-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-sm-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pl-sm-5xh {
padding-left: var(--spacing-scale-5xh) !important;
}
.pl-sm-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-sm-n5xh {
padding: calc(var(--spacing-scale-5xh) * -1) !important;
}
.px-sm-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.py-sm-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-sm-6x {
padding: var(--spacing-scale-6x) !important;
}
.px-sm-6x {
padding-left: var(--spacing-scale-6x) !important;
padding-right: var(--spacing-scale-6x) !important;
}
.py-sm-6x {
padding-bottom: var(--spacing-scale-6x) !important;
padding-top: var(--spacing-scale-6x) !important;
}
.pt-sm-6x {
padding-top: var(--spacing-scale-6x) !important;
}
.pt-sm-n6x {
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.pr-sm-6x {
padding-right: var(--spacing-scale-6x) !important;
}
.pr-sm-n6x {
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.pb-sm-6x {
padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-sm-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.pl-sm-6x {
padding-left: var(--spacing-scale-6x) !important;
}
.pl-sm-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-sm-n6x {
padding: calc(var(--spacing-scale-6x) * -1) !important;
}
.px-sm-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.py-sm-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-sm-6xh {
padding: var(--spacing-scale-6xh) !important;
}
.px-sm-6xh {
padding-left: var(--spacing-scale-6xh) !important;
padding-right: var(--spacing-scale-6xh) !important;
}
.py-sm-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-sm-6xh {
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-sm-n6xh {
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pr-sm-6xh {
padding-right: var(--spacing-scale-6xh) !important;
}
.pr-sm-n6xh {
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pb-sm-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-sm-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pl-sm-6xh {
padding-left: var(--spacing-scale-6xh) !important;
}
.pl-sm-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-sm-n6xh {
padding: calc(var(--spacing-scale-6xh) * -1) !important;
}
.px-sm-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.py-sm-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-sm-7x {
padding: var(--spacing-scale-7x) !important;
}
.px-sm-7x {
padding-left: var(--spacing-scale-7x) !important;
padding-right: var(--spacing-scale-7x) !important;
}
.py-sm-7x {
padding-bottom: var(--spacing-scale-7x) !important;
padding-top: var(--spacing-scale-7x) !important;
}
.pt-sm-7x {
padding-top: var(--spacing-scale-7x) !important;
}
.pt-sm-n7x {
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.pr-sm-7x {
padding-right: var(--spacing-scale-7x) !important;
}
.pr-sm-n7x {
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.pb-sm-7x {
padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-sm-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.pl-sm-7x {
padding-left: var(--spacing-scale-7x) !important;
}
.pl-sm-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-sm-n7x {
padding: calc(var(--spacing-scale-7x) * -1) !important;
}
.px-sm-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.py-sm-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-sm-7xh {
padding: var(--spacing-scale-7xh) !important;
}
.px-sm-7xh {
padding-left: var(--spacing-scale-7xh) !important;
padding-right: var(--spacing-scale-7xh) !important;
}
.py-sm-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-sm-7xh {
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-sm-n7xh {
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pr-sm-7xh {
padding-right: var(--spacing-scale-7xh) !important;
}
.pr-sm-n7xh {
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pb-sm-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-sm-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pl-sm-7xh {
padding-left: var(--spacing-scale-7xh) !important;
}
.pl-sm-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-sm-n7xh {
padding: calc(var(--spacing-scale-7xh) * -1) !important;
}
.px-sm-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.py-sm-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-sm-8x {
padding: var(--spacing-scale-8x) !important;
}
.px-sm-8x {
padding-left: var(--spacing-scale-8x) !important;
padding-right: var(--spacing-scale-8x) !important;
}
.py-sm-8x {
padding-bottom: var(--spacing-scale-8x) !important;
padding-top: var(--spacing-scale-8x) !important;
}
.pt-sm-8x {
padding-top: var(--spacing-scale-8x) !important;
}
.pt-sm-n8x {
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.pr-sm-8x {
padding-right: var(--spacing-scale-8x) !important;
}
.pr-sm-n8x {
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.pb-sm-8x {
padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-sm-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.pl-sm-8x {
padding-left: var(--spacing-scale-8x) !important;
}
.pl-sm-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-sm-n8x {
padding: calc(var(--spacing-scale-8x) * -1) !important;
}
.px-sm-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.py-sm-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-sm-8xh {
padding: var(--spacing-scale-8xh) !important;
}
.px-sm-8xh {
padding-left: var(--spacing-scale-8xh) !important;
padding-right: var(--spacing-scale-8xh) !important;
}
.py-sm-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-sm-8xh {
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-sm-n8xh {
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pr-sm-8xh {
padding-right: var(--spacing-scale-8xh) !important;
}
.pr-sm-n8xh {
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pb-sm-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-sm-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pl-sm-8xh {
padding-left: var(--spacing-scale-8xh) !important;
}
.pl-sm-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-sm-n8xh {
padding: calc(var(--spacing-scale-8xh) * -1) !important;
}
.px-sm-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.py-sm-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-sm-9x {
padding: var(--spacing-scale-9x) !important;
}
.px-sm-9x {
padding-left: var(--spacing-scale-9x) !important;
padding-right: var(--spacing-scale-9x) !important;
}
.py-sm-9x {
padding-bottom: var(--spacing-scale-9x) !important;
padding-top: var(--spacing-scale-9x) !important;
}
.pt-sm-9x {
padding-top: var(--spacing-scale-9x) !important;
}
.pt-sm-n9x {
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.pr-sm-9x {
padding-right: var(--spacing-scale-9x) !important;
}
.pr-sm-n9x {
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.pb-sm-9x {
padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-sm-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.pl-sm-9x {
padding-left: var(--spacing-scale-9x) !important;
}
.pl-sm-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-sm-n9x {
padding: calc(var(--spacing-scale-9x) * -1) !important;
}
.px-sm-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.py-sm-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-sm-9xh {
padding: var(--spacing-scale-9xh) !important;
}
.px-sm-9xh {
padding-left: var(--spacing-scale-9xh) !important;
padding-right: var(--spacing-scale-9xh) !important;
}
.py-sm-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-sm-9xh {
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-sm-n9xh {
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pr-sm-9xh {
padding-right: var(--spacing-scale-9xh) !important;
}
.pr-sm-n9xh {
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pb-sm-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-sm-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pl-sm-9xh {
padding-left: var(--spacing-scale-9xh) !important;
}
.pl-sm-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-sm-n9xh {
padding: calc(var(--spacing-scale-9xh) * -1) !important;
}
.px-sm-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.py-sm-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-sm-10x {
padding: var(--spacing-scale-10x) !important;
}
.px-sm-10x {
padding-left: var(--spacing-scale-10x) !important;
padding-right: var(--spacing-scale-10x) !important;
}
.py-sm-10x {
padding-bottom: var(--spacing-scale-10x) !important;
padding-top: var(--spacing-scale-10x) !important;
}
.pt-sm-10x {
padding-top: var(--spacing-scale-10x) !important;
}
.pt-sm-n10x {
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.pr-sm-10x {
padding-right: var(--spacing-scale-10x) !important;
}
.pr-sm-n10x {
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.pb-sm-10x {
padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-sm-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.pl-sm-10x {
padding-left: var(--spacing-scale-10x) !important;
}
.pl-sm-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-sm-n10x {
padding: calc(var(--spacing-scale-10x) * -1) !important;
}
.px-sm-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.py-sm-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-sm-10xh {
padding: var(--spacing-scale-10xh) !important;
}
.px-sm-10xh {
padding-left: var(--spacing-scale-10xh) !important;
padding-right: var(--spacing-scale-10xh) !important;
}
.py-sm-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-sm-10xh {
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-sm-n10xh {
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pr-sm-10xh {
padding-right: var(--spacing-scale-10xh) !important;
}
.pr-sm-n10xh {
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pb-sm-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-sm-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pl-sm-10xh {
padding-left: var(--spacing-scale-10xh) !important;
}
.pl-sm-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.p-sm-n10xh {
padding: calc(var(--spacing-scale-10xh) * -1) !important;
}
.px-sm-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.py-sm-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
}
@media (min-width: 992px) {
.m-md-0 {
margin: var(--spacing-scale-default) !important;
}
.mx-md-0 {
margin-left: var(--spacing-scale-default) !important;
margin-right: var(--spacing-scale-default) !important;
}
.my-md-0 {
margin-bottom: var(--spacing-scale-default) !important;
margin-top: var(--spacing-scale-default) !important;
}
.mt-md-0 {
margin-top: var(--spacing-scale-default) !important;
}
.mr-md-0 {
margin-right: var(--spacing-scale-default) !important;
}
.mb-md-0 {
margin-bottom: var(--spacing-scale-default) !important;
}
.ml-md-0 {
margin-left: var(--spacing-scale-default) !important;
}
.m-md-half {
margin: var(--spacing-scale-half) !important;
}
.mx-md-half {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-md-half {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-md-half {
margin-top: var(--spacing-scale-half) !important;
}
.mt-md-nhalf {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-md-half {
margin-right: var(--spacing-scale-half) !important;
}
.mr-md-nhalf {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-md-half {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-md-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-md-half {
margin-left: var(--spacing-scale-half) !important;
}
.ml-md-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-md-nhalf {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-md-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-md-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-md-base {
margin: var(--spacing-scale-base) !important;
}
.mx-md-base {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-md-base {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-md-base {
margin-top: var(--spacing-scale-base) !important;
}
.mt-md-nbase {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-md-base {
margin-right: var(--spacing-scale-base) !important;
}
.mr-md-nbase {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-md-base {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-md-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-md-base {
margin-left: var(--spacing-scale-base) !important;
}
.ml-md-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-md-nbase {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-md-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-md-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-md-baseh {
margin: var(--spacing-scale-baseh) !important;
}
.mx-md-baseh {
margin-left: var(--spacing-scale-baseh) !important;
margin-right: var(--spacing-scale-baseh) !important;
}
.my-md-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-md-baseh {
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-md-nbaseh {
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mr-md-baseh {
margin-right: var(--spacing-scale-baseh) !important;
}
.mr-md-nbaseh {
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mb-md-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-md-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.ml-md-baseh {
margin-left: var(--spacing-scale-baseh) !important;
}
.ml-md-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-md-nbaseh {
margin: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mx-md-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.my-md-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-md-1 {
margin: var(--spacing-scale-half) !important;
}
.mx-md-1 {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-md-1 {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-md-1 {
margin-top: var(--spacing-scale-half) !important;
}
.mt-md-n1 {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-md-1 {
margin-right: var(--spacing-scale-half) !important;
}
.mr-md-n1 {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-md-1 {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-md-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-md-1 {
margin-left: var(--spacing-scale-half) !important;
}
.ml-md-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-md-n1 {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-md-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-md-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-md-2 {
margin: var(--spacing-scale-base) !important;
}
.mx-md-2 {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-md-2 {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-md-2 {
margin-top: var(--spacing-scale-base) !important;
}
.mt-md-n2 {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-md-2 {
margin-right: var(--spacing-scale-base) !important;
}
.mr-md-n2 {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-md-2 {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-md-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-md-2 {
margin-left: var(--spacing-scale-base) !important;
}
.ml-md-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-md-n2 {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-md-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-md-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-md-3 {
margin: var(--spacing-scale-2x) !important;
}
.mx-md-3 {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-md-3 {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-md-3 {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-md-n3 {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-md-3 {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-md-n3 {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-md-3 {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-md-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-md-3 {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-md-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-md-n3 {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-md-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-md-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-md-4 {
margin: var(--spacing-scale-3x) !important;
}
.mx-md-4 {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-md-4 {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-md-4 {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-md-n4 {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-md-4 {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-md-n4 {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-md-4 {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-md-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-md-4 {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-md-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-md-n4 {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-md-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-md-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-md-5 {
margin: var(--spacing-scale-4x) !important;
}
.mx-md-5 {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-md-5 {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-md-5 {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-md-n5 {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-md-5 {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-md-n5 {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-md-5 {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-md-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-md-5 {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-md-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-md-n5 {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-md-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-md-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-md-6 {
margin: var(--spacing-scale-5x) !important;
}
.mx-md-6 {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-md-6 {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-md-6 {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-md-n6 {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-md-6 {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-md-n6 {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-md-6 {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-md-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-md-6 {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-md-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-md-n6 {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-md-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-md-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-md-2x {
margin: var(--spacing-scale-2x) !important;
}
.mx-md-2x {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-md-2x {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-md-2x {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-md-n2x {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-md-2x {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-md-n2x {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-md-2x {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-md-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-md-2x {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-md-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-md-n2x {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-md-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-md-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-md-2xh {
margin: var(--spacing-scale-2xh) !important;
}
.mx-md-2xh {
margin-left: var(--spacing-scale-2xh) !important;
margin-right: var(--spacing-scale-2xh) !important;
}
.my-md-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-md-2xh {
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-md-n2xh {
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mr-md-2xh {
margin-right: var(--spacing-scale-2xh) !important;
}
.mr-md-n2xh {
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mb-md-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-md-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.ml-md-2xh {
margin-left: var(--spacing-scale-2xh) !important;
}
.ml-md-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-md-n2xh {
margin: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mx-md-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.my-md-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-md-3x {
margin: var(--spacing-scale-3x) !important;
}
.mx-md-3x {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-md-3x {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-md-3x {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-md-n3x {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-md-3x {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-md-n3x {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-md-3x {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-md-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-md-3x {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-md-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-md-n3x {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-md-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-md-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-md-3xh {
margin: var(--spacing-scale-3xh) !important;
}
.mx-md-3xh {
margin-left: var(--spacing-scale-3xh) !important;
margin-right: var(--spacing-scale-3xh) !important;
}
.my-md-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-md-3xh {
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-md-n3xh {
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mr-md-3xh {
margin-right: var(--spacing-scale-3xh) !important;
}
.mr-md-n3xh {
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mb-md-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-md-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.ml-md-3xh {
margin-left: var(--spacing-scale-3xh) !important;
}
.ml-md-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-md-n3xh {
margin: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mx-md-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.my-md-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-md-4x {
margin: var(--spacing-scale-4x) !important;
}
.mx-md-4x {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-md-4x {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-md-4x {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-md-n4x {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-md-4x {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-md-n4x {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-md-4x {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-md-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-md-4x {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-md-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-md-n4x {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-md-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-md-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-md-4xh {
margin: var(--spacing-scale-4xh) !important;
}
.mx-md-4xh {
margin-left: var(--spacing-scale-4xh) !important;
margin-right: var(--spacing-scale-4xh) !important;
}
.my-md-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-md-4xh {
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-md-n4xh {
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mr-md-4xh {
margin-right: var(--spacing-scale-4xh) !important;
}
.mr-md-n4xh {
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mb-md-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-md-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.ml-md-4xh {
margin-left: var(--spacing-scale-4xh) !important;
}
.ml-md-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-md-n4xh {
margin: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mx-md-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.my-md-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-md-5x {
margin: var(--spacing-scale-5x) !important;
}
.mx-md-5x {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-md-5x {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-md-5x {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-md-n5x {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-md-5x {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-md-n5x {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-md-5x {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-md-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-md-5x {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-md-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-md-n5x {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-md-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-md-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-md-5xh {
margin: var(--spacing-scale-5xh) !important;
}
.mx-md-5xh {
margin-left: var(--spacing-scale-5xh) !important;
margin-right: var(--spacing-scale-5xh) !important;
}
.my-md-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-md-5xh {
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-md-n5xh {
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mr-md-5xh {
margin-right: var(--spacing-scale-5xh) !important;
}
.mr-md-n5xh {
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mb-md-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-md-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.ml-md-5xh {
margin-left: var(--spacing-scale-5xh) !important;
}
.ml-md-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-md-n5xh {
margin: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mx-md-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.my-md-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-md-6x {
margin: var(--spacing-scale-6x) !important;
}
.mx-md-6x {
margin-left: var(--spacing-scale-6x) !important;
margin-right: var(--spacing-scale-6x) !important;
}
.my-md-6x {
margin-bottom: var(--spacing-scale-6x) !important;
margin-top: var(--spacing-scale-6x) !important;
}
.mt-md-6x {
margin-top: var(--spacing-scale-6x) !important;
}
.mt-md-n6x {
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.mr-md-6x {
margin-right: var(--spacing-scale-6x) !important;
}
.mr-md-n6x {
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.mb-md-6x {
margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-md-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.ml-md-6x {
margin-left: var(--spacing-scale-6x) !important;
}
.ml-md-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-md-n6x {
margin: calc(var(--spacing-scale-6x) * -1) !important;
}
.mx-md-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.my-md-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-md-6xh {
margin: var(--spacing-scale-6xh) !important;
}
.mx-md-6xh {
margin-left: var(--spacing-scale-6xh) !important;
margin-right: var(--spacing-scale-6xh) !important;
}
.my-md-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-md-6xh {
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-md-n6xh {
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mr-md-6xh {
margin-right: var(--spacing-scale-6xh) !important;
}
.mr-md-n6xh {
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mb-md-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-md-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.ml-md-6xh {
margin-left: var(--spacing-scale-6xh) !important;
}
.ml-md-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-md-n6xh {
margin: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mx-md-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.my-md-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-md-7x {
margin: var(--spacing-scale-7x) !important;
}
.mx-md-7x {
margin-left: var(--spacing-scale-7x) !important;
margin-right: var(--spacing-scale-7x) !important;
}
.my-md-7x {
margin-bottom: var(--spacing-scale-7x) !important;
margin-top: var(--spacing-scale-7x) !important;
}
.mt-md-7x {
margin-top: var(--spacing-scale-7x) !important;
}
.mt-md-n7x {
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.mr-md-7x {
margin-right: var(--spacing-scale-7x) !important;
}
.mr-md-n7x {
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.mb-md-7x {
margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-md-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.ml-md-7x {
margin-left: var(--spacing-scale-7x) !important;
}
.ml-md-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-md-n7x {
margin: calc(var(--spacing-scale-7x) * -1) !important;
}
.mx-md-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.my-md-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-md-7xh {
margin: var(--spacing-scale-7xh) !important;
}
.mx-md-7xh {
margin-left: var(--spacing-scale-7xh) !important;
margin-right: var(--spacing-scale-7xh) !important;
}
.my-md-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-md-7xh {
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-md-n7xh {
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mr-md-7xh {
margin-right: var(--spacing-scale-7xh) !important;
}
.mr-md-n7xh {
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mb-md-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-md-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.ml-md-7xh {
margin-left: var(--spacing-scale-7xh) !important;
}
.ml-md-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-md-n7xh {
margin: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mx-md-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.my-md-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-md-8x {
margin: var(--spacing-scale-8x) !important;
}
.mx-md-8x {
margin-left: var(--spacing-scale-8x) !important;
margin-right: var(--spacing-scale-8x) !important;
}
.my-md-8x {
margin-bottom: var(--spacing-scale-8x) !important;
margin-top: var(--spacing-scale-8x) !important;
}
.mt-md-8x {
margin-top: var(--spacing-scale-8x) !important;
}
.mt-md-n8x {
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.mr-md-8x {
margin-right: var(--spacing-scale-8x) !important;
}
.mr-md-n8x {
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.mb-md-8x {
margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-md-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.ml-md-8x {
margin-left: var(--spacing-scale-8x) !important;
}
.ml-md-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-md-n8x {
margin: calc(var(--spacing-scale-8x) * -1) !important;
}
.mx-md-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.my-md-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-md-8xh {
margin: var(--spacing-scale-8xh) !important;
}
.mx-md-8xh {
margin-left: var(--spacing-scale-8xh) !important;
margin-right: var(--spacing-scale-8xh) !important;
}
.my-md-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-md-8xh {
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-md-n8xh {
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mr-md-8xh {
margin-right: var(--spacing-scale-8xh) !important;
}
.mr-md-n8xh {
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mb-md-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-md-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.ml-md-8xh {
margin-left: var(--spacing-scale-8xh) !important;
}
.ml-md-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-md-n8xh {
margin: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mx-md-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.my-md-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-md-9x {
margin: var(--spacing-scale-9x) !important;
}
.mx-md-9x {
margin-left: var(--spacing-scale-9x) !important;
margin-right: var(--spacing-scale-9x) !important;
}
.my-md-9x {
margin-bottom: var(--spacing-scale-9x) !important;
margin-top: var(--spacing-scale-9x) !important;
}
.mt-md-9x {
margin-top: var(--spacing-scale-9x) !important;
}
.mt-md-n9x {
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.mr-md-9x {
margin-right: var(--spacing-scale-9x) !important;
}
.mr-md-n9x {
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.mb-md-9x {
margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-md-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.ml-md-9x {
margin-left: var(--spacing-scale-9x) !important;
}
.ml-md-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-md-n9x {
margin: calc(var(--spacing-scale-9x) * -1) !important;
}
.mx-md-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.my-md-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-md-9xh {
margin: var(--spacing-scale-9xh) !important;
}
.mx-md-9xh {
margin-left: var(--spacing-scale-9xh) !important;
margin-right: var(--spacing-scale-9xh) !important;
}
.my-md-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-md-9xh {
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-md-n9xh {
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mr-md-9xh {
margin-right: var(--spacing-scale-9xh) !important;
}
.mr-md-n9xh {
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mb-md-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-md-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.ml-md-9xh {
margin-left: var(--spacing-scale-9xh) !important;
}
.ml-md-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-md-n9xh {
margin: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mx-md-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.my-md-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-md-10x {
margin: var(--spacing-scale-10x) !important;
}
.mx-md-10x {
margin-left: var(--spacing-scale-10x) !important;
margin-right: var(--spacing-scale-10x) !important;
}
.my-md-10x {
margin-bottom: var(--spacing-scale-10x) !important;
margin-top: var(--spacing-scale-10x) !important;
}
.mt-md-10x {
margin-top: var(--spacing-scale-10x) !important;
}
.mt-md-n10x {
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.mr-md-10x {
margin-right: var(--spacing-scale-10x) !important;
}
.mr-md-n10x {
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.mb-md-10x {
margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-md-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.ml-md-10x {
margin-left: var(--spacing-scale-10x) !important;
}
.ml-md-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-md-n10x {
margin: calc(var(--spacing-scale-10x) * -1) !important;
}
.mx-md-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.my-md-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-md-10xh {
margin: var(--spacing-scale-10xh) !important;
}
.mx-md-10xh {
margin-left: var(--spacing-scale-10xh) !important;
margin-right: var(--spacing-scale-10xh) !important;
}
.my-md-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-md-10xh {
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-md-n10xh {
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mr-md-10xh {
margin-right: var(--spacing-scale-10xh) !important;
}
.mr-md-n10xh {
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mb-md-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-md-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.ml-md-10xh {
margin-left: var(--spacing-scale-10xh) !important;
}
.ml-md-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-md-n10xh {
margin: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mx-md-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.my-md-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-md-auto {
margin-bottom: auto !important;
margin-top: auto !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: var(--spacing-scale-default) !important;
}
.px-md-0 {
padding-left: var(--spacing-scale-default) !important;
padding-right: var(--spacing-scale-default) !important;
}
.py-md-0 {
padding-bottom: var(--spacing-scale-default) !important;
padding-top: var(--spacing-scale-default) !important;
}
.pt-md-0 {
padding-top: var(--spacing-scale-default) !important;
}
.pr-md-0 {
padding-right: var(--spacing-scale-default) !important;
}
.pb-md-0 {
padding-bottom: var(--spacing-scale-default) !important;
}
.pl-md-0 {
padding-left: var(--spacing-scale-default) !important;
}
.p-md-half {
padding: var(--spacing-scale-half) !important;
}
.px-md-half {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-md-half {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-md-half {
padding-top: var(--spacing-scale-half) !important;
}
.pt-md-nhalf {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-md-half {
padding-right: var(--spacing-scale-half) !important;
}
.pr-md-nhalf {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-md-half {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-md-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-md-half {
padding-left: var(--spacing-scale-half) !important;
}
.pl-md-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-md-nhalf {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-md-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-md-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-md-base {
padding: var(--spacing-scale-base) !important;
}
.px-md-base {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-md-base {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-md-base {
padding-top: var(--spacing-scale-base) !important;
}
.pt-md-nbase {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-md-base {
padding-right: var(--spacing-scale-base) !important;
}
.pr-md-nbase {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-md-base {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-md-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-md-base {
padding-left: var(--spacing-scale-base) !important;
}
.pl-md-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-md-nbase {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-md-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-md-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-md-baseh {
padding: var(--spacing-scale-baseh) !important;
}
.px-md-baseh {
padding-left: var(--spacing-scale-baseh) !important;
padding-right: var(--spacing-scale-baseh) !important;
}
.py-md-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-md-baseh {
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-md-nbaseh {
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pr-md-baseh {
padding-right: var(--spacing-scale-baseh) !important;
}
.pr-md-nbaseh {
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pb-md-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-md-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pl-md-baseh {
padding-left: var(--spacing-scale-baseh) !important;
}
.pl-md-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-md-nbaseh {
padding: calc(var(--spacing-scale-baseh) * -1) !important;
}
.px-md-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.py-md-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-md-1 {
padding: var(--spacing-scale-half) !important;
}
.px-md-1 {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-md-1 {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-md-1 {
padding-top: var(--spacing-scale-half) !important;
}
.pt-md-n1 {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-md-1 {
padding-right: var(--spacing-scale-half) !important;
}
.pr-md-n1 {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-md-1 {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-md-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-md-1 {
padding-left: var(--spacing-scale-half) !important;
}
.pl-md-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-md-n1 {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-md-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-md-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-md-2 {
padding: var(--spacing-scale-base) !important;
}
.px-md-2 {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-md-2 {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-md-2 {
padding-top: var(--spacing-scale-base) !important;
}
.pt-md-n2 {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-md-2 {
padding-right: var(--spacing-scale-base) !important;
}
.pr-md-n2 {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-md-2 {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-md-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-md-2 {
padding-left: var(--spacing-scale-base) !important;
}
.pl-md-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-md-n2 {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-md-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-md-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-md-3 {
padding: var(--spacing-scale-2x) !important;
}
.px-md-3 {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-md-3 {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-md-3 {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-md-n3 {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-md-3 {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-md-n3 {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-md-3 {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-md-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-md-3 {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-md-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-md-n3 {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-md-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-md-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-md-4 {
padding: var(--spacing-scale-3x) !important;
}
.px-md-4 {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-md-4 {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-md-4 {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-md-n4 {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-md-4 {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-md-n4 {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-md-4 {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-md-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-md-4 {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-md-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-md-n4 {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-md-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-md-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-md-5 {
padding: var(--spacing-scale-4x) !important;
}
.px-md-5 {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-md-5 {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-md-5 {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-md-n5 {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-md-5 {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-md-n5 {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-md-5 {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-md-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-md-5 {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-md-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-md-n5 {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-md-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-md-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-md-6 {
padding: var(--spacing-scale-5x) !important;
}
.px-md-6 {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-md-6 {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-md-6 {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-md-n6 {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-md-6 {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-md-n6 {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-md-6 {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-md-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-md-6 {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-md-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-md-n6 {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-md-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-md-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-md-2x {
padding: var(--spacing-scale-2x) !important;
}
.px-md-2x {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-md-2x {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-md-2x {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-md-n2x {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-md-2x {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-md-n2x {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-md-2x {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-md-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-md-2x {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-md-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-md-n2x {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-md-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-md-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-md-2xh {
padding: var(--spacing-scale-2xh) !important;
}
.px-md-2xh {
padding-left: var(--spacing-scale-2xh) !important;
padding-right: var(--spacing-scale-2xh) !important;
}
.py-md-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-md-2xh {
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-md-n2xh {
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pr-md-2xh {
padding-right: var(--spacing-scale-2xh) !important;
}
.pr-md-n2xh {
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pb-md-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-md-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pl-md-2xh {
padding-left: var(--spacing-scale-2xh) !important;
}
.pl-md-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-md-n2xh {
padding: calc(var(--spacing-scale-2xh) * -1) !important;
}
.px-md-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.py-md-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-md-3x {
padding: var(--spacing-scale-3x) !important;
}
.px-md-3x {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-md-3x {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-md-3x {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-md-n3x {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-md-3x {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-md-n3x {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-md-3x {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-md-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-md-3x {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-md-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-md-n3x {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-md-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-md-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-md-3xh {
padding: var(--spacing-scale-3xh) !important;
}
.px-md-3xh {
padding-left: var(--spacing-scale-3xh) !important;
padding-right: var(--spacing-scale-3xh) !important;
}
.py-md-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-md-3xh {
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-md-n3xh {
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pr-md-3xh {
padding-right: var(--spacing-scale-3xh) !important;
}
.pr-md-n3xh {
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pb-md-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-md-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pl-md-3xh {
padding-left: var(--spacing-scale-3xh) !important;
}
.pl-md-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-md-n3xh {
padding: calc(var(--spacing-scale-3xh) * -1) !important;
}
.px-md-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.py-md-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-md-4x {
padding: var(--spacing-scale-4x) !important;
}
.px-md-4x {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-md-4x {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-md-4x {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-md-n4x {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-md-4x {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-md-n4x {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-md-4x {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-md-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-md-4x {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-md-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-md-n4x {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-md-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-md-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-md-4xh {
padding: var(--spacing-scale-4xh) !important;
}
.px-md-4xh {
padding-left: var(--spacing-scale-4xh) !important;
padding-right: var(--spacing-scale-4xh) !important;
}
.py-md-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-md-4xh {
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-md-n4xh {
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pr-md-4xh {
padding-right: var(--spacing-scale-4xh) !important;
}
.pr-md-n4xh {
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pb-md-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-md-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pl-md-4xh {
padding-left: var(--spacing-scale-4xh) !important;
}
.pl-md-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-md-n4xh {
padding: calc(var(--spacing-scale-4xh) * -1) !important;
}
.px-md-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.py-md-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-md-5x {
padding: var(--spacing-scale-5x) !important;
}
.px-md-5x {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-md-5x {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-md-5x {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-md-n5x {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-md-5x {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-md-n5x {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-md-5x {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-md-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-md-5x {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-md-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-md-n5x {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-md-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-md-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-md-5xh {
padding: var(--spacing-scale-5xh) !important;
}
.px-md-5xh {
padding-left: var(--spacing-scale-5xh) !important;
padding-right: var(--spacing-scale-5xh) !important;
}
.py-md-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-md-5xh {
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-md-n5xh {
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pr-md-5xh {
padding-right: var(--spacing-scale-5xh) !important;
}
.pr-md-n5xh {
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pb-md-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-md-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pl-md-5xh {
padding-left: var(--spacing-scale-5xh) !important;
}
.pl-md-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-md-n5xh {
padding: calc(var(--spacing-scale-5xh) * -1) !important;
}
.px-md-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.py-md-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-md-6x {
padding: var(--spacing-scale-6x) !important;
}
.px-md-6x {
padding-left: var(--spacing-scale-6x) !important;
padding-right: var(--spacing-scale-6x) !important;
}
.py-md-6x {
padding-bottom: var(--spacing-scale-6x) !important;
padding-top: var(--spacing-scale-6x) !important;
}
.pt-md-6x {
padding-top: var(--spacing-scale-6x) !important;
}
.pt-md-n6x {
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.pr-md-6x {
padding-right: var(--spacing-scale-6x) !important;
}
.pr-md-n6x {
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.pb-md-6x {
padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-md-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.pl-md-6x {
padding-left: var(--spacing-scale-6x) !important;
}
.pl-md-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-md-n6x {
padding: calc(var(--spacing-scale-6x) * -1) !important;
}
.px-md-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.py-md-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-md-6xh {
padding: var(--spacing-scale-6xh) !important;
}
.px-md-6xh {
padding-left: var(--spacing-scale-6xh) !important;
padding-right: var(--spacing-scale-6xh) !important;
}
.py-md-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-md-6xh {
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-md-n6xh {
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pr-md-6xh {
padding-right: var(--spacing-scale-6xh) !important;
}
.pr-md-n6xh {
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pb-md-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-md-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pl-md-6xh {
padding-left: var(--spacing-scale-6xh) !important;
}
.pl-md-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-md-n6xh {
padding: calc(var(--spacing-scale-6xh) * -1) !important;
}
.px-md-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.py-md-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-md-7x {
padding: var(--spacing-scale-7x) !important;
}
.px-md-7x {
padding-left: var(--spacing-scale-7x) !important;
padding-right: var(--spacing-scale-7x) !important;
}
.py-md-7x {
padding-bottom: var(--spacing-scale-7x) !important;
padding-top: var(--spacing-scale-7x) !important;
}
.pt-md-7x {
padding-top: var(--spacing-scale-7x) !important;
}
.pt-md-n7x {
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.pr-md-7x {
padding-right: var(--spacing-scale-7x) !important;
}
.pr-md-n7x {
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.pb-md-7x {
padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-md-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.pl-md-7x {
padding-left: var(--spacing-scale-7x) !important;
}
.pl-md-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-md-n7x {
padding: calc(var(--spacing-scale-7x) * -1) !important;
}
.px-md-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.py-md-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-md-7xh {
padding: var(--spacing-scale-7xh) !important;
}
.px-md-7xh {
padding-left: var(--spacing-scale-7xh) !important;
padding-right: var(--spacing-scale-7xh) !important;
}
.py-md-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-md-7xh {
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-md-n7xh {
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pr-md-7xh {
padding-right: var(--spacing-scale-7xh) !important;
}
.pr-md-n7xh {
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pb-md-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-md-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pl-md-7xh {
padding-left: var(--spacing-scale-7xh) !important;
}
.pl-md-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-md-n7xh {
padding: calc(var(--spacing-scale-7xh) * -1) !important;
}
.px-md-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.py-md-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-md-8x {
padding: var(--spacing-scale-8x) !important;
}
.px-md-8x {
padding-left: var(--spacing-scale-8x) !important;
padding-right: var(--spacing-scale-8x) !important;
}
.py-md-8x {
padding-bottom: var(--spacing-scale-8x) !important;
padding-top: var(--spacing-scale-8x) !important;
}
.pt-md-8x {
padding-top: var(--spacing-scale-8x) !important;
}
.pt-md-n8x {
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.pr-md-8x {
padding-right: var(--spacing-scale-8x) !important;
}
.pr-md-n8x {
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.pb-md-8x {
padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-md-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.pl-md-8x {
padding-left: var(--spacing-scale-8x) !important;
}
.pl-md-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-md-n8x {
padding: calc(var(--spacing-scale-8x) * -1) !important;
}
.px-md-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.py-md-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-md-8xh {
padding: var(--spacing-scale-8xh) !important;
}
.px-md-8xh {
padding-left: var(--spacing-scale-8xh) !important;
padding-right: var(--spacing-scale-8xh) !important;
}
.py-md-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-md-8xh {
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-md-n8xh {
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pr-md-8xh {
padding-right: var(--spacing-scale-8xh) !important;
}
.pr-md-n8xh {
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pb-md-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-md-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pl-md-8xh {
padding-left: var(--spacing-scale-8xh) !important;
}
.pl-md-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-md-n8xh {
padding: calc(var(--spacing-scale-8xh) * -1) !important;
}
.px-md-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.py-md-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-md-9x {
padding: var(--spacing-scale-9x) !important;
}
.px-md-9x {
padding-left: var(--spacing-scale-9x) !important;
padding-right: var(--spacing-scale-9x) !important;
}
.py-md-9x {
padding-bottom: var(--spacing-scale-9x) !important;
padding-top: var(--spacing-scale-9x) !important;
}
.pt-md-9x {
padding-top: var(--spacing-scale-9x) !important;
}
.pt-md-n9x {
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.pr-md-9x {
padding-right: var(--spacing-scale-9x) !important;
}
.pr-md-n9x {
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.pb-md-9x {
padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-md-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.pl-md-9x {
padding-left: var(--spacing-scale-9x) !important;
}
.pl-md-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-md-n9x {
padding: calc(var(--spacing-scale-9x) * -1) !important;
}
.px-md-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.py-md-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-md-9xh {
padding: var(--spacing-scale-9xh) !important;
}
.px-md-9xh {
padding-left: var(--spacing-scale-9xh) !important;
padding-right: var(--spacing-scale-9xh) !important;
}
.py-md-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-md-9xh {
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-md-n9xh {
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pr-md-9xh {
padding-right: var(--spacing-scale-9xh) !important;
}
.pr-md-n9xh {
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pb-md-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-md-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pl-md-9xh {
padding-left: var(--spacing-scale-9xh) !important;
}
.pl-md-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-md-n9xh {
padding: calc(var(--spacing-scale-9xh) * -1) !important;
}
.px-md-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.py-md-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-md-10x {
padding: var(--spacing-scale-10x) !important;
}
.px-md-10x {
padding-left: var(--spacing-scale-10x) !important;
padding-right: var(--spacing-scale-10x) !important;
}
.py-md-10x {
padding-bottom: var(--spacing-scale-10x) !important;
padding-top: var(--spacing-scale-10x) !important;
}
.pt-md-10x {
padding-top: var(--spacing-scale-10x) !important;
}
.pt-md-n10x {
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.pr-md-10x {
padding-right: var(--spacing-scale-10x) !important;
}
.pr-md-n10x {
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.pb-md-10x {
padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-md-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.pl-md-10x {
padding-left: var(--spacing-scale-10x) !important;
}
.pl-md-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-md-n10x {
padding: calc(var(--spacing-scale-10x) * -1) !important;
}
.px-md-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.py-md-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-md-10xh {
padding: var(--spacing-scale-10xh) !important;
}
.px-md-10xh {
padding-left: var(--spacing-scale-10xh) !important;
padding-right: var(--spacing-scale-10xh) !important;
}
.py-md-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-md-10xh {
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-md-n10xh {
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pr-md-10xh {
padding-right: var(--spacing-scale-10xh) !important;
}
.pr-md-n10xh {
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pb-md-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-md-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pl-md-10xh {
padding-left: var(--spacing-scale-10xh) !important;
}
.pl-md-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.p-md-n10xh {
padding: calc(var(--spacing-scale-10xh) * -1) !important;
}
.px-md-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.py-md-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
}
@media (min-width: 1280px) {
.m-lg-0 {
margin: var(--spacing-scale-default) !important;
}
.mx-lg-0 {
margin-left: var(--spacing-scale-default) !important;
margin-right: var(--spacing-scale-default) !important;
}
.my-lg-0 {
margin-bottom: var(--spacing-scale-default) !important;
margin-top: var(--spacing-scale-default) !important;
}
.mt-lg-0 {
margin-top: var(--spacing-scale-default) !important;
}
.mr-lg-0 {
margin-right: var(--spacing-scale-default) !important;
}
.mb-lg-0 {
margin-bottom: var(--spacing-scale-default) !important;
}
.ml-lg-0 {
margin-left: var(--spacing-scale-default) !important;
}
.m-lg-half {
margin: var(--spacing-scale-half) !important;
}
.mx-lg-half {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-lg-half {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-lg-half {
margin-top: var(--spacing-scale-half) !important;
}
.mt-lg-nhalf {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-lg-half {
margin-right: var(--spacing-scale-half) !important;
}
.mr-lg-nhalf {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-lg-half {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-lg-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-lg-half {
margin-left: var(--spacing-scale-half) !important;
}
.ml-lg-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-lg-nhalf {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-lg-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-lg-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-lg-base {
margin: var(--spacing-scale-base) !important;
}
.mx-lg-base {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-lg-base {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-lg-base {
margin-top: var(--spacing-scale-base) !important;
}
.mt-lg-nbase {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-lg-base {
margin-right: var(--spacing-scale-base) !important;
}
.mr-lg-nbase {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-lg-base {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-lg-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-lg-base {
margin-left: var(--spacing-scale-base) !important;
}
.ml-lg-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-lg-nbase {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-lg-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-lg-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-lg-baseh {
margin: var(--spacing-scale-baseh) !important;
}
.mx-lg-baseh {
margin-left: var(--spacing-scale-baseh) !important;
margin-right: var(--spacing-scale-baseh) !important;
}
.my-lg-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-lg-baseh {
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-lg-nbaseh {
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mr-lg-baseh {
margin-right: var(--spacing-scale-baseh) !important;
}
.mr-lg-nbaseh {
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mb-lg-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-lg-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.ml-lg-baseh {
margin-left: var(--spacing-scale-baseh) !important;
}
.ml-lg-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-lg-nbaseh {
margin: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mx-lg-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.my-lg-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-lg-1 {
margin: var(--spacing-scale-half) !important;
}
.mx-lg-1 {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-lg-1 {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-lg-1 {
margin-top: var(--spacing-scale-half) !important;
}
.mt-lg-n1 {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-lg-1 {
margin-right: var(--spacing-scale-half) !important;
}
.mr-lg-n1 {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-lg-1 {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-lg-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-lg-1 {
margin-left: var(--spacing-scale-half) !important;
}
.ml-lg-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-lg-n1 {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-lg-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-lg-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-lg-2 {
margin: var(--spacing-scale-base) !important;
}
.mx-lg-2 {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-lg-2 {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-lg-2 {
margin-top: var(--spacing-scale-base) !important;
}
.mt-lg-n2 {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-lg-2 {
margin-right: var(--spacing-scale-base) !important;
}
.mr-lg-n2 {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-lg-2 {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-lg-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-lg-2 {
margin-left: var(--spacing-scale-base) !important;
}
.ml-lg-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-lg-n2 {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-lg-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-lg-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-lg-3 {
margin: var(--spacing-scale-2x) !important;
}
.mx-lg-3 {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-lg-3 {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-lg-3 {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-lg-n3 {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-lg-3 {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-lg-n3 {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-lg-3 {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-lg-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-lg-3 {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-lg-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-lg-n3 {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-lg-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-lg-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-lg-4 {
margin: var(--spacing-scale-3x) !important;
}
.mx-lg-4 {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-lg-4 {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-lg-4 {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-lg-n4 {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-lg-4 {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-lg-n4 {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-lg-4 {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-lg-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-lg-4 {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-lg-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-lg-n4 {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-lg-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-lg-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-lg-5 {
margin: var(--spacing-scale-4x) !important;
}
.mx-lg-5 {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-lg-5 {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-lg-5 {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-lg-n5 {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-lg-5 {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-lg-n5 {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-lg-5 {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-lg-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-lg-5 {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-lg-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-lg-n5 {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-lg-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-lg-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-lg-6 {
margin: var(--spacing-scale-5x) !important;
}
.mx-lg-6 {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-lg-6 {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-lg-6 {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-lg-n6 {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-lg-6 {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-lg-n6 {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-lg-6 {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-lg-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-lg-6 {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-lg-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-lg-n6 {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-lg-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-lg-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-lg-2x {
margin: var(--spacing-scale-2x) !important;
}
.mx-lg-2x {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-lg-2x {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-lg-2x {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-lg-n2x {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-lg-2x {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-lg-n2x {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-lg-2x {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-lg-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-lg-2x {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-lg-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-lg-n2x {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-lg-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-lg-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-lg-2xh {
margin: var(--spacing-scale-2xh) !important;
}
.mx-lg-2xh {
margin-left: var(--spacing-scale-2xh) !important;
margin-right: var(--spacing-scale-2xh) !important;
}
.my-lg-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-lg-2xh {
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-lg-n2xh {
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mr-lg-2xh {
margin-right: var(--spacing-scale-2xh) !important;
}
.mr-lg-n2xh {
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mb-lg-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-lg-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.ml-lg-2xh {
margin-left: var(--spacing-scale-2xh) !important;
}
.ml-lg-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-lg-n2xh {
margin: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mx-lg-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.my-lg-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-lg-3x {
margin: var(--spacing-scale-3x) !important;
}
.mx-lg-3x {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-lg-3x {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-lg-3x {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-lg-n3x {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-lg-3x {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-lg-n3x {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-lg-3x {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-lg-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-lg-3x {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-lg-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-lg-n3x {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-lg-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-lg-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-lg-3xh {
margin: var(--spacing-scale-3xh) !important;
}
.mx-lg-3xh {
margin-left: var(--spacing-scale-3xh) !important;
margin-right: var(--spacing-scale-3xh) !important;
}
.my-lg-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-lg-3xh {
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-lg-n3xh {
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mr-lg-3xh {
margin-right: var(--spacing-scale-3xh) !important;
}
.mr-lg-n3xh {
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mb-lg-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-lg-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.ml-lg-3xh {
margin-left: var(--spacing-scale-3xh) !important;
}
.ml-lg-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-lg-n3xh {
margin: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mx-lg-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.my-lg-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-lg-4x {
margin: var(--spacing-scale-4x) !important;
}
.mx-lg-4x {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-lg-4x {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-lg-4x {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-lg-n4x {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-lg-4x {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-lg-n4x {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-lg-4x {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-lg-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-lg-4x {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-lg-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-lg-n4x {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-lg-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-lg-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-lg-4xh {
margin: var(--spacing-scale-4xh) !important;
}
.mx-lg-4xh {
margin-left: var(--spacing-scale-4xh) !important;
margin-right: var(--spacing-scale-4xh) !important;
}
.my-lg-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-lg-4xh {
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-lg-n4xh {
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mr-lg-4xh {
margin-right: var(--spacing-scale-4xh) !important;
}
.mr-lg-n4xh {
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mb-lg-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-lg-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.ml-lg-4xh {
margin-left: var(--spacing-scale-4xh) !important;
}
.ml-lg-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-lg-n4xh {
margin: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mx-lg-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.my-lg-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-lg-5x {
margin: var(--spacing-scale-5x) !important;
}
.mx-lg-5x {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-lg-5x {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-lg-5x {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-lg-n5x {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-lg-5x {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-lg-n5x {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-lg-5x {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-lg-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-lg-5x {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-lg-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-lg-n5x {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-lg-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-lg-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-lg-5xh {
margin: var(--spacing-scale-5xh) !important;
}
.mx-lg-5xh {
margin-left: var(--spacing-scale-5xh) !important;
margin-right: var(--spacing-scale-5xh) !important;
}
.my-lg-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-lg-5xh {
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-lg-n5xh {
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mr-lg-5xh {
margin-right: var(--spacing-scale-5xh) !important;
}
.mr-lg-n5xh {
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mb-lg-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-lg-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.ml-lg-5xh {
margin-left: var(--spacing-scale-5xh) !important;
}
.ml-lg-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-lg-n5xh {
margin: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mx-lg-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.my-lg-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-lg-6x {
margin: var(--spacing-scale-6x) !important;
}
.mx-lg-6x {
margin-left: var(--spacing-scale-6x) !important;
margin-right: var(--spacing-scale-6x) !important;
}
.my-lg-6x {
margin-bottom: var(--spacing-scale-6x) !important;
margin-top: var(--spacing-scale-6x) !important;
}
.mt-lg-6x {
margin-top: var(--spacing-scale-6x) !important;
}
.mt-lg-n6x {
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.mr-lg-6x {
margin-right: var(--spacing-scale-6x) !important;
}
.mr-lg-n6x {
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.mb-lg-6x {
margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-lg-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.ml-lg-6x {
margin-left: var(--spacing-scale-6x) !important;
}
.ml-lg-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-lg-n6x {
margin: calc(var(--spacing-scale-6x) * -1) !important;
}
.mx-lg-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.my-lg-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-lg-6xh {
margin: var(--spacing-scale-6xh) !important;
}
.mx-lg-6xh {
margin-left: var(--spacing-scale-6xh) !important;
margin-right: var(--spacing-scale-6xh) !important;
}
.my-lg-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-lg-6xh {
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-lg-n6xh {
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mr-lg-6xh {
margin-right: var(--spacing-scale-6xh) !important;
}
.mr-lg-n6xh {
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mb-lg-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-lg-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.ml-lg-6xh {
margin-left: var(--spacing-scale-6xh) !important;
}
.ml-lg-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-lg-n6xh {
margin: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mx-lg-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.my-lg-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-lg-7x {
margin: var(--spacing-scale-7x) !important;
}
.mx-lg-7x {
margin-left: var(--spacing-scale-7x) !important;
margin-right: var(--spacing-scale-7x) !important;
}
.my-lg-7x {
margin-bottom: var(--spacing-scale-7x) !important;
margin-top: var(--spacing-scale-7x) !important;
}
.mt-lg-7x {
margin-top: var(--spacing-scale-7x) !important;
}
.mt-lg-n7x {
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.mr-lg-7x {
margin-right: var(--spacing-scale-7x) !important;
}
.mr-lg-n7x {
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.mb-lg-7x {
margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-lg-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.ml-lg-7x {
margin-left: var(--spacing-scale-7x) !important;
}
.ml-lg-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-lg-n7x {
margin: calc(var(--spacing-scale-7x) * -1) !important;
}
.mx-lg-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.my-lg-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-lg-7xh {
margin: var(--spacing-scale-7xh) !important;
}
.mx-lg-7xh {
margin-left: var(--spacing-scale-7xh) !important;
margin-right: var(--spacing-scale-7xh) !important;
}
.my-lg-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-lg-7xh {
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-lg-n7xh {
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mr-lg-7xh {
margin-right: var(--spacing-scale-7xh) !important;
}
.mr-lg-n7xh {
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mb-lg-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-lg-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.ml-lg-7xh {
margin-left: var(--spacing-scale-7xh) !important;
}
.ml-lg-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-lg-n7xh {
margin: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mx-lg-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.my-lg-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-lg-8x {
margin: var(--spacing-scale-8x) !important;
}
.mx-lg-8x {
margin-left: var(--spacing-scale-8x) !important;
margin-right: var(--spacing-scale-8x) !important;
}
.my-lg-8x {
margin-bottom: var(--spacing-scale-8x) !important;
margin-top: var(--spacing-scale-8x) !important;
}
.mt-lg-8x {
margin-top: var(--spacing-scale-8x) !important;
}
.mt-lg-n8x {
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.mr-lg-8x {
margin-right: var(--spacing-scale-8x) !important;
}
.mr-lg-n8x {
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.mb-lg-8x {
margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-lg-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.ml-lg-8x {
margin-left: var(--spacing-scale-8x) !important;
}
.ml-lg-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-lg-n8x {
margin: calc(var(--spacing-scale-8x) * -1) !important;
}
.mx-lg-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.my-lg-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-lg-8xh {
margin: var(--spacing-scale-8xh) !important;
}
.mx-lg-8xh {
margin-left: var(--spacing-scale-8xh) !important;
margin-right: var(--spacing-scale-8xh) !important;
}
.my-lg-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-lg-8xh {
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-lg-n8xh {
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mr-lg-8xh {
margin-right: var(--spacing-scale-8xh) !important;
}
.mr-lg-n8xh {
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mb-lg-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-lg-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.ml-lg-8xh {
margin-left: var(--spacing-scale-8xh) !important;
}
.ml-lg-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-lg-n8xh {
margin: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mx-lg-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.my-lg-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-lg-9x {
margin: var(--spacing-scale-9x) !important;
}
.mx-lg-9x {
margin-left: var(--spacing-scale-9x) !important;
margin-right: var(--spacing-scale-9x) !important;
}
.my-lg-9x {
margin-bottom: var(--spacing-scale-9x) !important;
margin-top: var(--spacing-scale-9x) !important;
}
.mt-lg-9x {
margin-top: var(--spacing-scale-9x) !important;
}
.mt-lg-n9x {
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.mr-lg-9x {
margin-right: var(--spacing-scale-9x) !important;
}
.mr-lg-n9x {
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.mb-lg-9x {
margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-lg-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.ml-lg-9x {
margin-left: var(--spacing-scale-9x) !important;
}
.ml-lg-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-lg-n9x {
margin: calc(var(--spacing-scale-9x) * -1) !important;
}
.mx-lg-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.my-lg-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-lg-9xh {
margin: var(--spacing-scale-9xh) !important;
}
.mx-lg-9xh {
margin-left: var(--spacing-scale-9xh) !important;
margin-right: var(--spacing-scale-9xh) !important;
}
.my-lg-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-lg-9xh {
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-lg-n9xh {
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mr-lg-9xh {
margin-right: var(--spacing-scale-9xh) !important;
}
.mr-lg-n9xh {
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mb-lg-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-lg-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.ml-lg-9xh {
margin-left: var(--spacing-scale-9xh) !important;
}
.ml-lg-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-lg-n9xh {
margin: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mx-lg-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.my-lg-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-lg-10x {
margin: var(--spacing-scale-10x) !important;
}
.mx-lg-10x {
margin-left: var(--spacing-scale-10x) !important;
margin-right: var(--spacing-scale-10x) !important;
}
.my-lg-10x {
margin-bottom: var(--spacing-scale-10x) !important;
margin-top: var(--spacing-scale-10x) !important;
}
.mt-lg-10x {
margin-top: var(--spacing-scale-10x) !important;
}
.mt-lg-n10x {
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.mr-lg-10x {
margin-right: var(--spacing-scale-10x) !important;
}
.mr-lg-n10x {
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.mb-lg-10x {
margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-lg-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.ml-lg-10x {
margin-left: var(--spacing-scale-10x) !important;
}
.ml-lg-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-lg-n10x {
margin: calc(var(--spacing-scale-10x) * -1) !important;
}
.mx-lg-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.my-lg-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-lg-10xh {
margin: var(--spacing-scale-10xh) !important;
}
.mx-lg-10xh {
margin-left: var(--spacing-scale-10xh) !important;
margin-right: var(--spacing-scale-10xh) !important;
}
.my-lg-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-lg-10xh {
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-lg-n10xh {
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mr-lg-10xh {
margin-right: var(--spacing-scale-10xh) !important;
}
.mr-lg-n10xh {
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mb-lg-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-lg-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.ml-lg-10xh {
margin-left: var(--spacing-scale-10xh) !important;
}
.ml-lg-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-lg-n10xh {
margin: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mx-lg-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.my-lg-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-lg-auto {
margin-bottom: auto !important;
margin-top: auto !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: var(--spacing-scale-default) !important;
}
.px-lg-0 {
padding-left: var(--spacing-scale-default) !important;
padding-right: var(--spacing-scale-default) !important;
}
.py-lg-0 {
padding-bottom: var(--spacing-scale-default) !important;
padding-top: var(--spacing-scale-default) !important;
}
.pt-lg-0 {
padding-top: var(--spacing-scale-default) !important;
}
.pr-lg-0 {
padding-right: var(--spacing-scale-default) !important;
}
.pb-lg-0 {
padding-bottom: var(--spacing-scale-default) !important;
}
.pl-lg-0 {
padding-left: var(--spacing-scale-default) !important;
}
.p-lg-half {
padding: var(--spacing-scale-half) !important;
}
.px-lg-half {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-lg-half {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-lg-half {
padding-top: var(--spacing-scale-half) !important;
}
.pt-lg-nhalf {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-lg-half {
padding-right: var(--spacing-scale-half) !important;
}
.pr-lg-nhalf {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-lg-half {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-lg-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-lg-half {
padding-left: var(--spacing-scale-half) !important;
}
.pl-lg-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-lg-nhalf {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-lg-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-lg-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-lg-base {
padding: var(--spacing-scale-base) !important;
}
.px-lg-base {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-lg-base {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-lg-base {
padding-top: var(--spacing-scale-base) !important;
}
.pt-lg-nbase {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-lg-base {
padding-right: var(--spacing-scale-base) !important;
}
.pr-lg-nbase {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-lg-base {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-lg-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-lg-base {
padding-left: var(--spacing-scale-base) !important;
}
.pl-lg-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-lg-nbase {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-lg-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-lg-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-lg-baseh {
padding: var(--spacing-scale-baseh) !important;
}
.px-lg-baseh {
padding-left: var(--spacing-scale-baseh) !important;
padding-right: var(--spacing-scale-baseh) !important;
}
.py-lg-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-lg-baseh {
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-lg-nbaseh {
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pr-lg-baseh {
padding-right: var(--spacing-scale-baseh) !important;
}
.pr-lg-nbaseh {
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pb-lg-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-lg-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pl-lg-baseh {
padding-left: var(--spacing-scale-baseh) !important;
}
.pl-lg-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-lg-nbaseh {
padding: calc(var(--spacing-scale-baseh) * -1) !important;
}
.px-lg-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.py-lg-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-lg-1 {
padding: var(--spacing-scale-half) !important;
}
.px-lg-1 {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-lg-1 {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-lg-1 {
padding-top: var(--spacing-scale-half) !important;
}
.pt-lg-n1 {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-lg-1 {
padding-right: var(--spacing-scale-half) !important;
}
.pr-lg-n1 {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-lg-1 {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-lg-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-lg-1 {
padding-left: var(--spacing-scale-half) !important;
}
.pl-lg-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-lg-n1 {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-lg-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-lg-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-lg-2 {
padding: var(--spacing-scale-base) !important;
}
.px-lg-2 {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-lg-2 {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-lg-2 {
padding-top: var(--spacing-scale-base) !important;
}
.pt-lg-n2 {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-lg-2 {
padding-right: var(--spacing-scale-base) !important;
}
.pr-lg-n2 {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-lg-2 {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-lg-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-lg-2 {
padding-left: var(--spacing-scale-base) !important;
}
.pl-lg-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-lg-n2 {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-lg-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-lg-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-lg-3 {
padding: var(--spacing-scale-2x) !important;
}
.px-lg-3 {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-lg-3 {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-lg-3 {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-lg-n3 {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-lg-3 {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-lg-n3 {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-lg-3 {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-lg-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-lg-3 {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-lg-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-lg-n3 {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-lg-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-lg-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-lg-4 {
padding: var(--spacing-scale-3x) !important;
}
.px-lg-4 {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-lg-4 {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-lg-4 {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-lg-n4 {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-lg-4 {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-lg-n4 {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-lg-4 {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-lg-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-lg-4 {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-lg-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-lg-n4 {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-lg-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-lg-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-lg-5 {
padding: var(--spacing-scale-4x) !important;
}
.px-lg-5 {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-lg-5 {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-lg-5 {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-lg-n5 {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-lg-5 {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-lg-n5 {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-lg-5 {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-lg-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-lg-5 {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-lg-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-lg-n5 {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-lg-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-lg-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-lg-6 {
padding: var(--spacing-scale-5x) !important;
}
.px-lg-6 {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-lg-6 {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-lg-6 {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-lg-n6 {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-lg-6 {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-lg-n6 {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-lg-6 {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-lg-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-lg-6 {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-lg-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-lg-n6 {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-lg-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-lg-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-lg-2x {
padding: var(--spacing-scale-2x) !important;
}
.px-lg-2x {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-lg-2x {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-lg-2x {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-lg-n2x {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-lg-2x {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-lg-n2x {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-lg-2x {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-lg-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-lg-2x {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-lg-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-lg-n2x {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-lg-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-lg-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-lg-2xh {
padding: var(--spacing-scale-2xh) !important;
}
.px-lg-2xh {
padding-left: var(--spacing-scale-2xh) !important;
padding-right: var(--spacing-scale-2xh) !important;
}
.py-lg-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-lg-2xh {
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-lg-n2xh {
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pr-lg-2xh {
padding-right: var(--spacing-scale-2xh) !important;
}
.pr-lg-n2xh {
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pb-lg-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-lg-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pl-lg-2xh {
padding-left: var(--spacing-scale-2xh) !important;
}
.pl-lg-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-lg-n2xh {
padding: calc(var(--spacing-scale-2xh) * -1) !important;
}
.px-lg-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.py-lg-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-lg-3x {
padding: var(--spacing-scale-3x) !important;
}
.px-lg-3x {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-lg-3x {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-lg-3x {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-lg-n3x {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-lg-3x {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-lg-n3x {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-lg-3x {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-lg-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-lg-3x {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-lg-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-lg-n3x {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-lg-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-lg-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-lg-3xh {
padding: var(--spacing-scale-3xh) !important;
}
.px-lg-3xh {
padding-left: var(--spacing-scale-3xh) !important;
padding-right: var(--spacing-scale-3xh) !important;
}
.py-lg-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-lg-3xh {
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-lg-n3xh {
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pr-lg-3xh {
padding-right: var(--spacing-scale-3xh) !important;
}
.pr-lg-n3xh {
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pb-lg-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-lg-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pl-lg-3xh {
padding-left: var(--spacing-scale-3xh) !important;
}
.pl-lg-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-lg-n3xh {
padding: calc(var(--spacing-scale-3xh) * -1) !important;
}
.px-lg-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.py-lg-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-lg-4x {
padding: var(--spacing-scale-4x) !important;
}
.px-lg-4x {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-lg-4x {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-lg-4x {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-lg-n4x {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-lg-4x {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-lg-n4x {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-lg-4x {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-lg-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-lg-4x {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-lg-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-lg-n4x {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-lg-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-lg-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-lg-4xh {
padding: var(--spacing-scale-4xh) !important;
}
.px-lg-4xh {
padding-left: var(--spacing-scale-4xh) !important;
padding-right: var(--spacing-scale-4xh) !important;
}
.py-lg-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-lg-4xh {
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-lg-n4xh {
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pr-lg-4xh {
padding-right: var(--spacing-scale-4xh) !important;
}
.pr-lg-n4xh {
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pb-lg-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-lg-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pl-lg-4xh {
padding-left: var(--spacing-scale-4xh) !important;
}
.pl-lg-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-lg-n4xh {
padding: calc(var(--spacing-scale-4xh) * -1) !important;
}
.px-lg-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.py-lg-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-lg-5x {
padding: var(--spacing-scale-5x) !important;
}
.px-lg-5x {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-lg-5x {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-lg-5x {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-lg-n5x {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-lg-5x {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-lg-n5x {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-lg-5x {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-lg-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-lg-5x {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-lg-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-lg-n5x {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-lg-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-lg-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-lg-5xh {
padding: var(--spacing-scale-5xh) !important;
}
.px-lg-5xh {
padding-left: var(--spacing-scale-5xh) !important;
padding-right: var(--spacing-scale-5xh) !important;
}
.py-lg-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-lg-5xh {
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-lg-n5xh {
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pr-lg-5xh {
padding-right: var(--spacing-scale-5xh) !important;
}
.pr-lg-n5xh {
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pb-lg-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-lg-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pl-lg-5xh {
padding-left: var(--spacing-scale-5xh) !important;
}
.pl-lg-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-lg-n5xh {
padding: calc(var(--spacing-scale-5xh) * -1) !important;
}
.px-lg-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.py-lg-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-lg-6x {
padding: var(--spacing-scale-6x) !important;
}
.px-lg-6x {
padding-left: var(--spacing-scale-6x) !important;
padding-right: var(--spacing-scale-6x) !important;
}
.py-lg-6x {
padding-bottom: var(--spacing-scale-6x) !important;
padding-top: var(--spacing-scale-6x) !important;
}
.pt-lg-6x {
padding-top: var(--spacing-scale-6x) !important;
}
.pt-lg-n6x {
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.pr-lg-6x {
padding-right: var(--spacing-scale-6x) !important;
}
.pr-lg-n6x {
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.pb-lg-6x {
padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-lg-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.pl-lg-6x {
padding-left: var(--spacing-scale-6x) !important;
}
.pl-lg-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-lg-n6x {
padding: calc(var(--spacing-scale-6x) * -1) !important;
}
.px-lg-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.py-lg-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-lg-6xh {
padding: var(--spacing-scale-6xh) !important;
}
.px-lg-6xh {
padding-left: var(--spacing-scale-6xh) !important;
padding-right: var(--spacing-scale-6xh) !important;
}
.py-lg-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-lg-6xh {
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-lg-n6xh {
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pr-lg-6xh {
padding-right: var(--spacing-scale-6xh) !important;
}
.pr-lg-n6xh {
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pb-lg-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-lg-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pl-lg-6xh {
padding-left: var(--spacing-scale-6xh) !important;
}
.pl-lg-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-lg-n6xh {
padding: calc(var(--spacing-scale-6xh) * -1) !important;
}
.px-lg-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.py-lg-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-lg-7x {
padding: var(--spacing-scale-7x) !important;
}
.px-lg-7x {
padding-left: var(--spacing-scale-7x) !important;
padding-right: var(--spacing-scale-7x) !important;
}
.py-lg-7x {
padding-bottom: var(--spacing-scale-7x) !important;
padding-top: var(--spacing-scale-7x) !important;
}
.pt-lg-7x {
padding-top: var(--spacing-scale-7x) !important;
}
.pt-lg-n7x {
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.pr-lg-7x {
padding-right: var(--spacing-scale-7x) !important;
}
.pr-lg-n7x {
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.pb-lg-7x {
padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-lg-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.pl-lg-7x {
padding-left: var(--spacing-scale-7x) !important;
}
.pl-lg-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-lg-n7x {
padding: calc(var(--spacing-scale-7x) * -1) !important;
}
.px-lg-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.py-lg-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-lg-7xh {
padding: var(--spacing-scale-7xh) !important;
}
.px-lg-7xh {
padding-left: var(--spacing-scale-7xh) !important;
padding-right: var(--spacing-scale-7xh) !important;
}
.py-lg-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-lg-7xh {
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-lg-n7xh {
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pr-lg-7xh {
padding-right: var(--spacing-scale-7xh) !important;
}
.pr-lg-n7xh {
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pb-lg-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-lg-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pl-lg-7xh {
padding-left: var(--spacing-scale-7xh) !important;
}
.pl-lg-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-lg-n7xh {
padding: calc(var(--spacing-scale-7xh) * -1) !important;
}
.px-lg-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.py-lg-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-lg-8x {
padding: var(--spacing-scale-8x) !important;
}
.px-lg-8x {
padding-left: var(--spacing-scale-8x) !important;
padding-right: var(--spacing-scale-8x) !important;
}
.py-lg-8x {
padding-bottom: var(--spacing-scale-8x) !important;
padding-top: var(--spacing-scale-8x) !important;
}
.pt-lg-8x {
padding-top: var(--spacing-scale-8x) !important;
}
.pt-lg-n8x {
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.pr-lg-8x {
padding-right: var(--spacing-scale-8x) !important;
}
.pr-lg-n8x {
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.pb-lg-8x {
padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-lg-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.pl-lg-8x {
padding-left: var(--spacing-scale-8x) !important;
}
.pl-lg-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-lg-n8x {
padding: calc(var(--spacing-scale-8x) * -1) !important;
}
.px-lg-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.py-lg-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-lg-8xh {
padding: var(--spacing-scale-8xh) !important;
}
.px-lg-8xh {
padding-left: var(--spacing-scale-8xh) !important;
padding-right: var(--spacing-scale-8xh) !important;
}
.py-lg-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-lg-8xh {
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-lg-n8xh {
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pr-lg-8xh {
padding-right: var(--spacing-scale-8xh) !important;
}
.pr-lg-n8xh {
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pb-lg-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-lg-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pl-lg-8xh {
padding-left: var(--spacing-scale-8xh) !important;
}
.pl-lg-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-lg-n8xh {
padding: calc(var(--spacing-scale-8xh) * -1) !important;
}
.px-lg-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.py-lg-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-lg-9x {
padding: var(--spacing-scale-9x) !important;
}
.px-lg-9x {
padding-left: var(--spacing-scale-9x) !important;
padding-right: var(--spacing-scale-9x) !important;
}
.py-lg-9x {
padding-bottom: var(--spacing-scale-9x) !important;
padding-top: var(--spacing-scale-9x) !important;
}
.pt-lg-9x {
padding-top: var(--spacing-scale-9x) !important;
}
.pt-lg-n9x {
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.pr-lg-9x {
padding-right: var(--spacing-scale-9x) !important;
}
.pr-lg-n9x {
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.pb-lg-9x {
padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-lg-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.pl-lg-9x {
padding-left: var(--spacing-scale-9x) !important;
}
.pl-lg-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-lg-n9x {
padding: calc(var(--spacing-scale-9x) * -1) !important;
}
.px-lg-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.py-lg-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-lg-9xh {
padding: var(--spacing-scale-9xh) !important;
}
.px-lg-9xh {
padding-left: var(--spacing-scale-9xh) !important;
padding-right: var(--spacing-scale-9xh) !important;
}
.py-lg-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-lg-9xh {
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-lg-n9xh {
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pr-lg-9xh {
padding-right: var(--spacing-scale-9xh) !important;
}
.pr-lg-n9xh {
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pb-lg-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-lg-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pl-lg-9xh {
padding-left: var(--spacing-scale-9xh) !important;
}
.pl-lg-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-lg-n9xh {
padding: calc(var(--spacing-scale-9xh) * -1) !important;
}
.px-lg-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.py-lg-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-lg-10x {
padding: var(--spacing-scale-10x) !important;
}
.px-lg-10x {
padding-left: var(--spacing-scale-10x) !important;
padding-right: var(--spacing-scale-10x) !important;
}
.py-lg-10x {
padding-bottom: var(--spacing-scale-10x) !important;
padding-top: var(--spacing-scale-10x) !important;
}
.pt-lg-10x {
padding-top: var(--spacing-scale-10x) !important;
}
.pt-lg-n10x {
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.pr-lg-10x {
padding-right: var(--spacing-scale-10x) !important;
}
.pr-lg-n10x {
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.pb-lg-10x {
padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-lg-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.pl-lg-10x {
padding-left: var(--spacing-scale-10x) !important;
}
.pl-lg-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-lg-n10x {
padding: calc(var(--spacing-scale-10x) * -1) !important;
}
.px-lg-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.py-lg-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-lg-10xh {
padding: var(--spacing-scale-10xh) !important;
}
.px-lg-10xh {
padding-left: var(--spacing-scale-10xh) !important;
padding-right: var(--spacing-scale-10xh) !important;
}
.py-lg-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-lg-10xh {
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-lg-n10xh {
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pr-lg-10xh {
padding-right: var(--spacing-scale-10xh) !important;
}
.pr-lg-n10xh {
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pb-lg-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-lg-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pl-lg-10xh {
padding-left: var(--spacing-scale-10xh) !important;
}
.pl-lg-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.p-lg-n10xh {
padding: calc(var(--spacing-scale-10xh) * -1) !important;
}
.px-lg-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.py-lg-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
}
@media (min-width: 1600px) {
.m-xl-0 {
margin: var(--spacing-scale-default) !important;
}
.mx-xl-0 {
margin-left: var(--spacing-scale-default) !important;
margin-right: var(--spacing-scale-default) !important;
}
.my-xl-0 {
margin-bottom: var(--spacing-scale-default) !important;
margin-top: var(--spacing-scale-default) !important;
}
.mt-xl-0 {
margin-top: var(--spacing-scale-default) !important;
}
.mr-xl-0 {
margin-right: var(--spacing-scale-default) !important;
}
.mb-xl-0 {
margin-bottom: var(--spacing-scale-default) !important;
}
.ml-xl-0 {
margin-left: var(--spacing-scale-default) !important;
}
.m-xl-half {
margin: var(--spacing-scale-half) !important;
}
.mx-xl-half {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-xl-half {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-xl-half {
margin-top: var(--spacing-scale-half) !important;
}
.mt-xl-nhalf {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-xl-half {
margin-right: var(--spacing-scale-half) !important;
}
.mr-xl-nhalf {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-xl-half {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-xl-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-xl-half {
margin-left: var(--spacing-scale-half) !important;
}
.ml-xl-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-xl-nhalf {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-xl-nhalf {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-xl-nhalf {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-xl-base {
margin: var(--spacing-scale-base) !important;
}
.mx-xl-base {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-xl-base {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-xl-base {
margin-top: var(--spacing-scale-base) !important;
}
.mt-xl-nbase {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-xl-base {
margin-right: var(--spacing-scale-base) !important;
}
.mr-xl-nbase {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-xl-base {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-xl-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-xl-base {
margin-left: var(--spacing-scale-base) !important;
}
.ml-xl-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-xl-nbase {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-xl-nbase {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-xl-nbase {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-xl-baseh {
margin: var(--spacing-scale-baseh) !important;
}
.mx-xl-baseh {
margin-left: var(--spacing-scale-baseh) !important;
margin-right: var(--spacing-scale-baseh) !important;
}
.my-xl-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-xl-baseh {
margin-top: var(--spacing-scale-baseh) !important;
}
.mt-xl-nbaseh {
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mr-xl-baseh {
margin-right: var(--spacing-scale-baseh) !important;
}
.mr-xl-nbaseh {
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mb-xl-baseh {
margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-xl-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.ml-xl-baseh {
margin-left: var(--spacing-scale-baseh) !important;
}
.ml-xl-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-xl-nbaseh {
margin: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mx-xl-nbaseh {
margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.my-xl-nbaseh {
margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-xl-1 {
margin: var(--spacing-scale-half) !important;
}
.mx-xl-1 {
margin-left: var(--spacing-scale-half) !important;
margin-right: var(--spacing-scale-half) !important;
}
.my-xl-1 {
margin-bottom: var(--spacing-scale-half) !important;
margin-top: var(--spacing-scale-half) !important;
}
.mt-xl-1 {
margin-top: var(--spacing-scale-half) !important;
}
.mt-xl-n1 {
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-xl-1 {
margin-right: var(--spacing-scale-half) !important;
}
.mr-xl-n1 {
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-xl-1 {
margin-bottom: var(--spacing-scale-half) !important;
}
.mb-xl-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-xl-1 {
margin-left: var(--spacing-scale-half) !important;
}
.ml-xl-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-xl-n1 {
margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-xl-n1 {
margin-left: calc(var(--spacing-scale-half) * -1) !important;
margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-xl-n1 {
margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-xl-2 {
margin: var(--spacing-scale-base) !important;
}
.mx-xl-2 {
margin-left: var(--spacing-scale-base) !important;
margin-right: var(--spacing-scale-base) !important;
}
.my-xl-2 {
margin-bottom: var(--spacing-scale-base) !important;
margin-top: var(--spacing-scale-base) !important;
}
.mt-xl-2 {
margin-top: var(--spacing-scale-base) !important;
}
.mt-xl-n2 {
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-xl-2 {
margin-right: var(--spacing-scale-base) !important;
}
.mr-xl-n2 {
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-xl-2 {
margin-bottom: var(--spacing-scale-base) !important;
}
.mb-xl-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-xl-2 {
margin-left: var(--spacing-scale-base) !important;
}
.ml-xl-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-xl-n2 {
margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-xl-n2 {
margin-left: calc(var(--spacing-scale-base) * -1) !important;
margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-xl-n2 {
margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-xl-3 {
margin: var(--spacing-scale-2x) !important;
}
.mx-xl-3 {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-xl-3 {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-xl-3 {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-xl-n3 {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-xl-3 {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-xl-n3 {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-xl-3 {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-xl-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-xl-3 {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-xl-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-xl-n3 {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-xl-n3 {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-xl-n3 {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-xl-4 {
margin: var(--spacing-scale-3x) !important;
}
.mx-xl-4 {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-xl-4 {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-xl-4 {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-xl-n4 {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-xl-4 {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-xl-n4 {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-xl-4 {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-xl-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-xl-4 {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-xl-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-xl-n4 {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-xl-n4 {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-xl-n4 {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-xl-5 {
margin: var(--spacing-scale-4x) !important;
}
.mx-xl-5 {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-xl-5 {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-xl-5 {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-xl-n5 {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-xl-5 {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-xl-n5 {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-xl-5 {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-xl-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-xl-5 {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-xl-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-xl-n5 {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-xl-n5 {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-xl-n5 {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-xl-6 {
margin: var(--spacing-scale-5x) !important;
}
.mx-xl-6 {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-xl-6 {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-xl-6 {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-xl-n6 {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-xl-6 {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-xl-n6 {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-xl-6 {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-xl-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-xl-6 {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-xl-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-xl-n6 {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-xl-n6 {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-xl-n6 {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-xl-2x {
margin: var(--spacing-scale-2x) !important;
}
.mx-xl-2x {
margin-left: var(--spacing-scale-2x) !important;
margin-right: var(--spacing-scale-2x) !important;
}
.my-xl-2x {
margin-bottom: var(--spacing-scale-2x) !important;
margin-top: var(--spacing-scale-2x) !important;
}
.mt-xl-2x {
margin-top: var(--spacing-scale-2x) !important;
}
.mt-xl-n2x {
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-xl-2x {
margin-right: var(--spacing-scale-2x) !important;
}
.mr-xl-n2x {
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-xl-2x {
margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-xl-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-xl-2x {
margin-left: var(--spacing-scale-2x) !important;
}
.ml-xl-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-xl-n2x {
margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-xl-n2x {
margin-left: calc(var(--spacing-scale-2x) * -1) !important;
margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-xl-n2x {
margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-xl-2xh {
margin: var(--spacing-scale-2xh) !important;
}
.mx-xl-2xh {
margin-left: var(--spacing-scale-2xh) !important;
margin-right: var(--spacing-scale-2xh) !important;
}
.my-xl-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-xl-2xh {
margin-top: var(--spacing-scale-2xh) !important;
}
.mt-xl-n2xh {
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mr-xl-2xh {
margin-right: var(--spacing-scale-2xh) !important;
}
.mr-xl-n2xh {
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mb-xl-2xh {
margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-xl-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.ml-xl-2xh {
margin-left: var(--spacing-scale-2xh) !important;
}
.ml-xl-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-xl-n2xh {
margin: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mx-xl-n2xh {
margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.my-xl-n2xh {
margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-xl-3x {
margin: var(--spacing-scale-3x) !important;
}
.mx-xl-3x {
margin-left: var(--spacing-scale-3x) !important;
margin-right: var(--spacing-scale-3x) !important;
}
.my-xl-3x {
margin-bottom: var(--spacing-scale-3x) !important;
margin-top: var(--spacing-scale-3x) !important;
}
.mt-xl-3x {
margin-top: var(--spacing-scale-3x) !important;
}
.mt-xl-n3x {
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-xl-3x {
margin-right: var(--spacing-scale-3x) !important;
}
.mr-xl-n3x {
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-xl-3x {
margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-xl-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-xl-3x {
margin-left: var(--spacing-scale-3x) !important;
}
.ml-xl-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-xl-n3x {
margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-xl-n3x {
margin-left: calc(var(--spacing-scale-3x) * -1) !important;
margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-xl-n3x {
margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-xl-3xh {
margin: var(--spacing-scale-3xh) !important;
}
.mx-xl-3xh {
margin-left: var(--spacing-scale-3xh) !important;
margin-right: var(--spacing-scale-3xh) !important;
}
.my-xl-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-xl-3xh {
margin-top: var(--spacing-scale-3xh) !important;
}
.mt-xl-n3xh {
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mr-xl-3xh {
margin-right: var(--spacing-scale-3xh) !important;
}
.mr-xl-n3xh {
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mb-xl-3xh {
margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-xl-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.ml-xl-3xh {
margin-left: var(--spacing-scale-3xh) !important;
}
.ml-xl-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-xl-n3xh {
margin: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mx-xl-n3xh {
margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.my-xl-n3xh {
margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-xl-4x {
margin: var(--spacing-scale-4x) !important;
}
.mx-xl-4x {
margin-left: var(--spacing-scale-4x) !important;
margin-right: var(--spacing-scale-4x) !important;
}
.my-xl-4x {
margin-bottom: var(--spacing-scale-4x) !important;
margin-top: var(--spacing-scale-4x) !important;
}
.mt-xl-4x {
margin-top: var(--spacing-scale-4x) !important;
}
.mt-xl-n4x {
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-xl-4x {
margin-right: var(--spacing-scale-4x) !important;
}
.mr-xl-n4x {
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-xl-4x {
margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-xl-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-xl-4x {
margin-left: var(--spacing-scale-4x) !important;
}
.ml-xl-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-xl-n4x {
margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-xl-n4x {
margin-left: calc(var(--spacing-scale-4x) * -1) !important;
margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-xl-n4x {
margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-xl-4xh {
margin: var(--spacing-scale-4xh) !important;
}
.mx-xl-4xh {
margin-left: var(--spacing-scale-4xh) !important;
margin-right: var(--spacing-scale-4xh) !important;
}
.my-xl-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-xl-4xh {
margin-top: var(--spacing-scale-4xh) !important;
}
.mt-xl-n4xh {
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mr-xl-4xh {
margin-right: var(--spacing-scale-4xh) !important;
}
.mr-xl-n4xh {
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mb-xl-4xh {
margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-xl-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.ml-xl-4xh {
margin-left: var(--spacing-scale-4xh) !important;
}
.ml-xl-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-xl-n4xh {
margin: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mx-xl-n4xh {
margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.my-xl-n4xh {
margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-xl-5x {
margin: var(--spacing-scale-5x) !important;
}
.mx-xl-5x {
margin-left: var(--spacing-scale-5x) !important;
margin-right: var(--spacing-scale-5x) !important;
}
.my-xl-5x {
margin-bottom: var(--spacing-scale-5x) !important;
margin-top: var(--spacing-scale-5x) !important;
}
.mt-xl-5x {
margin-top: var(--spacing-scale-5x) !important;
}
.mt-xl-n5x {
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-xl-5x {
margin-right: var(--spacing-scale-5x) !important;
}
.mr-xl-n5x {
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-xl-5x {
margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-xl-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-xl-5x {
margin-left: var(--spacing-scale-5x) !important;
}
.ml-xl-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-xl-n5x {
margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-xl-n5x {
margin-left: calc(var(--spacing-scale-5x) * -1) !important;
margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-xl-n5x {
margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-xl-5xh {
margin: var(--spacing-scale-5xh) !important;
}
.mx-xl-5xh {
margin-left: var(--spacing-scale-5xh) !important;
margin-right: var(--spacing-scale-5xh) !important;
}
.my-xl-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-xl-5xh {
margin-top: var(--spacing-scale-5xh) !important;
}
.mt-xl-n5xh {
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mr-xl-5xh {
margin-right: var(--spacing-scale-5xh) !important;
}
.mr-xl-n5xh {
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mb-xl-5xh {
margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-xl-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.ml-xl-5xh {
margin-left: var(--spacing-scale-5xh) !important;
}
.ml-xl-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-xl-n5xh {
margin: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mx-xl-n5xh {
margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.my-xl-n5xh {
margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-xl-6x {
margin: var(--spacing-scale-6x) !important;
}
.mx-xl-6x {
margin-left: var(--spacing-scale-6x) !important;
margin-right: var(--spacing-scale-6x) !important;
}
.my-xl-6x {
margin-bottom: var(--spacing-scale-6x) !important;
margin-top: var(--spacing-scale-6x) !important;
}
.mt-xl-6x {
margin-top: var(--spacing-scale-6x) !important;
}
.mt-xl-n6x {
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.mr-xl-6x {
margin-right: var(--spacing-scale-6x) !important;
}
.mr-xl-n6x {
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.mb-xl-6x {
margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-xl-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.ml-xl-6x {
margin-left: var(--spacing-scale-6x) !important;
}
.ml-xl-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-xl-n6x {
margin: calc(var(--spacing-scale-6x) * -1) !important;
}
.mx-xl-n6x {
margin-left: calc(var(--spacing-scale-6x) * -1) !important;
margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.my-xl-n6x {
margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-xl-6xh {
margin: var(--spacing-scale-6xh) !important;
}
.mx-xl-6xh {
margin-left: var(--spacing-scale-6xh) !important;
margin-right: var(--spacing-scale-6xh) !important;
}
.my-xl-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-xl-6xh {
margin-top: var(--spacing-scale-6xh) !important;
}
.mt-xl-n6xh {
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mr-xl-6xh {
margin-right: var(--spacing-scale-6xh) !important;
}
.mr-xl-n6xh {
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mb-xl-6xh {
margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-xl-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.ml-xl-6xh {
margin-left: var(--spacing-scale-6xh) !important;
}
.ml-xl-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-xl-n6xh {
margin: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mx-xl-n6xh {
margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.my-xl-n6xh {
margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-xl-7x {
margin: var(--spacing-scale-7x) !important;
}
.mx-xl-7x {
margin-left: var(--spacing-scale-7x) !important;
margin-right: var(--spacing-scale-7x) !important;
}
.my-xl-7x {
margin-bottom: var(--spacing-scale-7x) !important;
margin-top: var(--spacing-scale-7x) !important;
}
.mt-xl-7x {
margin-top: var(--spacing-scale-7x) !important;
}
.mt-xl-n7x {
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.mr-xl-7x {
margin-right: var(--spacing-scale-7x) !important;
}
.mr-xl-n7x {
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.mb-xl-7x {
margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-xl-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.ml-xl-7x {
margin-left: var(--spacing-scale-7x) !important;
}
.ml-xl-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-xl-n7x {
margin: calc(var(--spacing-scale-7x) * -1) !important;
}
.mx-xl-n7x {
margin-left: calc(var(--spacing-scale-7x) * -1) !important;
margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.my-xl-n7x {
margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-xl-7xh {
margin: var(--spacing-scale-7xh) !important;
}
.mx-xl-7xh {
margin-left: var(--spacing-scale-7xh) !important;
margin-right: var(--spacing-scale-7xh) !important;
}
.my-xl-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-xl-7xh {
margin-top: var(--spacing-scale-7xh) !important;
}
.mt-xl-n7xh {
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mr-xl-7xh {
margin-right: var(--spacing-scale-7xh) !important;
}
.mr-xl-n7xh {
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mb-xl-7xh {
margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-xl-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.ml-xl-7xh {
margin-left: var(--spacing-scale-7xh) !important;
}
.ml-xl-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-xl-n7xh {
margin: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mx-xl-n7xh {
margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.my-xl-n7xh {
margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-xl-8x {
margin: var(--spacing-scale-8x) !important;
}
.mx-xl-8x {
margin-left: var(--spacing-scale-8x) !important;
margin-right: var(--spacing-scale-8x) !important;
}
.my-xl-8x {
margin-bottom: var(--spacing-scale-8x) !important;
margin-top: var(--spacing-scale-8x) !important;
}
.mt-xl-8x {
margin-top: var(--spacing-scale-8x) !important;
}
.mt-xl-n8x {
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.mr-xl-8x {
margin-right: var(--spacing-scale-8x) !important;
}
.mr-xl-n8x {
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.mb-xl-8x {
margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-xl-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.ml-xl-8x {
margin-left: var(--spacing-scale-8x) !important;
}
.ml-xl-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-xl-n8x {
margin: calc(var(--spacing-scale-8x) * -1) !important;
}
.mx-xl-n8x {
margin-left: calc(var(--spacing-scale-8x) * -1) !important;
margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.my-xl-n8x {
margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-xl-8xh {
margin: var(--spacing-scale-8xh) !important;
}
.mx-xl-8xh {
margin-left: var(--spacing-scale-8xh) !important;
margin-right: var(--spacing-scale-8xh) !important;
}
.my-xl-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-xl-8xh {
margin-top: var(--spacing-scale-8xh) !important;
}
.mt-xl-n8xh {
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mr-xl-8xh {
margin-right: var(--spacing-scale-8xh) !important;
}
.mr-xl-n8xh {
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mb-xl-8xh {
margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-xl-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.ml-xl-8xh {
margin-left: var(--spacing-scale-8xh) !important;
}
.ml-xl-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-xl-n8xh {
margin: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mx-xl-n8xh {
margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.my-xl-n8xh {
margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-xl-9x {
margin: var(--spacing-scale-9x) !important;
}
.mx-xl-9x {
margin-left: var(--spacing-scale-9x) !important;
margin-right: var(--spacing-scale-9x) !important;
}
.my-xl-9x {
margin-bottom: var(--spacing-scale-9x) !important;
margin-top: var(--spacing-scale-9x) !important;
}
.mt-xl-9x {
margin-top: var(--spacing-scale-9x) !important;
}
.mt-xl-n9x {
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.mr-xl-9x {
margin-right: var(--spacing-scale-9x) !important;
}
.mr-xl-n9x {
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.mb-xl-9x {
margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-xl-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.ml-xl-9x {
margin-left: var(--spacing-scale-9x) !important;
}
.ml-xl-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-xl-n9x {
margin: calc(var(--spacing-scale-9x) * -1) !important;
}
.mx-xl-n9x {
margin-left: calc(var(--spacing-scale-9x) * -1) !important;
margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.my-xl-n9x {
margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-xl-9xh {
margin: var(--spacing-scale-9xh) !important;
}
.mx-xl-9xh {
margin-left: var(--spacing-scale-9xh) !important;
margin-right: var(--spacing-scale-9xh) !important;
}
.my-xl-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-xl-9xh {
margin-top: var(--spacing-scale-9xh) !important;
}
.mt-xl-n9xh {
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mr-xl-9xh {
margin-right: var(--spacing-scale-9xh) !important;
}
.mr-xl-n9xh {
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mb-xl-9xh {
margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-xl-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.ml-xl-9xh {
margin-left: var(--spacing-scale-9xh) !important;
}
.ml-xl-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-xl-n9xh {
margin: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mx-xl-n9xh {
margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.my-xl-n9xh {
margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-xl-10x {
margin: var(--spacing-scale-10x) !important;
}
.mx-xl-10x {
margin-left: var(--spacing-scale-10x) !important;
margin-right: var(--spacing-scale-10x) !important;
}
.my-xl-10x {
margin-bottom: var(--spacing-scale-10x) !important;
margin-top: var(--spacing-scale-10x) !important;
}
.mt-xl-10x {
margin-top: var(--spacing-scale-10x) !important;
}
.mt-xl-n10x {
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.mr-xl-10x {
margin-right: var(--spacing-scale-10x) !important;
}
.mr-xl-n10x {
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.mb-xl-10x {
margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-xl-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.ml-xl-10x {
margin-left: var(--spacing-scale-10x) !important;
}
.ml-xl-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-xl-n10x {
margin: calc(var(--spacing-scale-10x) * -1) !important;
}
.mx-xl-n10x {
margin-left: calc(var(--spacing-scale-10x) * -1) !important;
margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.my-xl-n10x {
margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-xl-10xh {
margin: var(--spacing-scale-10xh) !important;
}
.mx-xl-10xh {
margin-left: var(--spacing-scale-10xh) !important;
margin-right: var(--spacing-scale-10xh) !important;
}
.my-xl-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-xl-10xh {
margin-top: var(--spacing-scale-10xh) !important;
}
.mt-xl-n10xh {
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mr-xl-10xh {
margin-right: var(--spacing-scale-10xh) !important;
}
.mr-xl-n10xh {
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mb-xl-10xh {
margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-xl-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.ml-xl-10xh {
margin-left: var(--spacing-scale-10xh) !important;
}
.ml-xl-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-xl-n10xh {
margin: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mx-xl-n10xh {
margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.my-xl-n10xh {
margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.my-xl-auto {
margin-bottom: auto !important;
margin-top: auto !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: var(--spacing-scale-default) !important;
}
.px-xl-0 {
padding-left: var(--spacing-scale-default) !important;
padding-right: var(--spacing-scale-default) !important;
}
.py-xl-0 {
padding-bottom: var(--spacing-scale-default) !important;
padding-top: var(--spacing-scale-default) !important;
}
.pt-xl-0 {
padding-top: var(--spacing-scale-default) !important;
}
.pr-xl-0 {
padding-right: var(--spacing-scale-default) !important;
}
.pb-xl-0 {
padding-bottom: var(--spacing-scale-default) !important;
}
.pl-xl-0 {
padding-left: var(--spacing-scale-default) !important;
}
.p-xl-half {
padding: var(--spacing-scale-half) !important;
}
.px-xl-half {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-xl-half {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-xl-half {
padding-top: var(--spacing-scale-half) !important;
}
.pt-xl-nhalf {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-xl-half {
padding-right: var(--spacing-scale-half) !important;
}
.pr-xl-nhalf {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-xl-half {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-xl-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-xl-half {
padding-left: var(--spacing-scale-half) !important;
}
.pl-xl-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-xl-nhalf {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-xl-nhalf {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-xl-nhalf {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-xl-base {
padding: var(--spacing-scale-base) !important;
}
.px-xl-base {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-xl-base {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-xl-base {
padding-top: var(--spacing-scale-base) !important;
}
.pt-xl-nbase {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-xl-base {
padding-right: var(--spacing-scale-base) !important;
}
.pr-xl-nbase {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-xl-base {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-xl-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-xl-base {
padding-left: var(--spacing-scale-base) !important;
}
.pl-xl-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-xl-nbase {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-xl-nbase {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-xl-nbase {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-xl-baseh {
padding: var(--spacing-scale-baseh) !important;
}
.px-xl-baseh {
padding-left: var(--spacing-scale-baseh) !important;
padding-right: var(--spacing-scale-baseh) !important;
}
.py-xl-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-xl-baseh {
padding-top: var(--spacing-scale-baseh) !important;
}
.pt-xl-nbaseh {
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pr-xl-baseh {
padding-right: var(--spacing-scale-baseh) !important;
}
.pr-xl-nbaseh {
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pb-xl-baseh {
padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-xl-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pl-xl-baseh {
padding-left: var(--spacing-scale-baseh) !important;
}
.pl-xl-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-xl-nbaseh {
padding: calc(var(--spacing-scale-baseh) * -1) !important;
}
.px-xl-nbaseh {
padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.py-xl-nbaseh {
padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-xl-1 {
padding: var(--spacing-scale-half) !important;
}
.px-xl-1 {
padding-left: var(--spacing-scale-half) !important;
padding-right: var(--spacing-scale-half) !important;
}
.py-xl-1 {
padding-bottom: var(--spacing-scale-half) !important;
padding-top: var(--spacing-scale-half) !important;
}
.pt-xl-1 {
padding-top: var(--spacing-scale-half) !important;
}
.pt-xl-n1 {
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-xl-1 {
padding-right: var(--spacing-scale-half) !important;
}
.pr-xl-n1 {
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-xl-1 {
padding-bottom: var(--spacing-scale-half) !important;
}
.pb-xl-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-xl-1 {
padding-left: var(--spacing-scale-half) !important;
}
.pl-xl-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-xl-n1 {
padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-xl-n1 {
padding-left: calc(var(--spacing-scale-half) * -1) !important;
padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-xl-n1 {
padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-xl-2 {
padding: var(--spacing-scale-base) !important;
}
.px-xl-2 {
padding-left: var(--spacing-scale-base) !important;
padding-right: var(--spacing-scale-base) !important;
}
.py-xl-2 {
padding-bottom: var(--spacing-scale-base) !important;
padding-top: var(--spacing-scale-base) !important;
}
.pt-xl-2 {
padding-top: var(--spacing-scale-base) !important;
}
.pt-xl-n2 {
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-xl-2 {
padding-right: var(--spacing-scale-base) !important;
}
.pr-xl-n2 {
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-xl-2 {
padding-bottom: var(--spacing-scale-base) !important;
}
.pb-xl-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-xl-2 {
padding-left: var(--spacing-scale-base) !important;
}
.pl-xl-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-xl-n2 {
padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-xl-n2 {
padding-left: calc(var(--spacing-scale-base) * -1) !important;
padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-xl-n2 {
padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-xl-3 {
padding: var(--spacing-scale-2x) !important;
}
.px-xl-3 {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-xl-3 {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-xl-3 {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-xl-n3 {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-xl-3 {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-xl-n3 {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-xl-3 {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-xl-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-xl-3 {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-xl-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-xl-n3 {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-xl-n3 {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-xl-n3 {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-xl-4 {
padding: var(--spacing-scale-3x) !important;
}
.px-xl-4 {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-xl-4 {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-xl-4 {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-xl-n4 {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-xl-4 {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-xl-n4 {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-xl-4 {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-xl-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-xl-4 {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-xl-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-xl-n4 {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-xl-n4 {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-xl-n4 {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-xl-5 {
padding: var(--spacing-scale-4x) !important;
}
.px-xl-5 {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-xl-5 {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-xl-5 {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-xl-n5 {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-xl-5 {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-xl-n5 {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-xl-5 {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-xl-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-xl-5 {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-xl-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-xl-n5 {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-xl-n5 {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-xl-n5 {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-xl-6 {
padding: var(--spacing-scale-5x) !important;
}
.px-xl-6 {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-xl-6 {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-xl-6 {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-xl-n6 {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-xl-6 {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-xl-n6 {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-xl-6 {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-xl-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-xl-6 {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-xl-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-xl-n6 {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-xl-n6 {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-xl-n6 {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-xl-2x {
padding: var(--spacing-scale-2x) !important;
}
.px-xl-2x {
padding-left: var(--spacing-scale-2x) !important;
padding-right: var(--spacing-scale-2x) !important;
}
.py-xl-2x {
padding-bottom: var(--spacing-scale-2x) !important;
padding-top: var(--spacing-scale-2x) !important;
}
.pt-xl-2x {
padding-top: var(--spacing-scale-2x) !important;
}
.pt-xl-n2x {
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-xl-2x {
padding-right: var(--spacing-scale-2x) !important;
}
.pr-xl-n2x {
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-xl-2x {
padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-xl-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-xl-2x {
padding-left: var(--spacing-scale-2x) !important;
}
.pl-xl-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-xl-n2x {
padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-xl-n2x {
padding-left: calc(var(--spacing-scale-2x) * -1) !important;
padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-xl-n2x {
padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-xl-2xh {
padding: var(--spacing-scale-2xh) !important;
}
.px-xl-2xh {
padding-left: var(--spacing-scale-2xh) !important;
padding-right: var(--spacing-scale-2xh) !important;
}
.py-xl-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-xl-2xh {
padding-top: var(--spacing-scale-2xh) !important;
}
.pt-xl-n2xh {
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pr-xl-2xh {
padding-right: var(--spacing-scale-2xh) !important;
}
.pr-xl-n2xh {
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pb-xl-2xh {
padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-xl-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pl-xl-2xh {
padding-left: var(--spacing-scale-2xh) !important;
}
.pl-xl-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-xl-n2xh {
padding: calc(var(--spacing-scale-2xh) * -1) !important;
}
.px-xl-n2xh {
padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.py-xl-n2xh {
padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-xl-3x {
padding: var(--spacing-scale-3x) !important;
}
.px-xl-3x {
padding-left: var(--spacing-scale-3x) !important;
padding-right: var(--spacing-scale-3x) !important;
}
.py-xl-3x {
padding-bottom: var(--spacing-scale-3x) !important;
padding-top: var(--spacing-scale-3x) !important;
}
.pt-xl-3x {
padding-top: var(--spacing-scale-3x) !important;
}
.pt-xl-n3x {
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-xl-3x {
padding-right: var(--spacing-scale-3x) !important;
}
.pr-xl-n3x {
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-xl-3x {
padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-xl-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-xl-3x {
padding-left: var(--spacing-scale-3x) !important;
}
.pl-xl-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-xl-n3x {
padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-xl-n3x {
padding-left: calc(var(--spacing-scale-3x) * -1) !important;
padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-xl-n3x {
padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-xl-3xh {
padding: var(--spacing-scale-3xh) !important;
}
.px-xl-3xh {
padding-left: var(--spacing-scale-3xh) !important;
padding-right: var(--spacing-scale-3xh) !important;
}
.py-xl-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-xl-3xh {
padding-top: var(--spacing-scale-3xh) !important;
}
.pt-xl-n3xh {
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pr-xl-3xh {
padding-right: var(--spacing-scale-3xh) !important;
}
.pr-xl-n3xh {
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pb-xl-3xh {
padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-xl-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pl-xl-3xh {
padding-left: var(--spacing-scale-3xh) !important;
}
.pl-xl-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-xl-n3xh {
padding: calc(var(--spacing-scale-3xh) * -1) !important;
}
.px-xl-n3xh {
padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.py-xl-n3xh {
padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-xl-4x {
padding: var(--spacing-scale-4x) !important;
}
.px-xl-4x {
padding-left: var(--spacing-scale-4x) !important;
padding-right: var(--spacing-scale-4x) !important;
}
.py-xl-4x {
padding-bottom: var(--spacing-scale-4x) !important;
padding-top: var(--spacing-scale-4x) !important;
}
.pt-xl-4x {
padding-top: var(--spacing-scale-4x) !important;
}
.pt-xl-n4x {
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-xl-4x {
padding-right: var(--spacing-scale-4x) !important;
}
.pr-xl-n4x {
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-xl-4x {
padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-xl-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-xl-4x {
padding-left: var(--spacing-scale-4x) !important;
}
.pl-xl-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-xl-n4x {
padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-xl-n4x {
padding-left: calc(var(--spacing-scale-4x) * -1) !important;
padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-xl-n4x {
padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-xl-4xh {
padding: var(--spacing-scale-4xh) !important;
}
.px-xl-4xh {
padding-left: var(--spacing-scale-4xh) !important;
padding-right: var(--spacing-scale-4xh) !important;
}
.py-xl-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-xl-4xh {
padding-top: var(--spacing-scale-4xh) !important;
}
.pt-xl-n4xh {
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pr-xl-4xh {
padding-right: var(--spacing-scale-4xh) !important;
}
.pr-xl-n4xh {
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pb-xl-4xh {
padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-xl-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pl-xl-4xh {
padding-left: var(--spacing-scale-4xh) !important;
}
.pl-xl-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-xl-n4xh {
padding: calc(var(--spacing-scale-4xh) * -1) !important;
}
.px-xl-n4xh {
padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.py-xl-n4xh {
padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-xl-5x {
padding: var(--spacing-scale-5x) !important;
}
.px-xl-5x {
padding-left: var(--spacing-scale-5x) !important;
padding-right: var(--spacing-scale-5x) !important;
}
.py-xl-5x {
padding-bottom: var(--spacing-scale-5x) !important;
padding-top: var(--spacing-scale-5x) !important;
}
.pt-xl-5x {
padding-top: var(--spacing-scale-5x) !important;
}
.pt-xl-n5x {
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-xl-5x {
padding-right: var(--spacing-scale-5x) !important;
}
.pr-xl-n5x {
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-xl-5x {
padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-xl-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-xl-5x {
padding-left: var(--spacing-scale-5x) !important;
}
.pl-xl-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-xl-n5x {
padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-xl-n5x {
padding-left: calc(var(--spacing-scale-5x) * -1) !important;
padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-xl-n5x {
padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-xl-5xh {
padding: var(--spacing-scale-5xh) !important;
}
.px-xl-5xh {
padding-left: var(--spacing-scale-5xh) !important;
padding-right: var(--spacing-scale-5xh) !important;
}
.py-xl-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-xl-5xh {
padding-top: var(--spacing-scale-5xh) !important;
}
.pt-xl-n5xh {
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pr-xl-5xh {
padding-right: var(--spacing-scale-5xh) !important;
}
.pr-xl-n5xh {
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pb-xl-5xh {
padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-xl-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pl-xl-5xh {
padding-left: var(--spacing-scale-5xh) !important;
}
.pl-xl-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-xl-n5xh {
padding: calc(var(--spacing-scale-5xh) * -1) !important;
}
.px-xl-n5xh {
padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.py-xl-n5xh {
padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-xl-6x {
padding: var(--spacing-scale-6x) !important;
}
.px-xl-6x {
padding-left: var(--spacing-scale-6x) !important;
padding-right: var(--spacing-scale-6x) !important;
}
.py-xl-6x {
padding-bottom: var(--spacing-scale-6x) !important;
padding-top: var(--spacing-scale-6x) !important;
}
.pt-xl-6x {
padding-top: var(--spacing-scale-6x) !important;
}
.pt-xl-n6x {
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.pr-xl-6x {
padding-right: var(--spacing-scale-6x) !important;
}
.pr-xl-n6x {
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.pb-xl-6x {
padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-xl-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.pl-xl-6x {
padding-left: var(--spacing-scale-6x) !important;
}
.pl-xl-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-xl-n6x {
padding: calc(var(--spacing-scale-6x) * -1) !important;
}
.px-xl-n6x {
padding-left: calc(var(--spacing-scale-6x) * -1) !important;
padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.py-xl-n6x {
padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-xl-6xh {
padding: var(--spacing-scale-6xh) !important;
}
.px-xl-6xh {
padding-left: var(--spacing-scale-6xh) !important;
padding-right: var(--spacing-scale-6xh) !important;
}
.py-xl-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-xl-6xh {
padding-top: var(--spacing-scale-6xh) !important;
}
.pt-xl-n6xh {
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pr-xl-6xh {
padding-right: var(--spacing-scale-6xh) !important;
}
.pr-xl-n6xh {
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pb-xl-6xh {
padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-xl-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pl-xl-6xh {
padding-left: var(--spacing-scale-6xh) !important;
}
.pl-xl-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-xl-n6xh {
padding: calc(var(--spacing-scale-6xh) * -1) !important;
}
.px-xl-n6xh {
padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.py-xl-n6xh {
padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-xl-7x {
padding: var(--spacing-scale-7x) !important;
}
.px-xl-7x {
padding-left: var(--spacing-scale-7x) !important;
padding-right: var(--spacing-scale-7x) !important;
}
.py-xl-7x {
padding-bottom: var(--spacing-scale-7x) !important;
padding-top: var(--spacing-scale-7x) !important;
}
.pt-xl-7x {
padding-top: var(--spacing-scale-7x) !important;
}
.pt-xl-n7x {
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.pr-xl-7x {
padding-right: var(--spacing-scale-7x) !important;
}
.pr-xl-n7x {
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.pb-xl-7x {
padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-xl-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.pl-xl-7x {
padding-left: var(--spacing-scale-7x) !important;
}
.pl-xl-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-xl-n7x {
padding: calc(var(--spacing-scale-7x) * -1) !important;
}
.px-xl-n7x {
padding-left: calc(var(--spacing-scale-7x) * -1) !important;
padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.py-xl-n7x {
padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-xl-7xh {
padding: var(--spacing-scale-7xh) !important;
}
.px-xl-7xh {
padding-left: var(--spacing-scale-7xh) !important;
padding-right: var(--spacing-scale-7xh) !important;
}
.py-xl-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-xl-7xh {
padding-top: var(--spacing-scale-7xh) !important;
}
.pt-xl-n7xh {
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pr-xl-7xh {
padding-right: var(--spacing-scale-7xh) !important;
}
.pr-xl-n7xh {
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pb-xl-7xh {
padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-xl-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pl-xl-7xh {
padding-left: var(--spacing-scale-7xh) !important;
}
.pl-xl-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-xl-n7xh {
padding: calc(var(--spacing-scale-7xh) * -1) !important;
}
.px-xl-n7xh {
padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.py-xl-n7xh {
padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-xl-8x {
padding: var(--spacing-scale-8x) !important;
}
.px-xl-8x {
padding-left: var(--spacing-scale-8x) !important;
padding-right: var(--spacing-scale-8x) !important;
}
.py-xl-8x {
padding-bottom: var(--spacing-scale-8x) !important;
padding-top: var(--spacing-scale-8x) !important;
}
.pt-xl-8x {
padding-top: var(--spacing-scale-8x) !important;
}
.pt-xl-n8x {
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.pr-xl-8x {
padding-right: var(--spacing-scale-8x) !important;
}
.pr-xl-n8x {
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.pb-xl-8x {
padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-xl-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.pl-xl-8x {
padding-left: var(--spacing-scale-8x) !important;
}
.pl-xl-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-xl-n8x {
padding: calc(var(--spacing-scale-8x) * -1) !important;
}
.px-xl-n8x {
padding-left: calc(var(--spacing-scale-8x) * -1) !important;
padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.py-xl-n8x {
padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-xl-8xh {
padding: var(--spacing-scale-8xh) !important;
}
.px-xl-8xh {
padding-left: var(--spacing-scale-8xh) !important;
padding-right: var(--spacing-scale-8xh) !important;
}
.py-xl-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-xl-8xh {
padding-top: var(--spacing-scale-8xh) !important;
}
.pt-xl-n8xh {
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pr-xl-8xh {
padding-right: var(--spacing-scale-8xh) !important;
}
.pr-xl-n8xh {
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pb-xl-8xh {
padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-xl-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pl-xl-8xh {
padding-left: var(--spacing-scale-8xh) !important;
}
.pl-xl-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-xl-n8xh {
padding: calc(var(--spacing-scale-8xh) * -1) !important;
}
.px-xl-n8xh {
padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.py-xl-n8xh {
padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-xl-9x {
padding: var(--spacing-scale-9x) !important;
}
.px-xl-9x {
padding-left: var(--spacing-scale-9x) !important;
padding-right: var(--spacing-scale-9x) !important;
}
.py-xl-9x {
padding-bottom: var(--spacing-scale-9x) !important;
padding-top: var(--spacing-scale-9x) !important;
}
.pt-xl-9x {
padding-top: var(--spacing-scale-9x) !important;
}
.pt-xl-n9x {
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.pr-xl-9x {
padding-right: var(--spacing-scale-9x) !important;
}
.pr-xl-n9x {
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.pb-xl-9x {
padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-xl-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.pl-xl-9x {
padding-left: var(--spacing-scale-9x) !important;
}
.pl-xl-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-xl-n9x {
padding: calc(var(--spacing-scale-9x) * -1) !important;
}
.px-xl-n9x {
padding-left: calc(var(--spacing-scale-9x) * -1) !important;
padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.py-xl-n9x {
padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-xl-9xh {
padding: var(--spacing-scale-9xh) !important;
}
.px-xl-9xh {
padding-left: var(--spacing-scale-9xh) !important;
padding-right: var(--spacing-scale-9xh) !important;
}
.py-xl-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-xl-9xh {
padding-top: var(--spacing-scale-9xh) !important;
}
.pt-xl-n9xh {
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pr-xl-9xh {
padding-right: var(--spacing-scale-9xh) !important;
}
.pr-xl-n9xh {
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pb-xl-9xh {
padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-xl-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pl-xl-9xh {
padding-left: var(--spacing-scale-9xh) !important;
}
.pl-xl-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-xl-n9xh {
padding: calc(var(--spacing-scale-9xh) * -1) !important;
}
.px-xl-n9xh {
padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.py-xl-n9xh {
padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-xl-10x {
padding: var(--spacing-scale-10x) !important;
}
.px-xl-10x {
padding-left: var(--spacing-scale-10x) !important;
padding-right: var(--spacing-scale-10x) !important;
}
.py-xl-10x {
padding-bottom: var(--spacing-scale-10x) !important;
padding-top: var(--spacing-scale-10x) !important;
}
.pt-xl-10x {
padding-top: var(--spacing-scale-10x) !important;
}
.pt-xl-n10x {
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.pr-xl-10x {
padding-right: var(--spacing-scale-10x) !important;
}
.pr-xl-n10x {
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.pb-xl-10x {
padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-xl-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.pl-xl-10x {
padding-left: var(--spacing-scale-10x) !important;
}
.pl-xl-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-xl-n10x {
padding: calc(var(--spacing-scale-10x) * -1) !important;
}
.px-xl-n10x {
padding-left: calc(var(--spacing-scale-10x) * -1) !important;
padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.py-xl-n10x {
padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-xl-10xh {
padding: var(--spacing-scale-10xh) !important;
}
.px-xl-10xh {
padding-left: var(--spacing-scale-10xh) !important;
padding-right: var(--spacing-scale-10xh) !important;
}
.py-xl-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-xl-10xh {
padding-top: var(--spacing-scale-10xh) !important;
}
.pt-xl-n10xh {
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pr-xl-10xh {
padding-right: var(--spacing-scale-10xh) !important;
}
.pr-xl-n10xh {
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pb-xl-10xh {
padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-xl-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pl-xl-10xh {
padding-left: var(--spacing-scale-10xh) !important;
}
.pl-xl-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.p-xl-n10xh {
padding: calc(var(--spacing-scale-10xh) * -1) !important;
}
.px-xl-n10xh {
padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.py-xl-n10xh {
padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
@media (min-width: 576px) {
.overflow-sm-auto {
overflow: auto !important;
}
.overflow-sm-hidden {
overflow: hidden !important;
}
}
@media (min-width: 992px) {
.overflow-md-auto {
overflow: auto !important;
}
.overflow-md-hidden {
overflow: hidden !important;
}
}
@media (min-width: 1280px) {
.overflow-lg-auto {
overflow: auto !important;
}
.overflow-lg-hidden {
overflow: hidden !important;
}
}
@media (min-width: 1600px) {
.overflow-xl-auto {
overflow: auto !important;
}
.overflow-xl-hidden {
overflow: hidden !important;
}
}
body {
--bg-color: var(--background);
--bg-color-rgb: var(--background-rgb);
--bg-color-hsl: var(--background-hsl);
--font-size: var(--font-size-scale-base);
--font-weight: var(--font-weight-regular);
--link-color: var(--interactive);
--link-color-rgb: var(--interactive-rgb);
--link-color-hsl: var(--interactive-hsl);
--line-height: var(--font-line-height-medium);
--text-color: var(--color);
--text-color-rgb: var(--color-rgb);
--text-color-hsl: var(--color-hsl);
background: var(--bg-color);
color: var(--text-color);
font-family: var(--font-family-base);
font-size: var(--font-size);
font-weight: var(--font-weight);
line-height: var(--line-height);
}
p {
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-regular);
line-height: var(--font-line-height-medium);
margin-bottom: var(--spacing-scale-2x);
margin-top: 0;
}
p a {
text-decoration: underline;
}
@media (min-width: 576px) {
p {
font-size: var(--font-size-scale-up-01);
}
}
a {
--focus-offset: var(--spacing-scale-half);
color: var(--interactive);
text-decoration: none;
}
a:focus {
outline: none;
}
a.focus-visible, a:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
a:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
a:not(:disabled):active {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.main-content a {
text-decoration: underline;
}
button {
cursor: pointer;
}
img {
max-width: 100%;
vertical-align: middle;
}
h1,
.h1 {
color: var(--color);
font-size: var(--font-size-scale-up-04);
font-weight: var(--font-weight-medium);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2xh);
margin-top: 0;
}
@media (min-width: 576px) {
.h1,
h1 {
font-size: var(--font-size-scale-up-06);
font-weight: var(--font-weight-light);
margin-bottom: var(--spacing-scale-4x);
}
}
h2,
.h2 {
color: var(--color);
font-size: var(--font-size-scale-up-03);
font-weight: var(--font-weight-semi-bold);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2xh);
margin-top: var(--spacing-scale-3xh);
padding-bottom: var(--spacing-scale-2xh);
}
@media (min-width: 576px) {
.h2,
h2 {
font-size: var(--font-size-scale-up-05);
font-weight: var(--font-weight-regular);
}
}
h3,
.h3 {
color: var(--color);
font-size: var(--font-size-scale-up-02);
font-weight: var(--font-weight-bold);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2xh);
margin-top: var(--spacing-scale-3xh);
}
@media (min-width: 576px) {
.h3,
h3 {
font-size: var(--font-size-scale-up-04);
font-weight: var(--font-weight-medium);
}
}
h4,
.h4 {
color: var(--color);
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-bold);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2xh);
margin-top: var(--spacing-scale-2x);
}
@media (min-width: 576px) {
.h4,
h4 {
font-size: var(--font-size-scale-up-03);
font-weight: var(--font-weight-semi-bold);
margin-top: var(--spacing-scale-3xh);
}
}
h5,
.h5 {
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-extra-bold);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2x);
margin-top: var(--spacing-scale-2x);
padding-bottom: var(--spacing-scale-base);
text-transform: uppercase;
}
@media (min-width: 576px) {
.h5,
h5 {
font-size: var(--font-size-scale-up-02);
font-weight: var(--font-weight-bold);
margin-top: var(--spacing-scale-3xh);
}
}
h6,
.h6 {
color: var(--color);
font-size: var(--font-size-scale-down-01);
font-weight: var(--font-weight-extra-bold);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2x);
margin-top: var(--spacing-scale-2x);
padding-bottom: var(--spacing-scale-base);
text-transform: uppercase;
}
@media (min-width: 576px) {
.h6,
h6 {
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-extra-bold);
margin-top: var(--spacing-scale-3xh);
}
}
ul,
ol {
margin-bottom: var(--spacing-scale-2x);
margin-top: 0;
padding: 0 0 0 var(--spacing-scale-5x);
}
blockquote {
background-color: var(--color-secondary-02);
border-left: 4px solid #268744;
font-style: italic;
margin: var(--spacing-scale-2x) 0;
padding: var(--spacing-scale-2x);
position: relative;
}
blockquote > *:last-child {
margin-bottom: 0;
}
table {
--table-background: var(--background);
--table-color: var(--color);
--table-border-color: var(--gray-20);
--table-border-style: solid;
--table-border-width: 1px;
--table-hover: var(--color-rgb);
--table-padding: var(--spacing-scale-3x);
--table-font-weight: var(--font-weight-medium);
--table-th-background: var(--background-alternative);
--table-th-font-weight: var(--font-weight-semi-bold);
--table-row-size: var(--spacing-scale-2x);
border-collapse: collapse;
width: 100%;
}
th {
background-color: var(--background-alternative);
font-weight: var(--table-th-font-weight);
}
td {
font-weight: var(--table-font-weight);
}
th,
td {
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-medium);
padding: var(--table-row-size) var(--table-padding);
}
th:not([align]),
td:not([align]) {
text-align: left;
}
tr.selected, tr.is-selected {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
tr.selected th,
tr.selected td, tr.is-selected th,
tr.is-selected td {
background-color: var(--selected);
}
tr:hover td {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
tbody th,
tbody td {
border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}
label,
.label {
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-semi-bold);
line-height: var(--font-line-height-medium);
margin-bottom: var(--spacing-scale-half);
}
fieldset,
.fieldset {
border: var(--surface-width-none);
margin-bottom: var(--spacing-scale-5x);
margin-top: 0;
padding: 0;
}
legend,
.legend {
color: var(--color);
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-semi-bold);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-2x);
margin-top: var(--spacing-scale-2x);
}
::placeholder,
.placeholder {
color: var(--color-light);
font-size: var(--font-size-scale-base);
font-style: italic;
font-weight: var(--font-weight-regular);
line-height: var(--font-line-height-medium);
margin-bottom: var(--spacing-scale-half);
margin-top: var(--spacing-scale-half);
opacity: 1;
}
input,
textarea,
.input {
color: var(--color-light);
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-medium);
line-height: var(--font-line-height-low);
margin-bottom: var(--spacing-scale-half);
}
.help {
font-size: var(--font-size-scale-base);
}
code,
.code {
background: var(--gray-5);
border-radius: 4px;
color: var(--gray-80);
display: inline-block;
font-family: monospace;
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-medium);
line-height: var(--font-line-height-low);
padding: var(--spacing-scale-half);
}
pre,
.pre {
background: var(--gray-5);
margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
padding: var(--spacing-scale-2x);
}
pre code,
.pre code {
display: inline;
padding: 0;
}
mark,
.mark {
background: var(--red-warm-vivid-10);
color: var(--color);
}
.border-solid-none {
border: var(--surface-width-none) solid var(--color-secondary-06) !important;
}
.border-solid-sm {
border: var(--surface-width-sm) solid var(--color-secondary-06) !important;
}
.border-solid-md {
border: var(--surface-width-md) solid var(--color-secondary-06) !important;
}
.border-solid-lg {
border: var(--surface-width-lg) solid var(--color-secondary-06) !important;
}
.border-dashed-none {
border: var(--surface-width-none) dashed var(--color-secondary-06) !important;
}
.border-dashed-sm {
border: var(--surface-width-sm) dashed var(--color-secondary-06) !important;
}
.border-dashed-md {
border: var(--surface-width-md) dashed var(--color-secondary-06) !important;
}
.border-dashed-lg {
border: var(--surface-width-lg) dashed var(--color-secondary-06) !important;
}
.border-top {
border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-right {
border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-bottom {
border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-left {
border-left: var(--border-width) var(--border-style) var(--border-color) !important;
}
.rounder-none {
--radius: var(--surface-rounder-none);
border-radius: var(--radius) !important;
}
.rounder-sm {
--radius: var(--surface-rounder-sm);
border-radius: var(--radius) !important;
}
.rounder-md {
--radius: var(--surface-rounder-md);
border-radius: var(--radius) !important;
}
.rounder-lg {
--radius: var(--surface-rounder-lg);
border-radius: var(--radius) !important;
}
.rounder-pill {
--radius: var(--surface-rounder-pill);
border-radius: var(--radius) !important;
}
.opacity-none {
opacity: 0;
}
.opacity-default {
opacity: 1;
}
.opacity-xs {
opacity: 0.16;
}
.opacity-sm {
opacity: 0.3;
}
.opacity-md {
opacity: 0.45;
}
.opacity-lg {
opacity: 0.65;
}
.opacity-xl {
opacity: 0.85;
}
.shadow-color {
box-shadow: var(--rgb-secondary-09);
}
.shadow-none {
box-shadow: none;
}
.shadow-sm {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md {
box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-right {
box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-right {
box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-right {
box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-right {
box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-right {
box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-right {
box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-right {
box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-right {
box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-left {
box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-left {
box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-left {
box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-left {
box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-left {
box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-left {
box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-left {
box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-left {
box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.overlay-scrim {
background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
}
.overlay-text {
background: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
}
.bg-blue-90 {
--background: var(--blue-90);
background: var(--blue-90) !important;
}
.text-blue-90 {
color: var(--blue-90) !important;
}
.border-blue-90 {
border-color: var(--blue-90) !important;
}
.bg-blue-80 {
--background: var(--blue-80);
background: var(--blue-80) !important;
}
.text-blue-80 {
color: var(--blue-80) !important;
}
.border-blue-80 {
border-color: var(--blue-80) !important;
}
.bg-blue-70 {
--background: var(--blue-70);
background: var(--blue-70) !important;
}
.text-blue-70 {
color: var(--blue-70) !important;
}
.border-blue-70 {
border-color: var(--blue-70) !important;
}
.bg-blue-60 {
--background: var(--blue-60);
background: var(--blue-60) !important;
}
.text-blue-60 {
color: var(--blue-60) !important;
}
.border-blue-60 {
border-color: var(--blue-60) !important;
}
.bg-blue-50 {
--background: var(--blue-50);
background: var(--blue-50) !important;
}
.text-blue-50 {
color: var(--blue-50) !important;
}
.border-blue-50 {
border-color: var(--blue-50) !important;
}
.bg-blue-40 {
--background: var(--blue-40);
background: var(--blue-40) !important;
}
.text-blue-40 {
color: var(--blue-40) !important;
}
.border-blue-40 {
border-color: var(--blue-40) !important;
}
.bg-blue-30 {
--background: var(--blue-30);
background: var(--blue-30) !important;
}
.text-blue-30 {
color: var(--blue-30) !important;
}
.border-blue-30 {
border-color: var(--blue-30) !important;
}
.bg-blue-20 {
--background: var(--blue-20);
background: var(--blue-20) !important;
}
.text-blue-20 {
color: var(--blue-20) !important;
}
.border-blue-20 {
border-color: var(--blue-20) !important;
}
.bg-blue-10 {
--background: var(--blue-10);
background: var(--blue-10) !important;
}
.text-blue-10 {
color: var(--blue-10) !important;
}
.border-blue-10 {
border-color: var(--blue-10) !important;
}
.bg-blue-5 {
--background: var(--blue-5);
background: var(--blue-5) !important;
}
.text-blue-5 {
color: var(--blue-5) !important;
}
.border-blue-5 {
border-color: var(--blue-5) !important;
}
.bg-blue-cool-90 {
--background: var(--blue-cool-90);
background: var(--blue-cool-90) !important;
}
.text-blue-cool-90 {
color: var(--blue-cool-90) !important;
}
.border-blue-cool-90 {
border-color: var(--blue-cool-90) !important;
}
.bg-blue-cool-80 {
--background: var(--blue-cool-80);
background: var(--blue-cool-80) !important;
}
.text-blue-cool-80 {
color: var(--blue-cool-80) !important;
}
.border-blue-cool-80 {
border-color: var(--blue-cool-80) !important;
}
.bg-blue-cool-70 {
--background: var(--blue-cool-70);
background: var(--blue-cool-70) !important;
}
.text-blue-cool-70 {
color: var(--blue-cool-70) !important;
}
.border-blue-cool-70 {
border-color: var(--blue-cool-70) !important;
}
.bg-blue-cool-60 {
--background: var(--blue-cool-60);
background: var(--blue-cool-60) !important;
}
.text-blue-cool-60 {
color: var(--blue-cool-60) !important;
}
.border-blue-cool-60 {
border-color: var(--blue-cool-60) !important;
}
.bg-blue-cool-50 {
--background: var(--blue-cool-50);
background: var(--blue-cool-50) !important;
}
.text-blue-cool-50 {
color: var(--blue-cool-50) !important;
}
.border-blue-cool-50 {
border-color: var(--blue-cool-50) !important;
}
.bg-blue-cool-40 {
--background: var(--blue-cool-40);
background: var(--blue-cool-40) !important;
}
.text-blue-cool-40 {
color: var(--blue-cool-40) !important;
}
.border-blue-cool-40 {
border-color: var(--blue-cool-40) !important;
}
.bg-blue-cool-30 {
--background: var(--blue-cool-30);
background: var(--blue-cool-30) !important;
}
.text-blue-cool-30 {
color: var(--blue-cool-30) !important;
}
.border-blue-cool-30 {
border-color: var(--blue-cool-30) !important;
}
.bg-blue-cool-20 {
--background: var(--blue-cool-20);
background: var(--blue-cool-20) !important;
}
.text-blue-cool-20 {
color: var(--blue-cool-20) !important;
}
.border-blue-cool-20 {
border-color: var(--blue-cool-20) !important;
}
.bg-blue-cool-10 {
--background: var(--blue-cool-10);
background: var(--blue-cool-10) !important;
}
.text-blue-cool-10 {
color: var(--blue-cool-10) !important;
}
.border-blue-cool-10 {
border-color: var(--blue-cool-10) !important;
}
.bg-blue-cool-5 {
--background: var(--blue-cool-5);
background: var(--blue-cool-5) !important;
}
.text-blue-cool-5 {
color: var(--blue-cool-5) !important;
}
.border-blue-cool-5 {
border-color: var(--blue-cool-5) !important;
}
.bg-blue-warm-90 {
--background: var(--blue-warm-90);
background: var(--blue-warm-90) !important;
}
.text-blue-warm-90 {
color: var(--blue-warm-90) !important;
}
.border-blue-warm-90 {
border-color: var(--blue-warm-90) !important;
}
.bg-blue-warm-80 {
--background: var(--blue-warm-80);
background: var(--blue-warm-80) !important;
}
.text-blue-warm-80 {
color: var(--blue-warm-80) !important;
}
.border-blue-warm-80 {
border-color: var(--blue-warm-80) !important;
}
.bg-blue-warm-70 {
--background: var(--blue-warm-70);
background: var(--blue-warm-70) !important;
}
.text-blue-warm-70 {
color: var(--blue-warm-70) !important;
}
.border-blue-warm-70 {
border-color: var(--blue-warm-70) !important;
}
.bg-blue-warm-60 {
--background: var(--blue-warm-60);
background: var(--blue-warm-60) !important;
}
.text-blue-warm-60 {
color: var(--blue-warm-60) !important;
}
.border-blue-warm-60 {
border-color: var(--blue-warm-60) !important;
}
.bg-blue-warm-50 {
--background: var(--blue-warm-50);
background: var(--blue-warm-50) !important;
}
.text-blue-warm-50 {
color: var(--blue-warm-50) !important;
}
.border-blue-warm-50 {
border-color: var(--blue-warm-50) !important;
}
.bg-blue-warm-40 {
--background: var(--blue-warm-40);
background: var(--blue-warm-40) !important;
}
.text-blue-warm-40 {
color: var(--blue-warm-40) !important;
}
.border-blue-warm-40 {
border-color: var(--blue-warm-40) !important;
}
.bg-blue-warm-30 {
--background: var(--blue-warm-30);
background: var(--blue-warm-30) !important;
}
.text-blue-warm-30 {
color: var(--blue-warm-30) !important;
}
.border-blue-warm-30 {
border-color: var(--blue-warm-30) !important;
}
.bg-blue-warm-20 {
--background: var(--blue-warm-20);
background: var(--blue-warm-20) !important;
}
.text-blue-warm-20 {
color: var(--blue-warm-20) !important;
}
.border-blue-warm-20 {
border-color: var(--blue-warm-20) !important;
}
.bg-blue-warm-10 {
--background: var(--blue-warm-10);
background: var(--blue-warm-10) !important;
}
.text-blue-warm-10 {
color: var(--blue-warm-10) !important;
}
.border-blue-warm-10 {
border-color: var(--blue-warm-10) !important;
}
.bg-blue-warm-5 {
--background: var(--blue-warm-5);
background: var(--blue-warm-5) !important;
}
.text-blue-warm-5 {
color: var(--blue-warm-5) !important;
}
.border-blue-warm-5 {
border-color: var(--blue-warm-5) !important;
}
.bg-blue-vivid-80 {
--background: var(--blue-vivid-80);
background: var(--blue-vivid-80) !important;
}
.text-blue-vivid-80 {
color: var(--blue-vivid-80) !important;
}
.border-blue-vivid-80 {
border-color: var(--blue-vivid-80) !important;
}
.bg-blue-vivid-70 {
--background: var(--blue-vivid-70);
background: var(--blue-vivid-70) !important;
}
.text-blue-vivid-70 {
color: var(--blue-vivid-70) !important;
}
.border-blue-vivid-70 {
border-color: var(--blue-vivid-70) !important;
}
.bg-blue-vivid-60 {
--background: var(--blue-vivid-60);
background: var(--blue-vivid-60) !important;
}
.text-blue-vivid-60 {
color: var(--blue-vivid-60) !important;
}
.border-blue-vivid-60 {
border-color: var(--blue-vivid-60) !important;
}
.bg-blue-vivid-50 {
--background: var(--blue-vivid-50);
background: var(--blue-vivid-50) !important;
}
.text-blue-vivid-50 {
color: var(--blue-vivid-50) !important;
}
.border-blue-vivid-50 {
border-color: var(--blue-vivid-50) !important;
}
.bg-blue-vivid-40 {
--background: var(--blue-vivid-40);
background: var(--blue-vivid-40) !important;
}
.text-blue-vivid-40 {
color: var(--blue-vivid-40) !important;
}
.border-blue-vivid-40 {
border-color: var(--blue-vivid-40) !important;
}
.bg-blue-vivid-30 {
--background: var(--blue-vivid-30);
background: var(--blue-vivid-30) !important;
}
.text-blue-vivid-30 {
color: var(--blue-vivid-30) !important;
}
.border-blue-vivid-30 {
border-color: var(--blue-vivid-30) !important;
}
.bg-blue-vivid-20 {
--background: var(--blue-vivid-20);
background: var(--blue-vivid-20) !important;
}
.text-blue-vivid-20 {
color: var(--blue-vivid-20) !important;
}
.border-blue-vivid-20 {
border-color: var(--blue-vivid-20) !important;
}
.bg-blue-vivid-10 {
--background: var(--blue-vivid-10);
background: var(--blue-vivid-10) !important;
}
.text-blue-vivid-10 {
color: var(--blue-vivid-10) !important;
}
.border-blue-vivid-10 {
border-color: var(--blue-vivid-10) !important;
}
.bg-blue-vivid-5 {
--background: var(--blue-vivid-5);
background: var(--blue-vivid-5) !important;
}
.text-blue-vivid-5 {
color: var(--blue-vivid-5) !important;
}
.border-blue-vivid-5 {
border-color: var(--blue-vivid-5) !important;
}
.bg-blue-cool-vivid-80 {
--background: var(--blue-cool-vivid-80);
background: var(--blue-cool-vivid-80) !important;
}
.text-blue-cool-vivid-80 {
color: var(--blue-cool-vivid-80) !important;
}
.border-blue-cool-vivid-80 {
border-color: var(--blue-cool-vivid-80) !important;
}
.bg-blue-cool-vivid-70 {
--background: var(--blue-cool-vivid-70);
background: var(--blue-cool-vivid-70) !important;
}
.text-blue-cool-vivid-70 {
color: var(--blue-cool-vivid-70) !important;
}
.border-blue-cool-vivid-70 {
border-color: var(--blue-cool-vivid-70) !important;
}
.bg-blue-cool-vivid-60 {
--background: var(--blue-cool-vivid-60);
background: var(--blue-cool-vivid-60) !important;
}
.text-blue-cool-vivid-60 {
color: var(--blue-cool-vivid-60) !important;
}
.border-blue-cool-vivid-60 {
border-color: var(--blue-cool-vivid-60) !important;
}
.bg-blue-cool-vivid-50 {
--background: var(--blue-cool-vivid-50);
background: var(--blue-cool-vivid-50) !important;
}
.text-blue-cool-vivid-50 {
color: var(--blue-cool-vivid-50) !important;
}
.border-blue-cool-vivid-50 {
border-color: var(--blue-cool-vivid-50) !important;
}
.bg-blue-cool-vivid-40 {
--background: var(--blue-cool-vivid-40);
background: var(--blue-cool-vivid-40) !important;
}
.text-blue-cool-vivid-40 {
color: var(--blue-cool-vivid-40) !important;
}
.border-blue-cool-vivid-40 {
border-color: var(--blue-cool-vivid-40) !important;
}
.bg-blue-cool-vivid-30 {
--background: var(--blue-cool-vivid-30);
background: var(--blue-cool-vivid-30) !important;
}
.text-blue-cool-vivid-30 {
color: var(--blue-cool-vivid-30) !important;
}
.border-blue-cool-vivid-30 {
border-color: var(--blue-cool-vivid-30) !important;
}
.bg-blue-cool-vivid-20 {
--background: var(--blue-cool-vivid-20);
background: var(--blue-cool-vivid-20) !important;
}
.text-blue-cool-vivid-20 {
color: var(--blue-cool-vivid-20) !important;
}
.border-blue-cool-vivid-20 {
border-color: var(--blue-cool-vivid-20) !important;
}
.bg-blue-cool-vivid-10 {
--background: var(--blue-cool-vivid-10);
background: var(--blue-cool-vivid-10) !important;
}
.text-blue-cool-vivid-10 {
color: var(--blue-cool-vivid-10) !important;
}
.border-blue-cool-vivid-10 {
border-color: var(--blue-cool-vivid-10) !important;
}
.bg-blue-cool-vivid-5 {
--background: var(--blue-cool-vivid-5);
background: var(--blue-cool-vivid-5) !important;
}
.text-blue-cool-vivid-5 {
color: var(--blue-cool-vivid-5) !important;
}
.border-blue-cool-vivid-5 {
border-color: var(--blue-cool-vivid-5) !important;
}
.bg-blue-warm-vivid-90 {
--background: var(--blue-warm-vivid-90);
background: var(--blue-warm-vivid-90) !important;
}
.text-blue-warm-vivid-90 {
color: var(--blue-warm-vivid-90) !important;
}
.border-blue-warm-vivid-90 {
border-color: var(--blue-warm-vivid-90) !important;
}
.bg-blue-warm-vivid-80 {
--background: var(--blue-warm-vivid-80);
background: var(--blue-warm-vivid-80) !important;
}
.text-blue-warm-vivid-80 {
color: var(--blue-warm-vivid-80) !important;
}
.border-blue-warm-vivid-80 {
border-color: var(--blue-warm-vivid-80) !important;
}
.bg-blue-warm-vivid-70 {
--background: var(--blue-warm-vivid-70);
background: var(--blue-warm-vivid-70) !important;
}
.text-blue-warm-vivid-70 {
color: var(--blue-warm-vivid-70) !important;
}
.border-blue-warm-vivid-70 {
border-color: var(--blue-warm-vivid-70) !important;
}
.bg-blue-warm-vivid-60 {
--background: var(--blue-warm-vivid-60);
background: var(--blue-warm-vivid-60) !important;
}
.text-blue-warm-vivid-60 {
color: var(--blue-warm-vivid-60) !important;
}
.border-blue-warm-vivid-60 {
border-color: var(--blue-warm-vivid-60) !important;
}
.bg-blue-warm-vivid-50 {
--background: var(--blue-warm-vivid-50);
background: var(--blue-warm-vivid-50) !important;
}
.text-blue-warm-vivid-50 {
color: var(--blue-warm-vivid-50) !important;
}
.border-blue-warm-vivid-50 {
border-color: var(--blue-warm-vivid-50) !important;
}
.bg-blue-warm-vivid-40 {
--background: var(--blue-warm-vivid-40);
background: var(--blue-warm-vivid-40) !important;
}
.text-blue-warm-vivid-40 {
color: var(--blue-warm-vivid-40) !important;
}
.border-blue-warm-vivid-40 {
border-color: var(--blue-warm-vivid-40) !important;
}
.bg-blue-warm-vivid-30 {
--background: var(--blue-warm-vivid-30);
background: var(--blue-warm-vivid-30) !important;
}
.text-blue-warm-vivid-30 {
color: var(--blue-warm-vivid-30) !important;
}
.border-blue-warm-vivid-30 {
border-color: var(--blue-warm-vivid-30) !important;
}
.bg-blue-warm-vivid-20 {
--background: var(--blue-warm-vivid-20);
background: var(--blue-warm-vivid-20) !important;
}
.text-blue-warm-vivid-20 {
color: var(--blue-warm-vivid-20) !important;
}
.border-blue-warm-vivid-20 {
border-color: var(--blue-warm-vivid-20) !important;
}
.bg-blue-warm-vivid-10 {
--background: var(--blue-warm-vivid-10);
background: var(--blue-warm-vivid-10) !important;
}
.text-blue-warm-vivid-10 {
color: var(--blue-warm-vivid-10) !important;
}
.border-blue-warm-vivid-10 {
border-color: var(--blue-warm-vivid-10) !important;
}
.bg-blue-warm-vivid-5 {
--background: var(--blue-warm-vivid-5);
background: var(--blue-warm-vivid-5) !important;
}
.text-blue-warm-vivid-5 {
color: var(--blue-warm-vivid-5) !important;
}
.border-blue-warm-vivid-5 {
border-color: var(--blue-warm-vivid-5) !important;
}
.bg-cyan-90 {
--background: var(--cyan-90);
background: var(--cyan-90) !important;
}
.text-cyan-90 {
color: var(--cyan-90) !important;
}
.border-cyan-90 {
border-color: var(--cyan-90) !important;
}
.bg-cyan-80 {
--background: var(--cyan-80);
background: var(--cyan-80) !important;
}
.text-cyan-80 {
color: var(--cyan-80) !important;
}
.border-cyan-80 {
border-color: var(--cyan-80) !important;
}
.bg-cyan-70 {
--background: var(--cyan-70);
background: var(--cyan-70) !important;
}
.text-cyan-70 {
color: var(--cyan-70) !important;
}
.border-cyan-70 {
border-color: var(--cyan-70) !important;
}
.bg-cyan-60 {
--background: var(--cyan-60);
background: var(--cyan-60) !important;
}
.text-cyan-60 {
color: var(--cyan-60) !important;
}
.border-cyan-60 {
border-color: var(--cyan-60) !important;
}
.bg-cyan-50 {
--background: var(--cyan-50);
background: var(--cyan-50) !important;
}
.text-cyan-50 {
color: var(--cyan-50) !important;
}
.border-cyan-50 {
border-color: var(--cyan-50) !important;
}
.bg-cyan-40 {
--background: var(--cyan-40);
background: var(--cyan-40) !important;
}
.text-cyan-40 {
color: var(--cyan-40) !important;
}
.border-cyan-40 {
border-color: var(--cyan-40) !important;
}
.bg-cyan-30 {
--background: var(--cyan-30);
background: var(--cyan-30) !important;
}
.text-cyan-30 {
color: var(--cyan-30) !important;
}
.border-cyan-30 {
border-color: var(--cyan-30) !important;
}
.bg-cyan-20 {
--background: var(--cyan-20);
background: var(--cyan-20) !important;
}
.text-cyan-20 {
color: var(--cyan-20) !important;
}
.border-cyan-20 {
border-color: var(--cyan-20) !important;
}
.bg-cyan-10 {
--background: var(--cyan-10);
background: var(--cyan-10) !important;
}
.text-cyan-10 {
color: var(--cyan-10) !important;
}
.border-cyan-10 {
border-color: var(--cyan-10) !important;
}
.bg-cyan-5 {
--background: var(--cyan-5);
background: var(--cyan-5) !important;
}
.text-cyan-5 {
color: var(--cyan-5) !important;
}
.border-cyan-5 {
border-color: var(--cyan-5) !important;
}
.bg-cyan-vivid-80 {
--background: var(--cyan-vivid-80);
background: var(--cyan-vivid-80) !important;
}
.text-cyan-vivid-80 {
color: var(--cyan-vivid-80) !important;
}
.border-cyan-vivid-80 {
border-color: var(--cyan-vivid-80) !important;
}
.bg-cyan-vivid-70 {
--background: var(--cyan-vivid-70);
background: var(--cyan-vivid-70) !important;
}
.text-cyan-vivid-70 {
color: var(--cyan-vivid-70) !important;
}
.border-cyan-vivid-70 {
border-color: var(--cyan-vivid-70) !important;
}
.bg-cyan-vivid-60 {
--background: var(--cyan-vivid-60);
background: var(--cyan-vivid-60) !important;
}
.text-cyan-vivid-60 {
color: var(--cyan-vivid-60) !important;
}
.border-cyan-vivid-60 {
border-color: var(--cyan-vivid-60) !important;
}
.bg-cyan-vivid-50 {
--background: var(--cyan-vivid-50);
background: var(--cyan-vivid-50) !important;
}
.text-cyan-vivid-50 {
color: var(--cyan-vivid-50) !important;
}
.border-cyan-vivid-50 {
border-color: var(--cyan-vivid-50) !important;
}
.bg-cyan-vivid-40 {
--background: var(--cyan-vivid-40);
background: var(--cyan-vivid-40) !important;
}
.text-cyan-vivid-40 {
color: var(--cyan-vivid-40) !important;
}
.border-cyan-vivid-40 {
border-color: var(--cyan-vivid-40) !important;
}
.bg-cyan-vivid-30 {
--background: var(--cyan-vivid-30);
background: var(--cyan-vivid-30) !important;
}
.text-cyan-vivid-30 {
color: var(--cyan-vivid-30) !important;
}
.border-cyan-vivid-30 {
border-color: var(--cyan-vivid-30) !important;
}
.bg-cyan-vivid-20 {
--background: var(--cyan-vivid-20);
background: var(--cyan-vivid-20) !important;
}
.text-cyan-vivid-20 {
color: var(--cyan-vivid-20) !important;
}
.border-cyan-vivid-20 {
border-color: var(--cyan-vivid-20) !important;
}
.bg-cyan-vivid-10 {
--background: var(--cyan-vivid-10);
background: var(--cyan-vivid-10) !important;
}
.text-cyan-vivid-10 {
color: var(--cyan-vivid-10) !important;
}
.border-cyan-vivid-10 {
border-color: var(--cyan-vivid-10) !important;
}
.bg-cyan-vivid-5 {
--background: var(--cyan-vivid-5);
background: var(--cyan-vivid-5) !important;
}
.text-cyan-vivid-5 {
color: var(--cyan-vivid-5) !important;
}
.border-cyan-vivid-5 {
border-color: var(--cyan-vivid-5) !important;
}
.bg-gold-90 {
--background: var(--gold-90);
background: var(--gold-90) !important;
}
.text-gold-90 {
color: var(--gold-90) !important;
}
.border-gold-90 {
border-color: var(--gold-90) !important;
}
.bg-gold-80 {
--background: var(--gold-80);
background: var(--gold-80) !important;
}
.text-gold-80 {
color: var(--gold-80) !important;
}
.border-gold-80 {
border-color: var(--gold-80) !important;
}
.bg-gold-70 {
--background: var(--gold-70);
background: var(--gold-70) !important;
}
.text-gold-70 {
color: var(--gold-70) !important;
}
.border-gold-70 {
border-color: var(--gold-70) !important;
}
.bg-gold-60 {
--background: var(--gold-60);
background: var(--gold-60) !important;
}
.text-gold-60 {
color: var(--gold-60) !important;
}
.border-gold-60 {
border-color: var(--gold-60) !important;
}
.bg-gold-50 {
--background: var(--gold-50);
background: var(--gold-50) !important;
}
.text-gold-50 {
color: var(--gold-50) !important;
}
.border-gold-50 {
border-color: var(--gold-50) !important;
}
.bg-gold-40 {
--background: var(--gold-40);
background: var(--gold-40) !important;
}
.text-gold-40 {
color: var(--gold-40) !important;
}
.border-gold-40 {
border-color: var(--gold-40) !important;
}
.bg-gold-30 {
--background: var(--gold-30);
background: var(--gold-30) !important;
}
.text-gold-30 {
color: var(--gold-30) !important;
}
.border-gold-30 {
border-color: var(--gold-30) !important;
}
.bg-gold-20 {
--background: var(--gold-20);
background: var(--gold-20) !important;
}
.text-gold-20 {
color: var(--gold-20) !important;
}
.border-gold-20 {
border-color: var(--gold-20) !important;
}
.bg-gold-10 {
--background: var(--gold-10);
background: var(--gold-10) !important;
}
.text-gold-10 {
color: var(--gold-10) !important;
}
.border-gold-10 {
border-color: var(--gold-10) !important;
}
.bg-gold-5 {
--background: var(--gold-5);
background: var(--gold-5) !important;
}
.text-gold-5 {
color: var(--gold-5) !important;
}
.border-gold-5 {
border-color: var(--gold-5) !important;
}
.bg-gold-vivid-80 {
--background: var(--gold-vivid-80);
background: var(--gold-vivid-80) !important;
}
.text-gold-vivid-80 {
color: var(--gold-vivid-80) !important;
}
.border-gold-vivid-80 {
border-color: var(--gold-vivid-80) !important;
}
.bg-gold-vivid-70 {
--background: var(--gold-vivid-70);
background: var(--gold-vivid-70) !important;
}
.text-gold-vivid-70 {
color: var(--gold-vivid-70) !important;
}
.border-gold-vivid-70 {
border-color: var(--gold-vivid-70) !important;
}
.bg-gold-vivid-60 {
--background: var(--gold-vivid-60);
background: var(--gold-vivid-60) !important;
}
.text-gold-vivid-60 {
color: var(--gold-vivid-60) !important;
}
.border-gold-vivid-60 {
border-color: var(--gold-vivid-60) !important;
}
.bg-gold-vivid-50 {
--background: var(--gold-vivid-50);
background: var(--gold-vivid-50) !important;
}
.text-gold-vivid-50 {
color: var(--gold-vivid-50) !important;
}
.border-gold-vivid-50 {
border-color: var(--gold-vivid-50) !important;
}
.bg-gold-vivid-40 {
--background: var(--gold-vivid-40);
background: var(--gold-vivid-40) !important;
}
.text-gold-vivid-40 {
color: var(--gold-vivid-40) !important;
}
.border-gold-vivid-40 {
border-color: var(--gold-vivid-40) !important;
}
.bg-gold-vivid-30 {
--background: var(--gold-vivid-30);
background: var(--gold-vivid-30) !important;
}
.text-gold-vivid-30 {
color: var(--gold-vivid-30) !important;
}
.border-gold-vivid-30 {
border-color: var(--gold-vivid-30) !important;
}
.bg-gold-vivid-20 {
--background: var(--gold-vivid-20);
background: var(--gold-vivid-20) !important;
}
.text-gold-vivid-20 {
color: var(--gold-vivid-20) !important;
}
.border-gold-vivid-20 {
border-color: var(--gold-vivid-20) !important;
}
.bg-gold-vivid-10 {
--background: var(--gold-vivid-10);
background: var(--gold-vivid-10) !important;
}
.text-gold-vivid-10 {
color: var(--gold-vivid-10) !important;
}
.border-gold-vivid-10 {
border-color: var(--gold-vivid-10) !important;
}
.bg-gold-vivid-5 {
--background: var(--gold-vivid-5);
background: var(--gold-vivid-5) !important;
}
.text-gold-vivid-5 {
color: var(--gold-vivid-5) !important;
}
.border-gold-vivid-5 {
border-color: var(--gold-vivid-5) !important;
}
.bg-gray-90 {
--background: var(--gray-90);
background: var(--gray-90) !important;
}
.text-gray-90 {
color: var(--gray-90) !important;
}
.border-gray-90 {
border-color: var(--gray-90) !important;
}
.bg-gray-80 {
--background: var(--gray-80);
background: var(--gray-80) !important;
}
.text-gray-80 {
color: var(--gray-80) !important;
}
.border-gray-80 {
border-color: var(--gray-80) !important;
}
.bg-gray-70 {
--background: var(--gray-70);
background: var(--gray-70) !important;
}
.text-gray-70 {
color: var(--gray-70) !important;
}
.border-gray-70 {
border-color: var(--gray-70) !important;
}
.bg-gray-60 {
--background: var(--gray-60);
background: var(--gray-60) !important;
}
.text-gray-60 {
color: var(--gray-60) !important;
}
.border-gray-60 {
border-color: var(--gray-60) !important;
}
.bg-gray-50 {
--background: var(--gray-50);
background: var(--gray-50) !important;
}
.text-gray-50 {
color: var(--gray-50) !important;
}
.border-gray-50 {
border-color: var(--gray-50) !important;
}
.bg-gray-40 {
--background: var(--gray-40);
background: var(--gray-40) !important;
}
.text-gray-40 {
color: var(--gray-40) !important;
}
.border-gray-40 {
border-color: var(--gray-40) !important;
}
.bg-gray-30 {
--background: var(--gray-30);
background: var(--gray-30) !important;
}
.text-gray-30 {
color: var(--gray-30) !important;
}
.border-gray-30 {
border-color: var(--gray-30) !important;
}
.bg-gray-20 {
--background: var(--gray-20);
background: var(--gray-20) !important;
}
.text-gray-20 {
color: var(--gray-20) !important;
}
.border-gray-20 {
border-color: var(--gray-20) !important;
}
.bg-gray-10 {
--background: var(--gray-10);
background: var(--gray-10) !important;
}
.text-gray-10 {
color: var(--gray-10) !important;
}
.border-gray-10 {
border-color: var(--gray-10) !important;
}
.bg-gray-5 {
--background: var(--gray-5);
background: var(--gray-5) !important;
}
.text-gray-5 {
color: var(--gray-5) !important;
}
.border-gray-5 {
border-color: var(--gray-5) !important;
}
.bg-gray-4 {
--background: var(--gray-4);
background: var(--gray-4) !important;
}
.text-gray-4 {
color: var(--gray-4) !important;
}
.border-gray-4 {
border-color: var(--gray-4) !important;
}
.bg-gray-3 {
--background: var(--gray-3);
background: var(--gray-3) !important;
}
.text-gray-3 {
color: var(--gray-3) !important;
}
.border-gray-3 {
border-color: var(--gray-3) !important;
}
.bg-gray-2 {
--background: var(--gray-2);
background: var(--gray-2) !important;
}
.text-gray-2 {
color: var(--gray-2) !important;
}
.border-gray-2 {
border-color: var(--gray-2) !important;
}
.bg-gray-1 {
--background: var(--gray-1);
background: var(--gray-1) !important;
}
.text-gray-1 {
color: var(--gray-1) !important;
}
.border-gray-1 {
border-color: var(--gray-1) !important;
}
.bg-gray-cool-90 {
--background: var(--gray-cool-90);
background: var(--gray-cool-90) !important;
}
.text-gray-cool-90 {
color: var(--gray-cool-90) !important;
}
.border-gray-cool-90 {
border-color: var(--gray-cool-90) !important;
}
.bg-gray-cool-80 {
--background: var(--gray-cool-80);
background: var(--gray-cool-80) !important;
}
.text-gray-cool-80 {
color: var(--gray-cool-80) !important;
}
.border-gray-cool-80 {
border-color: var(--gray-cool-80) !important;
}
.bg-gray-cool-70 {
--background: var(--gray-cool-70);
background: var(--gray-cool-70) !important;
}
.text-gray-cool-70 {
color: var(--gray-cool-70) !important;
}
.border-gray-cool-70 {
border-color: var(--gray-cool-70) !important;
}
.bg-gray-cool-60 {
--background: var(--gray-cool-60);
background: var(--gray-cool-60) !important;
}
.text-gray-cool-60 {
color: var(--gray-cool-60) !important;
}
.border-gray-cool-60 {
border-color: var(--gray-cool-60) !important;
}
.bg-gray-cool-50 {
--background: var(--gray-cool-50);
background: var(--gray-cool-50) !important;
}
.text-gray-cool-50 {
color: var(--gray-cool-50) !important;
}
.border-gray-cool-50 {
border-color: var(--gray-cool-50) !important;
}
.bg-gray-cool-40 {
--background: var(--gray-cool-40);
background: var(--gray-cool-40) !important;
}
.text-gray-cool-40 {
color: var(--gray-cool-40) !important;
}
.border-gray-cool-40 {
border-color: var(--gray-cool-40) !important;
}
.bg-gray-cool-30 {
--background: var(--gray-cool-30);
background: var(--gray-cool-30) !important;
}
.text-gray-cool-30 {
color: var(--gray-cool-30) !important;
}
.border-gray-cool-30 {
border-color: var(--gray-cool-30) !important;
}
.bg-gray-cool-20 {
--background: var(--gray-cool-20);
background: var(--gray-cool-20) !important;
}
.text-gray-cool-20 {
color: var(--gray-cool-20) !important;
}
.border-gray-cool-20 {
border-color: var(--gray-cool-20) !important;
}
.bg-gray-cool-10 {
--background: var(--gray-cool-10);
background: var(--gray-cool-10) !important;
}
.text-gray-cool-10 {
color: var(--gray-cool-10) !important;
}
.border-gray-cool-10 {
border-color: var(--gray-cool-10) !important;
}
.bg-gray-cool-5 {
--background: var(--gray-cool-5);
background: var(--gray-cool-5) !important;
}
.text-gray-cool-5 {
color: var(--gray-cool-5) !important;
}
.border-gray-cool-5 {
border-color: var(--gray-cool-5) !important;
}
.bg-gray-cool-4 {
--background: var(--gray-cool-4);
background: var(--gray-cool-4) !important;
}
.text-gray-cool-4 {
color: var(--gray-cool-4) !important;
}
.border-gray-cool-4 {
border-color: var(--gray-cool-4) !important;
}
.bg-gray-cool-3 {
--background: var(--gray-cool-3);
background: var(--gray-cool-3) !important;
}
.text-gray-cool-3 {
color: var(--gray-cool-3) !important;
}
.border-gray-cool-3 {
border-color: var(--gray-cool-3) !important;
}
.bg-gray-cool-2 {
--background: var(--gray-cool-2);
background: var(--gray-cool-2) !important;
}
.text-gray-cool-2 {
color: var(--gray-cool-2) !important;
}
.border-gray-cool-2 {
border-color: var(--gray-cool-2) !important;
}
.bg-gray-cool-1 {
--background: var(--gray-cool-1);
background: var(--gray-cool-1) !important;
}
.text-gray-cool-1 {
color: var(--gray-cool-1) !important;
}
.border-gray-cool-1 {
border-color: var(--gray-cool-1) !important;
}
.bg-gray-warm-90 {
--background: var(--gray-warm-90);
background: var(--gray-warm-90) !important;
}
.text-gray-warm-90 {
color: var(--gray-warm-90) !important;
}
.border-gray-warm-90 {
border-color: var(--gray-warm-90) !important;
}
.bg-gray-warm-80 {
--background: var(--gray-warm-80);
background: var(--gray-warm-80) !important;
}
.text-gray-warm-80 {
color: var(--gray-warm-80) !important;
}
.border-gray-warm-80 {
border-color: var(--gray-warm-80) !important;
}
.bg-gray-warm-70 {
--background: var(--gray-warm-70);
background: var(--gray-warm-70) !important;
}
.text-gray-warm-70 {
color: var(--gray-warm-70) !important;
}
.border-gray-warm-70 {
border-color: var(--gray-warm-70) !important;
}
.bg-gray-warm-60 {
--background: var(--gray-warm-60);
background: var(--gray-warm-60) !important;
}
.text-gray-warm-60 {
color: var(--gray-warm-60) !important;
}
.border-gray-warm-60 {
border-color: var(--gray-warm-60) !important;
}
.bg-gray-warm-50 {
--background: var(--gray-warm-50);
background: var(--gray-warm-50) !important;
}
.text-gray-warm-50 {
color: var(--gray-warm-50) !important;
}
.border-gray-warm-50 {
border-color: var(--gray-warm-50) !important;
}
.bg-gray-warm-40 {
--background: var(--gray-warm-40);
background: var(--gray-warm-40) !important;
}
.text-gray-warm-40 {
color: var(--gray-warm-40) !important;
}
.border-gray-warm-40 {
border-color: var(--gray-warm-40) !important;
}
.bg-gray-warm-30 {
--background: var(--gray-warm-30);
background: var(--gray-warm-30) !important;
}
.text-gray-warm-30 {
color: var(--gray-warm-30) !important;
}
.border-gray-warm-30 {
border-color: var(--gray-warm-30) !important;
}
.bg-gray-warm-20 {
--background: var(--gray-warm-20);
background: var(--gray-warm-20) !important;
}
.text-gray-warm-20 {
color: var(--gray-warm-20) !important;
}
.border-gray-warm-20 {
border-color: var(--gray-warm-20) !important;
}
.bg-gray-warm-10 {
--background: var(--gray-warm-10);
background: var(--gray-warm-10) !important;
}
.text-gray-warm-10 {
color: var(--gray-warm-10) !important;
}
.border-gray-warm-10 {
border-color: var(--gray-warm-10) !important;
}
.bg-gray-warm-5 {
--background: var(--gray-warm-5);
background: var(--gray-warm-5) !important;
}
.text-gray-warm-5 {
color: var(--gray-warm-5) !important;
}
.border-gray-warm-5 {
border-color: var(--gray-warm-5) !important;
}
.bg-gray-warm-4 {
--background: var(--gray-warm-4);
background: var(--gray-warm-4) !important;
}
.text-gray-warm-4 {
color: var(--gray-warm-4) !important;
}
.border-gray-warm-4 {
border-color: var(--gray-warm-4) !important;
}
.bg-gray-warm-3 {
--background: var(--gray-warm-3);
background: var(--gray-warm-3) !important;
}
.text-gray-warm-3 {
color: var(--gray-warm-3) !important;
}
.border-gray-warm-3 {
border-color: var(--gray-warm-3) !important;
}
.bg-gray-warm-2 {
--background: var(--gray-warm-2);
background: var(--gray-warm-2) !important;
}
.text-gray-warm-2 {
color: var(--gray-warm-2) !important;
}
.border-gray-warm-2 {
border-color: var(--gray-warm-2) !important;
}
.bg-gray-warm-1 {
--background: var(--gray-warm-1);
background: var(--gray-warm-1) !important;
}
.text-gray-warm-1 {
color: var(--gray-warm-1) !important;
}
.border-gray-warm-1 {
border-color: var(--gray-warm-1) !important;
}
.bg-green-90 {
--background: var(--green-90);
background: var(--green-90) !important;
}
.text-green-90 {
color: var(--green-90) !important;
}
.border-green-90 {
border-color: var(--green-90) !important;
}
.bg-green-80 {
--background: var(--green-80);
background: var(--green-80) !important;
}
.text-green-80 {
color: var(--green-80) !important;
}
.border-green-80 {
border-color: var(--green-80) !important;
}
.bg-green-70 {
--background: var(--green-70);
background: var(--green-70) !important;
}
.text-green-70 {
color: var(--green-70) !important;
}
.border-green-70 {
border-color: var(--green-70) !important;
}
.bg-green-60 {
--background: var(--green-60);
background: var(--green-60) !important;
}
.text-green-60 {
color: var(--green-60) !important;
}
.border-green-60 {
border-color: var(--green-60) !important;
}
.bg-green-50 {
--background: var(--green-50);
background: var(--green-50) !important;
}
.text-green-50 {
color: var(--green-50) !important;
}
.border-green-50 {
border-color: var(--green-50) !important;
}
.bg-green-40 {
--background: var(--green-40);
background: var(--green-40) !important;
}
.text-green-40 {
color: var(--green-40) !important;
}
.border-green-40 {
border-color: var(--green-40) !important;
}
.bg-green-30 {
--background: var(--green-30);
background: var(--green-30) !important;
}
.text-green-30 {
color: var(--green-30) !important;
}
.border-green-30 {
border-color: var(--green-30) !important;
}
.bg-green-20 {
--background: var(--green-20);
background: var(--green-20) !important;
}
.text-green-20 {
color: var(--green-20) !important;
}
.border-green-20 {
border-color: var(--green-20) !important;
}
.bg-green-10 {
--background: var(--green-10);
background: var(--green-10) !important;
}
.text-green-10 {
color: var(--green-10) !important;
}
.border-green-10 {
border-color: var(--green-10) !important;
}
.bg-green-5 {
--background: var(--green-5);
background: var(--green-5) !important;
}
.text-green-5 {
color: var(--green-5) !important;
}
.border-green-5 {
border-color: var(--green-5) !important;
}
.bg-green-cool-90 {
--background: var(--green-cool-90);
background: var(--green-cool-90) !important;
}
.text-green-cool-90 {
color: var(--green-cool-90) !important;
}
.border-green-cool-90 {
border-color: var(--green-cool-90) !important;
}
.bg-green-cool-80 {
--background: var(--green-cool-80);
background: var(--green-cool-80) !important;
}
.text-green-cool-80 {
color: var(--green-cool-80) !important;
}
.border-green-cool-80 {
border-color: var(--green-cool-80) !important;
}
.bg-green-cool-70 {
--background: var(--green-cool-70);
background: var(--green-cool-70) !important;
}
.text-green-cool-70 {
color: var(--green-cool-70) !important;
}
.border-green-cool-70 {
border-color: var(--green-cool-70) !important;
}
.bg-green-cool-60 {
--background: var(--green-cool-60);
background: var(--green-cool-60) !important;
}
.text-green-cool-60 {
color: var(--green-cool-60) !important;
}
.border-green-cool-60 {
border-color: var(--green-cool-60) !important;
}
.bg-green-cool-50 {
--background: var(--green-cool-50);
background: var(--green-cool-50) !important;
}
.text-green-cool-50 {
color: var(--green-cool-50) !important;
}
.border-green-cool-50 {
border-color: var(--green-cool-50) !important;
}
.bg-green-cool-40 {
--background: var(--green-cool-40);
background: var(--green-cool-40) !important;
}
.text-green-cool-40 {
color: var(--green-cool-40) !important;
}
.border-green-cool-40 {
border-color: var(--green-cool-40) !important;
}
.bg-green-cool-30 {
--background: var(--green-cool-30);
background: var(--green-cool-30) !important;
}
.text-green-cool-30 {
color: var(--green-cool-30) !important;
}
.border-green-cool-30 {
border-color: var(--green-cool-30) !important;
}
.bg-green-cool-20 {
--background: var(--green-cool-20);
background: var(--green-cool-20) !important;
}
.text-green-cool-20 {
color: var(--green-cool-20) !important;
}
.border-green-cool-20 {
border-color: var(--green-cool-20) !important;
}
.bg-green-cool-10 {
--background: var(--green-cool-10);
background: var(--green-cool-10) !important;
}
.text-green-cool-10 {
color: var(--green-cool-10) !important;
}
.border-green-cool-10 {
border-color: var(--green-cool-10) !important;
}
.bg-green-cool-5 {
--background: var(--green-cool-5);
background: var(--green-cool-5) !important;
}
.text-green-cool-5 {
color: var(--green-cool-5) !important;
}
.border-green-cool-5 {
border-color: var(--green-cool-5) !important;
}
.bg-green-warm-90 {
--background: var(--green-warm-90);
background: var(--green-warm-90) !important;
}
.text-green-warm-90 {
color: var(--green-warm-90) !important;
}
.border-green-warm-90 {
border-color: var(--green-warm-90) !important;
}
.bg-green-warm-80 {
--background: var(--green-warm-80);
background: var(--green-warm-80) !important;
}
.text-green-warm-80 {
color: var(--green-warm-80) !important;
}
.border-green-warm-80 {
border-color: var(--green-warm-80) !important;
}
.bg-green-warm-70 {
--background: var(--green-warm-70);
background: var(--green-warm-70) !important;
}
.text-green-warm-70 {
color: var(--green-warm-70) !important;
}
.border-green-warm-70 {
border-color: var(--green-warm-70) !important;
}
.bg-green-warm-60 {
--background: var(--green-warm-60);
background: var(--green-warm-60) !important;
}
.text-green-warm-60 {
color: var(--green-warm-60) !important;
}
.border-green-warm-60 {
border-color: var(--green-warm-60) !important;
}
.bg-green-warm-50 {
--background: var(--green-warm-50);
background: var(--green-warm-50) !important;
}
.text-green-warm-50 {
color: var(--green-warm-50) !important;
}
.border-green-warm-50 {
border-color: var(--green-warm-50) !important;
}
.bg-green-warm-40 {
--background: var(--green-warm-40);
background: var(--green-warm-40) !important;
}
.text-green-warm-40 {
color: var(--green-warm-40) !important;
}
.border-green-warm-40 {
border-color: var(--green-warm-40) !important;
}
.bg-green-warm-30 {
--background: var(--green-warm-30);
background: var(--green-warm-30) !important;
}
.text-green-warm-30 {
color: var(--green-warm-30) !important;
}
.border-green-warm-30 {
border-color: var(--green-warm-30) !important;
}
.bg-green-warm-20 {
--background: var(--green-warm-20);
background: var(--green-warm-20) !important;
}
.text-green-warm-20 {
color: var(--green-warm-20) !important;
}
.border-green-warm-20 {
border-color: var(--green-warm-20) !important;
}
.bg-green-warm-10 {
--background: var(--green-warm-10);
background: var(--green-warm-10) !important;
}
.text-green-warm-10 {
color: var(--green-warm-10) !important;
}
.border-green-warm-10 {
border-color: var(--green-warm-10) !important;
}
.bg-green-warm-5 {
--background: var(--green-warm-5);
background: var(--green-warm-5) !important;
}
.text-green-warm-5 {
color: var(--green-warm-5) !important;
}
.border-green-warm-5 {
border-color: var(--green-warm-5) !important;
}
.bg-green-vivid-80 {
--background: var(--green-vivid-80);
background: var(--green-vivid-80) !important;
}
.text-green-vivid-80 {
color: var(--green-vivid-80) !important;
}
.border-green-vivid-80 {
border-color: var(--green-vivid-80) !important;
}
.bg-green-vivid-70 {
--background: var(--green-vivid-70);
background: var(--green-vivid-70) !important;
}
.text-green-vivid-70 {
color: var(--green-vivid-70) !important;
}
.border-green-vivid-70 {
border-color: var(--green-vivid-70) !important;
}
.bg-green-vivid-60 {
--background: var(--green-vivid-60);
background: var(--green-vivid-60) !important;
}
.text-green-vivid-60 {
color: var(--green-vivid-60) !important;
}
.border-green-vivid-60 {
border-color: var(--green-vivid-60) !important;
}
.bg-green-vivid-50 {
--background: var(--green-vivid-50);
background: var(--green-vivid-50) !important;
}
.text-green-vivid-50 {
color: var(--green-vivid-50) !important;
}
.border-green-vivid-50 {
border-color: var(--green-vivid-50) !important;
}
.bg-green-vivid-40 {
--background: var(--green-vivid-40);
background: var(--green-vivid-40) !important;
}
.text-green-vivid-40 {
color: var(--green-vivid-40) !important;
}
.border-green-vivid-40 {
border-color: var(--green-vivid-40) !important;
}
.bg-green-vivid-30 {
--background: var(--green-vivid-30);
background: var(--green-vivid-30) !important;
}
.text-green-vivid-30 {
color: var(--green-vivid-30) !important;
}
.border-green-vivid-30 {
border-color: var(--green-vivid-30) !important;
}
.bg-green-vivid-20 {
--background: var(--green-vivid-20);
background: var(--green-vivid-20) !important;
}
.text-green-vivid-20 {
color: var(--green-vivid-20) !important;
}
.border-green-vivid-20 {
border-color: var(--green-vivid-20) !important;
}
.bg-green-vivid-10 {
--background: var(--green-vivid-10);
background: var(--green-vivid-10) !important;
}
.text-green-vivid-10 {
color: var(--green-vivid-10) !important;
}
.border-green-vivid-10 {
border-color: var(--green-vivid-10) !important;
}
.bg-green-vivid-5 {
--background: var(--green-vivid-5);
background: var(--green-vivid-5) !important;
}
.text-green-vivid-5 {
color: var(--green-vivid-5) !important;
}
.border-green-vivid-5 {
border-color: var(--green-vivid-5) !important;
}
.bg-green-cool-vivid-80 {
--background: var(--green-cool-vivid-80);
background: var(--green-cool-vivid-80) !important;
}
.text-green-cool-vivid-80 {
color: var(--green-cool-vivid-80) !important;
}
.border-green-cool-vivid-80 {
border-color: var(--green-cool-vivid-80) !important;
}
.bg-green-cool-vivid-70 {
--background: var(--green-cool-vivid-70);
background: var(--green-cool-vivid-70) !important;
}
.text-green-cool-vivid-70 {
color: var(--green-cool-vivid-70) !important;
}
.border-green-cool-vivid-70 {
border-color: var(--green-cool-vivid-70) !important;
}
.bg-green-cool-vivid-60 {
--background: var(--green-cool-vivid-60);
background: var(--green-cool-vivid-60) !important;
}
.text-green-cool-vivid-60 {
color: var(--green-cool-vivid-60) !important;
}
.border-green-cool-vivid-60 {
border-color: var(--green-cool-vivid-60) !important;
}
.bg-green-cool-vivid-50 {
--background: var(--green-cool-vivid-50);
background: var(--green-cool-vivid-50) !important;
}
.text-green-cool-vivid-50 {
color: var(--green-cool-vivid-50) !important;
}
.border-green-cool-vivid-50 {
border-color: var(--green-cool-vivid-50) !important;
}
.bg-green-cool-vivid-40 {
--background: var(--green-cool-vivid-40);
background: var(--green-cool-vivid-40) !important;
}
.text-green-cool-vivid-40 {
color: var(--green-cool-vivid-40) !important;
}
.border-green-cool-vivid-40 {
border-color: var(--green-cool-vivid-40) !important;
}
.bg-green-cool-vivid-30 {
--background: var(--green-cool-vivid-30);
background: var(--green-cool-vivid-30) !important;
}
.text-green-cool-vivid-30 {
color: var(--green-cool-vivid-30) !important;
}
.border-green-cool-vivid-30 {
border-color: var(--green-cool-vivid-30) !important;
}
.bg-green-cool-vivid-20 {
--background: var(--green-cool-vivid-20);
background: var(--green-cool-vivid-20) !important;
}
.text-green-cool-vivid-20 {
color: var(--green-cool-vivid-20) !important;
}
.border-green-cool-vivid-20 {
border-color: var(--green-cool-vivid-20) !important;
}
.bg-green-cool-vivid-10 {
--background: var(--green-cool-vivid-10);
background: var(--green-cool-vivid-10) !important;
}
.text-green-cool-vivid-10 {
color: var(--green-cool-vivid-10) !important;
}
.border-green-cool-vivid-10 {
border-color: var(--green-cool-vivid-10) !important;
}
.bg-green-cool-vivid-5 {
--background: var(--green-cool-vivid-5);
background: var(--green-cool-vivid-5) !important;
}
.text-green-cool-vivid-5 {
color: var(--green-cool-vivid-5) !important;
}
.border-green-cool-vivid-5 {
border-color: var(--green-cool-vivid-5) !important;
}
.bg-green-warm-vivid-80 {
--background: var(--green-warm-vivid-80);
background: var(--green-warm-vivid-80) !important;
}
.text-green-warm-vivid-80 {
color: var(--green-warm-vivid-80) !important;
}
.border-green-warm-vivid-80 {
border-color: var(--green-warm-vivid-80) !important;
}
.bg-green-warm-vivid-70 {
--background: var(--green-warm-vivid-70);
background: var(--green-warm-vivid-70) !important;
}
.text-green-warm-vivid-70 {
color: var(--green-warm-vivid-70) !important;
}
.border-green-warm-vivid-70 {
border-color: var(--green-warm-vivid-70) !important;
}
.bg-green-warm-vivid-60 {
--background: var(--green-warm-vivid-60);
background: var(--green-warm-vivid-60) !important;
}
.text-green-warm-vivid-60 {
color: var(--green-warm-vivid-60) !important;
}
.border-green-warm-vivid-60 {
border-color: var(--green-warm-vivid-60) !important;
}
.bg-green-warm-vivid-50 {
--background: var(--green-warm-vivid-50);
background: var(--green-warm-vivid-50) !important;
}
.text-green-warm-vivid-50 {
color: var(--green-warm-vivid-50) !important;
}
.border-green-warm-vivid-50 {
border-color: var(--green-warm-vivid-50) !important;
}
.bg-green-warm-vivid-40 {
--background: var(--green-warm-vivid-40);
background: var(--green-warm-vivid-40) !important;
}
.text-green-warm-vivid-40 {
color: var(--green-warm-vivid-40) !important;
}
.border-green-warm-vivid-40 {
border-color: var(--green-warm-vivid-40) !important;
}
.bg-green-warm-vivid-30 {
--background: var(--green-warm-vivid-30);
background: var(--green-warm-vivid-30) !important;
}
.text-green-warm-vivid-30 {
color: var(--green-warm-vivid-30) !important;
}
.border-green-warm-vivid-30 {
border-color: var(--green-warm-vivid-30) !important;
}
.bg-green-warm-vivid-20 {
--background: var(--green-warm-vivid-20);
background: var(--green-warm-vivid-20) !important;
}
.text-green-warm-vivid-20 {
color: var(--green-warm-vivid-20) !important;
}
.border-green-warm-vivid-20 {
border-color: var(--green-warm-vivid-20) !important;
}
.bg-green-warm-vivid-10 {
--background: var(--green-warm-vivid-10);
background: var(--green-warm-vivid-10) !important;
}
.text-green-warm-vivid-10 {
color: var(--green-warm-vivid-10) !important;
}
.border-green-warm-vivid-10 {
border-color: var(--green-warm-vivid-10) !important;
}
.bg-green-warm-vivid-5 {
--background: var(--green-warm-vivid-5);
background: var(--green-warm-vivid-5) !important;
}
.text-green-warm-vivid-5 {
color: var(--green-warm-vivid-5) !important;
}
.border-green-warm-vivid-5 {
border-color: var(--green-warm-vivid-5) !important;
}
.bg-indigo-90 {
--background: var(--indigo-90);
background: var(--indigo-90) !important;
}
.text-indigo-90 {
color: var(--indigo-90) !important;
}
.border-indigo-90 {
border-color: var(--indigo-90) !important;
}
.bg-indigo-80 {
--background: var(--indigo-80);
background: var(--indigo-80) !important;
}
.text-indigo-80 {
color: var(--indigo-80) !important;
}
.border-indigo-80 {
border-color: var(--indigo-80) !important;
}
.bg-indigo-70 {
--background: var(--indigo-70);
background: var(--indigo-70) !important;
}
.text-indigo-70 {
color: var(--indigo-70) !important;
}
.border-indigo-70 {
border-color: var(--indigo-70) !important;
}
.bg-indigo-60 {
--background: var(--indigo-60);
background: var(--indigo-60) !important;
}
.text-indigo-60 {
color: var(--indigo-60) !important;
}
.border-indigo-60 {
border-color: var(--indigo-60) !important;
}
.bg-indigo-50 {
--background: var(--indigo-50);
background: var(--indigo-50) !important;
}
.text-indigo-50 {
color: var(--indigo-50) !important;
}
.border-indigo-50 {
border-color: var(--indigo-50) !important;
}
.bg-indigo-40 {
--background: var(--indigo-40);
background: var(--indigo-40) !important;
}
.text-indigo-40 {
color: var(--indigo-40) !important;
}
.border-indigo-40 {
border-color: var(--indigo-40) !important;
}
.bg-indigo-30 {
--background: var(--indigo-30);
background: var(--indigo-30) !important;
}
.text-indigo-30 {
color: var(--indigo-30) !important;
}
.border-indigo-30 {
border-color: var(--indigo-30) !important;
}
.bg-indigo-20 {
--background: var(--indigo-20);
background: var(--indigo-20) !important;
}
.text-indigo-20 {
color: var(--indigo-20) !important;
}
.border-indigo-20 {
border-color: var(--indigo-20) !important;
}
.bg-indigo-10 {
--background: var(--indigo-10);
background: var(--indigo-10) !important;
}
.text-indigo-10 {
color: var(--indigo-10) !important;
}
.border-indigo-10 {
border-color: var(--indigo-10) !important;
}
.bg-indigo-5 {
--background: var(--indigo-5);
background: var(--indigo-5) !important;
}
.text-indigo-5 {
color: var(--indigo-5) !important;
}
.border-indigo-5 {
border-color: var(--indigo-5) !important;
}
.bg-indigo-cool-90 {
--background: var(--indigo-cool-90);
background: var(--indigo-cool-90) !important;
}
.text-indigo-cool-90 {
color: var(--indigo-cool-90) !important;
}
.border-indigo-cool-90 {
border-color: var(--indigo-cool-90) !important;
}
.bg-indigo-cool-80 {
--background: var(--indigo-cool-80);
background: var(--indigo-cool-80) !important;
}
.text-indigo-cool-80 {
color: var(--indigo-cool-80) !important;
}
.border-indigo-cool-80 {
border-color: var(--indigo-cool-80) !important;
}
.bg-indigo-cool-70 {
--background: var(--indigo-cool-70);
background: var(--indigo-cool-70) !important;
}
.text-indigo-cool-70 {
color: var(--indigo-cool-70) !important;
}
.border-indigo-cool-70 {
border-color: var(--indigo-cool-70) !important;
}
.bg-indigo-cool-60 {
--background: var(--indigo-cool-60);
background: var(--indigo-cool-60) !important;
}
.text-indigo-cool-60 {
color: var(--indigo-cool-60) !important;
}
.border-indigo-cool-60 {
border-color: var(--indigo-cool-60) !important;
}
.bg-indigo-cool-50 {
--background: var(--indigo-cool-50);
background: var(--indigo-cool-50) !important;
}
.text-indigo-cool-50 {
color: var(--indigo-cool-50) !important;
}
.border-indigo-cool-50 {
border-color: var(--indigo-cool-50) !important;
}
.bg-indigo-cool-40 {
--background: var(--indigo-cool-40);
background: var(--indigo-cool-40) !important;
}
.text-indigo-cool-40 {
color: var(--indigo-cool-40) !important;
}
.border-indigo-cool-40 {
border-color: var(--indigo-cool-40) !important;
}
.bg-indigo-cool-30 {
--background: var(--indigo-cool-30);
background: var(--indigo-cool-30) !important;
}
.text-indigo-cool-30 {
color: var(--indigo-cool-30) !important;
}
.border-indigo-cool-30 {
border-color: var(--indigo-cool-30) !important;
}
.bg-indigo-cool-20 {
--background: var(--indigo-cool-20);
background: var(--indigo-cool-20) !important;
}
.text-indigo-cool-20 {
color: var(--indigo-cool-20) !important;
}
.border-indigo-cool-20 {
border-color: var(--indigo-cool-20) !important;
}
.bg-indigo-cool-10 {
--background: var(--indigo-cool-10);
background: var(--indigo-cool-10) !important;
}
.text-indigo-cool-10 {
color: var(--indigo-cool-10) !important;
}
.border-indigo-cool-10 {
border-color: var(--indigo-cool-10) !important;
}
.bg-indigo-cool-5 {
--background: var(--indigo-cool-5);
background: var(--indigo-cool-5) !important;
}
.text-indigo-cool-5 {
color: var(--indigo-cool-5) !important;
}
.border-indigo-cool-5 {
border-color: var(--indigo-cool-5) !important;
}
.bg-indigo-warm-90 {
--background: var(--indigo-warm-90);
background: var(--indigo-warm-90) !important;
}
.text-indigo-warm-90 {
color: var(--indigo-warm-90) !important;
}
.border-indigo-warm-90 {
border-color: var(--indigo-warm-90) !important;
}
.bg-indigo-warm-80 {
--background: var(--indigo-warm-80);
background: var(--indigo-warm-80) !important;
}
.text-indigo-warm-80 {
color: var(--indigo-warm-80) !important;
}
.border-indigo-warm-80 {
border-color: var(--indigo-warm-80) !important;
}
.bg-indigo-warm-70 {
--background: var(--indigo-warm-70);
background: var(--indigo-warm-70) !important;
}
.text-indigo-warm-70 {
color: var(--indigo-warm-70) !important;
}
.border-indigo-warm-70 {
border-color: var(--indigo-warm-70) !important;
}
.bg-indigo-warm-60 {
--background: var(--indigo-warm-60);
background: var(--indigo-warm-60) !important;
}
.text-indigo-warm-60 {
color: var(--indigo-warm-60) !important;
}
.border-indigo-warm-60 {
border-color: var(--indigo-warm-60) !important;
}
.bg-indigo-warm-50 {
--background: var(--indigo-warm-50);
background: var(--indigo-warm-50) !important;
}
.text-indigo-warm-50 {
color: var(--indigo-warm-50) !important;
}
.border-indigo-warm-50 {
border-color: var(--indigo-warm-50) !important;
}
.bg-indigo-warm-40 {
--background: var(--indigo-warm-40);
background: var(--indigo-warm-40) !important;
}
.text-indigo-warm-40 {
color: var(--indigo-warm-40) !important;
}
.border-indigo-warm-40 {
border-color: var(--indigo-warm-40) !important;
}
.bg-indigo-warm-30 {
--background: var(--indigo-warm-30);
background: var(--indigo-warm-30) !important;
}
.text-indigo-warm-30 {
color: var(--indigo-warm-30) !important;
}
.border-indigo-warm-30 {
border-color: var(--indigo-warm-30) !important;
}
.bg-indigo-warm-20 {
--background: var(--indigo-warm-20);
background: var(--indigo-warm-20) !important;
}
.text-indigo-warm-20 {
color: var(--indigo-warm-20) !important;
}
.border-indigo-warm-20 {
border-color: var(--indigo-warm-20) !important;
}
.bg-indigo-warm-10 {
--background: var(--indigo-warm-10);
background: var(--indigo-warm-10) !important;
}
.text-indigo-warm-10 {
color: var(--indigo-warm-10) !important;
}
.border-indigo-warm-10 {
border-color: var(--indigo-warm-10) !important;
}
.bg-indigo-warm-5 {
--background: var(--indigo-warm-5);
background: var(--indigo-warm-5) !important;
}
.text-indigo-warm-5 {
color: var(--indigo-warm-5) !important;
}
.border-indigo-warm-5 {
border-color: var(--indigo-warm-5) !important;
}
.bg-indigo-vivid-80 {
--background: var(--indigo-vivid-80);
background: var(--indigo-vivid-80) !important;
}
.text-indigo-vivid-80 {
color: var(--indigo-vivid-80) !important;
}
.border-indigo-vivid-80 {
border-color: var(--indigo-vivid-80) !important;
}
.bg-indigo-vivid-70 {
--background: var(--indigo-vivid-70);
background: var(--indigo-vivid-70) !important;
}
.text-indigo-vivid-70 {
color: var(--indigo-vivid-70) !important;
}
.border-indigo-vivid-70 {
border-color: var(--indigo-vivid-70) !important;
}
.bg-indigo-vivid-60 {
--background: var(--indigo-vivid-60);
background: var(--indigo-vivid-60) !important;
}
.text-indigo-vivid-60 {
color: var(--indigo-vivid-60) !important;
}
.border-indigo-vivid-60 {
border-color: var(--indigo-vivid-60) !important;
}
.bg-indigo-vivid-50 {
--background: var(--indigo-vivid-50);
background: var(--indigo-vivid-50) !important;
}
.text-indigo-vivid-50 {
color: var(--indigo-vivid-50) !important;
}
.border-indigo-vivid-50 {
border-color: var(--indigo-vivid-50) !important;
}
.bg-indigo-vivid-40 {
--background: var(--indigo-vivid-40);
background: var(--indigo-vivid-40) !important;
}
.text-indigo-vivid-40 {
color: var(--indigo-vivid-40) !important;
}
.border-indigo-vivid-40 {
border-color: var(--indigo-vivid-40) !important;
}
.bg-indigo-vivid-30 {
--background: var(--indigo-vivid-30);
background: var(--indigo-vivid-30) !important;
}
.text-indigo-vivid-30 {
color: var(--indigo-vivid-30) !important;
}
.border-indigo-vivid-30 {
border-color: var(--indigo-vivid-30) !important;
}
.bg-indigo-vivid-20 {
--background: var(--indigo-vivid-20);
background: var(--indigo-vivid-20) !important;
}
.text-indigo-vivid-20 {
color: var(--indigo-vivid-20) !important;
}
.border-indigo-vivid-20 {
border-color: var(--indigo-vivid-20) !important;
}
.bg-indigo-vivid-10 {
--background: var(--indigo-vivid-10);
background: var(--indigo-vivid-10) !important;
}
.text-indigo-vivid-10 {
color: var(--indigo-vivid-10) !important;
}
.border-indigo-vivid-10 {
border-color: var(--indigo-vivid-10) !important;
}
.bg-indigo-vivid-5 {
--background: var(--indigo-vivid-5);
background: var(--indigo-vivid-5) !important;
}
.text-indigo-vivid-5 {
color: var(--indigo-vivid-5) !important;
}
.border-indigo-vivid-5 {
border-color: var(--indigo-vivid-5) !important;
}
.bg-indigo-cool-vivid-80 {
--background: var(--indigo-cool-vivid-80);
background: var(--indigo-cool-vivid-80) !important;
}
.text-indigo-cool-vivid-80 {
color: var(--indigo-cool-vivid-80) !important;
}
.border-indigo-cool-vivid-80 {
border-color: var(--indigo-cool-vivid-80) !important;
}
.bg-indigo-cool-vivid-70 {
--background: var(--indigo-cool-vivid-70);
background: var(--indigo-cool-vivid-70) !important;
}
.text-indigo-cool-vivid-70 {
color: var(--indigo-cool-vivid-70) !important;
}
.border-indigo-cool-vivid-70 {
border-color: var(--indigo-cool-vivid-70) !important;
}
.bg-indigo-cool-vivid-60 {
--background: var(--indigo-cool-vivid-60);
background: var(--indigo-cool-vivid-60) !important;
}
.text-indigo-cool-vivid-60 {
color: var(--indigo-cool-vivid-60) !important;
}
.border-indigo-cool-vivid-60 {
border-color: var(--indigo-cool-vivid-60) !important;
}
.bg-indigo-cool-vivid-50 {
--background: var(--indigo-cool-vivid-50);
background: var(--indigo-cool-vivid-50) !important;
}
.text-indigo-cool-vivid-50 {
color: var(--indigo-cool-vivid-50) !important;
}
.border-indigo-cool-vivid-50 {
border-color: var(--indigo-cool-vivid-50) !important;
}
.bg-indigo-cool-vivid-40 {
--background: var(--indigo-cool-vivid-40);
background: var(--indigo-cool-vivid-40) !important;
}
.text-indigo-cool-vivid-40 {
color: var(--indigo-cool-vivid-40) !important;
}
.border-indigo-cool-vivid-40 {
border-color: var(--indigo-cool-vivid-40) !important;
}
.bg-indigo-cool-vivid-30 {
--background: var(--indigo-cool-vivid-30);
background: var(--indigo-cool-vivid-30) !important;
}
.text-indigo-cool-vivid-30 {
color: var(--indigo-cool-vivid-30) !important;
}
.border-indigo-cool-vivid-30 {
border-color: var(--indigo-cool-vivid-30) !important;
}
.bg-indigo-cool-vivid-20 {
--background: var(--indigo-cool-vivid-20);
background: var(--indigo-cool-vivid-20) !important;
}
.text-indigo-cool-vivid-20 {
color: var(--indigo-cool-vivid-20) !important;
}
.border-indigo-cool-vivid-20 {
border-color: var(--indigo-cool-vivid-20) !important;
}
.bg-indigo-cool-vivid-10 {
--background: var(--indigo-cool-vivid-10);
background: var(--indigo-cool-vivid-10) !important;
}
.text-indigo-cool-vivid-10 {
color: var(--indigo-cool-vivid-10) !important;
}
.border-indigo-cool-vivid-10 {
border-color: var(--indigo-cool-vivid-10) !important;
}
.bg-indigo-cool-vivid-5 {
--background: var(--indigo-cool-vivid-5);
background: var(--indigo-cool-vivid-5) !important;
}
.text-indigo-cool-vivid-5 {
color: var(--indigo-cool-vivid-5) !important;
}
.border-indigo-cool-vivid-5 {
border-color: var(--indigo-cool-vivid-5) !important;
}
.bg-indigo-warm-vivid-80 {
--background: var(--indigo-warm-vivid-80);
background: var(--indigo-warm-vivid-80) !important;
}
.text-indigo-warm-vivid-80 {
color: var(--indigo-warm-vivid-80) !important;
}
.border-indigo-warm-vivid-80 {
border-color: var(--indigo-warm-vivid-80) !important;
}
.bg-indigo-warm-vivid-70 {
--background: var(--indigo-warm-vivid-70);
background: var(--indigo-warm-vivid-70) !important;
}
.text-indigo-warm-vivid-70 {
color: var(--indigo-warm-vivid-70) !important;
}
.border-indigo-warm-vivid-70 {
border-color: var(--indigo-warm-vivid-70) !important;
}
.bg-indigo-warm-vivid-60 {
--background: var(--indigo-warm-vivid-60);
background: var(--indigo-warm-vivid-60) !important;
}
.text-indigo-warm-vivid-60 {
color: var(--indigo-warm-vivid-60) !important;
}
.border-indigo-warm-vivid-60 {
border-color: var(--indigo-warm-vivid-60) !important;
}
.bg-indigo-warm-vivid-50 {
--background: var(--indigo-warm-vivid-50);
background: var(--indigo-warm-vivid-50) !important;
}
.text-indigo-warm-vivid-50 {
color: var(--indigo-warm-vivid-50) !important;
}
.border-indigo-warm-vivid-50 {
border-color: var(--indigo-warm-vivid-50) !important;
}
.bg-indigo-warm-vivid-40 {
--background: var(--indigo-warm-vivid-40);
background: var(--indigo-warm-vivid-40) !important;
}
.text-indigo-warm-vivid-40 {
color: var(--indigo-warm-vivid-40) !important;
}
.border-indigo-warm-vivid-40 {
border-color: var(--indigo-warm-vivid-40) !important;
}
.bg-indigo-warm-vivid-30 {
--background: var(--indigo-warm-vivid-30);
background: var(--indigo-warm-vivid-30) !important;
}
.text-indigo-warm-vivid-30 {
color: var(--indigo-warm-vivid-30) !important;
}
.border-indigo-warm-vivid-30 {
border-color: var(--indigo-warm-vivid-30) !important;
}
.bg-indigo-warm-vivid-20 {
--background: var(--indigo-warm-vivid-20);
background: var(--indigo-warm-vivid-20) !important;
}
.text-indigo-warm-vivid-20 {
color: var(--indigo-warm-vivid-20) !important;
}
.border-indigo-warm-vivid-20 {
border-color: var(--indigo-warm-vivid-20) !important;
}
.bg-indigo-warm-vivid-10 {
--background: var(--indigo-warm-vivid-10);
background: var(--indigo-warm-vivid-10) !important;
}
.text-indigo-warm-vivid-10 {
color: var(--indigo-warm-vivid-10) !important;
}
.border-indigo-warm-vivid-10 {
border-color: var(--indigo-warm-vivid-10) !important;
}
.bg-indigo-warm-vivid-5 {
--background: var(--indigo-warm-vivid-5);
background: var(--indigo-warm-vivid-5) !important;
}
.text-indigo-warm-vivid-5 {
color: var(--indigo-warm-vivid-5) !important;
}
.border-indigo-warm-vivid-5 {
border-color: var(--indigo-warm-vivid-5) !important;
}
.bg-magenta-90 {
--background: var(--magenta-90);
background: var(--magenta-90) !important;
}
.text-magenta-90 {
color: var(--magenta-90) !important;
}
.border-magenta-90 {
border-color: var(--magenta-90) !important;
}
.bg-magenta-80 {
--background: var(--magenta-80);
background: var(--magenta-80) !important;
}
.text-magenta-80 {
color: var(--magenta-80) !important;
}
.border-magenta-80 {
border-color: var(--magenta-80) !important;
}
.bg-magenta-70 {
--background: var(--magenta-70);
background: var(--magenta-70) !important;
}
.text-magenta-70 {
color: var(--magenta-70) !important;
}
.border-magenta-70 {
border-color: var(--magenta-70) !important;
}
.bg-magenta-60 {
--background: var(--magenta-60);
background: var(--magenta-60) !important;
}
.text-magenta-60 {
color: var(--magenta-60) !important;
}
.border-magenta-60 {
border-color: var(--magenta-60) !important;
}
.bg-magenta-50 {
--background: var(--magenta-50);
background: var(--magenta-50) !important;
}
.text-magenta-50 {
color: var(--magenta-50) !important;
}
.border-magenta-50 {
border-color: var(--magenta-50) !important;
}
.bg-magenta-40 {
--background: var(--magenta-40);
background: var(--magenta-40) !important;
}
.text-magenta-40 {
color: var(--magenta-40) !important;
}
.border-magenta-40 {
border-color: var(--magenta-40) !important;
}
.bg-magenta-30 {
--background: var(--magenta-30);
background: var(--magenta-30) !important;
}
.text-magenta-30 {
color: var(--magenta-30) !important;
}
.border-magenta-30 {
border-color: var(--magenta-30) !important;
}
.bg-magenta-20 {
--background: var(--magenta-20);
background: var(--magenta-20) !important;
}
.text-magenta-20 {
color: var(--magenta-20) !important;
}
.border-magenta-20 {
border-color: var(--magenta-20) !important;
}
.bg-magenta-10 {
--background: var(--magenta-10);
background: var(--magenta-10) !important;
}
.text-magenta-10 {
color: var(--magenta-10) !important;
}
.border-magenta-10 {
border-color: var(--magenta-10) !important;
}
.bg-magenta-5 {
--background: var(--magenta-5);
background: var(--magenta-5) !important;
}
.text-magenta-5 {
color: var(--magenta-5) !important;
}
.border-magenta-5 {
border-color: var(--magenta-5) !important;
}
.bg-magenta-vivid-80 {
--background: var(--magenta-vivid-80);
background: var(--magenta-vivid-80) !important;
}
.text-magenta-vivid-80 {
color: var(--magenta-vivid-80) !important;
}
.border-magenta-vivid-80 {
border-color: var(--magenta-vivid-80) !important;
}
.bg-magenta-vivid-70 {
--background: var(--magenta-vivid-70);
background: var(--magenta-vivid-70) !important;
}
.text-magenta-vivid-70 {
color: var(--magenta-vivid-70) !important;
}
.border-magenta-vivid-70 {
border-color: var(--magenta-vivid-70) !important;
}
.bg-magenta-vivid-60 {
--background: var(--magenta-vivid-60);
background: var(--magenta-vivid-60) !important;
}
.text-magenta-vivid-60 {
color: var(--magenta-vivid-60) !important;
}
.border-magenta-vivid-60 {
border-color: var(--magenta-vivid-60) !important;
}
.bg-magenta-vivid-50 {
--background: var(--magenta-vivid-50);
background: var(--magenta-vivid-50) !important;
}
.text-magenta-vivid-50 {
color: var(--magenta-vivid-50) !important;
}
.border-magenta-vivid-50 {
border-color: var(--magenta-vivid-50) !important;
}
.bg-magenta-vivid-40 {
--background: var(--magenta-vivid-40);
background: var(--magenta-vivid-40) !important;
}
.text-magenta-vivid-40 {
color: var(--magenta-vivid-40) !important;
}
.border-magenta-vivid-40 {
border-color: var(--magenta-vivid-40) !important;
}
.bg-magenta-vivid-30 {
--background: var(--magenta-vivid-30);
background: var(--magenta-vivid-30) !important;
}
.text-magenta-vivid-30 {
color: var(--magenta-vivid-30) !important;
}
.border-magenta-vivid-30 {
border-color: var(--magenta-vivid-30) !important;
}
.bg-magenta-vivid-20 {
--background: var(--magenta-vivid-20);
background: var(--magenta-vivid-20) !important;
}
.text-magenta-vivid-20 {
color: var(--magenta-vivid-20) !important;
}
.border-magenta-vivid-20 {
border-color: var(--magenta-vivid-20) !important;
}
.bg-magenta-vivid-10 {
--background: var(--magenta-vivid-10);
background: var(--magenta-vivid-10) !important;
}
.text-magenta-vivid-10 {
color: var(--magenta-vivid-10) !important;
}
.border-magenta-vivid-10 {
border-color: var(--magenta-vivid-10) !important;
}
.bg-magenta-vivid-5 {
--background: var(--magenta-vivid-5);
background: var(--magenta-vivid-5) !important;
}
.text-magenta-vivid-5 {
color: var(--magenta-vivid-5) !important;
}
.border-magenta-vivid-5 {
border-color: var(--magenta-vivid-5) !important;
}
.bg-mint-90 {
--background: var(--mint-90);
background: var(--mint-90) !important;
}
.text-mint-90 {
color: var(--mint-90) !important;
}
.border-mint-90 {
border-color: var(--mint-90) !important;
}
.bg-mint-80 {
--background: var(--mint-80);
background: var(--mint-80) !important;
}
.text-mint-80 {
color: var(--mint-80) !important;
}
.border-mint-80 {
border-color: var(--mint-80) !important;
}
.bg-mint-70 {
--background: var(--mint-70);
background: var(--mint-70) !important;
}
.text-mint-70 {
color: var(--mint-70) !important;
}
.border-mint-70 {
border-color: var(--mint-70) !important;
}
.bg-mint-60 {
--background: var(--mint-60);
background: var(--mint-60) !important;
}
.text-mint-60 {
color: var(--mint-60) !important;
}
.border-mint-60 {
border-color: var(--mint-60) !important;
}
.bg-mint-50 {
--background: var(--mint-50);
background: var(--mint-50) !important;
}
.text-mint-50 {
color: var(--mint-50) !important;
}
.border-mint-50 {
border-color: var(--mint-50) !important;
}
.bg-mint-40 {
--background: var(--mint-40);
background: var(--mint-40) !important;
}
.text-mint-40 {
color: var(--mint-40) !important;
}
.border-mint-40 {
border-color: var(--mint-40) !important;
}
.bg-mint-30 {
--background: var(--mint-30);
background: var(--mint-30) !important;
}
.text-mint-30 {
color: var(--mint-30) !important;
}
.border-mint-30 {
border-color: var(--mint-30) !important;
}
.bg-mint-20 {
--background: var(--mint-20);
background: var(--mint-20) !important;
}
.text-mint-20 {
color: var(--mint-20) !important;
}
.border-mint-20 {
border-color: var(--mint-20) !important;
}
.bg-mint-10 {
--background: var(--mint-10);
background: var(--mint-10) !important;
}
.text-mint-10 {
color: var(--mint-10) !important;
}
.border-mint-10 {
border-color: var(--mint-10) !important;
}
.bg-mint-5 {
--background: var(--mint-5);
background: var(--mint-5) !important;
}
.text-mint-5 {
color: var(--mint-5) !important;
}
.border-mint-5 {
border-color: var(--mint-5) !important;
}
.bg-mint-cool-90 {
--background: var(--mint-cool-90);
background: var(--mint-cool-90) !important;
}
.text-mint-cool-90 {
color: var(--mint-cool-90) !important;
}
.border-mint-cool-90 {
border-color: var(--mint-cool-90) !important;
}
.bg-mint-cool-80 {
--background: var(--mint-cool-80);
background: var(--mint-cool-80) !important;
}
.text-mint-cool-80 {
color: var(--mint-cool-80) !important;
}
.border-mint-cool-80 {
border-color: var(--mint-cool-80) !important;
}
.bg-mint-cool-70 {
--background: var(--mint-cool-70);
background: var(--mint-cool-70) !important;
}
.text-mint-cool-70 {
color: var(--mint-cool-70) !important;
}
.border-mint-cool-70 {
border-color: var(--mint-cool-70) !important;
}
.bg-mint-cool-60 {
--background: var(--mint-cool-60);
background: var(--mint-cool-60) !important;
}
.text-mint-cool-60 {
color: var(--mint-cool-60) !important;
}
.border-mint-cool-60 {
border-color: var(--mint-cool-60) !important;
}
.bg-mint-cool-50 {
--background: var(--mint-cool-50);
background: var(--mint-cool-50) !important;
}
.text-mint-cool-50 {
color: var(--mint-cool-50) !important;
}
.border-mint-cool-50 {
border-color: var(--mint-cool-50) !important;
}
.bg-mint-cool-40 {
--background: var(--mint-cool-40);
background: var(--mint-cool-40) !important;
}
.text-mint-cool-40 {
color: var(--mint-cool-40) !important;
}
.border-mint-cool-40 {
border-color: var(--mint-cool-40) !important;
}
.bg-mint-cool-30 {
--background: var(--mint-cool-30);
background: var(--mint-cool-30) !important;
}
.text-mint-cool-30 {
color: var(--mint-cool-30) !important;
}
.border-mint-cool-30 {
border-color: var(--mint-cool-30) !important;
}
.bg-mint-cool-20 {
--background: var(--mint-cool-20);
background: var(--mint-cool-20) !important;
}
.text-mint-cool-20 {
color: var(--mint-cool-20) !important;
}
.border-mint-cool-20 {
border-color: var(--mint-cool-20) !important;
}
.bg-mint-cool-10 {
--background: var(--mint-cool-10);
background: var(--mint-cool-10) !important;
}
.text-mint-cool-10 {
color: var(--mint-cool-10) !important;
}
.border-mint-cool-10 {
border-color: var(--mint-cool-10) !important;
}
.bg-mint-cool-5 {
--background: var(--mint-cool-5);
background: var(--mint-cool-5) !important;
}
.text-mint-cool-5 {
color: var(--mint-cool-5) !important;
}
.border-mint-cool-5 {
border-color: var(--mint-cool-5) !important;
}
.bg-mint-vivid-80 {
--background: var(--mint-vivid-80);
background: var(--mint-vivid-80) !important;
}
.text-mint-vivid-80 {
color: var(--mint-vivid-80) !important;
}
.border-mint-vivid-80 {
border-color: var(--mint-vivid-80) !important;
}
.bg-mint-vivid-70 {
--background: var(--mint-vivid-70);
background: var(--mint-vivid-70) !important;
}
.text-mint-vivid-70 {
color: var(--mint-vivid-70) !important;
}
.border-mint-vivid-70 {
border-color: var(--mint-vivid-70) !important;
}
.bg-mint-vivid-60 {
--background: var(--mint-vivid-60);
background: var(--mint-vivid-60) !important;
}
.text-mint-vivid-60 {
color: var(--mint-vivid-60) !important;
}
.border-mint-vivid-60 {
border-color: var(--mint-vivid-60) !important;
}
.bg-mint-vivid-50 {
--background: var(--mint-vivid-50);
background: var(--mint-vivid-50) !important;
}
.text-mint-vivid-50 {
color: var(--mint-vivid-50) !important;
}
.border-mint-vivid-50 {
border-color: var(--mint-vivid-50) !important;
}
.bg-mint-vivid-40 {
--background: var(--mint-vivid-40);
background: var(--mint-vivid-40) !important;
}
.text-mint-vivid-40 {
color: var(--mint-vivid-40) !important;
}
.border-mint-vivid-40 {
border-color: var(--mint-vivid-40) !important;
}
.bg-mint-vivid-30 {
--background: var(--mint-vivid-30);
background: var(--mint-vivid-30) !important;
}
.text-mint-vivid-30 {
color: var(--mint-vivid-30) !important;
}
.border-mint-vivid-30 {
border-color: var(--mint-vivid-30) !important;
}
.bg-mint-vivid-20 {
--background: var(--mint-vivid-20);
background: var(--mint-vivid-20) !important;
}
.text-mint-vivid-20 {
color: var(--mint-vivid-20) !important;
}
.border-mint-vivid-20 {
border-color: var(--mint-vivid-20) !important;
}
.bg-mint-vivid-10 {
--background: var(--mint-vivid-10);
background: var(--mint-vivid-10) !important;
}
.text-mint-vivid-10 {
color: var(--mint-vivid-10) !important;
}
.border-mint-vivid-10 {
border-color: var(--mint-vivid-10) !important;
}
.bg-mint-vivid-5 {
--background: var(--mint-vivid-5);
background: var(--mint-vivid-5) !important;
}
.text-mint-vivid-5 {
color: var(--mint-vivid-5) !important;
}
.border-mint-vivid-5 {
border-color: var(--mint-vivid-5) !important;
}
.bg-mint-cool-vivid-80 {
--background: var(--mint-cool-vivid-80);
background: var(--mint-cool-vivid-80) !important;
}
.text-mint-cool-vivid-80 {
color: var(--mint-cool-vivid-80) !important;
}
.border-mint-cool-vivid-80 {
border-color: var(--mint-cool-vivid-80) !important;
}
.bg-mint-cool-vivid-70 {
--background: var(--mint-cool-vivid-70);
background: var(--mint-cool-vivid-70) !important;
}
.text-mint-cool-vivid-70 {
color: var(--mint-cool-vivid-70) !important;
}
.border-mint-cool-vivid-70 {
border-color: var(--mint-cool-vivid-70) !important;
}
.bg-mint-cool-vivid-60 {
--background: var(--mint-cool-vivid-60);
background: var(--mint-cool-vivid-60) !important;
}
.text-mint-cool-vivid-60 {
color: var(--mint-cool-vivid-60) !important;
}
.border-mint-cool-vivid-60 {
border-color: var(--mint-cool-vivid-60) !important;
}
.bg-mint-cool-vivid-50 {
--background: var(--mint-cool-vivid-50);
background: var(--mint-cool-vivid-50) !important;
}
.text-mint-cool-vivid-50 {
color: var(--mint-cool-vivid-50) !important;
}
.border-mint-cool-vivid-50 {
border-color: var(--mint-cool-vivid-50) !important;
}
.bg-mint-cool-vivid-40 {
--background: var(--mint-cool-vivid-40);
background: var(--mint-cool-vivid-40) !important;
}
.text-mint-cool-vivid-40 {
color: var(--mint-cool-vivid-40) !important;
}
.border-mint-cool-vivid-40 {
border-color: var(--mint-cool-vivid-40) !important;
}
.bg-mint-cool-vivid-30 {
--background: var(--mint-cool-vivid-30);
background: var(--mint-cool-vivid-30) !important;
}
.text-mint-cool-vivid-30 {
color: var(--mint-cool-vivid-30) !important;
}
.border-mint-cool-vivid-30 {
border-color: var(--mint-cool-vivid-30) !important;
}
.bg-mint-cool-vivid-20 {
--background: var(--mint-cool-vivid-20);
background: var(--mint-cool-vivid-20) !important;
}
.text-mint-cool-vivid-20 {
color: var(--mint-cool-vivid-20) !important;
}
.border-mint-cool-vivid-20 {
border-color: var(--mint-cool-vivid-20) !important;
}
.bg-mint-cool-vivid-10 {
--background: var(--mint-cool-vivid-10);
background: var(--mint-cool-vivid-10) !important;
}
.text-mint-cool-vivid-10 {
color: var(--mint-cool-vivid-10) !important;
}
.border-mint-cool-vivid-10 {
border-color: var(--mint-cool-vivid-10) !important;
}
.bg-mint-cool-vivid-5 {
--background: var(--mint-cool-vivid-5);
background: var(--mint-cool-vivid-5) !important;
}
.text-mint-cool-vivid-5 {
color: var(--mint-cool-vivid-5) !important;
}
.border-mint-cool-vivid-5 {
border-color: var(--mint-cool-vivid-5) !important;
}
.bg-orange-90 {
--background: var(--orange-90);
background: var(--orange-90) !important;
}
.text-orange-90 {
color: var(--orange-90) !important;
}
.border-orange-90 {
border-color: var(--orange-90) !important;
}
.bg-orange-80 {
--background: var(--orange-80);
background: var(--orange-80) !important;
}
.text-orange-80 {
color: var(--orange-80) !important;
}
.border-orange-80 {
border-color: var(--orange-80) !important;
}
.bg-orange-70 {
--background: var(--orange-70);
background: var(--orange-70) !important;
}
.text-orange-70 {
color: var(--orange-70) !important;
}
.border-orange-70 {
border-color: var(--orange-70) !important;
}
.bg-orange-60 {
--background: var(--orange-60);
background: var(--orange-60) !important;
}
.text-orange-60 {
color: var(--orange-60) !important;
}
.border-orange-60 {
border-color: var(--orange-60) !important;
}
.bg-orange-50 {
--background: var(--orange-50);
background: var(--orange-50) !important;
}
.text-orange-50 {
color: var(--orange-50) !important;
}
.border-orange-50 {
border-color: var(--orange-50) !important;
}
.bg-orange-40 {
--background: var(--orange-40);
background: var(--orange-40) !important;
}
.text-orange-40 {
color: var(--orange-40) !important;
}
.border-orange-40 {
border-color: var(--orange-40) !important;
}
.bg-orange-30 {
--background: var(--orange-30);
background: var(--orange-30) !important;
}
.text-orange-30 {
color: var(--orange-30) !important;
}
.border-orange-30 {
border-color: var(--orange-30) !important;
}
.bg-orange-20 {
--background: var(--orange-20);
background: var(--orange-20) !important;
}
.text-orange-20 {
color: var(--orange-20) !important;
}
.border-orange-20 {
border-color: var(--orange-20) !important;
}
.bg-orange-10 {
--background: var(--orange-10);
background: var(--orange-10) !important;
}
.text-orange-10 {
color: var(--orange-10) !important;
}
.border-orange-10 {
border-color: var(--orange-10) !important;
}
.bg-orange-5 {
--background: var(--orange-5);
background: var(--orange-5) !important;
}
.text-orange-5 {
color: var(--orange-5) !important;
}
.border-orange-5 {
border-color: var(--orange-5) !important;
}
.bg-orange-warm-90 {
--background: var(--orange-warm-90);
background: var(--orange-warm-90) !important;
}
.text-orange-warm-90 {
color: var(--orange-warm-90) !important;
}
.border-orange-warm-90 {
border-color: var(--orange-warm-90) !important;
}
.bg-orange-warm-80 {
--background: var(--orange-warm-80);
background: var(--orange-warm-80) !important;
}
.text-orange-warm-80 {
color: var(--orange-warm-80) !important;
}
.border-orange-warm-80 {
border-color: var(--orange-warm-80) !important;
}
.bg-orange-warm-70 {
--background: var(--orange-warm-70);
background: var(--orange-warm-70) !important;
}
.text-orange-warm-70 {
color: var(--orange-warm-70) !important;
}
.border-orange-warm-70 {
border-color: var(--orange-warm-70) !important;
}
.bg-orange-warm-60 {
--background: var(--orange-warm-60);
background: var(--orange-warm-60) !important;
}
.text-orange-warm-60 {
color: var(--orange-warm-60) !important;
}
.border-orange-warm-60 {
border-color: var(--orange-warm-60) !important;
}
.bg-orange-warm-50 {
--background: var(--orange-warm-50);
background: var(--orange-warm-50) !important;
}
.text-orange-warm-50 {
color: var(--orange-warm-50) !important;
}
.border-orange-warm-50 {
border-color: var(--orange-warm-50) !important;
}
.bg-orange-warm-40 {
--background: var(--orange-warm-40);
background: var(--orange-warm-40) !important;
}
.text-orange-warm-40 {
color: var(--orange-warm-40) !important;
}
.border-orange-warm-40 {
border-color: var(--orange-warm-40) !important;
}
.bg-orange-warm-30 {
--background: var(--orange-warm-30);
background: var(--orange-warm-30) !important;
}
.text-orange-warm-30 {
color: var(--orange-warm-30) !important;
}
.border-orange-warm-30 {
border-color: var(--orange-warm-30) !important;
}
.bg-orange-warm-20 {
--background: var(--orange-warm-20);
background: var(--orange-warm-20) !important;
}
.text-orange-warm-20 {
color: var(--orange-warm-20) !important;
}
.border-orange-warm-20 {
border-color: var(--orange-warm-20) !important;
}
.bg-orange-warm-10 {
--background: var(--orange-warm-10);
background: var(--orange-warm-10) !important;
}
.text-orange-warm-10 {
color: var(--orange-warm-10) !important;
}
.border-orange-warm-10 {
border-color: var(--orange-warm-10) !important;
}
.bg-orange-warm-5 {
--background: var(--orange-warm-5);
background: var(--orange-warm-5) !important;
}
.text-orange-warm-5 {
color: var(--orange-warm-5) !important;
}
.border-orange-warm-5 {
border-color: var(--orange-warm-5) !important;
}
.bg-orange-vivid-80 {
--background: var(--orange-vivid-80);
background: var(--orange-vivid-80) !important;
}
.text-orange-vivid-80 {
color: var(--orange-vivid-80) !important;
}
.border-orange-vivid-80 {
border-color: var(--orange-vivid-80) !important;
}
.bg-orange-vivid-70 {
--background: var(--orange-vivid-70);
background: var(--orange-vivid-70) !important;
}
.text-orange-vivid-70 {
color: var(--orange-vivid-70) !important;
}
.border-orange-vivid-70 {
border-color: var(--orange-vivid-70) !important;
}
.bg-orange-vivid-60 {
--background: var(--orange-vivid-60);
background: var(--orange-vivid-60) !important;
}
.text-orange-vivid-60 {
color: var(--orange-vivid-60) !important;
}
.border-orange-vivid-60 {
border-color: var(--orange-vivid-60) !important;
}
.bg-orange-vivid-50 {
--background: var(--orange-vivid-50);
background: var(--orange-vivid-50) !important;
}
.text-orange-vivid-50 {
color: var(--orange-vivid-50) !important;
}
.border-orange-vivid-50 {
border-color: var(--orange-vivid-50) !important;
}
.bg-orange-vivid-40 {
--background: var(--orange-vivid-40);
background: var(--orange-vivid-40) !important;
}
.text-orange-vivid-40 {
color: var(--orange-vivid-40) !important;
}
.border-orange-vivid-40 {
border-color: var(--orange-vivid-40) !important;
}
.bg-orange-vivid-30 {
--background: var(--orange-vivid-30);
background: var(--orange-vivid-30) !important;
}
.text-orange-vivid-30 {
color: var(--orange-vivid-30) !important;
}
.border-orange-vivid-30 {
border-color: var(--orange-vivid-30) !important;
}
.bg-orange-vivid-20 {
--background: var(--orange-vivid-20);
background: var(--orange-vivid-20) !important;
}
.text-orange-vivid-20 {
color: var(--orange-vivid-20) !important;
}
.border-orange-vivid-20 {
border-color: var(--orange-vivid-20) !important;
}
.bg-orange-vivid-10 {
--background: var(--orange-vivid-10);
background: var(--orange-vivid-10) !important;
}
.text-orange-vivid-10 {
color: var(--orange-vivid-10) !important;
}
.border-orange-vivid-10 {
border-color: var(--orange-vivid-10) !important;
}
.bg-orange-vivid-5 {
--background: var(--orange-vivid-5);
background: var(--orange-vivid-5) !important;
}
.text-orange-vivid-5 {
color: var(--orange-vivid-5) !important;
}
.border-orange-vivid-5 {
border-color: var(--orange-vivid-5) !important;
}
.bg-orange-warm-vivid-80 {
--background: var(--orange-warm-vivid-80);
background: var(--orange-warm-vivid-80) !important;
}
.text-orange-warm-vivid-80 {
color: var(--orange-warm-vivid-80) !important;
}
.border-orange-warm-vivid-80 {
border-color: var(--orange-warm-vivid-80) !important;
}
.bg-orange-warm-vivid-70 {
--background: var(--orange-warm-vivid-70);
background: var(--orange-warm-vivid-70) !important;
}
.text-orange-warm-vivid-70 {
color: var(--orange-warm-vivid-70) !important;
}
.border-orange-warm-vivid-70 {
border-color: var(--orange-warm-vivid-70) !important;
}
.bg-orange-warm-vivid-60 {
--background: var(--orange-warm-vivid-60);
background: var(--orange-warm-vivid-60) !important;
}
.text-orange-warm-vivid-60 {
color: var(--orange-warm-vivid-60) !important;
}
.border-orange-warm-vivid-60 {
border-color: var(--orange-warm-vivid-60) !important;
}
.bg-orange-warm-vivid-50 {
--background: var(--orange-warm-vivid-50);
background: var(--orange-warm-vivid-50) !important;
}
.text-orange-warm-vivid-50 {
color: var(--orange-warm-vivid-50) !important;
}
.border-orange-warm-vivid-50 {
border-color: var(--orange-warm-vivid-50) !important;
}
.bg-orange-warm-vivid-40 {
--background: var(--orange-warm-vivid-40);
background: var(--orange-warm-vivid-40) !important;
}
.text-orange-warm-vivid-40 {
color: var(--orange-warm-vivid-40) !important;
}
.border-orange-warm-vivid-40 {
border-color: var(--orange-warm-vivid-40) !important;
}
.bg-orange-warm-vivid-30 {
--background: var(--orange-warm-vivid-30);
background: var(--orange-warm-vivid-30) !important;
}
.text-orange-warm-vivid-30 {
color: var(--orange-warm-vivid-30) !important;
}
.border-orange-warm-vivid-30 {
border-color: var(--orange-warm-vivid-30) !important;
}
.bg-orange-warm-vivid-20 {
--background: var(--orange-warm-vivid-20);
background: var(--orange-warm-vivid-20) !important;
}
.text-orange-warm-vivid-20 {
color: var(--orange-warm-vivid-20) !important;
}
.border-orange-warm-vivid-20 {
border-color: var(--orange-warm-vivid-20) !important;
}
.bg-orange-warm-vivid-10 {
--background: var(--orange-warm-vivid-10);
background: var(--orange-warm-vivid-10) !important;
}
.text-orange-warm-vivid-10 {
color: var(--orange-warm-vivid-10) !important;
}
.border-orange-warm-vivid-10 {
border-color: var(--orange-warm-vivid-10) !important;
}
.bg-orange-warm-vivid-5 {
--background: var(--orange-warm-vivid-5);
background: var(--orange-warm-vivid-5) !important;
}
.text-orange-warm-vivid-5 {
color: var(--orange-warm-vivid-5) !important;
}
.border-orange-warm-vivid-5 {
border-color: var(--orange-warm-vivid-5) !important;
}
.bg-pure-100 {
--background: var(--pure-100);
background: var(--pure-100) !important;
}
.text-pure-100 {
color: var(--pure-100) !important;
}
.border-pure-100 {
border-color: var(--pure-100) !important;
}
.bg-pure-0 {
--background: var(--pure-0);
background: var(--pure-0) !important;
}
.text-pure-0 {
color: var(--pure-0) !important;
}
.border-pure-0 {
border-color: var(--pure-0) !important;
}
.bg-red-90 {
--background: var(--red-90);
background: var(--red-90) !important;
}
.text-red-90 {
color: var(--red-90) !important;
}
.border-red-90 {
border-color: var(--red-90) !important;
}
.bg-red-80 {
--background: var(--red-80);
background: var(--red-80) !important;
}
.text-red-80 {
color: var(--red-80) !important;
}
.border-red-80 {
border-color: var(--red-80) !important;
}
.bg-red-70 {
--background: var(--red-70);
background: var(--red-70) !important;
}
.text-red-70 {
color: var(--red-70) !important;
}
.border-red-70 {
border-color: var(--red-70) !important;
}
.bg-red-60 {
--background: var(--red-60);
background: var(--red-60) !important;
}
.text-red-60 {
color: var(--red-60) !important;
}
.border-red-60 {
border-color: var(--red-60) !important;
}
.bg-red-50 {
--background: var(--red-50);
background: var(--red-50) !important;
}
.text-red-50 {
color: var(--red-50) !important;
}
.border-red-50 {
border-color: var(--red-50) !important;
}
.bg-red-40 {
--background: var(--red-40);
background: var(--red-40) !important;
}
.text-red-40 {
color: var(--red-40) !important;
}
.border-red-40 {
border-color: var(--red-40) !important;
}
.bg-red-30 {
--background: var(--red-30);
background: var(--red-30) !important;
}
.text-red-30 {
color: var(--red-30) !important;
}
.border-red-30 {
border-color: var(--red-30) !important;
}
.bg-red-20 {
--background: var(--red-20);
background: var(--red-20) !important;
}
.text-red-20 {
color: var(--red-20) !important;
}
.border-red-20 {
border-color: var(--red-20) !important;
}
.bg-red-10 {
--background: var(--red-10);
background: var(--red-10) !important;
}
.text-red-10 {
color: var(--red-10) !important;
}
.border-red-10 {
border-color: var(--red-10) !important;
}
.bg-red-5 {
--background: var(--red-5);
background: var(--red-5) !important;
}
.text-red-5 {
color: var(--red-5) !important;
}
.border-red-5 {
border-color: var(--red-5) !important;
}
.bg-red-cool-90 {
--background: var(--red-cool-90);
background: var(--red-cool-90) !important;
}
.text-red-cool-90 {
color: var(--red-cool-90) !important;
}
.border-red-cool-90 {
border-color: var(--red-cool-90) !important;
}
.bg-red-cool-80 {
--background: var(--red-cool-80);
background: var(--red-cool-80) !important;
}
.text-red-cool-80 {
color: var(--red-cool-80) !important;
}
.border-red-cool-80 {
border-color: var(--red-cool-80) !important;
}
.bg-red-cool-70 {
--background: var(--red-cool-70);
background: var(--red-cool-70) !important;
}
.text-red-cool-70 {
color: var(--red-cool-70) !important;
}
.border-red-cool-70 {
border-color: var(--red-cool-70) !important;
}
.bg-red-cool-60 {
--background: var(--red-cool-60);
background: var(--red-cool-60) !important;
}
.text-red-cool-60 {
color: var(--red-cool-60) !important;
}
.border-red-cool-60 {
border-color: var(--red-cool-60) !important;
}
.bg-red-cool-50 {
--background: var(--red-cool-50);
background: var(--red-cool-50) !important;
}
.text-red-cool-50 {
color: var(--red-cool-50) !important;
}
.border-red-cool-50 {
border-color: var(--red-cool-50) !important;
}
.bg-red-cool-40 {
--background: var(--red-cool-40);
background: var(--red-cool-40) !important;
}
.text-red-cool-40 {
color: var(--red-cool-40) !important;
}
.border-red-cool-40 {
border-color: var(--red-cool-40) !important;
}
.bg-red-cool-30 {
--background: var(--red-cool-30);
background: var(--red-cool-30) !important;
}
.text-red-cool-30 {
color: var(--red-cool-30) !important;
}
.border-red-cool-30 {
border-color: var(--red-cool-30) !important;
}
.bg-red-cool-20 {
--background: var(--red-cool-20);
background: var(--red-cool-20) !important;
}
.text-red-cool-20 {
color: var(--red-cool-20) !important;
}
.border-red-cool-20 {
border-color: var(--red-cool-20) !important;
}
.bg-red-cool-10 {
--background: var(--red-cool-10);
background: var(--red-cool-10) !important;
}
.text-red-cool-10 {
color: var(--red-cool-10) !important;
}
.border-red-cool-10 {
border-color: var(--red-cool-10) !important;
}
.bg-red-cool-5 {
--background: var(--red-cool-5);
background: var(--red-cool-5) !important;
}
.text-red-cool-5 {
color: var(--red-cool-5) !important;
}
.border-red-cool-5 {
border-color: var(--red-cool-5) !important;
}
.bg-red-warm-90 {
--background: var(--red-warm-90);
background: var(--red-warm-90) !important;
}
.text-red-warm-90 {
color: var(--red-warm-90) !important;
}
.border-red-warm-90 {
border-color: var(--red-warm-90) !important;
}
.bg-red-warm-80 {
--background: var(--red-warm-80);
background: var(--red-warm-80) !important;
}
.text-red-warm-80 {
color: var(--red-warm-80) !important;
}
.border-red-warm-80 {
border-color: var(--red-warm-80) !important;
}
.bg-red-warm-70 {
--background: var(--red-warm-70);
background: var(--red-warm-70) !important;
}
.text-red-warm-70 {
color: var(--red-warm-70) !important;
}
.border-red-warm-70 {
border-color: var(--red-warm-70) !important;
}
.bg-red-warm-60 {
--background: var(--red-warm-60);
background: var(--red-warm-60) !important;
}
.text-red-warm-60 {
color: var(--red-warm-60) !important;
}
.border-red-warm-60 {
border-color: var(--red-warm-60) !important;
}
.bg-red-warm-50 {
--background: var(--red-warm-50);
background: var(--red-warm-50) !important;
}
.text-red-warm-50 {
color: var(--red-warm-50) !important;
}
.border-red-warm-50 {
border-color: var(--red-warm-50) !important;
}
.bg-red-warm-40 {
--background: var(--red-warm-40);
background: var(--red-warm-40) !important;
}
.text-red-warm-40 {
color: var(--red-warm-40) !important;
}
.border-red-warm-40 {
border-color: var(--red-warm-40) !important;
}
.bg-red-warm-30 {
--background: var(--red-warm-30);
background: var(--red-warm-30) !important;
}
.text-red-warm-30 {
color: var(--red-warm-30) !important;
}
.border-red-warm-30 {
border-color: var(--red-warm-30) !important;
}
.bg-red-warm-20 {
--background: var(--red-warm-20);
background: var(--red-warm-20) !important;
}
.text-red-warm-20 {
color: var(--red-warm-20) !important;
}
.border-red-warm-20 {
border-color: var(--red-warm-20) !important;
}
.bg-red-warm-10 {
--background: var(--red-warm-10);
background: var(--red-warm-10) !important;
}
.text-red-warm-10 {
color: var(--red-warm-10) !important;
}
.border-red-warm-10 {
border-color: var(--red-warm-10) !important;
}
.bg-red-warm-5 {
--background: var(--red-warm-5);
background: var(--red-warm-5) !important;
}
.text-red-warm-5 {
color: var(--red-warm-5) !important;
}
.border-red-warm-5 {
border-color: var(--red-warm-5) !important;
}
.bg-red-vivid-80 {
--background: var(--red-vivid-80);
background: var(--red-vivid-80) !important;
}
.text-red-vivid-80 {
color: var(--red-vivid-80) !important;
}
.border-red-vivid-80 {
border-color: var(--red-vivid-80) !important;
}
.bg-red-vivid-70 {
--background: var(--red-vivid-70);
background: var(--red-vivid-70) !important;
}
.text-red-vivid-70 {
color: var(--red-vivid-70) !important;
}
.border-red-vivid-70 {
border-color: var(--red-vivid-70) !important;
}
.bg-red-vivid-60 {
--background: var(--red-vivid-60);
background: var(--red-vivid-60) !important;
}
.text-red-vivid-60 {
color: var(--red-vivid-60) !important;
}
.border-red-vivid-60 {
border-color: var(--red-vivid-60) !important;
}
.bg-red-vivid-50 {
--background: var(--red-vivid-50);
background: var(--red-vivid-50) !important;
}
.text-red-vivid-50 {
color: var(--red-vivid-50) !important;
}
.border-red-vivid-50 {
border-color: var(--red-vivid-50) !important;
}
.bg-red-vivid-40 {
--background: var(--red-vivid-40);
background: var(--red-vivid-40) !important;
}
.text-red-vivid-40 {
color: var(--red-vivid-40) !important;
}
.border-red-vivid-40 {
border-color: var(--red-vivid-40) !important;
}
.bg-red-vivid-30 {
--background: var(--red-vivid-30);
background: var(--red-vivid-30) !important;
}
.text-red-vivid-30 {
color: var(--red-vivid-30) !important;
}
.border-red-vivid-30 {
border-color: var(--red-vivid-30) !important;
}
.bg-red-vivid-20 {
--background: var(--red-vivid-20);
background: var(--red-vivid-20) !important;
}
.text-red-vivid-20 {
color: var(--red-vivid-20) !important;
}
.border-red-vivid-20 {
border-color: var(--red-vivid-20) !important;
}
.bg-red-vivid-10 {
--background: var(--red-vivid-10);
background: var(--red-vivid-10) !important;
}
.text-red-vivid-10 {
color: var(--red-vivid-10) !important;
}
.border-red-vivid-10 {
border-color: var(--red-vivid-10) !important;
}
.bg-red-vivid-5 {
--background: var(--red-vivid-5);
background: var(--red-vivid-5) !important;
}
.text-red-vivid-5 {
color: var(--red-vivid-5) !important;
}
.border-red-vivid-5 {
border-color: var(--red-vivid-5) !important;
}
.bg-red-cool-vivid-80 {
--background: var(--red-cool-vivid-80);
background: var(--red-cool-vivid-80) !important;
}
.text-red-cool-vivid-80 {
color: var(--red-cool-vivid-80) !important;
}
.border-red-cool-vivid-80 {
border-color: var(--red-cool-vivid-80) !important;
}
.bg-red-cool-vivid-70 {
--background: var(--red-cool-vivid-70);
background: var(--red-cool-vivid-70) !important;
}
.text-red-cool-vivid-70 {
color: var(--red-cool-vivid-70) !important;
}
.border-red-cool-vivid-70 {
border-color: var(--red-cool-vivid-70) !important;
}
.bg-red-cool-vivid-60 {
--background: var(--red-cool-vivid-60);
background: var(--red-cool-vivid-60) !important;
}
.text-red-cool-vivid-60 {
color: var(--red-cool-vivid-60) !important;
}
.border-red-cool-vivid-60 {
border-color: var(--red-cool-vivid-60) !important;
}
.bg-red-cool-vivid-50 {
--background: var(--red-cool-vivid-50);
background: var(--red-cool-vivid-50) !important;
}
.text-red-cool-vivid-50 {
color: var(--red-cool-vivid-50) !important;
}
.border-red-cool-vivid-50 {
border-color: var(--red-cool-vivid-50) !important;
}
.bg-red-cool-vivid-40 {
--background: var(--red-cool-vivid-40);
background: var(--red-cool-vivid-40) !important;
}
.text-red-cool-vivid-40 {
color: var(--red-cool-vivid-40) !important;
}
.border-red-cool-vivid-40 {
border-color: var(--red-cool-vivid-40) !important;
}
.bg-red-cool-vivid-30 {
--background: var(--red-cool-vivid-30);
background: var(--red-cool-vivid-30) !important;
}
.text-red-cool-vivid-30 {
color: var(--red-cool-vivid-30) !important;
}
.border-red-cool-vivid-30 {
border-color: var(--red-cool-vivid-30) !important;
}
.bg-red-cool-vivid-20 {
--background: var(--red-cool-vivid-20);
background: var(--red-cool-vivid-20) !important;
}
.text-red-cool-vivid-20 {
color: var(--red-cool-vivid-20) !important;
}
.border-red-cool-vivid-20 {
border-color: var(--red-cool-vivid-20) !important;
}
.bg-red-cool-vivid-10 {
--background: var(--red-cool-vivid-10);
background: var(--red-cool-vivid-10) !important;
}
.text-red-cool-vivid-10 {
color: var(--red-cool-vivid-10) !important;
}
.border-red-cool-vivid-10 {
border-color: var(--red-cool-vivid-10) !important;
}
.bg-red-cool-vivid-5 {
--background: var(--red-cool-vivid-5);
background: var(--red-cool-vivid-5) !important;
}
.text-red-cool-vivid-5 {
color: var(--red-cool-vivid-5) !important;
}
.border-red-cool-vivid-5 {
border-color: var(--red-cool-vivid-5) !important;
}
.bg-red-warm-vivid-80 {
--background: var(--red-warm-vivid-80);
background: var(--red-warm-vivid-80) !important;
}
.text-red-warm-vivid-80 {
color: var(--red-warm-vivid-80) !important;
}
.border-red-warm-vivid-80 {
border-color: var(--red-warm-vivid-80) !important;
}
.bg-red-warm-vivid-70 {
--background: var(--red-warm-vivid-70);
background: var(--red-warm-vivid-70) !important;
}
.text-red-warm-vivid-70 {
color: var(--red-warm-vivid-70) !important;
}
.border-red-warm-vivid-70 {
border-color: var(--red-warm-vivid-70) !important;
}
.bg-red-warm-vivid-60 {
--background: var(--red-warm-vivid-60);
background: var(--red-warm-vivid-60) !important;
}
.text-red-warm-vivid-60 {
color: var(--red-warm-vivid-60) !important;
}
.border-red-warm-vivid-60 {
border-color: var(--red-warm-vivid-60) !important;
}
.bg-red-warm-vivid-50 {
--background: var(--red-warm-vivid-50);
background: var(--red-warm-vivid-50) !important;
}
.text-red-warm-vivid-50 {
color: var(--red-warm-vivid-50) !important;
}
.border-red-warm-vivid-50 {
border-color: var(--red-warm-vivid-50) !important;
}
.bg-red-warm-vivid-40 {
--background: var(--red-warm-vivid-40);
background: var(--red-warm-vivid-40) !important;
}
.text-red-warm-vivid-40 {
color: var(--red-warm-vivid-40) !important;
}
.border-red-warm-vivid-40 {
border-color: var(--red-warm-vivid-40) !important;
}
.bg-red-warm-vivid-30 {
--background: var(--red-warm-vivid-30);
background: var(--red-warm-vivid-30) !important;
}
.text-red-warm-vivid-30 {
color: var(--red-warm-vivid-30) !important;
}
.border-red-warm-vivid-30 {
border-color: var(--red-warm-vivid-30) !important;
}
.bg-red-warm-vivid-20 {
--background: var(--red-warm-vivid-20);
background: var(--red-warm-vivid-20) !important;
}
.text-red-warm-vivid-20 {
color: var(--red-warm-vivid-20) !important;
}
.border-red-warm-vivid-20 {
border-color: var(--red-warm-vivid-20) !important;
}
.bg-red-warm-vivid-10 {
--background: var(--red-warm-vivid-10);
background: var(--red-warm-vivid-10) !important;
}
.text-red-warm-vivid-10 {
color: var(--red-warm-vivid-10) !important;
}
.border-red-warm-vivid-10 {
border-color: var(--red-warm-vivid-10) !important;
}
.bg-red-warm-vivid-5 {
--background: var(--red-warm-vivid-5);
background: var(--red-warm-vivid-5) !important;
}
.text-red-warm-vivid-5 {
color: var(--red-warm-vivid-5) !important;
}
.border-red-warm-vivid-5 {
border-color: var(--red-warm-vivid-5) !important;
}
.bg-violet-90 {
--background: var(--violet-90);
background: var(--violet-90) !important;
}
.text-violet-90 {
color: var(--violet-90) !important;
}
.border-violet-90 {
border-color: var(--violet-90) !important;
}
.bg-violet-80 {
--background: var(--violet-80);
background: var(--violet-80) !important;
}
.text-violet-80 {
color: var(--violet-80) !important;
}
.border-violet-80 {
border-color: var(--violet-80) !important;
}
.bg-violet-70 {
--background: var(--violet-70);
background: var(--violet-70) !important;
}
.text-violet-70 {
color: var(--violet-70) !important;
}
.border-violet-70 {
border-color: var(--violet-70) !important;
}
.bg-violet-60 {
--background: var(--violet-60);
background: var(--violet-60) !important;
}
.text-violet-60 {
color: var(--violet-60) !important;
}
.border-violet-60 {
border-color: var(--violet-60) !important;
}
.bg-violet-50 {
--background: var(--violet-50);
background: var(--violet-50) !important;
}
.text-violet-50 {
color: var(--violet-50) !important;
}
.border-violet-50 {
border-color: var(--violet-50) !important;
}
.bg-violet-40 {
--background: var(--violet-40);
background: var(--violet-40) !important;
}
.text-violet-40 {
color: var(--violet-40) !important;
}
.border-violet-40 {
border-color: var(--violet-40) !important;
}
.bg-violet-30 {
--background: var(--violet-30);
background: var(--violet-30) !important;
}
.text-violet-30 {
color: var(--violet-30) !important;
}
.border-violet-30 {
border-color: var(--violet-30) !important;
}
.bg-violet-20 {
--background: var(--violet-20);
background: var(--violet-20) !important;
}
.text-violet-20 {
color: var(--violet-20) !important;
}
.border-violet-20 {
border-color: var(--violet-20) !important;
}
.bg-violet-10 {
--background: var(--violet-10);
background: var(--violet-10) !important;
}
.text-violet-10 {
color: var(--violet-10) !important;
}
.border-violet-10 {
border-color: var(--violet-10) !important;
}
.bg-violet-5 {
--background: var(--violet-5);
background: var(--violet-5) !important;
}
.text-violet-5 {
color: var(--violet-5) !important;
}
.border-violet-5 {
border-color: var(--violet-5) !important;
}
.bg-violet-warm-90 {
--background: var(--violet-warm-90);
background: var(--violet-warm-90) !important;
}
.text-violet-warm-90 {
color: var(--violet-warm-90) !important;
}
.border-violet-warm-90 {
border-color: var(--violet-warm-90) !important;
}
.bg-violet-warm-80 {
--background: var(--violet-warm-80);
background: var(--violet-warm-80) !important;
}
.text-violet-warm-80 {
color: var(--violet-warm-80) !important;
}
.border-violet-warm-80 {
border-color: var(--violet-warm-80) !important;
}
.bg-violet-warm-70 {
--background: var(--violet-warm-70);
background: var(--violet-warm-70) !important;
}
.text-violet-warm-70 {
color: var(--violet-warm-70) !important;
}
.border-violet-warm-70 {
border-color: var(--violet-warm-70) !important;
}
.bg-violet-warm-60 {
--background: var(--violet-warm-60);
background: var(--violet-warm-60) !important;
}
.text-violet-warm-60 {
color: var(--violet-warm-60) !important;
}
.border-violet-warm-60 {
border-color: var(--violet-warm-60) !important;
}
.bg-violet-warm-50 {
--background: var(--violet-warm-50);
background: var(--violet-warm-50) !important;
}
.text-violet-warm-50 {
color: var(--violet-warm-50) !important;
}
.border-violet-warm-50 {
border-color: var(--violet-warm-50) !important;
}
.bg-violet-warm-40 {
--background: var(--violet-warm-40);
background: var(--violet-warm-40) !important;
}
.text-violet-warm-40 {
color: var(--violet-warm-40) !important;
}
.border-violet-warm-40 {
border-color: var(--violet-warm-40) !important;
}
.bg-violet-warm-30 {
--background: var(--violet-warm-30);
background: var(--violet-warm-30) !important;
}
.text-violet-warm-30 {
color: var(--violet-warm-30) !important;
}
.border-violet-warm-30 {
border-color: var(--violet-warm-30) !important;
}
.bg-violet-warm-20 {
--background: var(--violet-warm-20);
background: var(--violet-warm-20) !important;
}
.text-violet-warm-20 {
color: var(--violet-warm-20) !important;
}
.border-violet-warm-20 {
border-color: var(--violet-warm-20) !important;
}
.bg-violet-warm-10 {
--background: var(--violet-warm-10);
background: var(--violet-warm-10) !important;
}
.text-violet-warm-10 {
color: var(--violet-warm-10) !important;
}
.border-violet-warm-10 {
border-color: var(--violet-warm-10) !important;
}
.bg-violet-warm-5 {
--background: var(--violet-warm-5);
background: var(--violet-warm-5) !important;
}
.text-violet-warm-5 {
color: var(--violet-warm-5) !important;
}
.border-violet-warm-5 {
border-color: var(--violet-warm-5) !important;
}
.bg-violet-vivid-80 {
--background: var(--violet-vivid-80);
background: var(--violet-vivid-80) !important;
}
.text-violet-vivid-80 {
color: var(--violet-vivid-80) !important;
}
.border-violet-vivid-80 {
border-color: var(--violet-vivid-80) !important;
}
.bg-violet-vivid-70 {
--background: var(--violet-vivid-70);
background: var(--violet-vivid-70) !important;
}
.text-violet-vivid-70 {
color: var(--violet-vivid-70) !important;
}
.border-violet-vivid-70 {
border-color: var(--violet-vivid-70) !important;
}
.bg-violet-vivid-60 {
--background: var(--violet-vivid-60);
background: var(--violet-vivid-60) !important;
}
.text-violet-vivid-60 {
color: var(--violet-vivid-60) !important;
}
.border-violet-vivid-60 {
border-color: var(--violet-vivid-60) !important;
}
.bg-violet-vivid-50 {
--background: var(--violet-vivid-50);
background: var(--violet-vivid-50) !important;
}
.text-violet-vivid-50 {
color: var(--violet-vivid-50) !important;
}
.border-violet-vivid-50 {
border-color: var(--violet-vivid-50) !important;
}
.bg-violet-vivid-40 {
--background: var(--violet-vivid-40);
background: var(--violet-vivid-40) !important;
}
.text-violet-vivid-40 {
color: var(--violet-vivid-40) !important;
}
.border-violet-vivid-40 {
border-color: var(--violet-vivid-40) !important;
}
.bg-violet-vivid-30 {
--background: var(--violet-vivid-30);
background: var(--violet-vivid-30) !important;
}
.text-violet-vivid-30 {
color: var(--violet-vivid-30) !important;
}
.border-violet-vivid-30 {
border-color: var(--violet-vivid-30) !important;
}
.bg-violet-vivid-20 {
--background: var(--violet-vivid-20);
background: var(--violet-vivid-20) !important;
}
.text-violet-vivid-20 {
color: var(--violet-vivid-20) !important;
}
.border-violet-vivid-20 {
border-color: var(--violet-vivid-20) !important;
}
.bg-violet-vivid-10 {
--background: var(--violet-vivid-10);
background: var(--violet-vivid-10) !important;
}
.text-violet-vivid-10 {
color: var(--violet-vivid-10) !important;
}
.border-violet-vivid-10 {
border-color: var(--violet-vivid-10) !important;
}
.bg-violet-vivid-5 {
--background: var(--violet-vivid-5);
background: var(--violet-vivid-5) !important;
}
.text-violet-vivid-5 {
color: var(--violet-vivid-5) !important;
}
.border-violet-vivid-5 {
border-color: var(--violet-vivid-5) !important;
}
.bg-violet-warm-vivid-80 {
--background: var(--violet-warm-vivid-80);
background: var(--violet-warm-vivid-80) !important;
}
.text-violet-warm-vivid-80 {
color: var(--violet-warm-vivid-80) !important;
}
.border-violet-warm-vivid-80 {
border-color: var(--violet-warm-vivid-80) !important;
}
.bg-violet-warm-vivid-70 {
--background: var(--violet-warm-vivid-70);
background: var(--violet-warm-vivid-70) !important;
}
.text-violet-warm-vivid-70 {
color: var(--violet-warm-vivid-70) !important;
}
.border-violet-warm-vivid-70 {
border-color: var(--violet-warm-vivid-70) !important;
}
.bg-violet-warm-vivid-60 {
--background: var(--violet-warm-vivid-60);
background: var(--violet-warm-vivid-60) !important;
}
.text-violet-warm-vivid-60 {
color: var(--violet-warm-vivid-60) !important;
}
.border-violet-warm-vivid-60 {
border-color: var(--violet-warm-vivid-60) !important;
}
.bg-violet-warm-vivid-50 {
--background: var(--violet-warm-vivid-50);
background: var(--violet-warm-vivid-50) !important;
}
.text-violet-warm-vivid-50 {
color: var(--violet-warm-vivid-50) !important;
}
.border-violet-warm-vivid-50 {
border-color: var(--violet-warm-vivid-50) !important;
}
.bg-violet-warm-vivid-40 {
--background: var(--violet-warm-vivid-40);
background: var(--violet-warm-vivid-40) !important;
}
.text-violet-warm-vivid-40 {
color: var(--violet-warm-vivid-40) !important;
}
.border-violet-warm-vivid-40 {
border-color: var(--violet-warm-vivid-40) !important;
}
.bg-violet-warm-vivid-30 {
--background: var(--violet-warm-vivid-30);
background: var(--violet-warm-vivid-30) !important;
}
.text-violet-warm-vivid-30 {
color: var(--violet-warm-vivid-30) !important;
}
.border-violet-warm-vivid-30 {
border-color: var(--violet-warm-vivid-30) !important;
}
.bg-violet-warm-vivid-20 {
--background: var(--violet-warm-vivid-20);
background: var(--violet-warm-vivid-20) !important;
}
.text-violet-warm-vivid-20 {
color: var(--violet-warm-vivid-20) !important;
}
.border-violet-warm-vivid-20 {
border-color: var(--violet-warm-vivid-20) !important;
}
.bg-violet-warm-vivid-10 {
--background: var(--violet-warm-vivid-10);
background: var(--violet-warm-vivid-10) !important;
}
.text-violet-warm-vivid-10 {
color: var(--violet-warm-vivid-10) !important;
}
.border-violet-warm-vivid-10 {
border-color: var(--violet-warm-vivid-10) !important;
}
.bg-violet-warm-vivid-5 {
--background: var(--violet-warm-vivid-5);
background: var(--violet-warm-vivid-5) !important;
}
.text-violet-warm-vivid-5 {
color: var(--violet-warm-vivid-5) !important;
}
.border-violet-warm-vivid-5 {
border-color: var(--violet-warm-vivid-5) !important;
}
.bg-yellow-90 {
--background: var(--yellow-90);
background: var(--yellow-90) !important;
}
.text-yellow-90 {
color: var(--yellow-90) !important;
}
.border-yellow-90 {
border-color: var(--yellow-90) !important;
}
.bg-yellow-80 {
--background: var(--yellow-80);
background: var(--yellow-80) !important;
}
.text-yellow-80 {
color: var(--yellow-80) !important;
}
.border-yellow-80 {
border-color: var(--yellow-80) !important;
}
.bg-yellow-70 {
--background: var(--yellow-70);
background: var(--yellow-70) !important;
}
.text-yellow-70 {
color: var(--yellow-70) !important;
}
.border-yellow-70 {
border-color: var(--yellow-70) !important;
}
.bg-yellow-60 {
--background: var(--yellow-60);
background: var(--yellow-60) !important;
}
.text-yellow-60 {
color: var(--yellow-60) !important;
}
.border-yellow-60 {
border-color: var(--yellow-60) !important;
}
.bg-yellow-50 {
--background: var(--yellow-50);
background: var(--yellow-50) !important;
}
.text-yellow-50 {
color: var(--yellow-50) !important;
}
.border-yellow-50 {
border-color: var(--yellow-50) !important;
}
.bg-yellow-40 {
--background: var(--yellow-40);
background: var(--yellow-40) !important;
}
.text-yellow-40 {
color: var(--yellow-40) !important;
}
.border-yellow-40 {
border-color: var(--yellow-40) !important;
}
.bg-yellow-30 {
--background: var(--yellow-30);
background: var(--yellow-30) !important;
}
.text-yellow-30 {
color: var(--yellow-30) !important;
}
.border-yellow-30 {
border-color: var(--yellow-30) !important;
}
.bg-yellow-20 {
--background: var(--yellow-20);
background: var(--yellow-20) !important;
}
.text-yellow-20 {
color: var(--yellow-20) !important;
}
.border-yellow-20 {
border-color: var(--yellow-20) !important;
}
.bg-yellow-10 {
--background: var(--yellow-10);
background: var(--yellow-10) !important;
}
.text-yellow-10 {
color: var(--yellow-10) !important;
}
.border-yellow-10 {
border-color: var(--yellow-10) !important;
}
.bg-yellow-5 {
--background: var(--yellow-5);
background: var(--yellow-5) !important;
}
.text-yellow-5 {
color: var(--yellow-5) !important;
}
.border-yellow-5 {
border-color: var(--yellow-5) !important;
}
.bg-yellow-vivid-80 {
--background: var(--yellow-vivid-80);
background: var(--yellow-vivid-80) !important;
}
.text-yellow-vivid-80 {
color: var(--yellow-vivid-80) !important;
}
.border-yellow-vivid-80 {
border-color: var(--yellow-vivid-80) !important;
}
.bg-yellow-vivid-70 {
--background: var(--yellow-vivid-70);
background: var(--yellow-vivid-70) !important;
}
.text-yellow-vivid-70 {
color: var(--yellow-vivid-70) !important;
}
.border-yellow-vivid-70 {
border-color: var(--yellow-vivid-70) !important;
}
.bg-yellow-vivid-60 {
--background: var(--yellow-vivid-60);
background: var(--yellow-vivid-60) !important;
}
.text-yellow-vivid-60 {
color: var(--yellow-vivid-60) !important;
}
.border-yellow-vivid-60 {
border-color: var(--yellow-vivid-60) !important;
}
.bg-yellow-vivid-50 {
--background: var(--yellow-vivid-50);
background: var(--yellow-vivid-50) !important;
}
.text-yellow-vivid-50 {
color: var(--yellow-vivid-50) !important;
}
.border-yellow-vivid-50 {
border-color: var(--yellow-vivid-50) !important;
}
.bg-yellow-vivid-40 {
--background: var(--yellow-vivid-40);
background: var(--yellow-vivid-40) !important;
}
.text-yellow-vivid-40 {
color: var(--yellow-vivid-40) !important;
}
.border-yellow-vivid-40 {
border-color: var(--yellow-vivid-40) !important;
}
.bg-yellow-vivid-30 {
--background: var(--yellow-vivid-30);
background: var(--yellow-vivid-30) !important;
}
.text-yellow-vivid-30 {
color: var(--yellow-vivid-30) !important;
}
.border-yellow-vivid-30 {
border-color: var(--yellow-vivid-30) !important;
}
.bg-yellow-vivid-20 {
--background: var(--yellow-vivid-20);
background: var(--yellow-vivid-20) !important;
}
.text-yellow-vivid-20 {
color: var(--yellow-vivid-20) !important;
}
.border-yellow-vivid-20 {
border-color: var(--yellow-vivid-20) !important;
}
.bg-yellow-vivid-10 {
--background: var(--yellow-vivid-10);
background: var(--yellow-vivid-10) !important;
}
.text-yellow-vivid-10 {
color: var(--yellow-vivid-10) !important;
}
.border-yellow-vivid-10 {
border-color: var(--yellow-vivid-10) !important;
}
.bg-yellow-vivid-5 {
--background: var(--yellow-vivid-5);
background: var(--yellow-vivid-5) !important;
}
.text-yellow-vivid-5 {
color: var(--yellow-vivid-5) !important;
}
.border-yellow-vivid-5 {
border-color: var(--yellow-vivid-5) !important;
}
.bg-interactive {
--background: var(--interactive);
background: var(--interactive) !important;
}
.text-interactive {
color: var(--interactive) !important;
}
.border-interactive {
border-color: var(--interactive) !important;
}
.bg-interactive-dark {
--background: var(--interactive-dark);
background: var(--interactive-dark) !important;
}
.text-interactive-dark {
color: var(--interactive-dark) !important;
}
.border-interactive-dark {
border-color: var(--interactive-dark) !important;
}
.bg-danger {
--background: var(--danger);
background: var(--danger) !important;
}
.text-danger {
color: var(--danger) !important;
}
.border-danger {
border-color: var(--danger) !important;
}
.bg-warning {
--background: var(--warning);
background: var(--warning) !important;
}
.text-warning {
color: var(--warning) !important;
}
.border-warning {
border-color: var(--warning) !important;
}
.bg-success {
--background: var(--success);
background: var(--success) !important;
}
.text-success {
color: var(--success) !important;
}
.border-success {
border-color: var(--success) !important;
}
.bg-info {
--background: var(--info);
background: var(--info) !important;
}
.text-info {
color: var(--info) !important;
}
.border-info {
border-color: var(--info) !important;
}
.bg-primary-pastel-01 {
background: var(--color-primary-pastel-01) !important;
}
.text-primary-pastel-01 {
color: var(--color-primary-pastel-01) !important;
}
.border-primary-pastel-01 {
border-color: var(--color-primary-pastel-01) !important;
}
.bg-primary-pastel-02 {
background: var(--color-primary-pastel-02) !important;
}
.text-primary-pastel-02 {
color: var(--color-primary-pastel-02) !important;
}
.border-primary-pastel-02 {
border-color: var(--color-primary-pastel-02) !important;
}
.bg-primary-lighten-01 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-primary-lighten-01) !important;
}
.text-primary-lighten-01 {
color: var(--color-primary-lighten-01) !important;
}
.border-primary-lighten-01 {
border-color: var(--color-primary-lighten-01) !important;
}
.bg-primary-lighten-02 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-primary-lighten-02) !important;
}
.text-primary-lighten-02 {
color: var(--color-primary-lighten-02) !important;
}
.border-primary-lighten-02 {
border-color: var(--color-primary-lighten-02) !important;
}
.bg-primary-default {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-primary-default) !important;
}
.text-primary-default {
color: var(--color-primary-default) !important;
}
.border-primary-default {
border-color: var(--color-primary-default) !important;
}
.bg-primary-darken-01 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-primary-darken-01) !important;
}
.text-primary-darken-01 {
color: var(--color-primary-darken-01) !important;
}
.border-primary-darken-01 {
border-color: var(--color-primary-darken-01) !important;
}
.bg-primary-darken-02 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-primary-darken-02) !important;
}
.text-primary-darken-02 {
color: var(--color-primary-darken-02) !important;
}
.border-primary-darken-02 {
border-color: var(--color-primary-darken-02) !important;
}
.bg-secondary-01 {
background: var(--color-secondary-01) !important;
}
.text-secondary-01 {
color: var(--color-secondary-01) !important;
}
.border-secondary-01 {
border-color: var(--color-secondary-01) !important;
}
.bg-secondary-02 {
background: var(--color-secondary-02) !important;
}
.text-secondary-02 {
color: var(--color-secondary-02) !important;
}
.border-secondary-02 {
border-color: var(--color-secondary-02) !important;
}
.bg-secondary-03 {
background: var(--color-secondary-03) !important;
}
.text-secondary-03 {
color: var(--color-secondary-03) !important;
}
.border-secondary-03 {
border-color: var(--color-secondary-03) !important;
}
.bg-secondary-04 {
background: var(--color-secondary-04) !important;
}
.text-secondary-04 {
color: var(--color-secondary-04) !important;
}
.border-secondary-04 {
border-color: var(--color-secondary-04) !important;
}
.bg-secondary-05 {
background: var(--color-secondary-05) !important;
}
.text-secondary-05 {
color: var(--color-secondary-05) !important;
}
.border-secondary-05 {
border-color: var(--color-secondary-05) !important;
}
.bg-secondary-06 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-secondary-06) !important;
}
.text-secondary-06 {
color: var(--color-secondary-06) !important;
}
.border-secondary-06 {
border-color: var(--color-secondary-06) !important;
}
.bg-secondary-07 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-secondary-07) !important;
}
.text-secondary-07 {
color: var(--color-secondary-07) !important;
}
.border-secondary-07 {
border-color: var(--color-secondary-07) !important;
}
.bg-secondary-08 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-secondary-08) !important;
}
.text-secondary-08 {
color: var(--color-secondary-08) !important;
}
.border-secondary-08 {
border-color: var(--color-secondary-08) !important;
}
.bg-secondary-09 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-secondary-09) !important;
}
.text-secondary-09 {
color: var(--color-secondary-09) !important;
}
.border-secondary-09 {
border-color: var(--color-secondary-09) !important;
}
.bg-highlight {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-highlight) !important;
}
.text-highlight {
color: var(--color-highlight) !important;
}
.border-highlight {
border-color: var(--color-highlight) !important;
}
.bg-support-01 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-support-01) !important;
}
.text-support-01 {
color: var(--color-support-01) !important;
}
.border-support-01 {
border-color: var(--color-support-01) !important;
}
.bg-support-02 {
background: var(--color-support-02) !important;
}
.text-support-02 {
color: var(--color-support-02) !important;
}
.border-support-02 {
border-color: var(--color-support-02) !important;
}
.bg-support-03 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-support-03) !important;
}
.text-support-03 {
color: var(--color-support-03) !important;
}
.border-support-03 {
border-color: var(--color-support-03) !important;
}
.bg-support-04 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-support-04) !important;
}
.text-support-04 {
color: var(--color-support-04) !important;
}
.border-support-04 {
border-color: var(--color-support-04) !important;
}
.bg-support-05 {
background: var(--color-support-05) !important;
}
.text-support-05 {
color: var(--color-support-05) !important;
}
.border-support-05 {
border-color: var(--color-support-05) !important;
}
.bg-support-06 {
background: var(--color-support-06) !important;
}
.text-support-06 {
color: var(--color-support-06) !important;
}
.border-support-06 {
border-color: var(--color-support-06) !important;
}
.bg-support-07 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-support-07) !important;
}
.text-support-07 {
color: var(--color-support-07) !important;
}
.border-support-07 {
border-color: var(--color-support-07) !important;
}
.bg-support-08 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background: var(--color-support-08) !important;
}
.text-support-08 {
color: var(--color-support-08) !important;
}
.border-support-08 {
border-color: var(--color-support-08) !important;
}
.bg-support-09 {
background: var(--color-support-09) !important;
}
.text-support-09 {
color: var(--color-support-09) !important;
}
.border-support-09 {
border-color: var(--color-support-09) !important;
}
.bg-support-10 {
background: var(--color-support-10) !important;
}
.text-support-10 {
color: var(--color-support-10) !important;
}
.border-support-10 {
border-color: var(--color-support-10) !important;
}
.bg-support-11 {
background: var(--color-support-11) !important;
}
.text-support-11 {
color: var(--color-support-11) !important;
}
.border-support-11 {
border-color: var(--color-support-11) !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-thin,
.text-weight-thin {
font-weight: 100 !important;
}
.text-extra-light,
.text-weight-extra-light {
font-weight: 200 !important;
}
.text-light,
.text-weight-light {
font-weight: 300 !important;
}
.text-regular,
.text-weight-regular {
font-weight: 400 !important;
}
.text-medium,
.text-weight-medium {
font-weight: 500 !important;
}
.text-semi-bold,
.text-weight-semi-bold {
font-weight: 600 !important;
}
.text-bold,
.text-weight-bold {
font-weight: 700 !important;
}
.text-extra-bold,
.text-weight-extra-bold {
font-weight: 800 !important;
}
.text-black,
.text-weight-black {
font-weight: 900 !important;
}
.text-base {
font-size: var(--font-size-scale-base) !important;
}
.text-down-01 {
font-size: var(--font-size-scale-down-01) !important;
}
.text-down-02 {
font-size: var(--font-size-scale-down-02) !important;
}
.text-down-03 {
font-size: var(--font-size-scale-down-03) !important;
}
.text-up-01 {
font-size: var(--font-size-scale-up-01) !important;
}
.text-up-02 {
font-size: var(--font-size-scale-up-02) !important;
}
.text-up-03 {
font-size: var(--font-size-scale-up-03) !important;
}
.text-up-04 {
font-size: var(--font-size-scale-up-04) !important;
}
.text-up-05 {
font-size: var(--font-size-scale-up-05) !important;
}
.text-up-06 {
font-size: var(--font-size-scale-up-06) !important;
}
.text-up-07 {
font-size: var(--font-size-scale-up-07) !important;
}
.text-up-08 {
font-size: var(--font-size-scale-up-08) !important;
}
.text-up-09 {
font-size: var(--font-size-scale-up-09) !important;
}
.text-up-10 {
font-size: var(--font-size-scale-up-10) !important;
}
.text-up-11 {
font-size: var(--font-size-scale-up-11) !important;
}
@media (min-width: 576px) {
.text-sm-center {
text-align: center !important;
}
.text-sm-justify {
text-align: justify !important;
}
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-wrap {
white-space: normal !important;
}
.text-sm-nowrap {
white-space: nowrap !important;
}
.text-sm-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-sm-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-sm-lowercase {
text-transform: lowercase !important;
}
.text-sm-uppercase {
text-transform: uppercase !important;
}
.text-sm-capitalize {
text-transform: capitalize !important;
}
.text-sm-thin,
.text-sm-weight-thin {
font-weight: 100 !important;
}
.text-sm-extra-light,
.text-sm-weight-extra-light {
font-weight: 200 !important;
}
.text-sm-light,
.text-sm-weight-light {
font-weight: 300 !important;
}
.text-sm-regular,
.text-sm-weight-regular {
font-weight: 400 !important;
}
.text-sm-medium,
.text-sm-weight-medium {
font-weight: 500 !important;
}
.text-sm-semi-bold,
.text-sm-weight-semi-bold {
font-weight: 600 !important;
}
.text-sm-bold,
.text-sm-weight-bold {
font-weight: 700 !important;
}
.text-sm-extra-bold,
.text-sm-weight-extra-bold {
font-weight: 800 !important;
}
.text-sm-black,
.text-sm-weight-black {
font-weight: 900 !important;
}
.text-sm-base {
font-size: var(--font-size-scale-base) !important;
}
.text-sm-down-01 {
font-size: var(--font-size-scale-down-01) !important;
}
.text-sm-down-02 {
font-size: var(--font-size-scale-down-02) !important;
}
.text-sm-down-03 {
font-size: var(--font-size-scale-down-03) !important;
}
.text-sm-up-01 {
font-size: var(--font-size-scale-up-01) !important;
}
.text-sm-up-02 {
font-size: var(--font-size-scale-up-02) !important;
}
.text-sm-up-03 {
font-size: var(--font-size-scale-up-03) !important;
}
.text-sm-up-04 {
font-size: var(--font-size-scale-up-04) !important;
}
.text-sm-up-05 {
font-size: var(--font-size-scale-up-05) !important;
}
.text-sm-up-06 {
font-size: var(--font-size-scale-up-06) !important;
}
.text-sm-up-07 {
font-size: var(--font-size-scale-up-07) !important;
}
.text-sm-up-08 {
font-size: var(--font-size-scale-up-08) !important;
}
.text-sm-up-09 {
font-size: var(--font-size-scale-up-09) !important;
}
.text-sm-up-10 {
font-size: var(--font-size-scale-up-10) !important;
}
.text-sm-up-11 {
font-size: var(--font-size-scale-up-11) !important;
}
}
@media (min-width: 992px) {
.text-md-center {
text-align: center !important;
}
.text-md-justify {
text-align: justify !important;
}
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-wrap {
white-space: normal !important;
}
.text-md-nowrap {
white-space: nowrap !important;
}
.text-md-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-md-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-md-lowercase {
text-transform: lowercase !important;
}
.text-md-uppercase {
text-transform: uppercase !important;
}
.text-md-capitalize {
text-transform: capitalize !important;
}
.text-md-thin,
.text-md-weight-thin {
font-weight: 100 !important;
}
.text-md-extra-light,
.text-md-weight-extra-light {
font-weight: 200 !important;
}
.text-md-light,
.text-md-weight-light {
font-weight: 300 !important;
}
.text-md-regular,
.text-md-weight-regular {
font-weight: 400 !important;
}
.text-md-medium,
.text-md-weight-medium {
font-weight: 500 !important;
}
.text-md-semi-bold,
.text-md-weight-semi-bold {
font-weight: 600 !important;
}
.text-md-bold,
.text-md-weight-bold {
font-weight: 700 !important;
}
.text-md-extra-bold,
.text-md-weight-extra-bold {
font-weight: 800 !important;
}
.text-md-black,
.text-md-weight-black {
font-weight: 900 !important;
}
.text-md-base {
font-size: var(--font-size-scale-base) !important;
}
.text-md-down-01 {
font-size: var(--font-size-scale-down-01) !important;
}
.text-md-down-02 {
font-size: var(--font-size-scale-down-02) !important;
}
.text-md-down-03 {
font-size: var(--font-size-scale-down-03) !important;
}
.text-md-up-01 {
font-size: var(--font-size-scale-up-01) !important;
}
.text-md-up-02 {
font-size: var(--font-size-scale-up-02) !important;
}
.text-md-up-03 {
font-size: var(--font-size-scale-up-03) !important;
}
.text-md-up-04 {
font-size: var(--font-size-scale-up-04) !important;
}
.text-md-up-05 {
font-size: var(--font-size-scale-up-05) !important;
}
.text-md-up-06 {
font-size: var(--font-size-scale-up-06) !important;
}
.text-md-up-07 {
font-size: var(--font-size-scale-up-07) !important;
}
.text-md-up-08 {
font-size: var(--font-size-scale-up-08) !important;
}
.text-md-up-09 {
font-size: var(--font-size-scale-up-09) !important;
}
.text-md-up-10 {
font-size: var(--font-size-scale-up-10) !important;
}
.text-md-up-11 {
font-size: var(--font-size-scale-up-11) !important;
}
}
@media (min-width: 1280px) {
.text-lg-center {
text-align: center !important;
}
.text-lg-justify {
text-align: justify !important;
}
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-wrap {
white-space: normal !important;
}
.text-lg-nowrap {
white-space: nowrap !important;
}
.text-lg-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lg-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-lg-lowercase {
text-transform: lowercase !important;
}
.text-lg-uppercase {
text-transform: uppercase !important;
}
.text-lg-capitalize {
text-transform: capitalize !important;
}
.text-lg-thin,
.text-lg-weight-thin {
font-weight: 100 !important;
}
.text-lg-extra-light,
.text-lg-weight-extra-light {
font-weight: 200 !important;
}
.text-lg-light,
.text-lg-weight-light {
font-weight: 300 !important;
}
.text-lg-regular,
.text-lg-weight-regular {
font-weight: 400 !important;
}
.text-lg-medium,
.text-lg-weight-medium {
font-weight: 500 !important;
}
.text-lg-semi-bold,
.text-lg-weight-semi-bold {
font-weight: 600 !important;
}
.text-lg-bold,
.text-lg-weight-bold {
font-weight: 700 !important;
}
.text-lg-extra-bold,
.text-lg-weight-extra-bold {
font-weight: 800 !important;
}
.text-lg-black,
.text-lg-weight-black {
font-weight: 900 !important;
}
.text-lg-base {
font-size: var(--font-size-scale-base) !important;
}
.text-lg-down-01 {
font-size: var(--font-size-scale-down-01) !important;
}
.text-lg-down-02 {
font-size: var(--font-size-scale-down-02) !important;
}
.text-lg-down-03 {
font-size: var(--font-size-scale-down-03) !important;
}
.text-lg-up-01 {
font-size: var(--font-size-scale-up-01) !important;
}
.text-lg-up-02 {
font-size: var(--font-size-scale-up-02) !important;
}
.text-lg-up-03 {
font-size: var(--font-size-scale-up-03) !important;
}
.text-lg-up-04 {
font-size: var(--font-size-scale-up-04) !important;
}
.text-lg-up-05 {
font-size: var(--font-size-scale-up-05) !important;
}
.text-lg-up-06 {
font-size: var(--font-size-scale-up-06) !important;
}
.text-lg-up-07 {
font-size: var(--font-size-scale-up-07) !important;
}
.text-lg-up-08 {
font-size: var(--font-size-scale-up-08) !important;
}
.text-lg-up-09 {
font-size: var(--font-size-scale-up-09) !important;
}
.text-lg-up-10 {
font-size: var(--font-size-scale-up-10) !important;
}
.text-lg-up-11 {
font-size: var(--font-size-scale-up-11) !important;
}
}
@media (min-width: 1600px) {
.text-xl-center {
text-align: center !important;
}
.text-xl-justify {
text-align: justify !important;
}
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-wrap {
white-space: normal !important;
}
.text-xl-nowrap {
white-space: nowrap !important;
}
.text-xl-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-xl-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-xl-lowercase {
text-transform: lowercase !important;
}
.text-xl-uppercase {
text-transform: uppercase !important;
}
.text-xl-capitalize {
text-transform: capitalize !important;
}
.text-xl-thin,
.text-xl-weight-thin {
font-weight: 100 !important;
}
.text-xl-extra-light,
.text-xl-weight-extra-light {
font-weight: 200 !important;
}
.text-xl-light,
.text-xl-weight-light {
font-weight: 300 !important;
}
.text-xl-regular,
.text-xl-weight-regular {
font-weight: 400 !important;
}
.text-xl-medium,
.text-xl-weight-medium {
font-weight: 500 !important;
}
.text-xl-semi-bold,
.text-xl-weight-semi-bold {
font-weight: 600 !important;
}
.text-xl-bold,
.text-xl-weight-bold {
font-weight: 700 !important;
}
.text-xl-extra-bold,
.text-xl-weight-extra-bold {
font-weight: 800 !important;
}
.text-xl-black,
.text-xl-weight-black {
font-weight: 900 !important;
}
.text-xl-base {
font-size: var(--font-size-scale-base) !important;
}
.text-xl-down-01 {
font-size: var(--font-size-scale-down-01) !important;
}
.text-xl-down-02 {
font-size: var(--font-size-scale-down-02) !important;
}
.text-xl-down-03 {
font-size: var(--font-size-scale-down-03) !important;
}
.text-xl-up-01 {
font-size: var(--font-size-scale-up-01) !important;
}
.text-xl-up-02 {
font-size: var(--font-size-scale-up-02) !important;
}
.text-xl-up-03 {
font-size: var(--font-size-scale-up-03) !important;
}
.text-xl-up-04 {
font-size: var(--font-size-scale-up-04) !important;
}
.text-xl-up-05 {
font-size: var(--font-size-scale-up-05) !important;
}
.text-xl-up-06 {
font-size: var(--font-size-scale-up-06) !important;
}
.text-xl-up-07 {
font-size: var(--font-size-scale-up-07) !important;
}
.text-xl-up-08 {
font-size: var(--font-size-scale-up-08) !important;
}
.text-xl-up-09 {
font-size: var(--font-size-scale-up-09) !important;
}
.text-xl-up-10 {
font-size: var(--font-size-scale-up-10) !important;
}
.text-xl-up-11 {
font-size: var(--font-size-scale-up-11) !important;
}
}
.shadow-color {
box-shadow: var(--rgb-secondary-09);
}
.shadow-none {
box-shadow: none;
}
.shadow-sm {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md {
box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-up {
box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-right {
box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-right {
box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-right {
box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-right {
box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-right {
box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-right {
box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-right {
box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-right {
box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-left {
box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-left {
box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-left {
box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-left {
box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-sm-inset-left {
box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-md-inset-left {
box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-lg-inset-left {
box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.shadow-xl-inset-left {
box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}
.layer-0 {
z-index: var(--z-index-layer-0);
}
.layer-1 {
z-index: var(--z-index-layer-1);
}
.layer-2 {
z-index: var(--z-index-layer-2);
}
.layer-3 {
z-index: var(--z-index-layer-3);
}
.layer-4 {
z-index: var(--z-index-layer-4);
}
.ease {
animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ease-in {
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.ease-out {
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.ease-in-out {
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.ease-linear {
animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
.very-fast {
animation-duration: var(--duration-very-fast);
}
.fast {
animation-duration: var(--duration-fast);
}
.moderate {
animation-duration: var(--duration-moderate);
}
.slow {
animation-duration: var(--duration-slow);
}
.very-slow {
animation-duration: var(--duration-very-slow);
}
.svg-inline--fa,
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
--icon-size: var(--icon-size-base);
display: inline-block;
font-size: var(--icon-size);
text-align: center;
width: calc(var(--icon-size) + 8px);
}
.svg-inline--fa.fa-w-20, .svg-inline--fa.fa-w-19, .svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-17, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-15, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-13, .svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-11, .svg-inline--fa.fa-w-10, .svg-inline--fa.fa-w-9, .svg-inline--fa.fa-w-8, .svg-inline--fa.fa-w-7, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-5, .svg-inline--fa.fa-w-4, .svg-inline--fa.fa-w-3, .svg-inline--fa.fa-w-2, .svg-inline--fa.fa-w-1 {
width: calc(var(--icon-size) + 8px);
}
.fa-xs,
.svg-inline--fa.fa-xs {
--icon-size: var(--icon-size-xs);
}
.fa-sm,
.svg-inline--fa.fa-sm {
--icon-size: var(--icon-size-sm);
}
.fa-lg,
.svg-inline--fa.fa-lg {
--icon-size: var(--icon-size-lg);
vertical-align: -0.125em;
}
.fa-2x,
.svg-inline--fa.fa-2x {
--icon-size: var(--icon-size-2x);
}
.fa-3x,
.svg-inline--fa.fa-3x {
--icon-size: var(--icon-size-3x);
}
.fa-4x,
.svg-inline--fa.fa-4x {
--icon-size: var(--icon-size-4x);
}
.fa-5x,
.svg-inline--fa.fa-5x {
--icon-size: var(--icon-size-5x);
}
.fa-6x,
.svg-inline--fa.fa-6x {
--icon-size: var(--icon-size-6x);
}
.fa-7x,
.svg-inline--fa.fa-7x {
--icon-size: var(--icon-size-7x);
}
.fa-8x,
.svg-inline--fa.fa-8x {
--icon-size: var(--icon-size-8x);
}
.fa-9x,
.svg-inline--fa.fa-9x {
--icon-size: var(--icon-size-9x);
}
.fa-10x,
.svg-inline--fa.fa-10x {
--icon-size: var(--icon-size-10x);
}
.highlight {
background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
color: var(--status-highlight-text);
padding: 0 var(--spacing-scale-half);
}
[disabled],
.disabled {
cursor: not-allowed;
opacity: var(--disabled);
}
[disabled] *,
.disabled * {
pointer-events: none;
}
.dragged {
background: var(--status-dragged-background);
box-shadow: 0 3px 6px var(--status-dragged-shadow);
color: var(--status-dragged-text);
}
[data-toggle=dropdown] + * {
position: absolute;
}
.dropdown {
position: relative;
}
.dropdown [data-toggle=dropdown] + *,
.dropdown [data-toggle=dropdown-legacy] + * {
box-shadow: var(--surface-shadow-sm);
left: 0;
position: absolute;
top: 100%;
}
.dropdown > .br-notification {
left: auto;
right: 0;
}
.dropdown .br-item {
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
--item-padding-y: var(--spacing-scale-2x);
--interactive-rgb: var(--color-rgb);
background-color: var(--background-light);
color: var(--color);
}
.dropdown .br-item:not(:last-child) {
border-bottom: 1px solid var(--border-color);
}
.dropdown .br-item.selected {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
*[data-toggle=collapse]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
*[data-toggle=collapse]:focus {
outline: none;
}
*[data-toggle=collapse].focus-visible, *[data-toggle=collapse]:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.template-base {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.br-accordion {
background: var(--bg-color);
border-top: 1px solid var(--color-secondary-04);
}
.br-accordion .item {
border-bottom: 1px solid var(--color-secondary-04);
display: flex;
flex-direction: column;
}
.br-accordion .item[active] {
border-bottom: 0;
}
.br-accordion .item[active] .header {
font-weight: var(--font-weight-semi-bold);
}
.br-accordion .item[active] + .content {
border-bottom: 1px solid var(--color-secondary-04);
display: block;
}
.br-accordion .header {
--bg-color: transparent;
background: var(--bg-color);
border: 0;
color: var(--interactive);
display: flex;
font-size: var(--font-size-scale-up-01);
justify-content: space-between;
outline: none;
padding: var(--spacing-scale-2x) 0;
text-align: left;
text-decoration: none;
width: 100%;
}
.br-accordion .header .icon {
margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh);
}
.br-accordion .header .title {
flex: 1;
margin: 0;
}
.br-accordion .header:focus {
outline: none;
}
.br-accordion .header.focus-visible, .br-accordion .header:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-accordion .header:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-accordion .content {
color: var(--text-color);
display: none;
font-size: var(--font-size-scale-base);
margin: 0 var(--spacing-scale-base);
padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x);
}
.br-accordion .content *:last-child {
margin-bottom: 0;
}
.br-accordion[negative] {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
--bg-color: var(--background-dark);
}
.br-avatar {
--avatar-background: var(--blue-10);
--avatar-color: var(--blue-warm-20);
--avatar-size: var(--avatar-small);
--avatar-font-weight: var(--font-weight-bold);
--avatar-icon-size: var(--avatar-icon-small);
--avatar-text-size: var(--avatar-text-small);
--avatar-small: 40px;
--avatar-medium: 100px;
--avatar-large: 160px;
--avatar-icon-small: var(--icon-size-2x);
--avatar-icon-medium: var(--icon-size-5x);
--avatar-icon-large: var(--icon-size-8x);
--avatar-text-small: var(--font-size-scale-up-03);
--avatar-text-medium: var(--font-size-scale-up-07);
--avatar-text-large: var(--font-size-scale-up-11);
align-items: center;
background-color: transparent;
border: 0;
display: inline-flex;
font-size: var(--avatar-text-size);
font-weight: var(--font-weight-bold);
justify-content: center;
line-height: var(--avatar-size);
vertical-align: middle;
}
.br-avatar .image,
.br-avatar .letter {
align-items: center;
background-color: var(--avatar-background);
border-radius: 50%;
color: var(--avatar-color);
display: inline-flex;
font-size: var(--avatar-text-size);
height: var(--avatar-size);
justify-content: center;
overflow: hidden;
text-align: center;
text-transform: uppercase;
vertical-align: inherit;
width: var(--avatar-size);
}
.br-avatar .image img,
.br-avatar .letter img {
height: var(--avatar-size);
vertical-align: inherit;
width: var(--avatar-size);
}
.br-avatar .image .svg-inline--fa,
.br-avatar .image .fa,
.br-avatar .image .fab,
.br-avatar .image .fad,
.br-avatar .image .fal,
.br-avatar .image .far,
.br-avatar .image .fas,
.br-avatar .letter .svg-inline--fa,
.br-avatar .letter .fa,
.br-avatar .letter .fab,
.br-avatar .letter .fad,
.br-avatar .letter .fal,
.br-avatar .letter .far,
.br-avatar .letter .fas {
--icon-size: var(--avatar-icon-size);
margin-top: 0.25em;
}
.br-avatar.is-small, .br-avatar.small, .br-avatar[small] {
--avatar-size: var(--avatar-small);
--avatar-icon-size: var(--avatar-icon-small);
--avatar-text-size: var(--avatar-text-small);
}
.br-avatar.is-medium, .br-avatar.medium, .br-avatar[medium] {
--avatar-size: var(--avatar-medium);
--avatar-icon-size: var(--avatar-icon-medium);
--avatar-text-size: var(--avatar-text-medium);
}
.br-avatar.is-large, .br-avatar.large, .br-avatar[large] {
--avatar-size: var(--avatar-large);
--avatar-icon-size: var(--avatar-icon-large);
--avatar-text-size: var(--avatar-text-large);
}
.br-avatar-action {
background: transparent;
border: 0;
}
.br-avatar-action:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-avatar-action:focus {
outline: none;
}
.br-avatar-action.focus-visible, .br-avatar-action:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-avatar[data-toggle=dropdown]:focus {
outline: none;
}
.br-avatar[data-toggle=dropdown].focus-visible, .br-avatar[data-toggle=dropdown]:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-breadcrumb {
--breadcrumb-font-size: v(font-size-scale-down-01);
display: inline-grid;
position: relative;
}
.br-breadcrumb .crumb-list {
align-items: center;
border: 0;
display: flex;
list-style: none;
margin: 0;
overflow-x: auto;
overflow-y: hidden;
padding: 0;
}
.br-breadcrumb .crumb-list .crumb {
align-items: center;
display: flex;
height: var(--spacing-scale-5x);
margin: auto 0 auto -5px;
}
.br-breadcrumb .crumb-list .crumb .icon {
color: var(--color-secondary-04);
font-size: var(--icon-size-sm);
}
.br-breadcrumb .crumb-list .crumb .icon.fas.fa-chevron-right {
margin-right: -6px;
}
.br-breadcrumb .crumb-list .crumb a {
cursor: pointer;
font-size: var(--font-size-scale-down-01);
font-weight: var(--font-weight-medium);
max-width: 180px;
overflow: hidden;
padding: 0 6px;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.br-breadcrumb .crumb-list .crumb.home, .br-breadcrumb .crumb-list .crumb.menu-mobil {
--focus-offset: calc(var(--spacing-scale-half) * -1);
align-items: center;
display: flex;
margin-left: 0;
margin-right: -3px;
}
.br-breadcrumb .crumb-list .crumb.home .icon, .br-breadcrumb .crumb-list .crumb.menu-mobil .icon {
color: var(--interactive);
position: static;
}
.br-breadcrumb .crumb-list .crumb.home .icon.fas.fa-chevron-right, .br-breadcrumb .crumb-list .crumb.menu-mobil .icon.fas.fa-chevron-right {
color: var(--color-secondary-04);
margin-right: -8px;
}
.br-breadcrumb .crumb-list .crumb[data-active=active] span {
color: var(--color-secondary-08);
cursor: default;
font-size: var(--font-size-scale-down-01);
font-weight: var(--font-weight-medium);
padding: 0 0 0 var(--spacing-scale-base);
white-space: nowrap;
}
.br-breadcrumb .br-card {
left: var(--spacing-scale-9x);
position: absolute;
top: var(--spacing-scale-7x);
width: fit-content;
z-index: var(--z-index-layer-1);
}
.br-breadcrumb .br-card .front .content {
padding: 0;
}
.br-breadcrumb .br-card .front .content .br-list .br-item {
color: var(--color);
cursor: pointer;
}
.br-breadcrumb .br-card .front .content .br-list .br-item:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-breadcrumb .br-card .front .content .br-list .br-item:not(:last-child) {
border-bottom: 1px solid var(--border-color);
}
.br-breadcrumb .br-card .front .content .br-list .br-item a {
color: var(--color);
display: inline-block;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 575px) {
.br-breadcrumb .crumb-list .menu-mobil > .icon {
display: none;
}
.br-breadcrumb .br-card {
left: var(--spacing-scale-base);
}
}
@media (max-width: 991px) {
.br-breadcrumb .crumb-list .crumb a {
display: block;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.br-breadcrumb .crumb-list .crumb.menu-mobil,
.br-breadcrumb .crumb-list .crumb.menu-mobil + .crumb,
.br-breadcrumb .crumb-list .crumb.home + .crumb {
display: flex;
}
}
.br-button {
--button-radius: 100em;
--button-xsmall: 24px;
--button-small: 32px;
--button-medium: 40px;
--button-large: 48px;
--button-size: var(--button-medium);
--focus-offset: var(--spacing-scale-half);
align-items: center;
background-color: transparent;
border: 0;
border-radius: var(--button-radius);
color: var(--interactive);
cursor: pointer;
display: inline-flex;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-semi-bold);
height: var(--button-size);
justify-content: center;
overflow: hidden;
padding: 0 var(--spacing-scale-3x);
position: relative;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: auto;
}
.br-button.block {
width: 100%;
}
@media (min-width: 576px) {
.br-button.block-sm {
width: 100%;
}
.br-button.auto-sm {
width: auto;
}
}
@media (min-width: 992px) {
.br-button.block-md {
width: 100%;
}
.br-button.auto-md {
width: auto;
}
}
@media (min-width: 1280px) {
.br-button.block-lg {
width: 100%;
}
.br-button.auto-lg {
width: auto;
}
}
@media (min-width: 1600px) {
.br-button.block-xl {
width: 100%;
}
.br-button.auto-xl {
width: auto;
}
}
.br-button.circle, .br-button[circle], .br-button.is-circle {
border-radius: 50%;
padding: 0;
width: var(--button-size);
}
.br-button.xsmall, .br-button[xsmall], .br-button.is-xsmall {
--button-size: var(--button-xsmall);
}
.br-button.small, .br-button[small], .br-button.is-small {
--button-size: var(--button-small);
}
.br-button.medium, .br-button[medium], .br-button.is-medium {
--button-size: var(--button-medium);
}
.br-button.large, .br-button[large], .br-button.is-large {
--button-size: var(--button-large);
}
.br-button.primary, .br-button[primary], .br-button.is-primary {
--interactive-rgb: var(--color-dark-rgb);
background-color: var(--interactive-light);
color: var(--color-dark);
}
.br-button.secondary, .br-button[secondary], .br-button.is-secondary {
background-color: var(--background-light);
border: 1px solid var(--interactive);
}
.br-button.danger, .br-button[danger], .br-button.is-danger {
background-color: var(--danger);
--interactive-rgb: var(--color-dark-rgb);
color: var(--color-dark);
}
.br-button.success, .br-button[success], .br-button.is-success {
background-color: var(--success);
--interactive-rgb: var(--color-dark-rgb);
color: var(--color-dark);
}
.br-button.warning, .br-button[warning], .br-button.is-warning {
background-color: var(--warning);
--interactive-rgb: var(--color-light-rgb);
color: var(--color-light);
}
.br-button.info, .br-button[info], .br-button.is-info {
background-color: var(--info);
--interactive-rgb: var(--color-dark-rgb);
color: var(--color-dark);
}
.br-button:disabled {
cursor: not-allowed;
}
.br-button:not(:disabled):focus {
outline: none;
}
.br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-button:not(:disabled):not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-button:not(:disabled):not(:disabled):active {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-button.active, .br-button.is-active, .br-button[active] {
--hover: var(--hover-dark);
background-color: var(--active);
color: var(--color-dark);
}
.br-button.loading::after, .br-button[loading]::after, .br-button.is-loading::after {
border-color: var(--interactive) var(--interactive) transparent;
border-style: solid;
}
.br-button.loading.primary::after, .br-button.loading.danger::after, .br-button.loading.success::after, .br-button.loading.info::after, .br-button[loading].primary::after, .br-button[loading].danger::after, .br-button[loading].success::after, .br-button[loading].info::after, .br-button.is-loading.primary::after, .br-button.is-loading.danger::after, .br-button.is-loading.success::after, .br-button.is-loading.info::after {
border-color: var(--background) var(--background) transparent;
}
.br-button.inverted, .br-button.is-inverted, .br-button[inverted], .br-button.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
color: var(--interactive-dark);
}
.br-button.inverted.primary, .br-button.inverted[primary], .br-button.inverted.is-primary, .br-button.is-inverted.primary, .br-button.is-inverted[primary], .br-button.is-inverted.is-primary, .br-button[inverted].primary, .br-button[inverted][primary], .br-button[inverted].is-primary, .br-button.dark-mode.primary, .br-button.dark-mode[primary], .br-button.dark-mode.is-primary {
--interactive-rgb: var(--background-dark-rgb);
background-color: var(--interactive-dark);
color: var(--background-dark);
}
.br-button.inverted.secondary, .br-button.inverted[secondary], .br-button.inverted.is-secondary, .br-button.is-inverted.secondary, .br-button.is-inverted[secondary], .br-button.is-inverted.is-secondary, .br-button[inverted].secondary, .br-button[inverted][secondary], .br-button[inverted].is-secondary, .br-button.dark-mode.secondary, .br-button.dark-mode[secondary], .br-button.dark-mode.is-secondary {
background-color: var(--background-dark);
}
.br-button.inverted.active, .br-button.is-inverted.active, .br-button[inverted].active, .br-button.dark-mode.active {
--hover: var(--hover-light);
--interactive-rgb: var(--active-rgb);
background-color: var(--background-light);
color: var(--active);
}
a.br-button {
font-weight: var(--font-weight-semi-bold);
text-decoration: none !important;
}
.br-card {
--card-background: var(--color-secondary-01);
--card-back-background: var(--color-secondary-07);
--card-margin: var(--spacing-scale-2x);
--card-padding: var(--spacing-scale-2x);
--card-shadow: var(--surface-shadow-sm);
--card-height-fixed: 250px;
background: var(--card-background);
box-shadow: var(--card-shadow);
color: var(--color);
margin-bottom: var(--card-margin);
}
.br-card .card-content,
.br-card .front .content,
.br-card .back .content {
padding: var(--card-padding);
}
.br-card .card-content *:last-child,
.br-card .front .content *:last-child,
.br-card .back .content *:last-child {
margin-bottom: 0;
}
.br-card .front .header,
.br-card .back .header,
.br-card .card-header {
padding: var(--card-padding) var(--card-padding) 0;
}
.br-card .front .footer,
.br-card .back .footer,
.br-card .card-footer {
padding: 0 var(--card-padding) var(--card-padding);
}
.br-card.h-fixed .card-content {
max-height: var(--card-height-fixed);
overflow-y: auto;
}
.br-card.h-fixed .card-content::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
.br-card.h-fixed .card-footer {
padding: var(--card-padding) var(--card-padding);
}
.br-card .back {
background: var(--card-back-background);
color: var(--color-secondary-01);
}
.br-card.hover:hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-card.inverted, .br-card.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-carousel {
--carousel-button-margin: var(--spacing-scale-default);
--carousel-buton-icon-size: var(--–icon-size-base);
--carousel-step-height: 40px;
--carousel-step-progress-min-height: 32px;
--carousel-full-size: 100%;
--carousel-min-height: 400px;
--carousel-button-fix-height: 52px;
--carousel-button-fix-width: 100px;
--carousel-step-progress-background: transparent;
display: flex;
height: var(--carousel-full-size);
min-height: var(--carousel-min-height);
position: relative;
width: var(--carousel-full-size);
}
.br-carousel .carousel-stage {
display: block;
flex-wrap: nowrap;
height: var(--carousel-step-height);
overflow: hidden;
position: relative;
width: var(--carousel-full-width);
z-index: 0;
}
.br-carousel .carousel-stage .carousel-page {
align-items: center;
display: flex;
flex-wrap: wrap;
height: var(--carousel-full-size);
justify-content: center;
left: var(--carousel-full-size);
margin-bottom: var(--spacing-scale-4x);
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease-in-out;
visibility: hidden;
width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page[active] {
height: var(--carousel-full-size);
left: 0 !important;
opacity: 1;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease-in-out;
visibility: visible;
}
.br-carousel .carousel-stage .carousel-page .carousel-content {
align-items: center;
display: flex;
flex-wrap: wrap;
height: var(--carousel-full-size);
justify-content: center;
width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title {
position: absolute;
}
.br-carousel .carousel-step {
bottom: 8px;
height: var(--carousel-step-height);
position: absolute;
width: var(--carousel-full-size);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress {
background: var(--carousel-step-progress-background);
min-height: var(--carousel-step-progress-min-height);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn {
top: 0;
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before {
background-image: none;
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn {
cursor: default;
margin: 0;
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before {
outline-color: transparent !important;
}
.br-carousel .carousel-button {
align-items: center;
display: flex;
height: var(--carousel-full-size);
left: unset;
position: absolute;
right: 0;
width: fit-content;
z-index: 1;
}
.br-carousel .carousel-button:first-child {
left: 0;
right: unset;
}
.br-carousel .carousel-button .carousel-btn-next,
.br-carousel .carousel-button .carousel-btn-prev {
margin: var(--carousel-button-margin);
padding: 0;
}
.br-carousel .carousel-button .carousel-btn-next i.fas,
.br-carousel .carousel-button .carousel-btn-prev i.fas {
font-size: var(--carousel-buton-icon-size);
}
.br-carousel[data-stage=in] .carousel-button {
height: var(--carousel-full-size);
}
.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,
.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev {
border-radius: 0;
height: var(--carousel-full-size);
margin: 0;
padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=in] .carousel-stage {
height: var(--carousel-full-size);
left: 0;
width: var(--carousel-full-size);
}
.br-carousel[data-stage=out] .carousel-button, .br-carousel .carousel-button {
height: calc(
var(--carousel-full-size) - var(--carousel-button-fix-height)
);
}
.br-carousel[data-stage=out] .carousel-stage, .br-carousel .carousel-stage {
height: calc(
var(--carousel-full-size) - var(--carousel-button-fix-height)
);
left: 50px;
width: calc(
var(--carousel-full-size) - var(--carousel-button-fix-width)
);
}
.br-carousel[data-stage=hibh] .carousel-button {
height: var(--carousel-full-size);
}
.br-carousel[data-stage=hibh] .carousel-stage {
height: var(--carousel-full-size);
left: 50px;
width: calc(
var(--carousel-full-size) - var(--carousel-button-fix-width)
);
}
.br-carousel[data-stage=hibw] .carousel-button {
height: calc(
var(--carousel-full-size) - var(--carousel-button-fix-height)
);
}
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev {
border-radius: 0;
height: var(--carousel-full-size);
margin: 0;
padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=hibw] .carousel-stage {
height: calc(
var(--carousel-full-size) - var(--carousel-button-fix-height)
);
left: 0;
width: var(--carousel-full-size);
}
@media (max-width: 991px) {
.br-carousel {
max-width: var(--carousel-full-size);
width: var(--carousel-full-size);
}
.br-carousel .carousel-button {
height: calc(
var(--carousel-full-size) - var(--carousel-button-fix-height)
);
}
.br-carousel .carousel-button .carousel-btn-next,
.br-carousel .carousel-button .carousel-btn-prev {
border-radius: 0;
display: none;
height: var(--carousel-full-size);
margin: 0;
padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,
.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev {
display: flex;
}
.br-carousel .carousel-stage {
height: calc(
var(--carousel-full-size) - var(--carousel-button-fix-height)
);
left: 0;
width: var(--carousel-full-size);
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,
.br-carousel .carousel-step .br-step[data-type=text] .step-progress {
padding-top: 0 !important;
}
}
.br-carousel.inverted, .br-carousel.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-carousel.inverted .br-step, .br-carousel.dark-mode .br-step {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] {
color: var(--success-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info {
color: var(--success-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after {
content: var(--step-alert-success-icon);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] {
color: var(--info-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info {
color: var(--info-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after {
content: var(--step-alert-info-icon);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after {
content: var(--step-alert-warning-icon);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] {
color: var(--danger-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info {
color: var(--danger-alternative);
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after, .br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after {
content: var(--step-alert-danger-icon);
}
.br-carousel.inverted .br-step .step-progress-btn.active, .br-carousel.inverted .br-step .step-progress-btn[active], .br-carousel.dark-mode .br-step .step-progress-btn.active, .br-carousel.dark-mode .br-step .step-progress-btn[active] {
color: var(--color-dark);
}
.br-carousel.inverted .br-step .step-progress-btn.active::before, .br-carousel.inverted .br-step .step-progress-btn[active]::before, .br-carousel.dark-mode .br-step .step-progress-btn.active::before, .br-carousel.dark-mode .br-step .step-progress-btn[active]::before {
background-color: var(--background-light);
border-color: var(--background-light);
color: var(--active);
}
.br-carousel.inverted .br-step .step-progress-btn.active .step-icon, .br-carousel.inverted .br-step .step-progress-btn[active] .step-icon, .br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon, .br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon {
color: var(--active);
}
.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert, .br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert, .br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert, .br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert {
border-color: var(--color-dark);
}
.br-carousel.inverted .br-step[data-type=text] .step-progress-btn::before, .br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn::before {
background-color: transparent;
color: var(--color);
}
.br-checkbox {
--checkbox-padding: var(--spacing-scale-base);
--checkbox-size: 24px;
display: block;
line-height: 0px;
}
.br-checkbox label {
color: var(--color);
cursor: pointer;
display: inline-block;
font-weight: var(--font-weight-medium);
line-height: 1.6em;
min-height: var(--checkbox-size);
padding-left: calc(var(--checkbox-size) + var(--checkbox-padding));
position: relative;
}
.br-checkbox label:empty {
padding-left: var(--checkbox-size);
}
.br-checkbox.hidden-label label {
padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);
text-indent: -10000px;
white-space: nowrap;
width: 0;
}
.br-checkbox.d-inline label {
padding-right: var(--spacing-scale-4x);
}
.br-checkbox input {
opacity: 0;
position: absolute;
}
.br-checkbox input:focus-visible:checked + label::before,
.br-checkbox input:focus-visible + label::before, .br-checkbox input.focus-visible:checked + label::before,
.br-checkbox input.focus-visible + label::before {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-checkbox input:hover:not(:disabled) + label::before {
--interactive-rgb: var(--interactive-light-rgb);
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-checkbox input:disabled + label {
cursor: not-allowed;
opacity: var(--disabled);
}
.br-checkbox input:disabled + label * {
pointer-events: none;
}
.br-checkbox input:disabled + label:hover::before {
background-image: none;
}
.br-checkbox input + label {
align-items: flex-start;
cursor: pointer;
display: inline-block;
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-medium);
min-height: var(--spacing-scale-3x);
position: relative;
}
.br-checkbox input + label::before {
background: var(--background-light);
border-color: var(--border-color);
border-radius: 4px;
border-style: solid;
border-width: 1px;
content: "";
height: var(--checkbox-size);
left: 0;
position: absolute;
width: var(--checkbox-size);
}
.br-checkbox input + label:empty {
padding-left: var(--spacing-scale-3x);
}
.br-checkbox input[indeterminate] {
color: var(--color-d);
}
.br-checkbox input[indeterminate] + label::before {
--interactive-rgb: var(--color-rgb);
background: var(--selected);
border-color: var(--selected);
}
.br-checkbox input[indeterminate]:hover:not(:disabled) + label::before {
--interactive-rgb: var(--color-dark-rgb);
}
.br-checkbox input:checked + label::after {
border: solid var(--selected);
border-width: 0 3px 3px 0;
content: "";
height: var(--icon-size-sm);
left: 8px;
position: absolute;
top: 4px;
transform: rotate(45deg);
width: 8px;
}
.br-checkbox input:checked[indeterminate] + label::after {
border-color: var(--background-light);
border-width: 0 0 3px;
top: 2px;
transform: none;
}
.br-checkbox input:invalid + label::before {
--border-color: var(--danger);
border-width: 2px;
}
.br-checkbox input:disabled + label::before {
box-shadow: none;
}
.br-checkbox.is-small input[type=checkbox] + label, .br-checkbox.small input[type=checkbox] + label, .br-checkbox[small] input[type=checkbox] + label {
line-height: var(--spacing-scale-2xh);
min-height: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input[type=checkbox] + label::before, .br-checkbox.small input[type=checkbox] + label::before, .br-checkbox[small] input[type=checkbox] + label::before {
height: var(--spacing-scale-2xh);
width: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input[type=checkbox]:checked + label::after, .br-checkbox.small input[type=checkbox]:checked + label::after, .br-checkbox[small] input[type=checkbox]:checked + label::after {
border-width: 0 2px 2px 0;
height: var(--icon-size-sm);
left: 7px;
top: 6px;
width: 6px;
}
.br-checkbox.is-small input[type=checkbox]:checked[indeterminate] + label::after, .br-checkbox.small input[type=checkbox]:checked[indeterminate] + label::after, .br-checkbox[small] input[type=checkbox]:checked[indeterminate] + label::after {
border-color: var(--background-light);
border-width: 0 0 3px;
top: 2px;
transform: none;
}
.br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before {
--border-color: var(--danger);
border-width: 2px;
}
.br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before {
--border-color: var(--focus-color);
}
.br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before {
--border-color: var(--danger);
}
.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before {
--border-color: var(--success);
border-width: 2px;
}
.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before {
--border-color: var(--focus-color);
}
.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before {
--border-color: var(--success);
}
.br-checkbox.inverted,
.br-checkbox.inverted label, .br-checkbox.dark-mode,
.br-checkbox.dark-mode label {
color: var(--color-dark);
}
.br-radio {
--radio-background: var(--color-secondary-01);
--radio-font-weight: var(--font-weight-medium);
--radio-size: 24px;
--radio-bullet-size: 16px;
--radio-bullet-position: calc(
(var(--radio-size) - var(--radio-bullet-size)) * 0.5
);
--radio-padding: var(--spacing-scale-base);
display: block;
}
.br-radio + .br-radio {
margin-top: var(--spacing-scale-base);
}
.br-radio input {
opacity: 0;
position: absolute;
}
.br-radio input + label {
cursor: pointer;
display: inline-block;
min-height: var(--radio-size);
padding-left: calc(var(--radio-padding) + var(--radio-size));
position: relative;
}
.br-radio input + label::before {
background: var(--radio-background);
border: 1px solid var(--color-secondary-04);
border-radius: 50%;
content: "";
height: var(--radio-size);
left: 0;
position: absolute;
top: -1px;
width: var(--radio-size);
}
.br-radio input + label:empty {
min-height: 20px;
padding: 0;
}
.br-radio input + label:empty::before {
top: 0;
}
.br-radio label {
color: var(--text-color);
font-size: var(--font-size);
font-weight: var(--radio-font-weight);
}
.br-radio input:checked + label::after {
background: var(--selected);
border: 7px solid var(--selected);
border-radius: 50%;
content: "";
height: var(--radio-bullet-size);
left: var(--radio-bullet-position);
position: absolute;
right: 0;
top: calc(var(--radio-bullet-position) - 1px);
width: var(--radio-bullet-size);
}
.br-radio input:checked + label:empty::after {
top: var(--radio-bullet-position);
}
.br-radio.is-valid input + label::before, .br-radio.valid input + label::before, .br-radio[valid] input + label::before {
border-color: var(--success);
}
.br-radio.is-invalid input + label::before, .br-radio.invalid input + label::before, .br-radio[invalid] input + label::before {
border-color: var(--danger);
}
.br-radio.is-small input + label, .br-radio.small input + label, .br-radio[small] input + label {
line-height: var(--spacing-scale-2xh);
min-height: var(--spacing-scale-2xh);
}
.br-radio.is-small input + label::before, .br-radio.small input + label::before, .br-radio[small] input + label::before {
height: var(--spacing-scale-2xh);
width: var(--spacing-scale-2xh);
}
.br-radio.is-small input:checked + label::after, .br-radio.small input:checked + label::after, .br-radio[small] input:checked + label::after {
border-width: 4px;
height: 10px;
width: 10px;
}
.br-radio input:invalid + label::before {
border-color: var(--danger);
}
.br-radio input:focus-visible:checked + label::before,
.br-radio input:focus-visible + label::before, .br-radio input.focus-visible:checked + label::before,
.br-radio input.focus-visible + label::before {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-radio input:hover:not(:disabled) + label::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-radio input:disabled + label {
cursor: not-allowed;
opacity: var(--disabled);
}
.br-radio input:disabled + label * {
pointer-events: none;
}
.br-radio.inverted,
.br-radio.inverted label, .br-radio.dark-mode,
.br-radio.dark-mode label {
color: var(--color-dark);
}
.br-cookiebar {
--cookiebar-shadow: var(--surface-shadow-lg-up);
--cookiebar-layer: var(--z-index-layer-4);
bottom: 0;
box-shadow: var(--cookiebar-shadow);
color: var(--color-secondary-08);
cursor: default;
font-family: inherit;
font-size: var(--font-size-scale-up-01);
left: 0;
outline: none;
position: fixed;
right: 0;
top: 0;
z-index: var(--cookiebar-layer);
}
@media (min-width: 576px) {
.br-cookiebar .actions .br-button.secondary {
margin-right: var(--spacing-scale-5x);
}
}
@media (max-width: 575px) {
.br-cookiebar {
font-size: var(--font-size-scale-down-01);
}
.br-cookiebar .actions .br-button.primary {
margin-bottom: var(--spacing-scale-2xh);
}
.br-cookiebar .actions .br-button.secondary {
margin-bottom: var(--spacing-scale-2xh);
margin-right: 0;
}
.br-cookiebar .br-modal-header.entry-content .br-modal-title {
margin-bottom: 0;
}
.br-cookiebar .br-modal-header.entry-content .br-modal-title p {
font-size: var(--font-size-scale-up-02);
}
.br-cookiebar .br-modal-header.entry-content .last-update {
font-size: var(--font-size-scale-down-01);
}
.br-cookiebar .group-description {
font-size: var(--font-size-scale-down-01);
}
.br-cookiebar .br-switch label {
font-size: var(--font-size-scale-down-01);
}
.br-cookiebar .br-switch .switch-data::before {
font-size: var(--font-size-scale-down-01);
}
.br-cookiebar .group-name,
.br-cookiebar .group-size {
font-size: var(--font-size-scale-down-01);
}
}
.br-cookiebar.default {
top: unset;
}
.br-cookiebar.default .entry-content {
display: none;
}
.br-cookiebar.default .info-text {
display: block;
}
.br-cookiebar.default .main-content {
display: none;
}
.br-cookiebar.default .complementary-content {
display: none;
}
.br-cookiebar.default .br-modal > .br-card {
--card-shadow: var(--surface-offset-none);
}
.br-cookiebar.default .br-modal .wrapper {
overflow-y: unset;
}
.br-cookiebar.default .actions {
border-top: 0;
}
.br-cookiebar.default .container-fluid.p-2xh {
padding-bottom: var(--spacing-scale-3x) !important;
}
.br-cookiebar .br-item .br-checkbox input + label:not(:empty) {
padding-left: calc(var(--checkbox-padding) + var(--checkbox-size));
}
.br-cookiebar .br-item .br-checkbox input:checked + label::after {
left: 8px;
top: 4px;
}
.br-cookiebar .br-item .br-checkbox input:checked[indeterminate] + label::after {
top: 2px;
}
.br-cookiebar .row {
float: none;
width: auto;
}
.br-cookiebar .entry-text {
margin-bottom: 0;
}
.br-cookiebar .wrapper {
display: flex;
flex-direction: column;
overflow-y: scroll;
padding-top: 6px !important;
}
.br-cookiebar .info-text {
display: none;
line-height: var(--font-lineheight-medium);
}
.br-cookiebar .br-modal-header .br-modal-title {
font-size: var(--font-size-scale-up-06);
margin-bottom: 0;
margin-right: 0;
max-height: unset;
width: auto;
}
.br-cookiebar .br-modal-header .close {
margin-top: var(--spacing-scale-base);
opacity: 1;
}
.br-cookiebar .br-modal-header .close:hover::after {
background: currentColor;
bottom: 0;
content: "";
left: 0;
opacity: var(--hover);
position: absolute;
right: 0;
top: 0;
}
.br-cookiebar .br-modal-header .last-update {
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .br-modal-header .last-update span {
display: inline-block;
margin-left: var(--spacing-scale-half);
}
.br-cookiebar .br-modal-body {
flex: 1;
margin: 0;
}
.br-cookiebar .br-modal-body:focus {
outline: none;
}
.br-cookiebar .br-modal-body .br-list .br-list {
max-height: 0;
overflow: hidden;
transition: all 400ms ease-in-out;
}
.br-cookiebar .br-modal-body .br-list .br-item.open + .br-list,
.br-cookiebar .br-modal-body .br-list .br-item.open .br-list {
max-height: 200em;
}
.br-cookiebar .br-modal-body .br-list .header {
display: block;
}
.br-cookiebar .br-modal-body .br-list .header .row div:nth-child(2) {
flex: 0 0 185px;
}
.br-cookiebar .br-modal-footer.actions {
padding-top: var(--spacing-scale-2xh);
}
.br-cookiebar .group-name,
.br-cookiebar .cookies-checked,
.br-cookiebar .group-size {
color: var(--color-primary-default);
cursor: pointer;
}
.br-cookiebar .group-info .row div:nth-child(2) {
flex: 0 0 225px;
}
.br-cookiebar .group-info .fa {
font-weight: 900;
}
.br-cookiebar .group-info .group-size {
display: inline-block;
}
.br-cookiebar .group-info.selected {
background-color: var(--color-secondary-01);
color: var(--color-secondary-08);
}
.br-cookiebar .group-info.selected .br-checkbox input + label {
color: var(--color-secondary-08) !important;
}
.br-cookiebar .group-info.selected .feedback.warning {
color: var(--color-secondary-08);
}
.br-cookiebar .group-info .br-button {
color: var(--color-primary-default);
}
.br-cookiebar .group-info .br-switch,
.br-cookiebar .cookie-info .br-switch {
margin-bottom: var(--spacing-scale-2x);
margin-top: var(--spacing-scale-2x);
padding: var(--spacing-scale-half);
width: 120px;
}
.br-cookiebar .group-info .fixed-width,
.br-cookiebar .cookie-info .fixed-width {
padding-left: var(--spacing-scale-base);
width: 100px;
}
.br-cookiebar .always-active {
color: var(--color-highlight);
font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .cookie-info .br-card {
margin-bottom: var(--card-margin);
}
.br-cookiebar .cookie-info .cookie-term {
font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .notes p:first-child {
font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .actions {
border-top: 1px solid var(--color-secondary-05);
padding-left: var(--spacing-scale-3x);
padding-right: var(--spacing-scale-2xh);
padding-top: var(--spacing-scale-3x);
}
.br-cookiebar .complementary-content {
padding: var(--spacing-scale-base) 0;
}
.br-cookiebar [class^=container] {
--grid-margin: 0;
}
.br-datetimepicker.inverted .br-input,
.br-datetimepicker.inverted .br-input label, .br-datetimepicker.dark-mode .br-input,
.br-datetimepicker.dark-mode .br-input label {
--color: var(--color-dark);
--focus-color: var(--focus-color-dark);
}
.br-datetimepicker input[disabled] {
cursor: not-allowed;
}
.flatpickr-calendar {
--flatpicker-padding: var(--spacing-scale-2x);
--datetimepicker-day-font-weight: var(--font-weight-semi-bold);
--datetimepicker-day-size: 24px;
--datetimepicker-arrows: 32px;
--datetimepicker-zindex: var(--z-index-layer-2);
box-shadow: var(--surface-shadow-md);
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after {
border-color: transparent;
}
.flatpickr-calendar.open {
z-index: var(--datetimepicker-zindex);
}
.flatpickr-calendar .flatpickr-months {
align-items: center;
display: flex;
padding: var(--flatpicker-padding) var(--flatpicker-padding) 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
height: auto;
padding: 0;
position: static;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
cursor: not-allowed;
opacity: var(--disabled);
display: block;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled *,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled * {
pointer-events: none;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
flex: 1;
height: auto;
overflow: visible;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
display: flex;
height: auto;
padding: 0 var(--flatpicker-padding);
position: static;
width: 100%;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
border-radius: var(--surface-rounder-sm);
color: var(--interactive);
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-semi-bold);
margin: 0;
padding: 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
color: var(--color-secondary-08);
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover {
background: transparent;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
flex: 1;
margin-left: var(--flatpicker-padding);
width: auto;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year {
border: var(--surface-width-sm) solid var(--color-secondary-06);
border-radius: var(--surface-rounder-sm);
color: var(--text-color);
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-semi-bold);
padding: 0 var(--spacing-scale-base);
}
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp,
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowDown {
display: none;
}
.flatpickr-calendar .flatpickr-weekdaycontainer {
display: grid;
grid-template-columns: repeat(7, 1fr);
padding: 0 var(--flatpicker-padding);
}
.flatpickr-calendar span.flatpickr-weekday {
color: var(--text-color);
font-size: var(--font-size);
font-weight: var(--font-weight-medium);
}
.flatpickr-calendar .dayContainer {
display: grid;
grid-template-columns: repeat(7, 1fr);
padding: 0 var(--flatpicker-padding) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-day {
color: var(--interactive);
font-weight: var(--datetimepicker-day-font-weight);
height: var(--datetimepicker-day-size);
line-height: var(--font-line-height-medium);
margin: calc(var(--flatpicker-padding) * 0.25) auto;
max-width: var(--datetimepicker-day-size);
width: var(--datetimepicker-day-size);
}
.flatpickr-calendar .flatpickr-day:focus {
outline: none;
}
.flatpickr-calendar .flatpickr-day.focus-visible, .flatpickr-calendar .flatpickr-day:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.flatpickr-calendar .flatpickr-day.focus-visible {
--focus-offset: 0;
background: transparent;
border-color: transparent;
}
.flatpickr-calendar .flatpickr-day:hover {
background: var(--hover-effect);
}
.flatpickr-calendar .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-day.nextMonthDay {
font-weight: var(--font-weight-medium);
opacity: 0.6;
}
.flatpickr-calendar .flatpickr-day.today {
background: var(--color-support-11);
border-color: transparent;
color: var(--color-support-03);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
cursor: not-allowed;
opacity: var(--disabled);
color: var(--text-color);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled * {
pointer-events: none;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
background: transparent;
}
.flatpickr-calendar .flatpickr-day.inRange {
background: rgba(var(--rgb-primary-lighten-01), 0.5);
border-color: transparent;
box-shadow: none;
color: var(--color-secondary-01);
opacity: 1;
}
.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange {
background: var(--selected);
border-color: transparent;
color: var(--color-secondary-01);
opacity: 1;
}
.flatpickr-calendar .flatpickr-time {
display: flex;
justify-content: center;
margin: 0 var(--flatpicker-padding);
max-height: none;
}
.flatpickr-calendar .flatpickr-time input {
--input-background: var(--bg-color);
--input-border-color: var(--color-secondary-06);
--input-border-width: 1px;
--input-border-style: solid;
--input-padding: 0 var(--spacing-scale-half);
--input-radius: var(--surface-rounder-sm);
background: var(--input-background);
border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
border-radius: var(--input-radius);
color: var(--text-color);
display: block;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-medium);
height: var(--input-size);
padding: var(--input-padding);
width: 100%;
margin: calc(var(--flatpicker-padding) * 0.25) 0;
}
.flatpickr-calendar .flatpickr-time input:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time input:focus-visible, .flatpickr-calendar .flatpickr-time input.focus-visible {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.flatpickr-calendar .flatpickr-time input.has-icon {
padding-right: var(--spacing-scale-5x);
}
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-reveal, .flatpickr-calendar .flatpickr-time input[type=password]::-ms-clear {
display: none;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper {
align-items: center;
display: flex;
flex: 0 1 90px;
flex-flow: column;
height: auto;
padding: calc(var(--flatpicker-padding) * 0.5) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
background: transparent;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span {
align-items: center;
border: 0;
border-radius: 50px;
display: flex;
height: var(--datetimepicker-arrows);
justify-content: center;
opacity: 1;
padding: 0;
position: static;
width: var(--datetimepicker-arrows);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span::after {
border: solid var(--interactive);
border-width: 0 2px 2px 0;
content: "";
height: 8px;
left: auto;
position: static;
top: auto;
transform: rotate(45deg) translate(-1px, -1px);
width: 8px;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp {
order: -1;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after {
transform: rotate(225deg) translate(-1px, -1px);
}
.flatpickr-calendar.hasTime .flatpickr-time {
border-color: var(--color-secondary-04);
height: auto;
}
.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {
border-color: transparent;
}
.br-divider,
hr {
--divider-style: solid;
--divider-color: var(--divider-light);
--divider-padding: var(--spacing-scale-base);
--divider-size: 1px;
--divider-light: var(--color-secondary-04);
--divider-dark: var(--color-secondary-01);
border-color: var(--divider-color);
border-style: var(--divider-style);
border-width: 0;
border-top-width: var(--divider-size);
display: block;
}
.br-divider.content,
hr.content {
align-items: center;
border: 0;
display: flex;
justify-content: center;
}
.br-divider.content::after, .br-divider.content::before,
hr.content::after,
hr.content::before {
border-color: var(--divider-color);
border-style: var(--divider-style);
border-width: 0;
border-top-width: var(--divider-size);
content: "";
flex: 1;
}
.br-divider.content::after,
hr.content::after {
margin-left: var(--divider-padding);
}
.br-divider.content::before,
hr.content::before {
margin-right: var(--divider-padding);
}
.br-divider.vertical,
hr.vertical {
align-self: stretch;
border-right-width: var(--divider-size);
border-top-width: 0;
}
.br-divider.vertical.content,
hr.vertical.content {
flex-direction: column;
}
.br-divider.vertical.content::after, .br-divider.vertical.content::before,
hr.vertical.content::after,
hr.vertical.content::before {
border-right-width: var(--divider-size);
border-top-width: 0;
margin: 0;
}
.br-divider.inverted,
hr.inverted {
--divider-color: var(--color-secondary-01);
}
.br-divider.dashed,
hr.dashed {
--divider-style: dashed;
}
.br-divider.sm,
hr.sm {
--divider-size: 2px;
}
.br-divider.md,
hr.md {
--divider-size: 3px;
}
.br-divider.lg,
hr.lg {
--divider-size: 4px;
}
hr {
--divider-padding: var(--spacing-scale-2x);
margin: var(--divider-padding) 0;
}
.br-footer {
--footer-logo-height: 48px;
--footer-logo-width: 180px;
--footer-logo-padding: var(--spacing-scale-6x) 0 var(--spacing-scale-4x);
--footer-assigns-height: 46px;
--footer-assigns-width: 180px;
background: var(--background);
border-top: 1px solid var(--border-color);
color: var(--color);
display: block;
--background: var(--background-dark);
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-footer .br-item {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-footer[inverted], .br-footer.inverted {
--background: var(--background-light);
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
}
.br-footer[inverted] .br-item, .br-footer.inverted .br-item {
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
}
.br-footer .logo {
padding: var(--footer-logo-padding);
}
.br-footer .logo img {
max-height: var(--footer-logo-height);
max-width: var(--footer-logo-widht);
}
.br-footer .br-list.horizontal {
display: flex;
flex-wrap: wrap;
}
.br-footer .br-list.horizontal .header {
width: 100%;
}
.br-footer .br-list.horizontal .col,
.br-footer .br-list.horizontal [class*=col-] {
flex-grow: 0;
padding: 0;
}
@media (max-width: 991px) {
.br-footer .br-list.horizontal .col,
.br-footer .br-list.horizontal [class*=col-] {
flex-basis: 100% !important;
max-width: 100%;
}
}
.br-footer .social-network {
border: 0;
}
.br-footer .assigns img {
max-height: var(--footer-assigns-height);
max-width: var(--footer-assigns-width);
}
@media (min-width: 992px) {
.br-footer .info {
text-align: center;
}
}
.br-footer .br-list.horizontal .br-item,
.br-footer .br-list.horizontal .br-list .br-item {
height: 4em;
}
.br-footer .br-list.horizontal .br-item .content,
.br-footer .br-list.horizontal .br-list .br-item .content {
display: box;
height: auto;
-webkit-line-clamp: 2;
line-height: 16px;
max-height: 32px;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: ellipsis;
}
.br-footer .br-item {
--item-display: flex;
--item-display-active-background: transparent;
align-items: var(--item-align-items);
}
@media (min-width: 992px) {
.br-footer .br-item.horizontal .br- {
background-image: none;
max-height: 200em !important;
}
}
.br-footer .br-item.horizontal .br-item {
height: 4em;
}
.br-footer .br-item.horizontal .br-item .content {
display: box;
height: auto;
-webkit-line-clamp: 2;
line-height: 16px;
max-height: 32px;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: ellipsis;
}
.br-footer .br-item.horizontal .col .br-item.header.active,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active {
border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item.horizontal .col .br-item.header.active + .br-list,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active + .br-list {
border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item .content {
flex: 1;
}
.br-footer .br-item:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-footer .br-item.active {
background: transparent;
}
@media (min-width: 992px) {
.br-footer .br-item .support:last-child {
display: none;
pointer-events: none;
}
.br-footer .br-item .content {
flex: 1;
}
}
.br-header {
--header-background: var(--color-secondary-01);
--header-shadow: var(--surface-shadow-sm);
--header-padding: var(--header-padding-medium);
--header-padding-small: var(--spacing-scale-base);
--header-padding-medium: var(--spacing-scale-2x);
--header-padding-large: var(--spacing-scale-3x);
--header-logo-size: var(--header-logo-medium);
--header-logo-small: 16px;
--header-logo-medium: 24px;
--header-logo-large: 40px;
--header-sign-color: var(--color-secondary-07);
--header-title-size: var(--font-size-scale-base);
--header-title-color: var(--color-secondary-09);
--header-subtitle-size: var(--font-size-scale-down-01);
--header-subtitle-color: var(--color-secondary-07);
--header-logo-desktop-width: 120px;
--header-logo-desktop-height: 48px;
--header-logo-compact: 60px;
--header-logo-compact-height: 32px;
--header-logo-mobile-width: 80px;
--header-logo-mobile-height: 40px;
--header-sticky-z-index: var(--z-index-layer-2);
background: var(--header-background);
box-shadow: var(--header-shadow);
display: flex;
padding: var(--header-padding) 0;
position: relative;
}
.br-header .header-top,
.br-header .header-bottom {
display: flex;
}
.br-header .header-top {
justify-content: flex-end;
}
.br-header .header-bottom {
justify-content: space-between;
margin-top: var(--header-padding-small);
}
@media (min-width: 576px) {
.br-header {
--header-padding: var(--header-padding-medium);
}
}
.br-header.small {
--header-padding: var(--header-padding-small);
}
.br-header.medium {
--header-padding: var(--header-padding-medium);
}
.br-header.large {
--header-padding: var(--header-padding-large);
}
.br-header .header-logo {
align-items: center;
display: flex;
flex: 1;
float: left;
}
.br-header .header-logo img {
margin-right: var(--spacing-scale-base);
max-height: var(--header-logo-size);
}
.br-header .header-logo .br-divider {
display: none;
}
.br-header .header-logo .header-sign {
color: var(--header-sign-color);
display: none;
font-weight: 500;
overflow: hidden;
}
.br-header[data-no-logo] .header-logo img {
display: none;
}
.br-header[data-no-sign] .header-logo .header-sign {
display: none;
}
@media (min-width: 576px) {
.br-header .header-logo {
--header-logo-size: var(--header-logo-large);
margin: 0;
}
.br-header .header-logo .br-divider {
display: block;
}
.br-header .header-logo .header-sign {
display: box;
display: block;
-webkit-line-clamp: 2;
}
}
.br-header .header-actions {
align-items: center;
display: flex;
justify-content: flex-end;
}
.br-header .header-actions .dropdown.show .br-list {
display: block;
z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa,
.br-header .header-actions .dropdown.show .br-button.active .fa,
.br-header .header-actions .dropdown.show .br-button.active .fab,
.br-header .header-actions .dropdown.show .br-button.active .fad,
.br-header .header-actions .dropdown.show .br-button.active .fal,
.br-header .header-actions .dropdown.show .br-button.active .far,
.br-header .header-actions .dropdown.show .br-button.active .fas {
transform: rotate(180deg);
}
.br-header .header-actions .dropdown.show .br-notification {
display: block;
right: -16px;
width: 100vw;
z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-notification div.close {
display: none;
}
.br-header .header-actions .dropdown:not(.show) .br-notification {
display: none;
}
@media (max-width: 1279px) {
.br-header .header-actions .dropdown:not(.show) .br-list {
display: none;
}
}
.br-header .header-actions .header-links .br-list,
.br-header .header-actions .header-functions .br-list {
background: var(--header-background);
left: -4em;
}
.br-header .header-actions .header-links .br-item,
.br-header .header-actions .header-functions .br-item {
white-space: nowrap;
}
.br-header .header-actions .header-links ul,
.br-header .header-actions .header-functions ul {
display: none;
}
.br-header .header-actions .header-functions .br-list .br-button {
--button-size: auto;
--button-font-size: var(--font-size-scale-base);
--button-font-weight: var(--item-font-weight);
border-radius: 0;
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--item-font-weight);
justify-content: flex-start;
padding: var(--item-padding);
width: 100%;
}
.br-header .header-actions .header-functions .br-list .br-button .text {
margin-left: var(--spacing-scale-2x);
}
.br-header .header-actions .header-functions .br-item {
padding: 0;
}
.br-header .header-actions .header-functions ul {
display: none;
}
.br-header .header-actions .header-login {
margin-left: var(--spacing-scale-base);
}
.br-header .header-actions .sign-in {
--button-padding: 0 var(--spacing-scale-2x);
}
.br-header .header-actions .avatar {
align-items: center;
display: flex;
}
.br-header .header-actions .avatar .br-list {
min-width: 200px;
right: 0;
top: 100%;
}
.br-header[data-no-links] .header-actions .header-links {
display: none;
}
.br-header[data-no-functions] .header-actions .header-functions {
display: none;
}
.br-header[data-no-login] .header-actions .header-login {
display: none;
}
@media (min-width: 576px) {
.br-header .header-actions .header-links .br-list,
.br-header .header-actions .header-functions .br-list {
background: var(--header-background);
left: auto;
right: 0;
}
.br-header .header-actions .header-links .br-notification,
.br-header .header-actions .header-functions .br-notification {
width: 100vw;
}
}
@media (min-width: 1280px) {
.br-header .header-actions .header-links [data-toggle=dropdown],
.br-header .header-actions .header-functions [data-toggle=dropdown] {
display: none;
}
.br-header .header-actions .header-links .br-list,
.br-header .header-actions .header-functions .br-list {
box-shadow: none;
display: flex;
margin-right: var(--spacing-scale-2x);
position: static;
}
.br-header .header-actions .header-links .br-list .header,
.br-header .header-actions .header-functions .br-list .header {
display: none;
}
.br-header .header-actions .header-links .br-item,
.br-header .header-actions .header-functions .br-item {
--focus-offset: var(--spacing-scale-half);
--interactive-rgb: var(--interactive-light-rgb);
color: var(--interactive-light);
padding: 0;
}
.br-header .header-actions .header-links .br-item:not(:last-child),
.br-header .header-actions .header-functions .br-item:not(:last-child) {
border-bottom: 0;
margin-right: var(--spacing-scale-3x);
}
.br-header .header-actions .header-links .br-notification,
.br-header .header-actions .header-functions .br-notification {
width: 50vw;
}
.br-header .header-actions .header-functions .br-list {
margin-right: 0;
}
.br-header .header-actions .header-functions .br-list .br-button {
--button-size: var(--button-small);
border-radius: 50%;
color: var(--interactive);
justify-content: center;
padding: 0;
width: var(--button-size);
}
.br-header .header-actions .header-functions .br-list .br-button .text {
display: none;
}
.br-header .header-actions .header-functions .br-item {
margin-right: var(--spacing-scale-base);
}
.br-header .header-actions .header-functions .br-item:not(:last-child) {
margin-right: var(--spacing-scale-base);
}
.br-header .header-actions .header-search-trigger {
display: none;
}
}
.br-header .header-menu {
align-items: center;
display: flex;
flex: 1;
}
.br-header .header-menu .header-menu-trigger + .header-info {
margin-left: var(--spacing-scale-2x);
}
.br-header .header-menu .header-title {
color: var(--header-title-color);
display: box;
font-size: var(--header-title-size);
-webkit-line-clamp: 2;
overflow: hidden;
}
.br-header .header-menu .header-subtitle {
color: var(--header-subtitle-color);
display: none;
font-size: var(--header-subtitle-size);
font-weight: 500;
margin-top: var(--spacing-scale-half);
}
.br-header[data-no-subtitle] .header-menu .header-subtitle {
display: none;
}
@media (min-width: 576px) {
.br-header .header-menu {
--header-title-size: var(--font-size-scale-up-02);
align-items: flex-start;
}
.br-header .header-menu .header-menu-trigger {
margin-top: 3px;
}
.br-header .header-menu .header-info {
padding-top: var(--spacing-scale-half);
}
.br-header .header-menu .header-subtitle {
display: block;
}
}
@media (min-width: 1280px) {
.br-header .header-menu {
--header-title-size: var(--font-size-scale-up-03);
--header-subtitle-size: var(--font-size-scale-base);
}
.br-header .header-menu .header-info {
padding-top: 0;
}
}
.br-header .header-search, .br-header.compact .header-search {
align-items: center;
background: var(--header-background);
bottom: 0;
display: none;
left: 0;
padding: 0 var(--spacing-scale-2x);
position: absolute;
right: 0;
top: 0;
}
.br-header .header-search .br-input, .br-header.compact .header-search .br-input {
--input-size: var(--input-highlight);
align-items: center;
display: flex;
flex: 1;
}
.br-header .header-search .br-input label, .br-header.compact .header-search .br-input label {
display: none;
}
.br-header .header-search .br-input input, .br-header.compact .header-search .br-input input {
border-color: transparent;
}
.br-header .header-search .br-input input:not(:focus), .br-header.compact .header-search .br-input input:not(:focus) {
background: var(--color-secondary-02);
}
.br-header .header-search .br-input .icon,
.br-header .header-search .br-input .br-button, .br-header.compact .header-search .br-input .icon,
.br-header.compact .header-search .br-input .br-button {
--focus-offset: 0;
bottom: auto;
right: 4px;
top: auto;
}
.br-header .header-search .search-close, .br-header.compact .header-search .search-close {
--focus-offset: calc(var(--spacing-scale-half) * -1);
display: none;
}
.br-header .header-search.active, .br-header.compact .header-search.active {
display: flex;
}
.br-header .header-search.active .search-close, .br-header.compact .header-search.active .search-close {
display: inline-flex;
}
.br-header[data-no-search] .header-search {
display: none;
}
@media (min-width: 1280px) {
.br-header .header-search {
display: flex;
padding: 0;
position: static;
}
.br-header .header-search.active .search-close {
display: none;
}
.br-header .br-input {
min-width: 385px;
}
}
.br-header .br-input.has-icon .br-button.circle {
margin-top: 0;
position: absolute;
right: 4px;
}
.br-header.compact {
--header-logo-size: var(--header-logo-small);
--header-padding: var(--header-padding-small);
}
.br-header.compact .header-actions .header-search-trigger {
display: block;
}
@media (min-width: 576px) {
.br-header.compact .container-lg {
position: relative;
}
.br-header.compact .header-top {
display: block;
}
.br-header.compact .header-logo {
--header-logo-size: var(--header-logo-small);
float: left;
}
.br-header.compact .header-logo .br-divider {
display: none;
}
.br-header.compact .header-sign {
display: none;
}
.br-header.compact .header-actions {
float: right;
margin-top: var(--spacing-scale-2x);
position: relative;
}
.br-header.compact .header-bottom {
clear: left;
}
.br-header.compact .header-menu {
--header-title-size: var(--font-size-scale-up-01);
}
.br-header.compact .header-menu .header-menu-trigger {
margin-top: 0;
}
}
@media (min-width: 1280px) {
.br-header.compact .header-menu {
--header-title-size: var(--font-size-scale-up-02);
}
}
.br-header[data-sticky] {
position: sticky;
top: 0;
transition: all 150ms ease;
z-index: var(--header-sticky-z-index);
}
.br-header[data-sticky] .header-logo img,
.br-header[data-sticky] .header-actions,
.br-header[data-sticky] .header-menu-trigger,
.br-header[data-sticky] .header-title {
transition: all 150ms ease;
}
.br-header[data-sticky] .header-logo img {
margin-right: var(--spacing-scale-base);
}
.br-input {
--input-background: var(--color-secondary-01);
--input-border-color: var(--color-secondary-06);
--input-border-width: 1px;
--input-border-style: solid;
--input-button-margin: var(--spacing-scale-half);
--input-icon-color: var(--color-secondary-06);
--input-icon-margin: var(--spacing-scale-baseh);
--input-color: var(--color-secondary-08);
--input-padding: 0 var(--spacing-scale-2x);
--input-padding-button: var(--spacing-scale-5x);
--input-padding-icon: var(--spacing-scale-5x);
--input-radius: var(--surface-rounder-sm);
--input-size: var(--input-medium);
--input-small: 32px;
--input-medium: 40px;
--input-large: 48px;
--input-highlight: 56px;
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
color: var(--color);
position: relative;
}
.br-input input {
background-color: var(--background-light);
border-color: var(--border-color-alternative);
border-radius: var(--surface-rounder-sm);
border-style: var(--border-style);
border-width: var(--border-width);
color: var(--color-light);
display: block;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-medium);
height: var(--input-size);
margin-top: var(--spacing-scale-half);
padding-bottom: 0;
padding-left: var(--spacing-scale-2x);
padding-right: var(--spacing-scale-2x);
padding-top: 0;
width: 100%;
}
.br-input input::-ms-reveal, .br-input input::-ms-clear, .br-input input::-webkit-calendar-picker-indicator {
display: none;
}
.br-input input[type=search]::-webkit-search-decoration, .br-input input[type=search]::-webkit-search-cancel-button, .br-input input[type=search]::-webkit-search-results-button, .br-input input[type=search]::-webkit-search-results-decoration {
appearance: none;
}
.br-input.input-inline {
display: flex;
}
.br-input.input-inline .input-label {
margin-right: var(--spacing-scale-baseh);
margin-top: calc(var(--input-size) * 0.5 - var(--spacing-scale-half));
}
.br-input.input-inline .input-content {
flex: 1;
}
.br-input .input-group {
position: relative;
}
.br-input .input-icon {
align-items: center;
color: var(--border-color-alternative);
display: flex;
height: var(--input-size);
margin-left: var(--spacing-scale-baseh);
position: absolute;
}
.br-input .input-icon + input {
padding-left: var(--input-padding-icon);
}
.br-input .br-button {
--button-size: var(--button-small);
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
border-radius: 50%;
float: right;
margin-right: var(--input-button-margin);
margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);
padding: 0;
position: relative;
transform: translateY(calc((var(--input-size) - var(--button-size)) * 0.5));
width: var(--button-size);
}
.br-input.input-button input {
padding-right: var(--input-padding-button);
}
.br-input.has-icon input {
padding-right: var(--input-padding-icon);
}
.br-input.has-icon .br-button.circle {
float: right;
margin-right: var(--spacing-scale-half);
margin-top: calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half)) * -1);
transform: translateY(0);
}
.br-input.has-icon.small .br-button.circle {
margin-top: calc((var(--button-size) + var(--spacing-scale-base)) * -1);
}
.br-input.has-icon.large .br-button.circle {
margin-top: calc(var(--button-size) * -1);
}
.br-input.input-highlight {
--input-button-margin: var(--spacing-scale-2x);
--input-padding: 0 var(--spacing-scale-3x);
--input-padding-button: var(--spacing-scale-7x);
--input-padding-icon: var(--spacing-scale-7x);
--input-size: var(--input-highlight);
}
.br-input.input-highlight input {
background-color: var(--gray-2);
border-color: transparent;
padding-left: var(--spacing-scale-3x);
padding-right: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon {
margin-left: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon + input {
padding-left: var(--spacing-scale-7x);
}
.br-input .br-list {
box-shadow: var(--surface-shadow-md);
max-height: 530px;
overflow: auto;
position: absolute;
width: 100%;
z-index: var(--z-index-layer-2);
}
.br-input .br-list::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-input .br-list::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-input .br-list::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
.br-input .br-list .br-item {
--item-padding-y: var(--spacing-scale-2x);
}
.br-input .br-list .br-item:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input .br-list .br-item:not(:first-child) {
border-top: var(--surface-width-sm) solid var(--color-secondary-04);
}
.br-input.success input, .br-input[data-success] input {
border-color: var(--success);
border-width: 2px;
}
.br-input.danger input, .br-input[data-danger] input {
border-color: var(--danger);
border-width: 2px;
}
.br-input.warning input, .br-input[data-warning] input {
border-color: var(--warning);
border-width: 2px;
}
.br-input.info input, .br-input[data-info] input {
border-color: var(--info);
border-width: 2px;
}
.br-input input:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-input input:focus, .br-input input:focus-visible, .br-input input.focus-visible {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-input .feedback {
margin-bottom: var(--spacing-scale-half);
}
.br-input.small, .br-input[data-small] {
--input-size: var(--input-small);
}
.br-input.medium, .br-input[data-medium] {
--input-size: var(--input-medium);
}
.br-input.large, .br-input[data-large] {
--input-size: var(--input-large);
}
.br-input.inverted,
.br-input.inverted label, .br-input.dark-mode,
.br-input.dark-mode label {
--color: var(--color-dark);
--focus-color: var(--focus-color-dark);
}
.br-item {
--item-font-weight: var(--font-weight);
--item-padding-x: var(--spacing-scale-2x);
--item-padding-y: var(--spacing-scale-base);
--item-padding: var(--item-padding-y) var(--item-padding-x);
--focus-offset: calc(var(--spacing-scale-half) * -1);
--item-display: block;
--item-align-items: center;
border: 0;
color: var(--color);
display: var(--item-display);
font-weight: var(--item-font-weight);
padding: var(--item-padding);
text-align: left;
width: 100%;
}
.br-item .row {
margin-left: calc(-1 * var(--spacing-scale-base));
margin-right: calc(-1 * var(--spacing-scale-base));
}
.br-item .row .col,
.br-item .row [class*=col-] {
padding-left: var(--spacing-scale-base);
padding-right: var(--spacing-scale-base);
}
.br-item::after {
clear: both;
content: "";
display: block;
}
.br-item[data-toggle=selection]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item .br-checkbox,
.br-item .br-radio {
margin-bottom: calc(var(--item-padding-y) * -1);
margin-left: calc(var(--item-padding-x) * -1);
margin-right: calc(var(--item-padding-x) * -1);
margin-top: calc(var(--item-padding-y) * -1);
}
.br-item .br-checkbox input + label,
.br-item .br-radio input + label {
padding-bottom: var(--item-padding-y);
padding-top: var(--item-padding-y);
top: 1px;
width: 100%;
}
.br-item .br-checkbox input + label::before,
.br-item .br-radio input + label::before {
left: var(--item-padding-x);
top: calc(var(--item-padding-y) - 1px);
}
.br-item .br-checkbox input + label:empty,
.br-item .br-radio input + label:empty {
left: 0;
top: 1px;
}
.br-item .br-checkbox input:hover:not(:disabled) + label::before,
.br-item .br-radio input:hover:not(:disabled) + label::before {
background-image: none;
}
.br-item .br-checkbox input + label {
min-height: calc(var(--checkbox-size) + var(--item-padding-y) * 2);
}
.br-item .br-checkbox input + label:not(:empty) {
padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-item .br-checkbox input + label::after {
left: calc(var(--item-padding-x) + 8px);
top: calc(var(--item-padding-y) + 4px);
}
.br-item .br-checkbox input + label:empty {
min-height: var(--checkbox-size);
}
.br-item .br-checkbox input + label:empty::after {
left: 8px;
top: 4px;
}
.br-item .br-radio input + label {
min-height: calc(var(--radio-size) + var(--item-padding-y) * 2);
padding-left: calc(var(--radio-padding) + var(--radio-size) + var(--item-padding-x));
}
.br-item .br-radio input + label::after {
left: calc(var(--item-padding-x) + var(--radio-bullet-position));
top: calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px);
}
.br-item .br-radio input + label:empty {
min-height: var(--radio-size);
}
.br-item .br-radio input + label:empty::after {
left: var(--radio-bullet-position);
top: var(--radio-bullet-position);
}
.br-item.primary-lighten-01 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.primary-lighten-02 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.primary-default {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.primary-darken-01 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.primary-darken-02 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.secondary-06 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.secondary-07 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.secondary-08 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.secondary-09 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.highlight {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.support-01 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.support-03 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.support-04 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.support-07 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.support-08 {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.selected {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background-color: var(--selected);
}
.br-item.active {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
background-color: var(--active);
color: var(--color);
}
.br-item.inverted, .br-item.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-item.inverted.active, .br-item.dark-mode.active {
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
--interactive-rgb: var(--active-rgb);
background-color: var(--background-light);
color: var(--active);
}
.br-item[data-toggle]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item[data-toggle] .content i {
color: var(--interactive);
}
a.br-item {
color: var(--interactive);
}
a.br-item:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
button.br-item {
background-color: transparent;
color: var(--color);
}
button.br-item:focus {
outline: none;
}
button.br-item.focus-visible, button.br-item:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
button.br-item:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-list {
--list-item-align: v(spacing-horizontal-left);
}
.br-list.horizontal {
display: flex;
flex-wrap: wrap;
}
.br-list.horizontal > .header {
flex-grow: 1;
width: 100%;
}
.br-list.horizontal > .header + .br-divider {
border-top: 1px solid var(--color-secondary-04);
width: 100%;
}
.br-list.horizontal > .br-item,
.br-list.horizontal > .group {
flex: 1;
height: auto;
min-height: 56px;
width: auto;
}
.br-list.horizontal > .br-item + .br-divider,
.br-list.horizontal > .group + .br-divider {
border-right: 1px solid var(--color-secondary-04);
border-top: 0;
width: 1px;
}
.br-list.horizontal > .br-item.one-line > .content,
.br-list.horizontal > .group.one-line > .content {
height: 56px;
}
.br-list.horizontal > .br-item.two-lines > .content,
.br-list.horizontal > .group.two-lines > .content {
height: 72px;
}
.br-list.horizontal > .br-item.three-lines > .content,
.br-list.horizontal > .group.three-lines > .content {
height: 6em;
}
.br-list.horizontal[data-toggle] > .br-item, .br-list.horizontal.toggle > .br-item {
display: block;
}
.br-list .br-item {
text-align: var(--list-item-align);
width: 100%;
}
.br-list .br-item .svg-inline--fa,
.br-list .br-item .fa,
.br-list .br-item .fab,
.br-list .br-item .fad,
.br-list .br-item .fal,
.br-list .br-item .far,
.br-list .br-item .fas {
text-align: center;
}
.br-list .br-item > .content {
align-items: var(--spacing-vertical-top);
display: flex;
}
.br-list .br-item > .content > .content {
flex: 1;
}
.br-list .br-item .content:hover button.br-button {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-item[data-toggle] {
cursor: pointer;
}
.br-list .br-item[data-toggle] ~ .br-list .br-item {
padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.br-list .br-checkbox,
.br-list .br-radio {
--interactive-rgb: var(--rgb-primary-default);
--item-padding-x: 0;
--item-padding-y: 0;
}
.br-list .br-checkbox input:hover:not(:disabled) + label::before,
.br-list .br-radio input:hover:not(:disabled) + label::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-list {
overflow: hidden;
transition: all 400ms ease-in-out;
}
.br-list .header {
align-items: var(--spacing-vertical-center);
display: flex;
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-bold);
justify-content: space-between;
padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-list[data-one-line] .br-item, .br-list[data-one-line] .br-list .br-item {
height: 2em;
}
.br-list[data-one-line] .br-item .content, .br-list[data-one-line] .br-list .br-item .content {
height: auto;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: unset;
white-space: initial;
}
.br-list[data-two-lines] .br-item, .br-list[data-two-lines] .br-list .br-item {
height: 4em;
}
.br-list[data-two-lines] .br-item .content, .br-list[data-two-lines] .br-list .br-item .content {
height: auto;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: unset;
white-space: initial;
}
.br-list[data-three-lines] .br-item, .br-list[data-three-lines] .br-list .br-item {
height: 6em;
}
.br-list[data-three-lines] .br-item .content, .br-list[data-three-lines] .br-list .br-item .content {
height: auto;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: unset;
white-space: initial;
}
.br-list .br-checkbox,
.br-list .br-radio {
--interactive-rgb: var(--rgb-primary-default);
--item-padding-x: 0;
--item-padding-y: 0;
}
.br-list .br-checkbox input:hover:not(:disabled) + label::before,
.br-list .br-radio input:hover:not(:disabled) + label::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-checkbox {
--checkbox-padding: var(--spacing-scale-base);
--checkbox-size: 24px;
display: block;
line-height: 0px;
}
.br-list .br-checkbox label {
color: var(--color);
cursor: pointer;
display: inline-block;
font-weight: var(--font-weight-medium);
line-height: 1.6em;
min-height: var(--checkbox-size);
padding-left: calc(var(--checkbox-size) + var(--checkbox-padding));
position: relative;
}
.br-list .br-checkbox label:empty {
padding-left: var(--checkbox-size);
}
.br-list .br-checkbox.hidden-label label {
padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);
text-indent: -10000px;
white-space: nowrap;
width: 0;
}
.br-list .br-checkbox.d-inline label {
padding-right: var(--spacing-scale-4x);
}
.br-list .br-checkbox input {
opacity: 0;
position: absolute;
}
.br-list .br-checkbox input:focus-visible:checked + label::before,
.br-list .br-checkbox input:focus-visible + label::before, .br-list .br-checkbox input.focus-visible:checked + label::before,
.br-list .br-checkbox input.focus-visible + label::before {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-list .br-checkbox input:hover:not(:disabled) + label::before {
--interactive-rgb: var(--interactive-light-rgb);
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-checkbox input:disabled + label {
cursor: not-allowed;
opacity: var(--disabled);
}
.br-list .br-checkbox input:disabled + label * {
pointer-events: none;
}
.br-list .br-checkbox input:disabled + label:hover::before {
background-image: none;
}
.br-list .br-checkbox input + label {
align-items: flex-start;
cursor: pointer;
display: inline-block;
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-medium);
min-height: var(--spacing-scale-3x);
position: relative;
}
.br-list .br-checkbox input + label::before {
background: var(--background-light);
border-color: var(--border-color);
border-radius: 4px;
border-style: solid;
border-width: 1px;
content: "";
height: var(--checkbox-size);
left: 0;
position: absolute;
width: var(--checkbox-size);
}
.br-list .br-checkbox input + label:empty {
padding-left: var(--spacing-scale-3x);
}
.br-list .br-checkbox input[indeterminate] {
color: var(--color-d);
}
.br-list .br-checkbox input[indeterminate] + label::before {
--interactive-rgb: var(--color-rgb);
background: var(--selected);
border-color: var(--selected);
}
.br-list .br-checkbox input[indeterminate]:hover:not(:disabled) + label::before {
--interactive-rgb: var(--color-dark-rgb);
}
.br-list .br-checkbox input:checked + label::after {
border: solid var(--selected);
border-width: 0 3px 3px 0;
content: "";
height: var(--icon-size-sm);
left: 8px;
position: absolute;
top: 4px;
transform: rotate(45deg);
width: 8px;
}
.br-list .br-checkbox input:checked[indeterminate] + label::after {
border-color: var(--background-light);
border-width: 0 0 3px;
top: 2px;
transform: none;
}
.br-list .br-checkbox input:invalid + label::before {
--border-color: var(--danger);
border-width: 2px;
}
.br-list .br-checkbox input:disabled + label::before {
box-shadow: none;
}
.br-list .br-checkbox.is-small input[type=checkbox] + label, .br-list .br-checkbox.small input[type=checkbox] + label, .br-list .br-checkbox[small] input[type=checkbox] + label {
line-height: var(--spacing-scale-2xh);
min-height: var(--spacing-scale-2xh);
}
.br-list .br-checkbox.is-small input[type=checkbox] + label::before, .br-list .br-checkbox.small input[type=checkbox] + label::before, .br-list .br-checkbox[small] input[type=checkbox] + label::before {
height: var(--spacing-scale-2xh);
width: var(--spacing-scale-2xh);
}
.br-list .br-checkbox.is-small input[type=checkbox]:checked + label::after, .br-list .br-checkbox.small input[type=checkbox]:checked + label::after, .br-list .br-checkbox[small] input[type=checkbox]:checked + label::after {
border-width: 0 2px 2px 0;
height: var(--icon-size-sm);
left: 7px;
top: 6px;
width: 6px;
}
.br-list .br-checkbox.is-small input[type=checkbox]:checked[indeterminate] + label::after, .br-list .br-checkbox.small input[type=checkbox]:checked[indeterminate] + label::after, .br-list .br-checkbox[small] input[type=checkbox]:checked[indeterminate] + label::after {
border-color: var(--background-light);
border-width: 0 0 3px;
top: 2px;
transform: none;
}
.br-list .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-list .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-list .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before {
--border-color: var(--danger);
border-width: 2px;
}
.br-list .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-list .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-list .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-list .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-list .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-list .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-list .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-list .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-list .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-list .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-list .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-list .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before {
--border-color: var(--focus-color);
}
.br-list .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-list .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-list .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before {
--border-color: var(--danger);
}
.br-list .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-list .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .br-list .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before {
--border-color: var(--success);
border-width: 2px;
}
.br-list .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-list .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-list .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-list .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-list .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-list .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-list .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-list .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before, .br-list .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible:checked + label::before,
.br-list .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus-visible + label::before, .br-list .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible:checked + label::before,
.br-list .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox].focus-visible + label::before {
--border-color: var(--focus-color);
}
.br-list .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-list .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .br-list .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before {
--border-color: var(--success);
}
.br-list .br-checkbox.inverted,
.br-list .br-checkbox.inverted label, .br-list .br-checkbox.dark-mode,
.br-list .br-checkbox.dark-mode label {
color: var(--color-dark);
}
.br-list .br-item {
text-align: var(--list-item-align);
width: 100%;
}
.br-list .br-item .svg-inline--fa,
.br-list .br-item .fa,
.br-list .br-item .fab,
.br-list .br-item .fad,
.br-list .br-item .fal,
.br-list .br-item .far,
.br-list .br-item .fas {
text-align: center;
}
.br-list .br-item > .content {
align-items: var(--spacing-vertical-top);
display: flex;
}
.br-list .br-item > .content > .content {
flex: 1;
}
.br-list .br-item .content:hover button.br-button {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-list .br-item[data-toggle] {
cursor: pointer;
}
.br-list .br-item[data-toggle] ~ .br-list .br-item {
padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.br-list .br-item[data-toggle=selection]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-list .br-item .br-checkbox,
.br-list .br-item .br-radio {
margin-bottom: calc(var(--item-padding-y) * -1);
margin-left: calc(var(--item-padding-x) * -1);
margin-right: calc(var(--item-padding-x) * -1);
margin-top: calc(var(--item-padding-y) * -1);
}
.br-list .br-item .br-checkbox input + label,
.br-list .br-item .br-radio input + label {
padding-bottom: var(--item-padding-y);
padding-top: var(--item-padding-y);
top: 1px;
width: 100%;
}
.br-list .br-item .br-checkbox input + label::before,
.br-list .br-item .br-radio input + label::before {
left: var(--item-padding-x);
top: calc(var(--item-padding-y) - 1px);
}
.br-list .br-item .br-checkbox input + label:empty,
.br-list .br-item .br-radio input + label:empty {
left: 0;
top: 1px;
}
.br-list .br-item .br-checkbox input:hover:not(:disabled) + label::before,
.br-list .br-item .br-radio input:hover:not(:disabled) + label::before {
background-image: none;
}
.br-list .br-item .br-checkbox input + label {
min-height: calc(var(--checkbox-size) + var(--item-padding-y) * 2);
}
.br-list .br-item .br-checkbox input + label:not(:empty) {
padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-list .br-item .br-checkbox input + label::after {
left: calc(var(--item-padding-x) + 8px);
top: calc(var(--item-padding-y) + 4px);
}
.br-list .br-item .br-checkbox input + label:empty {
min-height: var(--checkbox-size);
}
.br-list .br-item .br-checkbox input + label:empty::after {
left: 8px;
top: 4px;
}
.br-list .br-item .br-radio input + label {
min-height: calc(var(--radio-size) + var(--item-padding-y) * 2);
padding-left: calc(var(--radio-padding) + var(--radio-size) + var(--item-padding-x));
}
.br-list .br-item .br-radio input + label::after {
left: calc(var(--item-padding-x) + var(--radio-bullet-position));
top: calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px);
}
.br-list .br-item .br-radio input + label:empty {
min-height: var(--radio-size);
}
.br-list .br-item .br-radio input + label:empty::after {
left: var(--radio-bullet-position);
top: var(--radio-bullet-position);
}
.br-menu {
--menu-zindex: var(--z-index-layer-3);
--menu-zindex-push: var(--z-index-layer-0);
--menu-scrim: var(--surface-overlay-scrim);
--menu-background: var(--bg-color);
--menu-background-submenu: var(--color-secondary-02);
--menu-logo: 40px;
--menu-title: var(--text-color);
--menu-divider: var(--color-secondary-04);
--menu-item-background: transparent;
--menu-item-color: var(--interactive);
--menu-item-padding: var(--menu-item-medium);
--menu-item-small: var(--spacing-scale-base);
--menu-item-medium: var(--spacing-scale-2x);
--menu-item-large: var(--spacing-scale-3x);
/* stylelint-disable no-descending-specificity */
/* stylelint-enable no-descending-specificity */
}
.br-menu .menu-container {
display: none;
}
.br-menu .menu-scrim {
background: var(--menu-scrim);
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.br-menu .menu-panel {
--focus-offset: calc(var(--spacing-scale-half) * -1);
background: var(--menu-background);
display: flex;
flex-direction: column;
height: 100vh;
}
.br-menu.active .menu-container {
bottom: 0;
display: flex;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: var(--menu-zindex);
}
.br-menu.active .menu-panel {
flex: 1;
overflow: auto;
position: relative;
z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.active .menu-scrim {
position: absolute;
}
.br-menu .menu-header {
align-items: center;
border-bottom: 1px solid var(--menu-divider);
display: flex;
padding: var(--spacing-scale-base) var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title {
align-items: center;
display: flex;
flex: 1;
font-size: var(--menu-title);
margin-left: var(--spacing-scale-base);
}
.br-menu .menu-header .menu-title img {
max-height: var(--menu-logo);
}
.br-menu .menu-header .menu-title img + * {
margin-left: var(--spacing-scale-base);
}
.br-menu .menu-body ul,
.br-menu .menu-body li {
margin: 0;
padding: 0;
}
.br-menu .menu-body ul {
list-style: none;
}
.br-menu .menu-body > .divider {
border-bottom: 1px solid var(--menu-divider);
}
.br-menu .menu-body .menu-folder > ul > li:last-child > .menu-item {
border-bottom: 1px solid var(--menu-divider);
}
.br-menu .menu-body .menu-folder > .menu-item + ul {
background: var(--menu-background-submenu);
}
.br-menu .menu-body .menu-folder > .menu-item + ul .menu-item {
padding-left: var(--spacing-scale-5x);
}
.br-menu .menu-body .drop-menu > .menu-item {
border-bottom: 1px solid var(--menu-divider);
}
.br-menu .menu-body .drop-menu.active > .menu-item {
border-bottom: 0;
}
.br-menu .menu-body .drop-menu > ul {
background: var(--menu-background-submenu);
display: none;
}
.br-menu .menu-body .drop-menu.active > .menu-item:not(:hover) {
--menu-item-background: var(--menu-background);
}
.br-menu .menu-body .drop-menu.active > .menu-item .support .svg-inline--fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fa,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fab,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fad,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fal,
.br-menu .menu-body .drop-menu.active > .menu-item .support .far,
.br-menu .menu-body .drop-menu.active > .menu-item .support .fas {
transform: rotate(180deg);
}
.br-menu .menu-body .drop-menu.active > ul {
display: block;
}
.br-menu .menu-footer .menu-logos {
border-bottom: 1px solid var(--menu-divider);
column-gap: var(--spacing-scale-2x);
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: var(--spacing-scale-base) var(--spacing-scale-5x);
row-gap: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links {
--focus-offset: var(--spacing-scale-half);
border-bottom: 1px solid var(--menu-divider);
padding: var(--spacing-scale-2x) var(--spacing-scale-5x);
}
.br-menu .menu-footer .menu-links a {
display: block;
}
.br-menu .menu-footer .menu-links a:not(:last-child) {
margin-bottom: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links a:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-menu .menu-footer .menu-social {
border-bottom: 1px solid var(--menu-divider);
padding: var(--spacing-scale-base) var(--spacing-scale-5x);
}
.br-menu .menu-footer .menu-social .sharegroup {
display: flex;
}
.br-menu .menu-footer .menu-info {
padding: var(--spacing-scale-2x);
}
.br-menu .menu-item {
--focus-offset: calc(var(--spacing-scale-half) * -1);
background: var(--menu-item-background);
display: flex;
padding: var(--menu-item-padding) var(--spacing-scale-2x);
}
.br-menu .menu-item .icon {
margin-right: var(--spacing-scale-2x);
}
.br-menu .menu-item .content {
flex: 1;
}
.br-menu a.menu-item {
color: var(--menu-item-color);
}
.br-menu .side-menu > ul {
background: var(--menu-background-submenu);
display: none;
}
.br-menu .side-menu.active > .menu-item {
--interactive-rgb: var(--rgb-primary-darken-01);
--menu-item-color: var(--active);
--menu-item-background: var(--menu-background);
flex-direction: row-reverse;
font-weight: var(--font-weight-semi-bold);
}
.br-menu .side-menu.active > .menu-item .icon {
margin-right: 0;
}
.br-menu .side-menu.active > .menu-item .support {
margin-right: var(--spacing-scale-2x);
}
.br-menu .side-menu.active > .menu-item .support .svg-inline--fa,
.br-menu .side-menu.active > .menu-item .support .fa,
.br-menu .side-menu.active > .menu-item .support .fab,
.br-menu .side-menu.active > .menu-item .support .fad,
.br-menu .side-menu.active > .menu-item .support .fal,
.br-menu .side-menu.active > .menu-item .support .far,
.br-menu .side-menu.active > .menu-item .support .fas {
transform: rotate(180deg);
}
.br-menu .side-menu.active > ul {
display: block;
}
.br-menu .side-menu.active .menu-item {
padding-left: var(--spacing-scale-2x) !important;
}
.br-menu.small .menu-item {
--menu-item-padding: var(--menu-item-small);
}
.br-menu.medium .menu-item {
--menu-item-padding: var(--menu-item-medium);
}
.br-menu.large .menu-item {
--menu-item-padding: var(--menu-item-large);
}
.br-menu.push .menu-trigger,
.br-menu.push .menu-scrim {
display: none;
}
@media (min-width: 576px) {
.br-menu.push {
--menu-zindex: var(--menu-zindex-push);
}
}
@media (min-width: 576px) {
.br-menu.push .menu-header {
display: none;
}
.br-menu.push .menu-panel {
height: auto;
}
.br-menu.push .menu-scrim {
display: none;
}
.br-menu.push.active .menu-container {
position: static;
}
}
.br-menu.contextual {
overflow: auto;
}
.br-menu.contextual .menu-body .menu-folder > .menu-item + ul .menu-item {
padding-left: var(--spacing-scale-2x);
}
.br-menu.contextual .menu-body .menu-folder > ul > li:last-child > .menu-item {
border-bottom: 0;
}
.br-menu.contextual .menu-trigger {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: calc(var(--menu-zindex) - 1);
}
.br-menu.contextual .menu-trigger .br-button {
--button-radius: 0;
}
.br-menu.contextual .menu-container {
display: none;
flex-direction: column-reverse;
position: static;
}
.br-menu.contextual .menu-panel {
height: auto;
}
.br-menu.contextual.active {
bottom: 0;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: flex-end;
left: 0;
position: fixed;
right: 0;
z-index: var(--menu-zindex);
}
.br-menu.contextual.active .menu-trigger {
position: relative;
z-index: calc(var(--menu-zindex) + 1);
}
.br-menu.contextual.active .menu-trigger .svg-inline--fa,
.br-menu.contextual.active .menu-trigger .fa,
.br-menu.contextual.active .menu-trigger .fab,
.br-menu.contextual.active .menu-trigger .fad,
.br-menu.contextual.active .menu-trigger .fal,
.br-menu.contextual.active .menu-trigger .far,
.br-menu.contextual.active .menu-trigger .fas {
transform: rotate(180deg);
}
.br-menu.contextual.active .menu-container {
display: flex;
overflow: auto;
}
@media (min-width: 992px) {
.br-menu.contextual .menu-trigger {
display: none;
}
.br-menu.contextual .menu-scrim {
position: static;
}
.br-menu.contextual .menu-container {
display: block;
}
}
.br-menu .menu-item[hidden] {
display: none;
}
.br-menu .menu-item:disabled {
cursor: not-allowed;
opacity: var(--disabled);
}
.br-menu .menu-item:disabled * {
pointer-events: none;
}
.br-menu a.menu-item:not(:disabled).active {
--interactive-rgb: var(--rgb-secondary-01);
--menu-item-background: var(--active);
--menu-item-color: var(--color-secondary-01);
}
.br-menu a.menu-item:not(:disabled).active:focus {
outline-color: var(--color-support-10);
}
.br-menu a.menu-item:not(:disabled):not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-loading {
--loading-indetermined-color: var(--interactive);
--loading-indetermined-diameter-md: 44px;
--loading-indetermined-diameter-sm: 24px;
--loading-diameter: 84px;
background-color: var(--color-secondary-04);
border-radius: 50%;
height: var(--loading-diameter);
width: var(--loading-diameter);
z-index: var(--z-index-layer-4);
}
.br-loading-mask, .br-loading-fill {
backface-visibility: hidden;
border-radius: 50%;
clip: rect(0, 84px, 84px, 42px);
height: 84px;
overflow: hidden;
position: absolute;
width: 84px;
}
.br-loading-fill {
background: var(--interactive);
clip: rect(0, 42px, 84px, 0);
}
.br-loading::after {
background: var(--color-secondary-01);
border-radius: 50%;
color: var(--interactive);
content: attr(data-progress) "%";
font-size: var(--font-size-scale-up-02);
font-weight: var(--font-weight-semi-bold);
height: 74px;
line-height: 74px;
margin: 5px;
position: absolute;
text-align: center;
width: 74px;
}
@keyframes fill {
0% {
transform: rotate(0deg);
}
}
.br-loading[data-progress="1"] .br-loading-mask.full,
.br-loading[data-progress="1"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(1.8deg);
}
.br-loading[data-progress="2"] .br-loading-mask.full,
.br-loading[data-progress="2"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(3.6deg);
}
.br-loading[data-progress="3"] .br-loading-mask.full,
.br-loading[data-progress="3"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(5.4deg);
}
.br-loading[data-progress="4"] .br-loading-mask.full,
.br-loading[data-progress="4"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(7.2deg);
}
.br-loading[data-progress="5"] .br-loading-mask.full,
.br-loading[data-progress="5"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(9deg);
}
.br-loading[data-progress="6"] .br-loading-mask.full,
.br-loading[data-progress="6"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(10.8deg);
}
.br-loading[data-progress="7"] .br-loading-mask.full,
.br-loading[data-progress="7"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(12.6deg);
}
.br-loading[data-progress="8"] .br-loading-mask.full,
.br-loading[data-progress="8"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(14.4deg);
}
.br-loading[data-progress="9"] .br-loading-mask.full,
.br-loading[data-progress="9"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(16.2deg);
}
.br-loading[data-progress="10"] .br-loading-mask.full,
.br-loading[data-progress="10"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(18deg);
}
.br-loading[data-progress="11"] .br-loading-mask.full,
.br-loading[data-progress="11"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(19.8deg);
}
.br-loading[data-progress="12"] .br-loading-mask.full,
.br-loading[data-progress="12"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(21.6deg);
}
.br-loading[data-progress="13"] .br-loading-mask.full,
.br-loading[data-progress="13"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(23.4deg);
}
.br-loading[data-progress="14"] .br-loading-mask.full,
.br-loading[data-progress="14"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(25.2deg);
}
.br-loading[data-progress="15"] .br-loading-mask.full,
.br-loading[data-progress="15"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(27deg);
}
.br-loading[data-progress="16"] .br-loading-mask.full,
.br-loading[data-progress="16"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(28.8deg);
}
.br-loading[data-progress="17"] .br-loading-mask.full,
.br-loading[data-progress="17"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(30.6deg);
}
.br-loading[data-progress="18"] .br-loading-mask.full,
.br-loading[data-progress="18"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(32.4deg);
}
.br-loading[data-progress="19"] .br-loading-mask.full,
.br-loading[data-progress="19"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(34.2deg);
}
.br-loading[data-progress="20"] .br-loading-mask.full,
.br-loading[data-progress="20"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(36deg);
}
.br-loading[data-progress="21"] .br-loading-mask.full,
.br-loading[data-progress="21"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(37.8deg);
}
.br-loading[data-progress="22"] .br-loading-mask.full,
.br-loading[data-progress="22"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(39.6deg);
}
.br-loading[data-progress="23"] .br-loading-mask.full,
.br-loading[data-progress="23"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(41.4deg);
}
.br-loading[data-progress="24"] .br-loading-mask.full,
.br-loading[data-progress="24"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(43.2deg);
}
.br-loading[data-progress="25"] .br-loading-mask.full,
.br-loading[data-progress="25"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(45deg);
}
.br-loading[data-progress="26"] .br-loading-mask.full,
.br-loading[data-progress="26"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(46.8deg);
}
.br-loading[data-progress="27"] .br-loading-mask.full,
.br-loading[data-progress="27"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(48.6deg);
}
.br-loading[data-progress="28"] .br-loading-mask.full,
.br-loading[data-progress="28"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(50.4deg);
}
.br-loading[data-progress="29"] .br-loading-mask.full,
.br-loading[data-progress="29"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(52.2deg);
}
.br-loading[data-progress="30"] .br-loading-mask.full,
.br-loading[data-progress="30"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(54deg);
}
.br-loading[data-progress="31"] .br-loading-mask.full,
.br-loading[data-progress="31"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(55.8deg);
}
.br-loading[data-progress="32"] .br-loading-mask.full,
.br-loading[data-progress="32"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(57.6deg);
}
.br-loading[data-progress="33"] .br-loading-mask.full,
.br-loading[data-progress="33"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(59.4deg);
}
.br-loading[data-progress="34"] .br-loading-mask.full,
.br-loading[data-progress="34"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(61.2deg);
}
.br-loading[data-progress="35"] .br-loading-mask.full,
.br-loading[data-progress="35"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(63deg);
}
.br-loading[data-progress="36"] .br-loading-mask.full,
.br-loading[data-progress="36"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(64.8deg);
}
.br-loading[data-progress="37"] .br-loading-mask.full,
.br-loading[data-progress="37"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(66.6deg);
}
.br-loading[data-progress="38"] .br-loading-mask.full,
.br-loading[data-progress="38"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(68.4deg);
}
.br-loading[data-progress="39"] .br-loading-mask.full,
.br-loading[data-progress="39"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(70.2deg);
}
.br-loading[data-progress="40"] .br-loading-mask.full,
.br-loading[data-progress="40"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(72deg);
}
.br-loading[data-progress="41"] .br-loading-mask.full,
.br-loading[data-progress="41"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(73.8deg);
}
.br-loading[data-progress="42"] .br-loading-mask.full,
.br-loading[data-progress="42"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(75.6deg);
}
.br-loading[data-progress="43"] .br-loading-mask.full,
.br-loading[data-progress="43"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(77.4deg);
}
.br-loading[data-progress="44"] .br-loading-mask.full,
.br-loading[data-progress="44"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(79.2deg);
}
.br-loading[data-progress="45"] .br-loading-mask.full,
.br-loading[data-progress="45"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(81deg);
}
.br-loading[data-progress="46"] .br-loading-mask.full,
.br-loading[data-progress="46"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(82.8deg);
}
.br-loading[data-progress="47"] .br-loading-mask.full,
.br-loading[data-progress="47"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(84.6deg);
}
.br-loading[data-progress="48"] .br-loading-mask.full,
.br-loading[data-progress="48"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(86.4deg);
}
.br-loading[data-progress="49"] .br-loading-mask.full,
.br-loading[data-progress="49"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(88.2deg);
}
.br-loading[data-progress="50"] .br-loading-mask.full,
.br-loading[data-progress="50"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(90deg);
}
.br-loading[data-progress="51"] .br-loading-mask.full,
.br-loading[data-progress="51"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(91.8deg);
}
.br-loading[data-progress="52"] .br-loading-mask.full,
.br-loading[data-progress="52"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(93.6deg);
}
.br-loading[data-progress="53"] .br-loading-mask.full,
.br-loading[data-progress="53"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(95.4deg);
}
.br-loading[data-progress="54"] .br-loading-mask.full,
.br-loading[data-progress="54"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(97.2deg);
}
.br-loading[data-progress="55"] .br-loading-mask.full,
.br-loading[data-progress="55"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(99deg);
}
.br-loading[data-progress="56"] .br-loading-mask.full,
.br-loading[data-progress="56"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(100.8deg);
}
.br-loading[data-progress="57"] .br-loading-mask.full,
.br-loading[data-progress="57"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(102.6deg);
}
.br-loading[data-progress="58"] .br-loading-mask.full,
.br-loading[data-progress="58"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(104.4deg);
}
.br-loading[data-progress="59"] .br-loading-mask.full,
.br-loading[data-progress="59"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(106.2deg);
}
.br-loading[data-progress="60"] .br-loading-mask.full,
.br-loading[data-progress="60"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(108deg);
}
.br-loading[data-progress="61"] .br-loading-mask.full,
.br-loading[data-progress="61"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(109.8deg);
}
.br-loading[data-progress="62"] .br-loading-mask.full,
.br-loading[data-progress="62"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(111.6deg);
}
.br-loading[data-progress="63"] .br-loading-mask.full,
.br-loading[data-progress="63"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(113.4deg);
}
.br-loading[data-progress="64"] .br-loading-mask.full,
.br-loading[data-progress="64"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(115.2deg);
}
.br-loading[data-progress="65"] .br-loading-mask.full,
.br-loading[data-progress="65"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(117deg);
}
.br-loading[data-progress="66"] .br-loading-mask.full,
.br-loading[data-progress="66"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(118.8deg);
}
.br-loading[data-progress="67"] .br-loading-mask.full,
.br-loading[data-progress="67"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(120.6deg);
}
.br-loading[data-progress="68"] .br-loading-mask.full,
.br-loading[data-progress="68"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(122.4deg);
}
.br-loading[data-progress="69"] .br-loading-mask.full,
.br-loading[data-progress="69"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(124.2deg);
}
.br-loading[data-progress="70"] .br-loading-mask.full,
.br-loading[data-progress="70"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(126deg);
}
.br-loading[data-progress="71"] .br-loading-mask.full,
.br-loading[data-progress="71"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(127.8deg);
}
.br-loading[data-progress="72"] .br-loading-mask.full,
.br-loading[data-progress="72"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(129.6deg);
}
.br-loading[data-progress="73"] .br-loading-mask.full,
.br-loading[data-progress="73"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(131.4deg);
}
.br-loading[data-progress="74"] .br-loading-mask.full,
.br-loading[data-progress="74"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(133.2deg);
}
.br-loading[data-progress="75"] .br-loading-mask.full,
.br-loading[data-progress="75"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(135deg);
}
.br-loading[data-progress="76"] .br-loading-mask.full,
.br-loading[data-progress="76"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(136.8deg);
}
.br-loading[data-progress="77"] .br-loading-mask.full,
.br-loading[data-progress="77"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(138.6deg);
}
.br-loading[data-progress="78"] .br-loading-mask.full,
.br-loading[data-progress="78"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(140.4deg);
}
.br-loading[data-progress="79"] .br-loading-mask.full,
.br-loading[data-progress="79"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(142.2deg);
}
.br-loading[data-progress="80"] .br-loading-mask.full,
.br-loading[data-progress="80"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(144deg);
}
.br-loading[data-progress="81"] .br-loading-mask.full,
.br-loading[data-progress="81"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(145.8deg);
}
.br-loading[data-progress="82"] .br-loading-mask.full,
.br-loading[data-progress="82"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(147.6deg);
}
.br-loading[data-progress="83"] .br-loading-mask.full,
.br-loading[data-progress="83"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(149.4deg);
}
.br-loading[data-progress="84"] .br-loading-mask.full,
.br-loading[data-progress="84"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(151.2deg);
}
.br-loading[data-progress="85"] .br-loading-mask.full,
.br-loading[data-progress="85"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(153deg);
}
.br-loading[data-progress="86"] .br-loading-mask.full,
.br-loading[data-progress="86"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(154.8deg);
}
.br-loading[data-progress="87"] .br-loading-mask.full,
.br-loading[data-progress="87"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(156.6deg);
}
.br-loading[data-progress="88"] .br-loading-mask.full,
.br-loading[data-progress="88"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(158.4deg);
}
.br-loading[data-progress="89"] .br-loading-mask.full,
.br-loading[data-progress="89"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(160.2deg);
}
.br-loading[data-progress="90"] .br-loading-mask.full,
.br-loading[data-progress="90"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(162deg);
}
.br-loading[data-progress="91"] .br-loading-mask.full,
.br-loading[data-progress="91"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(163.8deg);
}
.br-loading[data-progress="92"] .br-loading-mask.full,
.br-loading[data-progress="92"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(165.6deg);
}
.br-loading[data-progress="93"] .br-loading-mask.full,
.br-loading[data-progress="93"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(167.4deg);
}
.br-loading[data-progress="94"] .br-loading-mask.full,
.br-loading[data-progress="94"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(169.2deg);
}
.br-loading[data-progress="95"] .br-loading-mask.full,
.br-loading[data-progress="95"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(171deg);
}
.br-loading[data-progress="96"] .br-loading-mask.full,
.br-loading[data-progress="96"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(172.8deg);
}
.br-loading[data-progress="97"] .br-loading-mask.full,
.br-loading[data-progress="97"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(174.6deg);
}
.br-loading[data-progress="98"] .br-loading-mask.full,
.br-loading[data-progress="98"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(176.4deg);
}
.br-loading[data-progress="99"] .br-loading-mask.full,
.br-loading[data-progress="99"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(178.2deg);
}
.br-loading[data-progress="100"] .br-loading-mask.full,
.br-loading[data-progress="100"] .br-loading-fill {
animation: fill ease-in-out 2s;
transform: rotate(180deg);
}
*.is-loading, *.loading, *[loading] {
--loading-indetermined-color: var(--interactive);
--loading-indetermined-diameter-md: 44px;
--loading-indetermined-diameter-sm: 24px;
color: transparent !important;
min-height: 44px;
pointer-events: none;
position: relative;
z-index: var(--z-index-layer-4);
}
*.is-loading::after, *.loading::after, *[loading]::after {
animation: spinAround 1.3s infinite linear;
border: 2px solid var(--loading-indetermined-color);
border-radius: 50%;
border-right-color: transparent;
content: "";
display: block;
height: var(--loading-indetermined-diameter-sm);
left: calc(50% - 12px);
position: absolute;
top: calc(50% - 12px);
width: var(--loading-indetermined-diameter-sm);
}
*.is-loading.primary::after, *.loading.primary::after, *[loading].primary::after {
border-bottom-color: var(--color-secondary-01);
border-left-color: var(--color-secondary-01);
border-top-color: var(--color-secondary-01);
}
*.is-loading.medium::after, *.is-loading[md]::after, *.loading.medium::after, *.loading[md]::after, *[loading].medium::after, *[loading][md]::after {
border-width: 4px;
height: var(--loading-indetermined-diameter-md);
left: calc(50% - 22px);
top: calc(50% - 22px);
width: var(--loading-indetermined-diameter-md);
}
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.br-magic-button {
--magic-size: var(--magic-medium);
--magic-small: var(--spacing-scale-4xh);
--magic-medium: var(--spacing-scale-5xh);
--magic-large: var(--spacing-scale-6xh);
--magic-support-size: var(--magic-support-medium);
--magic-support-small: var(--spacing-scale-7x);
--magic-support-medium: var(--spacing-scale-8x);
--magic-support-large: var(--spacing-scale-9x);
--magic-z-index: var(--z-index-layer-1);
align-items: center;
background-color: var(--gray-5);
border-radius: 100em;
box-shadow: var(--surface-shadow-md);
display: inline-flex;
height: var(--magic-support-size);
padding: calc((var(--magic-support-size) - var(--magic-size)) * 0.5);
}
.br-magic-button.small {
--magic-size: var(--magic-small);
--magic-support-size: var(--magic-support-small);
}
.br-magic-button.medium {
--magic-size: var(--magic-medium);
--magic-support-size: var(--magic-support-medium);
}
.br-magic-button.large {
--magic-size: var(--magic-large);
--magic-support-size: var(--magic-support-large);
}
.br-magic-button .svg-inline--fa,
.br-magic-button .fa,
.br-magic-button .fab,
.br-magic-button .fad,
.br-magic-button .fal,
.br-magic-button .far,
.br-magic-button .fas {
--icon-size: var(--icon-size-lg);
}
.br-magic-button .br-button {
--focus-offset: calc(
(var(--magic-support-size) - var(--magic-size)) * 0.5 + 4px
);
--button-size: var(--magic-size);
background-color: var(--interactive-alternative);
color: var(--color-dark);
font-size: var(--font-size-scale-up-02);
font-weight: var(--font-weight-semi-bold);
}
.br-magic-button .br-button:not(:disabled):not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)));
}
.br-magic-button .br-button:not(:disabled):not(:disabled):active {
background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--pressed)), rgba(var(--color-dark-rgb), var(--pressed)));
}
.br-message {
--message-background: var(--gray-80);
--message-color-icon: var(--gray-80);
--feedback-background: var(--gray-80);
--message-text: var(--color);
--message-opacity: var(--surface-opacity-xs);
--message-font-size: var(--font-size-scale-up-01);
--message-padding: var(--spacing-scale-3x) var(--spacing-scale-base)
var(--spacing-scale-3x) var(--spacing-scale-2x);
--message-margin: var(--spacing-scale-2x);
--message-icon: var(--icon-size-lg);
--feedback-padding: var(--spacing-scale-half);
--feedback-font-weight: var(--font-weight-medium);
background: var(--message-background);
display: flex;
margin-bottom: var(--message-margin);
}
.br-message .content {
color: var(--message-text);
flex: 1;
font-size: var(--message-font-size);
padding: var(--message-padding);
}
.br-message .content .message-title {
font-weight: var(--font-weight-semi-bold);
}
.br-message .content .message-body {
font-weight: var(--font-weigth-regular);
}
.br-message .content a {
font-weight: var(--font-weight-bold);
text-decoration: underline;
}
.br-message .content *:last-child {
margin-bottom: 0;
}
.br-message .icon {
align-items: center;
color: var(--message-color-icon);
display: flex;
justify-content: center;
margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
padding-left: var(--spacing-scale-2x);
padding-right: var(--spacing-scale-2x);
}
.br-message .icon + .content {
padding-left: 0;
}
.br-message .close {
margin-right: var(--spacing-scale-base);
margin-top: var(--spacing-scale-base);
}
.br-message.is-success, .br-message.success, .br-message[success] {
--message-background: var(--success-alternative);
--feedback-background: var(--success);
--message-color-icon: var(--success);
}
.br-message.is-success .close .br-button, .br-message.success .close .br-button, .br-message[success] .close .br-button {
--interactive: var(--message-color-icon);
--interactive-rgb: var(--success-rgb);
}
.br-message.is-danger, .br-message.danger, .br-message[danger] {
--message-background: var(--danger-alternative);
--feedback-background: var(--danger);
--message-color-icon: var(--danger);
}
.br-message.is-danger .close .br-button, .br-message.danger .close .br-button, .br-message[danger] .close .br-button {
--interactive: var(--message-color-icon);
--interactive-rgb: var(--danger-rgb);
}
.br-message.is-info, .br-message.info, .br-message[info] {
--message-background: var(--info-alternative);
--feedback-background: var(--info);
--message-color-icon: var(--info);
}
.br-message.is-info .close .br-button, .br-message.info .close .br-button, .br-message[info] .close .br-button {
--interactive: var(--message-color-icon);
--interactive-rgb: var(--info-rgb);
}
.br-message.is-warning, .br-message.warning, .br-message[warning] {
--message-background: var(--warning-alternative);
--feedback-background: var(--warning);
}
.br-message.is-warning .close .br-button, .br-message.warning .close .br-button, .br-message[warning] .close .br-button {
--interactive: var(--color);
--interactive-rgb: var(--color-rgb);
}
.feedback {
--message-background: var(--gray-80);
--message-color-icon: var(--gray-80);
--feedback-background: var(--gray-80);
--message-text: var(--color);
--message-opacity: var(--surface-opacity-xs);
--message-font-size: var(--font-size-scale-up-01);
--message-padding: var(--spacing-scale-3x) var(--spacing-scale-base)
var(--spacing-scale-3x) var(--spacing-scale-2x);
--message-margin: var(--spacing-scale-2x);
--message-icon: var(--icon-size-lg);
--feedback-padding: var(--spacing-scale-half);
--feedback-font-weight: var(--font-weight-medium);
--message-opacity: 1;
align-items: center;
background: var(--feedback-background);
color: var(--message-text);
display: inline-flex;
font-style: italic;
font-weight: var(--feedback-font-weight);
margin-bottom: 0;
padding: var(--feedback-padding);
}
.feedback .svg-inline--fa,
.feedback .fa,
.feedback .fab,
.feedback .fad,
.feedback .fal,
.feedback .far,
.feedback .fas {
margin-right: var(--feedback-padding);
}
.feedback:not(.is-warning):not(.warning):not([warning]) {
--message-text: var(--pure-0);
}
.feedback.is-warning, .feedback.warning, .feedback[warning] {
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
}
.feedback.is-success, .feedback.success, .feedback[success] {
--message-background: var(--success-alternative);
--feedback-background: var(--success);
--message-color-icon: var(--success);
}
.feedback.is-success .close .br-button, .feedback.success .close .br-button, .feedback[success] .close .br-button {
--interactive: var(--message-color-icon);
--interactive-rgb: var(--success-rgb);
}
.feedback.is-danger, .feedback.danger, .feedback[danger] {
--message-background: var(--danger-alternative);
--feedback-background: var(--danger);
--message-color-icon: var(--danger);
}
.feedback.is-danger .close .br-button, .feedback.danger .close .br-button, .feedback[danger] .close .br-button {
--interactive: var(--message-color-icon);
--interactive-rgb: var(--danger-rgb);
}
.feedback.is-info, .feedback.info, .feedback[info] {
--message-background: var(--info-alternative);
--feedback-background: var(--info);
--message-color-icon: var(--info);
}
.feedback.is-info .close .br-button, .feedback.info .close .br-button, .feedback[info] .close .br-button {
--interactive: var(--message-color-icon);
--interactive-rgb: var(--info-rgb);
}
.feedback.is-warning, .feedback.warning, .feedback[warning] {
--message-background: var(--warning-alternative);
--feedback-background: var(--warning);
}
.feedback.is-warning .close .br-button, .feedback.warning .close .br-button, .feedback[warning] .close .br-button {
--interactive: var(--color);
--interactive-rgb: var(--color-rgb);
}
.br-modal {
--modal-z-index: var(--z-index-layer-4);
--modal-shadow: var(--surface-shadow-sm);
--modal-margin-bottom: var(--spacing-scale-3xh);
--modal-padding: var(--spacing-scale-2x);
box-shadow: var(--modal-shadow);
z-index: var(--modal-z-index);
}
.br-modal-header {
margin-bottom: var(--spacing-scale-3xh);
position: relative;
}
.br-modal-header .close {
position: absolute;
right: 0;
top: calc(var(--spacing-scale-half) * -1);
}
.br-modal-title {
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-bold);
margin: 0 40px 0 0;
max-height: calc(var(--font-size-scale-up-01) * 3);
overflow: hidden;
}
.br-modal-body {
margin: 0 0 var(--spacing-scale-5x);
}
.br-modal-footer {
display: flex;
flex-wrap: wrap;
}
.br-modal .br-card {
--card-shadow: none;
margin-bottom: 0;
}
.br-modal .terms {
border: 0;
box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up);
font-size: var(--font-size-scale-base);
height: 216px;
margin-bottom: var(--spacing-scale-2x);
margin-left: calc(var(--spacing-scale-2x) * -1);
margin-right: calc(var(--spacing-scale-2x) * -1);
overflow: auto;
padding: var(--spacing-scale-2x);
resize: none;
width: auto;
}
.br-modal .terms::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-modal .terms::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-modal .terms::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
.br-modal .terms:active {
outline: none;
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
background: var(--color-secondary-07);
}
@media (max-width: 991px) {
.br-modal .terms {
margin-left: unset !important;
margin-right: unset !important;
}
.br-modal-header .close {
top: 0;
}
}
@media (min-width: 576px) {
.br-modal {
width: auto;
}
.br-modal.is-xsmall {
max-width: 220px;
}
.br-modal.is-small {
max-width: 300px;
}
.br-modal.is-medium {
max-width: 500px;
}
.br-modal.is-large, .br-modal.is-scroll {
max-width: 640px;
}
}
.br-notification {
--notification-background: var(--color-secondary-01);
--notification-shadow: 0 3px 6px rgba(var(--rgb-secondary-09), 0.16);
--notification-padding: var(--spacing-scale-2x) var(--spacing-scale-4x);
--notification-width: 50vw;
--notification-height: calc(100vh - 86px);
--notification-tab: var(--font-size-scale-down-01);
background: var(--notification-background);
box-shadow: var(--notification-shadow);
max-height: var(--notification-height);
max-width: var(--notification-width);
overflow: auto;
z-index: 1;
}
@media (max-width: 576px) {
.br-notification {
--item-padding-x: var(--spacing-scale-2x);
--item-padding-y: var(--spacing-scale-base);
--item-padding: var(--item-padding-y) var(--item-padding-x);
--notification-padding: var(--item-padding);
--notification-width: 100vw;
min-height: var(--notification-height);
overflow: hidden;
}
.br-notification .br-tab {
--tab-size: var(--tab-small);
}
.br-notification .br-tab .tab-content {
--notification-height: calc(100vh - 86px);
height: var(--notification-height);
overflow-x: auto;
}
.br-notification .status {
left: var(--spacing-scale-half) !important;
top: var(--spacing-scale-2x) !important;
}
.br-notification.close {
display: none;
}
}
@media (max-width: 992px) {
.br-notification.close {
display: none;
}
}
@media (min-width: 992px) {
.br-notification div.close {
display: none;
}
}
.br-notification .notification-header {
border-bottom: 1px solid #ccc;
padding: var(--notification-padding);
}
.br-notification .notification-header *:last-child {
margin-bottom: 0;
}
.br-notification .notification-body .br-tab .tab-item {
padding: 0;
}
.br-notification .notification-body .br-tab .tab-content {
overflow-y: auto;
}
.br-notification .notification-body .br-tab .tab-content .br-item {
--interactive-rgb: var(--rgb-secondary-08);
--item-color: var(--text-color);
padding: var(--notification-padding);
position: relative;
white-space: normal;
}
.br-notification .notification-body .br-tab .tab-content .br-item .status {
left: var(--spacing-scale-base);
position: absolute;
top: var(--spacing-scale-3x);
}
.br-notification .notification-body .br-tab .tab-content .br-item span {
display: block;
}
.br-pagination {
--pagination-margin: var(--spacing-scale-base);
--pagination-select-width: 88px;
--pagination-size: var(--pagination-medium);
--pagination-small: 24px;
--pagination-medium: 32px;
--pagination-large: 40px;
color: var(--color);
display: flex;
flex-wrap: wrap;
font-weight: var(--font-weight);
justify-content: center;
}
.br-pagination ul {
align-items: center;
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.br-pagination li {
padding: 0;
}
.br-pagination .page {
align-items: center;
border: 1px solid transparent;
border-radius: 100em;
color: var(--interactive);
display: inline-flex;
justify-content: center;
margin: 0 calc(var(--pagination-margin) * 0.5);
min-height: var(--pagination-size);
min-width: var(--pagination-size);
padding: 0 var(--spacing-scale-base);
white-space: nowrap;
}
.br-pagination .page:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-pagination .page.active {
background: var(--active);
color: var(--color-dark);
font-weight: var(--font-weight-semi-bold);
}
.br-pagination .pagination-ellipsis {
margin: 0 calc(var(--pagination-margin) * 0.5);
position: relative;
}
.br-pagination .pagination-ellipsis .br-button {
--button-size: var(--pagination-size);
}
.br-pagination .pagination-ellipsis .br-list {
max-height: 220px;
min-width: 4em;
overflow-y: auto;
z-index: var(--z-index-layer-1);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
.br-pagination.small {
--pagination-size: var(--pagination-small);
}
.br-pagination.medium {
--pagination-size: var(--pagination-medium);
}
.br-pagination.large {
--pagination-size: var(--pagination-large);
}
.br-pagination .pagination-information {
align-items: center;
display: flex;
}
.br-pagination .pagination-per-page,
.br-pagination .pagination-go-to-page {
align-items: center;
display: flex;
}
.br-pagination .pagination-per-page .br-input,
.br-pagination .pagination-go-to-page .br-input {
align-items: center;
display: flex;
}
.br-pagination .pagination-per-page .br-input label,
.br-pagination .pagination-go-to-page .br-input label {
font-weight: var(--font-weight-regular);
margin-bottom: 0;
margin-right: var(--spacing-scale-base);
padding-bottom: 0;
}
.br-pagination .pagination-per-page .br-input input,
.br-pagination .pagination-go-to-page .br-input input {
--input-size: var(--pagination-medium);
padding-left: var(--spacing-scale-base);
padding-right: calc(var(--spacing-scale-baseh) + 32px);
text-align: right;
width: var(--pagination-select-width);
}
.br-pagination .pagination-per-page .br-input input:not(:focus),
.br-pagination .pagination-go-to-page .br-input input:not(:focus) {
border-color: transparent;
}
.br-pagination .pagination-per-page .br-list,
.br-pagination .pagination-go-to-page .br-list {
min-width: 5em;
right: 0;
width: auto;
}
.br-pagination .pagination-arrows {
align-items: center;
display: flex;
}
.br-pagination .br-select .br-input .br-button {
bottom: auto;
margin-top: 0;
position: absolute;
right: var(--spacing-scale-half);
top: auto;
transform: none;
}
.br-pagination .br-divider {
border-right-width: var(--divider-size);
border-top: 0;
}
.br-pagination.inverted, .br-pagination.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-pagination.inverted.inverted .br-input,
.br-pagination.inverted.inverted .br-input label, .br-pagination.inverted.dark-mode .br-input,
.br-pagination.inverted.dark-mode .br-input label, .br-pagination.dark-mode.inverted .br-input,
.br-pagination.dark-mode.inverted .br-input label, .br-pagination.dark-mode.dark-mode .br-input,
.br-pagination.dark-mode.dark-mode .br-input label {
--color: var(--color-dark);
--focus-color: var(--focus-color-dark);
}
.br-pagination.inverted .page.active, .br-pagination.dark-mode .page.active {
--interactive-rgb: var(--active-rgb);
background-color: var(--background-light);
color: var(--active);
}
.br-scrim.foco {
background: var(--surface-overlay-scrim);
bottom: 0;
display: none;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.br-scrim.foco .br-modal {
background-color: var(--color-secondary-01, #fff);
left: 50%;
max-height: 90%;
overflow: auto;
padding: var(--spacing-scale-2x);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1000;
}
.br-scrim.foco.active {
display: block;
}
.br-scrim.inibicao {
position: relative;
}
.br-scrim.inibicao::before {
background: var(--surface-overlay-scrim);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.br-scrim.legibilidade {
position: relative;
}
.br-scrim.legibilidade .scrim-text {
background: var(--surface-overlay-text);
bottom: 0;
left: 0;
padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
position: absolute;
width: 100%;
}
.br-scrim-util.foco {
background: var(--surface-overlay-scrim);
bottom: 0;
display: none;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.br-scrim-util.foco .br-modal {
background-color: var(--color-secondary-01, #fff);
left: 50%;
max-height: 90%;
overflow: auto;
padding: var(--spacing-scale-2x);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1000;
}
.br-scrim-util.foco.active {
display: block;
}
.br-scrim-util.inibicao {
position: relative;
}
.br-scrim-util.inibicao::before {
background: var(--surface-overlay-scrim);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.br-scrim-util.legibilidade {
position: relative;
}
.br-scrim-util.legibilidade .scrim-text {
background: var(--surface-overlay-text);
bottom: 0;
left: 0;
padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
position: absolute;
width: 100%;
}
.br-select {
--select-divider: 1px solid var(--color-secondary-04);
--select-shadow: var(--surface-shadow-md);
max-width: 400px;
min-width: 100px;
position: relative;
}
.br-select .br-list {
background: var(--bg-color);
box-shadow: var(--select-shadow);
display: none;
margin-top: -6px;
max-height: 404px;
overflow: auto;
position: absolute;
resize: none;
width: 100%;
z-index: 1;
}
.br-select .br-list::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-select .br-list::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-select .br-list::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
.br-select .br-list:focus, .br-select .br-list:active {
color: var(--color-secondary-09);
outline: none;
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
background: var(--color-secondary-07);
}
.br-select .br-list[expanded] {
display: block;
}
.br-select .br-item {
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
--item-padding-y: var(--spacing-scale-2x);
}
.br-select .br-item .content {
padding: 0;
}
.br-select .br-item .br-checkbox,
.br-select .br-item .br-radio {
--item-padding-x: var(--spacing-scale-2x);
--item-padding-y: var(--spacing-scale-2x);
}
.br-select .br-item .br-checkbox input:hover:not(:disabled) + label::before,
.br-select .br-item .br-radio input:hover:not(:disabled) + label::before {
background-image: none;
}
.br-select .br-item .br-checkbox input + label,
.br-select .br-item .br-radio input + label {
padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-select .br-item .br-radio input + label {
color: var(--text-color);
display: block;
height: auto;
min-height: 0;
padding: var(--item-padding);
}
.br-select .br-item .br-radio input + label::before, .br-select .br-item .br-radio input + label::after {
content: none;
}
.br-select .br-item:not(:last-child) {
border-bottom: var(--select-divider);
}
.br-select .br-item:not([disabled]) {
--focus-offset: calc(var(--spacing-scale-half) * -1);
}
.br-select .br-item:not([disabled]):focus {
outline: none;
}
.br-select .br-item:not([disabled]).focus-visible, .br-select .br-item:not([disabled]):focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-select .br-item:not([disabled]):not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.selected, .br-select .br-item[selected] {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-select .br-item.selected:focus, .br-select .br-item[selected]:focus {
outline: none;
}
.br-select .br-item.selected.focus-visible, .br-select .br-item.selected:focus-visible, .br-select .br-item[selected].focus-visible, .br-select .br-item[selected]:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-select .br-item.selected:not(:disabled):hover, .br-select .br-item[selected]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.disabled {
line-height: calc(var(--font-line-height-high) * 2);
padding-left: calc(var(--item-padding) + var(--spacing-scale-base));
}
.br-select .br-item.highlighted:not(.selected):not([selected]), .br-select .br-item[highlighted]:not(.selected):not([selected]) {
background: rgba(var(--rgb-support-03), 0.16);
}
.br-select .br-item.highlighted:not(.selected):not([selected]) .br-checkbox label,
.br-select .br-item.highlighted:not(.selected):not([selected]) .br-radio label, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-checkbox label,
.br-select .br-item[highlighted]:not(.selected):not([selected]) .br-radio label {
color: var(--color-support-03);
}
.br-select .br-item.highlighted:not(.selected):not([selected]) .br-checkbox:hover,
.br-select .br-item.highlighted:not(.selected):not([selected]) .br-radio:hover, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-checkbox:hover,
.br-select .br-item[highlighted]:not(.selected):not([selected]) .br-radio:hover {
background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-select .br-item.highlighted:not(.selected):not([selected]) .br-checkbox:hover label,
.br-select .br-item.highlighted:not(.selected):not([selected]) .br-radio:hover label, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-checkbox:hover label,
.br-select .br-item[highlighted]:not(.selected):not([selected]) .br-radio:hover label {
color: var(--text-color);
}
.br-select.inverted .br-input,
.br-select.inverted .br-input label, .br-select.dark-mode .br-input,
.br-select.dark-mode .br-input label {
--color: var(--color-dark);
--focus-color: var(--focus-color-dark);
}
.br-sign-in,
.br-button.sign-in {
--button-radius: 100em;
--button-xsmall: 24px;
--button-small: 32px;
--button-medium: 40px;
--button-large: 48px;
--button-size: var(--button-medium);
--focus-offset: var(--spacing-scale-half);
align-items: center;
background-color: transparent;
border: 0;
border-radius: var(--button-radius);
color: var(--interactive);
cursor: pointer;
display: inline-flex;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-semi-bold);
height: var(--button-size);
justify-content: center;
overflow: hidden;
padding: 0 var(--spacing-scale-3x);
position: relative;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: auto;
--background: var(--gray-2);
--sign-in-img: 20px;
background-color: var(--background);
padding: 0 var(--spacing-scale-2x);
}
.br-sign-in.block,
.br-button.sign-in.block {
width: 100%;
}
@media (min-width: 576px) {
.br-sign-in.block-sm,
.br-button.sign-in.block-sm {
width: 100%;
}
.br-sign-in.auto-sm,
.br-button.sign-in.auto-sm {
width: auto;
}
}
@media (min-width: 992px) {
.br-sign-in.block-md,
.br-button.sign-in.block-md {
width: 100%;
}
.br-sign-in.auto-md,
.br-button.sign-in.auto-md {
width: auto;
}
}
@media (min-width: 1280px) {
.br-sign-in.block-lg,
.br-button.sign-in.block-lg {
width: 100%;
}
.br-sign-in.auto-lg,
.br-button.sign-in.auto-lg {
width: auto;
}
}
@media (min-width: 1600px) {
.br-sign-in.block-xl,
.br-button.sign-in.block-xl {
width: 100%;
}
.br-sign-in.auto-xl,
.br-button.sign-in.auto-xl {
width: auto;
}
}
.br-sign-in.circle, .br-sign-in[circle], .br-sign-in.is-circle,
.br-button.sign-in.circle,
.br-button.sign-in[circle],
.br-button.sign-in.is-circle {
border-radius: 50%;
padding: 0;
width: var(--button-size);
}
.br-sign-in.xsmall, .br-sign-in[xsmall], .br-sign-in.is-xsmall,
.br-button.sign-in.xsmall,
.br-button.sign-in[xsmall],
.br-button.sign-in.is-xsmall {
--button-size: var(--button-xsmall);
}
.br-sign-in.small, .br-sign-in[small], .br-sign-in.is-small,
.br-button.sign-in.small,
.br-button.sign-in[small],
.br-button.sign-in.is-small {
--button-size: var(--button-small);
}
.br-sign-in.medium, .br-sign-in[medium], .br-sign-in.is-medium,
.br-button.sign-in.medium,
.br-button.sign-in[medium],
.br-button.sign-in.is-medium {
--button-size: var(--button-medium);
}
.br-sign-in.large, .br-sign-in[large], .br-sign-in.is-large,
.br-button.sign-in.large,
.br-button.sign-in[large],
.br-button.sign-in.is-large {
--button-size: var(--button-large);
}
.br-sign-in.primary, .br-sign-in[primary], .br-sign-in.is-primary,
.br-button.sign-in.primary,
.br-button.sign-in[primary],
.br-button.sign-in.is-primary {
--interactive-rgb: var(--color-dark-rgb);
background-color: var(--interactive-light);
color: var(--color-dark);
}
.br-sign-in.secondary, .br-sign-in[secondary], .br-sign-in.is-secondary,
.br-button.sign-in.secondary,
.br-button.sign-in[secondary],
.br-button.sign-in.is-secondary {
background-color: var(--background-light);
border: 1px solid var(--interactive);
}
.br-sign-in.danger, .br-sign-in[danger], .br-sign-in.is-danger,
.br-button.sign-in.danger,
.br-button.sign-in[danger],
.br-button.sign-in.is-danger {
background-color: var(--danger);
--interactive-rgb: var(--color-dark-rgb);
color: var(--color-dark);
}
.br-sign-in.success, .br-sign-in[success], .br-sign-in.is-success,
.br-button.sign-in.success,
.br-button.sign-in[success],
.br-button.sign-in.is-success {
background-color: var(--success);
--interactive-rgb: var(--color-dark-rgb);
color: var(--color-dark);
}
.br-sign-in.warning, .br-sign-in[warning], .br-sign-in.is-warning,
.br-button.sign-in.warning,
.br-button.sign-in[warning],
.br-button.sign-in.is-warning {
background-color: var(--warning);
--interactive-rgb: var(--color-light-rgb);
color: var(--color-light);
}
.br-sign-in.info, .br-sign-in[info], .br-sign-in.is-info,
.br-button.sign-in.info,
.br-button.sign-in[info],
.br-button.sign-in.is-info {
background-color: var(--info);
--interactive-rgb: var(--color-dark-rgb);
color: var(--color-dark);
}
.br-sign-in:disabled,
.br-button.sign-in:disabled {
cursor: not-allowed;
}
.br-sign-in:not(:disabled):focus,
.br-button.sign-in:not(:disabled):focus {
outline: none;
}
.br-sign-in:not(:disabled).focus-visible, .br-sign-in:not(:disabled):focus-visible,
.br-button.sign-in:not(:disabled).focus-visible,
.br-button.sign-in:not(:disabled):focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-sign-in:not(:disabled):not(:disabled):hover,
.br-button.sign-in:not(:disabled):not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-sign-in:not(:disabled):not(:disabled):active,
.br-button.sign-in:not(:disabled):not(:disabled):active {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-sign-in.active, .br-sign-in.is-active, .br-sign-in[active],
.br-button.sign-in.active,
.br-button.sign-in.is-active,
.br-button.sign-in[active] {
--hover: var(--hover-dark);
background-color: var(--active);
color: var(--color-dark);
}
.br-sign-in.loading::after, .br-sign-in[loading]::after, .br-sign-in.is-loading::after,
.br-button.sign-in.loading::after,
.br-button.sign-in[loading]::after,
.br-button.sign-in.is-loading::after {
border-color: var(--interactive) var(--interactive) transparent;
border-style: solid;
}
.br-sign-in.loading.primary::after, .br-sign-in.loading.danger::after, .br-sign-in.loading.success::after, .br-sign-in.loading.info::after, .br-sign-in[loading].primary::after, .br-sign-in[loading].danger::after, .br-sign-in[loading].success::after, .br-sign-in[loading].info::after, .br-sign-in.is-loading.primary::after, .br-sign-in.is-loading.danger::after, .br-sign-in.is-loading.success::after, .br-sign-in.is-loading.info::after,
.br-button.sign-in.loading.primary::after,
.br-button.sign-in.loading.danger::after,
.br-button.sign-in.loading.success::after,
.br-button.sign-in.loading.info::after,
.br-button.sign-in[loading].primary::after,
.br-button.sign-in[loading].danger::after,
.br-button.sign-in[loading].success::after,
.br-button.sign-in[loading].info::after,
.br-button.sign-in.is-loading.primary::after,
.br-button.sign-in.is-loading.danger::after,
.br-button.sign-in.is-loading.success::after,
.br-button.sign-in.is-loading.info::after {
border-color: var(--background) var(--background) transparent;
}
.br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted], .br-sign-in.dark-mode,
.br-button.sign-in.inverted,
.br-button.sign-in.is-inverted,
.br-button.sign-in[inverted],
.br-button.sign-in.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
color: var(--interactive-dark);
}
.br-sign-in.inverted.primary, .br-sign-in.inverted[primary], .br-sign-in.inverted.is-primary, .br-sign-in.is-inverted.primary, .br-sign-in.is-inverted[primary], .br-sign-in.is-inverted.is-primary, .br-sign-in[inverted].primary, .br-sign-in[inverted][primary], .br-sign-in[inverted].is-primary, .br-sign-in.dark-mode.primary, .br-sign-in.dark-mode[primary], .br-sign-in.dark-mode.is-primary,
.br-button.sign-in.inverted.primary,
.br-button.sign-in.inverted[primary],
.br-button.sign-in.inverted.is-primary,
.br-button.sign-in.is-inverted.primary,
.br-button.sign-in.is-inverted[primary],
.br-button.sign-in.is-inverted.is-primary,
.br-button.sign-in[inverted].primary,
.br-button.sign-in[inverted][primary],
.br-button.sign-in[inverted].is-primary,
.br-button.sign-in.dark-mode.primary,
.br-button.sign-in.dark-mode[primary],
.br-button.sign-in.dark-mode.is-primary {
--interactive-rgb: var(--background-dark-rgb);
background-color: var(--interactive-dark);
color: var(--background-dark);
}
.br-sign-in.inverted.secondary, .br-sign-in.inverted[secondary], .br-sign-in.inverted.is-secondary, .br-sign-in.is-inverted.secondary, .br-sign-in.is-inverted[secondary], .br-sign-in.is-inverted.is-secondary, .br-sign-in[inverted].secondary, .br-sign-in[inverted][secondary], .br-sign-in[inverted].is-secondary, .br-sign-in.dark-mode.secondary, .br-sign-in.dark-mode[secondary], .br-sign-in.dark-mode.is-secondary,
.br-button.sign-in.inverted.secondary,
.br-button.sign-in.inverted[secondary],
.br-button.sign-in.inverted.is-secondary,
.br-button.sign-in.is-inverted.secondary,
.br-button.sign-in.is-inverted[secondary],
.br-button.sign-in.is-inverted.is-secondary,
.br-button.sign-in[inverted].secondary,
.br-button.sign-in[inverted][secondary],
.br-button.sign-in[inverted].is-secondary,
.br-button.sign-in.dark-mode.secondary,
.br-button.sign-in.dark-mode[secondary],
.br-button.sign-in.dark-mode.is-secondary {
background-color: var(--background-dark);
}
.br-sign-in.inverted.active, .br-sign-in.is-inverted.active, .br-sign-in[inverted].active, .br-sign-in.dark-mode.active,
.br-button.sign-in.inverted.active,
.br-button.sign-in.is-inverted.active,
.br-button.sign-in[inverted].active,
.br-button.sign-in.dark-mode.active {
--hover: var(--hover-light);
--interactive-rgb: var(--active-rgb);
background-color: var(--background-light);
color: var(--active);
}
.br-sign-in img,
.br-button.sign-in img {
max-height: var(--sign-in-img);
}
.br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted], .br-sign-in.dark-mode,
.br-button.sign-in.inverted,
.br-button.sign-in.is-inverted,
.br-button.sign-in[inverted],
.br-button.sign-in.dark-mode {
--background: var(--background-dark);
}
.br-skiplink {
--skiplink-layer: var(--z-index-layer-4);
--skiplink-margin: var(--spacing-scale-2x);
--skiplink-min-width: 300px;
--skiplink-shadow: var(--surface-shadow-lg);
--skiplink-duration: 150ms;
--skiplink-timing-function: ease-out;
display: inline-flex;
flex-direction: column;
left: var(--skiplink-margin);
position: fixed;
top: 0;
z-index: var(--skiplink-layer);
}
.br-skiplink a {
align-items: center;
background-color: var(--background);
box-shadow: var(--skiplink-shadow);
display: inline-flex;
min-width: var(--skiplink-min-width);
position: absolute;
top: -100vh;
transition: top var(--skiplink-duration) var(--skiplink-timing-function);
white-space: nowrap;
width: auto;
}
.br-skiplink a:focus, .br-skiplink a:focus-visible {
top: 0;
}
.br-skiplink.full {
box-shadow: var(--skiplink-shadow);
flex-direction: row;
top: -100vh;
transition: top var(--skiplink-duration) var(--skiplink-timing-function);
}
.br-skiplink.full a {
box-shadow: none;
min-width: 0;
position: relative;
top: 0;
}
.br-skiplink.full:focus-within {
top: 0;
}
.br-step {
--step-empty: 16px;
--step-empty-border: 4px;
--step-line: 1px;
--step-size: var(--step-medium);
--step-small: 32px;
--step-medium: 40px;
--step-large: 48px;
--step-simple-size: var(--step-simple-medium);
--step-simple-medium: 8px;
--step-simple-large: 12px;
--step-alert-success-icon: "";
--step-alert-warning-icon: "ï±";
--step-alert-info-icon: "";
--step-alert-danger-icon: "ï€";
}
.br-step .step-progress {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.br-step.vertical .step-progress {
flex-direction: column;
grid-template-columns: none;
}
.br-step .step-progress-btn {
align-items: center;
background-color: transparent;
border: 0;
display: flex;
justify-content: center;
min-height: var(--step-size);
padding: 0;
position: relative;
}
.br-step[data-label=left] .step-progress-btn {
justify-content: end;
}
.br-step[data-label=right] .step-progress-btn {
justify-content: start;
}
.br-step.vertical .step-progress-btn {
justify-content: start;
min-height: calc(var(--step-size) * 1);
}
.br-step.vertical[data-label=left] .step-progress-btn {
justify-content: end;
}
.br-step.vertical[data-label=right] .step-progress-btn {
justify-content: start;
}
.br-step .step-progress-btn::before {
align-items: center;
background-color: var(--background);
border: var(--step-line) solid var(--interactive);
border-radius: 50%;
color: var(--interactive);
content: attr(step-num);
display: inline-flex;
font-size: var(--font-size-scale-up-03);
font-weight: var(--font-weight-medium);
height: var(--step-size);
justify-content: center;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: var(--step-size);
z-index: 2;
}
.br-step .step-icon {
align-items: center;
color: var(--interactive);
display: inline-flex;
height: var(--step-size);
justify-content: center;
position: absolute;
width: var(--step-size);
z-index: 4;
}
.br-step .step-alert {
align-items: center;
border-radius: 50%;
color: var(--color-dark);
display: flex;
height: var(--font-size-scale-up-04);
justify-content: center;
position: absolute;
width: var(--font-size-scale-up-04);
z-index: 4;
}
.br-step .step-alert::after {
display: flex;
font-family: "Font Awesome 5 Free";
font-size: var(--font-size-scale-up-01);
font-weight: 900;
}
.br-step[data-label=bottom] .step-progress-btn::before {
top: 0;
}
.br-step[data-label=bottom] .step-icon {
top: 0;
}
.br-step[data-label=bottom] .step-alert {
transform: translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75));
}
.br-step[data-label=top] .step-progress-btn::before {
bottom: 0;
}
.br-step[data-label=top] .step-icon {
bottom: 0;
}
.br-step[data-label=top] .step-alert {
transform: translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25));
}
.br-step[data-label=left] .step-progress-btn::before {
left: auto;
right: 0;
}
.br-step[data-label=left] .step-alert {
transform: translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25));
}
.br-step[data-label=right] .step-progress-btn::before {
left: 0;
right: auto;
}
.br-step[data-label=right] .step-alert {
transform: translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25));
}
.br-step.vertical .step-progress-btn::before {
bottom: 0;
left: auto;
right: auto;
top: 0;
}
.br-step.vertical[data-label=left] .step-progress-btn::before {
right: 0;
}
.br-step.vertical[data-label=right] .step-progress-btn::before {
left: 0;
}
.br-step .step-progress-btn::after {
background-color: var(--interactive);
content: "";
display: block;
height: var(--step-line);
left: 0;
position: absolute;
right: 0;
z-index: 1;
}
.br-step .step-progress-btn:first-child::after {
left: 50%;
}
.br-step .step-progress-btn:last-child::after {
right: 50%;
}
.br-step[data-label=bottom] .step-progress-btn::after {
top: calc(var(--step-size) * 0.5);
}
.br-step[data-label=top] .step-progress-btn::after {
bottom: calc(var(--step-size) * 0.5);
}
.br-step[data-label=left] .step-progress-btn::after {
left: 0;
}
.br-step[data-label=left] .step-progress-btn:first-child::after {
left: 100%;
}
.br-step[data-label=left] .step-progress-btn:last-child::after {
right: 0;
}
.br-step[data-label=right] .step-progress-btn::after {
right: 0;
}
.br-step[data-label=right] .step-progress-btn:first-child::after {
left: 0;
}
.br-step[data-label=right] .step-progress-btn:last-child::after {
right: 100%;
}
.br-step.vertical .step-progress-btn::after {
bottom: 0;
height: auto;
left: auto;
right: auto;
top: 0;
width: var(--step-line);
}
.br-step.vertical .step-progress-btn:first-child::after {
left: auto;
top: 50%;
}
.br-step.vertical .step-progress-btn:last-child::after {
bottom: 50%;
right: auto;
}
.br-step.vertical[data-label=left] .step-progress-btn::after {
right: calc(var(--step-size) * 0.5);
}
.br-step.vertical[data-label=right] .step-progress-btn::after {
left: calc(var(--step-size) * 0.5);
}
.br-step .step-info {
color: var(--interactive);
display: inline-block;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-medium);
}
.br-step[data-label=bottom] .step-info {
margin-top: var(--step-size);
padding-top: var(--spacing-scale-2x);
}
.br-step[data-label=top] .step-info {
margin-bottom: var(--step-size);
padding-bottom: var(--spacing-scale-2x);
}
.br-step[data-label=left] .step-info {
display: none;
}
@media (min-width: 576px) {
.br-step[data-label=left] .step-info {
background-color: var(--background);
display: inline-block;
margin-right: var(--step-size);
padding: var(--spacing-scale-2x);
position: relative;
z-index: 3;
}
}
.br-step[data-label=right] .step-info {
display: none;
}
@media (min-width: 576px) {
.br-step[data-label=right] .step-info {
background-color: var(--background);
display: inline-block;
margin-left: var(--step-size);
padding: var(--spacing-scale-2x);
position: relative;
z-index: 3;
}
}
.br-step.vertical[data-label=left] .step-info {
display: inline-block;
margin-left: 0;
margin-right: var(--step-size);
padding: var(--spacing-scale-2x);
}
.br-step.vertical[data-label=right] .step-info {
display: inline-block;
margin-left: var(--step-size);
margin-right: 0;
padding: var(--spacing-scale-2x);
}
.br-step[data-type=void] .step-progress-btn::before {
content: "";
height: var(--step-empty);
width: var(--step-empty);
}
.br-step[data-type=void] .step-info {
height: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.br-step[data-type=simple] .step-progress {
align-items: center;
display: flex;
justify-content: center;
}
.br-step[data-type=simple] .step-progress-btn {
width: 24px;
}
.br-step[data-type=simple] .step-progress-btn::before {
background-color: var(--gray-20);
border-color: var(--gray-20);
content: "";
height: var(--step-simple-size);
width: var(--step-simple-size);
}
.br-step[data-type=simple] .step-progress-btn::after {
content: none;
}
.br-step[data-type=simple] .step-info {
height: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.br-step[data-type=text] .step-progress {
align-items: center;
display: flex;
justify-content: center;
}
.br-step[data-type=text] .step-progress-btn {
height: 0;
min-height: var(--font-size-scale-base);
overflow: hidden;
position: absolute;
width: 0;
}
.br-step[data-type=text] .step-progress-btn::before {
background-color: transparent;
border: 0;
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-regular);
width: auto;
}
.br-step[data-type=text] .step-progress-btn::after {
content: none;
}
.br-step[data-type=text] .step-info {
height: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.br-step .step-progress-btn[data-alert=success] {
color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-info {
color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert {
background-color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert::after {
content: var(--step-alert-success-icon);
}
.br-step .step-progress-btn[data-alert=info] {
color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-info {
color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert {
background-color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert::after {
content: var(--step-alert-info-icon);
}
.br-step .step-progress-btn[data-alert=warning] {
color: var(--color-light);
}
.br-step .step-progress-btn[data-alert=warning] .step-info {
color: var(--color);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert {
background-color: var(--warning);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert::after {
content: var(--step-alert-warning-icon);
color: var(--color-light);
}
.br-step .step-progress-btn[data-alert=danger] {
color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-info {
color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert {
background-color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert::after {
content: var(--step-alert-danger-icon);
}
.br-step .step-progress-btn.active::before, .br-step .step-progress-btn[active]::before {
background-color: var(--active);
border-color: var(--active);
color: var(--background);
}
.br-step .step-progress-btn.active .step-icon, .br-step .step-progress-btn[active] .step-icon {
color: var(--background);
}
.br-step .step-progress-btn:focus {
outline: none;
}
.br-step .step-progress-btn.focus-visible::before, .br-step .step-progress-btn:focus-visible::before {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
z-index: 4;
}
.br-step .step-progress-btn:hover:not(:disabled)::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-step .step-progress-btn:disabled {
opacity: 1;
}
.br-step .step-progress-btn:disabled::before {
border-color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step .step-progress-btn:disabled .step-icon {
color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step[data-type=void] .step-progress-btn.active .step-alert, .br-step[data-type=void] .step-progress-btn[active] .step-alert {
border: var(--step-empty-border) solid var(--active);
height: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
width: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible::before, .br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible::before {
outline: none;
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible .step-alert, .br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible .step-alert {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
z-index: 4;
}
.br-step[data-type=text] .step-progress-btn {
cursor: default;
}
.br-step[data-type=text] .step-progress-btn.active, .br-step[data-type=text] .step-progress-btn[active] {
height: auto;
position: static;
width: auto;
}
.br-step[data-type=text] .step-progress-btn.active::before, .br-step[data-type=text] .step-progress-btn[active]::before {
background-color: transparent;
border: 0;
color: var(--color);
position: static;
}
.br-step[data-type=text] .step-progress-btn:focus::before, .br-step[data-type=text] .step-progress-btn.focus-visible::before, .br-step[data-type=text] .step-progress-btn:focus-visible::before {
outline: none;
}
.br-step[data-type=text] .step-progress-btn:hover::before {
background-image: none;
}
.br-step.inverted, .br-step.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-step.inverted .step-progress-btn[data-alert=success], .br-step.dark-mode .step-progress-btn[data-alert=success] {
color: var(--success-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=success] .step-info, .br-step.dark-mode .step-progress-btn[data-alert=success] .step-info {
color: var(--success-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=success] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=success] .step-alert::after {
content: var(--step-alert-success-icon);
}
.br-step.inverted .step-progress-btn[data-alert=info], .br-step.dark-mode .step-progress-btn[data-alert=info] {
color: var(--info-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=info] .step-info, .br-step.dark-mode .step-progress-btn[data-alert=info] .step-info {
color: var(--info-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=info] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=info] .step-alert::after {
content: var(--step-alert-info-icon);
}
.br-step.inverted .step-progress-btn[data-alert=warning] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=warning] .step-alert::after {
content: var(--step-alert-warning-icon);
}
.br-step.inverted .step-progress-btn[data-alert=danger], .br-step.dark-mode .step-progress-btn[data-alert=danger] {
color: var(--danger-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=danger] .step-info, .br-step.dark-mode .step-progress-btn[data-alert=danger] .step-info {
color: var(--danger-alternative);
}
.br-step.inverted .step-progress-btn[data-alert=danger] .step-alert::after, .br-step.dark-mode .step-progress-btn[data-alert=danger] .step-alert::after {
content: var(--step-alert-danger-icon);
}
.br-step.inverted .step-progress-btn.active, .br-step.inverted .step-progress-btn[active], .br-step.dark-mode .step-progress-btn.active, .br-step.dark-mode .step-progress-btn[active] {
color: var(--color-dark);
}
.br-step.inverted .step-progress-btn.active::before, .br-step.inverted .step-progress-btn[active]::before, .br-step.dark-mode .step-progress-btn.active::before, .br-step.dark-mode .step-progress-btn[active]::before {
background-color: var(--background-light);
border-color: var(--background-light);
color: var(--active);
}
.br-step.inverted .step-progress-btn.active .step-icon, .br-step.inverted .step-progress-btn[active] .step-icon, .br-step.dark-mode .step-progress-btn.active .step-icon, .br-step.dark-mode .step-progress-btn[active] .step-icon {
color: var(--active);
}
.br-step.inverted[data-type=void] .step-progress-btn.active .step-alert, .br-step.inverted[data-type=void] .step-progress-btn[active] .step-alert, .br-step.dark-mode[data-type=void] .step-progress-btn.active .step-alert, .br-step.dark-mode[data-type=void] .step-progress-btn[active] .step-alert {
border-color: var(--color-dark);
}
.br-step.inverted[data-type=text] .step-progress-btn::before, .br-step.dark-mode[data-type=text] .step-progress-btn::before {
background-color: transparent;
color: var(--color);
}
.br-switch {
--switch-radius: 100em;
--switch-padding: 16px;
--switch-height: var(--switch-height-medium);
--switch-width: var(--switch-width-medium);
--switch-toggle-size: var(--switch-toggle-medium);
--switch-icon-size: var(--switch-icon-medium);
--switch-height-small: 24px;
--switch-height-medium: 30px;
--switch-height-large: 36px;
--switch-width-small: 40px;
--switch-width-medium: 52px;
--switch-width-large: 64px;
--switch-toggle-small: 16px;
--switch-toggle-medium: 22px;
--switch-toggle-large: 28px;
--switch-icon-small: var(--icon-size-xs);
--switch-icon-medium: var(--icon-size-sm);
--switch-icon-large: var(--icon-size-base);
display: inline-flex;
min-height: var(--switch-height);
/* stylelint-disable no-descending-specificity */
/* stylelint-enable no-descending-specificity */
}
.br-switch input {
appearance: none;
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.br-switch input + label {
align-items: center;
color: var(--color);
cursor: pointer;
display: inline-flex;
font-size: var(--font-size-scale-base);
margin-bottom: 0;
position: relative;
}
.br-switch input + label::before {
background: var(--background-light);
border: 1px solid var(--border-color);
border-radius: var(--switch-radius);
content: "";
height: var(--switch-height);
position: absolute;
width: var(--switch-width);
}
.br-switch input + label::after {
background-color: var(--off);
border-radius: 50%;
content: "";
height: var(--switch-toggle-size);
position: absolute;
transition: all 0.3s ease-in-out;
width: var(--switch-toggle-size);
}
.br-switch input:checked + label::after {
background-color: var(--on);
}
.br-switch input + label {
padding-right: calc(var(--switch-padding) + var(--switch-width));
}
.br-switch input + label:empty {
padding-right: var(--switch-width);
}
.br-switch input + label::before {
right: 0;
}
.br-switch input + label::after {
right: calc(4px + var(--switch-toggle-size));
}
.br-switch input:checked + label::after {
right: 4px;
}
.br-switch.right input + label {
padding-left: calc(var(--switch-width) + var(--switch-padding));
padding-right: 0;
}
.br-switch.right input + label::before {
left: 0;
}
.br-switch.right input + label::after {
left: 4px;
}
.br-switch.right input:checked + label::after {
left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.top {
min-height: calc(var(--switch-height) * 2);
}
.br-switch.top input + label {
align-items: flex-start;
padding-right: 0;
}
.br-switch.top input + label::before {
bottom: 0;
left: 0;
}
.br-switch.top input + label::after {
bottom: 4px;
left: 4px;
}
.br-switch.top input:checked + label::after {
left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.small {
--switch-height: var(--switch-height-small);
--switch-width: var(--switch-width-small);
--switch-toggle-size: var(--switch-toggle-small);
--switch-icon-size: var(--switch-icon-small);
}
.br-switch.medium {
--switch-height: var(--switch-height-medium);
--switch-width: var(--switch-width-medium);
--switch-toggle-size: var(--switch-toggle-medium);
--switch-icon-size: var(--switch-icon-medium);
}
.br-switch.large {
--switch-height: var(--switch-height-large);
--switch-width: var(--switch-width-large);
--switch-toggle-size: var(--switch-toggle-large);
--switch-icon-size: var(--switch-icon-large);
}
.br-switch input ~ .switch-data {
align-self: center;
color: var(--color);
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-regular);
margin-left: 8px;
}
.br-switch input ~ .switch-data::before {
content: attr(data-disabled);
}
.br-switch input:checked ~ .switch-data {
color: var(--color);
}
.br-switch input:checked ~ .switch-data::before {
content: attr(data-enabled);
}
.br-switch.icon input + label::after {
align-items: center;
color: var(--color-dark);
content: "\f00d";
display: inline-flex;
font-family: "Font Awesome 5 Free", sans-serif;
font-size: var(--switch-icon-size);
font-weight: var(--font-weight-black);
justify-content: center;
}
.br-switch.icon input:checked + label::after {
content: "\f00c";
}
.br-switch input:focus-visible + label::before,
.br-switch input.focus-visible + label::before {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-switch input:disabled + label {
cursor: not-allowed;
opacity: var(--disabled);
}
.br-switch input:disabled + label * {
pointer-events: none;
}
.br-switch input:hover:not([disabled]):checked + label::before {
background-image: linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)));
}
.br-switch input:hover:not([disabled]):not(:checked) + label::before {
background-image: linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)));
}
.br-switch input:active:not([disabled]):checked + label::before {
background-image: linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)));
}
.br-switch input:active:not([disabled]):not(:checked) + label::before {
background-image: linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)));
}
.br-switch.inverted,
.br-switch.inverted label, .br-switch.dark-mode,
.br-switch.dark-mode label {
color: var(--color-dark);
}
.br-table {
--table-padding: var(--spacing-scale-3x);
--table-shadow: var(--surface-shadow-sm);
--table-row-size: var(--table-row-medium);
--table-row-small: var(--spacing-scale-base);
--table-row-medium: var(--spacing-scale-2x);
--table-row-large: var(--spacing-scale-3x);
}
.br-table caption {
opacity: 0;
position: absolute;
z-index: -1;
}
.br-table .responsive {
overflow: auto;
}
.br-table .column-collapse {
width: 40px;
}
.br-table .column-checkbox {
width: 24px;
}
.br-table .table-header {
position: relative;
}
.br-table .table-header.show .top-bar {
visibility: hidden;
}
.br-table .top-bar {
align-items: center;
display: flex;
padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .top-bar .title,
.br-table .top-bar .table-title {
color: var(--color);
flex-grow: 1;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-semi-bold);
}
.br-table .top-bar .actions-trigger {
margin-right: var(--spacing-scale-base);
}
.br-table .top-bar .dropdown [data-toggle=dropdown] + *,
.br-table .top-bar .dropdown [data-toggle=dropdown-legacy] + * {
left: auto;
right: 0;
}
@media (min-width: 576px) {
.br-table .top-bar title {
font-size: var(--font-size-scale-up-03);
line-height: var(--font-line-height-medium);
}
}
.br-table .search-bar {
align-items: center;
bottom: 0;
display: none;
height: 56px;
left: 0;
padding-left: var(--table-padding);
padding-right: var(--spacing-scale-2x);
position: absolute;
right: 0;
top: 0;
}
.br-table .search-bar.show {
display: flex;
}
.br-table .search-bar .br-input {
flex: 1;
}
.br-table .search-bar .br-input label {
display: none;
}
.br-table .search-bar .br-input input {
margin-bottom: 0;
margin-top: 0;
}
.br-table .search-bar .br-input input + .br-button {
--button-size: var(--button-small);
margin-top: 0;
position: absolute;
right: var(--spacing-scale-half);
top: 0;
}
.br-table .search-bar .br-input + .br-button {
margin-left: var(--table-row-medium);
}
.br-table .selected-bar,
.br-table .selection-bar {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
--table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
align-items: center;
background-color: var(--interactive-light);
bottom: 0;
color: var(--color);
display: none;
left: 0;
padding: var(--table-padding);
right: 0;
top: 0;
}
.br-table .selected-bar.show,
.br-table .selection-bar.show {
display: flex;
}
.br-table .selected-bar .info,
.br-table .selection-bar .info {
align-items: center;
display: flex;
flex-grow: 1;
white-space: nowrap;
}
.br-table .selected-bar .info [data-toggle=check-all],
.br-table .selected-bar .info .select-all,
.br-table .selection-bar .info [data-toggle=check-all],
.br-table .selection-bar .info .select-all {
font-size: var(--font-size-scale-up-03);
margin-right: var(--spacing-scale-half);
padding: 0;
}
.br-table .selected-bar .text,
.br-table .selected-bar .count,
.br-table .selection-bar .text,
.br-table .selection-bar .count {
line-height: var(--font-line-height-low);
padding-right: var(--spacing-scale-half);
}
.br-table .selected-bar.is-active, .br-table .selected-bar.active,
.br-table .selection-bar.is-active,
.br-table .selection-bar.active {
opacity: 1;
top: 0;
}
.br-table .footer,
.br-table .table-footer {
padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .footer .br-input .br-button,
.br-table .table-footer .br-input .br-button {
transform: rotate(180deg);
}
.br-table .footer .br-list,
.br-table .table-footer .br-list {
bottom: 100%;
}
.br-table.small table,
.br-table.small .headers,
.br-table.small .clone-headers .item {
--table-row-size: var(--table-row-small);
}
.br-table.medium table,
.br-table.medium .headers,
.br-table.medium .clone-headers .item {
--table-row-size: var(--table-row-medium);
}
.br-table.large table,
.br-table.large .headers,
.br-table.large .clone-headers .item {
--table-row-size: var(--table-row-large);
}
.br-table.inverted, .br-table.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-table.inverted.inverted, .br-table.inverted.dark-mode, .br-table.dark-mode.inverted, .br-table.dark-mode.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-table.inverted.inverted.inverted .br-input,
.br-table.inverted.inverted.inverted .br-input label, .br-table.inverted.inverted.dark-mode .br-input,
.br-table.inverted.inverted.dark-mode .br-input label, .br-table.inverted.dark-mode.inverted .br-input,
.br-table.inverted.dark-mode.inverted .br-input label, .br-table.inverted.dark-mode.dark-mode .br-input,
.br-table.inverted.dark-mode.dark-mode .br-input label, .br-table.dark-mode.inverted.inverted .br-input,
.br-table.dark-mode.inverted.inverted .br-input label, .br-table.dark-mode.inverted.dark-mode .br-input,
.br-table.dark-mode.inverted.dark-mode .br-input label, .br-table.dark-mode.dark-mode.inverted .br-input,
.br-table.dark-mode.dark-mode.inverted .br-input label, .br-table.dark-mode.dark-mode.dark-mode .br-input,
.br-table.dark-mode.dark-mode.dark-mode .br-input label {
--color: var(--color-dark);
--focus-color: var(--focus-color-dark);
}
.br-table.inverted.inverted .page.active, .br-table.inverted.dark-mode .page.active, .br-table.dark-mode.inverted .page.active, .br-table.dark-mode.dark-mode .page.active {
--interactive-rgb: var(--active-rgb);
background-color: var(--background-light);
color: var(--active);
}
.br-table.inverted th, .br-table.dark-mode th {
background-color: var(--background-dark);
}
.br-tab {
--interactive-rgb: var(--color-rgb);
--tab-font-size: var(--font-size-scale-up-02);
--tab-font-weight: var(--font-weight-medium);
--tab-active-border: var(--surface-width-lg) solid var(--active);
--tab-padding: var(--spacing-scale-3x);
--tab-size: var(--tab-medium);
--tab-large: var(--spacing-scale-3x);
--tab-medium: var(--spacing-scale-2x);
--tab-small: var(--spacing-scale-base);
}
.br-tab .tab-nav {
overflow-x: auto;
width: 100%;
}
.br-tab .tab-nav::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-tab .tab-nav::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
@media (max-width: 991px) {
.br-tab .tab-nav {
display: flex;
overflow-x: auto;
width: 100%;
}
.br-tab .tab-nav::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-tab .tab-nav::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
}
.br-tab .tab-nav ul {
border-bottom: 1px solid var(--border-color);
display: flex;
margin-bottom: 0;
margin-top: 0;
padding: 0;
width: 100%;
}
.br-tab .tab-item {
align-items: center;
display: flex;
justify-content: center;
position: relative;
white-space: nowrap;
}
.br-tab .tab-item button,
.br-tab .tab-item a {
--font-size: var(--tab-font-size);
--font-weight: var(--tab-font-weight);
--focus-offset: calc(var(--spacing-scale-half) * -1);
background-color: transparent;
border: 0;
border-bottom: 4px solid transparent;
color: var(--color);
display: inline-block;
font-size: var(--font-size);
font-weight: var(--font-weight);
line-height: 1;
padding: var(--tab-size) var(--tab-padding);
text-align: center;
white-space: nowrap;
}
.br-tab .tab-item button:focus,
.br-tab .tab-item a:focus {
outline: none;
}
.br-tab .tab-item button.focus-visible, .br-tab .tab-item button:focus-visible,
.br-tab .tab-item a.focus-visible,
.br-tab .tab-item a:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-tab .tab-item button:not(:disabled):hover,
.br-tab .tab-item a:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-tab .tab-item:first-child {
padding-left: 0;
}
.br-tab .tab-item:last-child {
padding-right: 0;
}
.br-tab .tab-item.is-active button, .br-tab .tab-item.active button {
border-bottom: 4px solid var(--active);
color: var(--active);
}
.br-tab .tab-item.is-active .results, .br-tab .tab-item.active .results {
--font-weight: var(--font-weight-semi-bold);
color: var(--active);
}
.br-tab .results {
display: flex;
font-weight: var(--font-weight);
justify-content: center;
margin-top: var(--spacing-scale-2x);
position: absolute;
top: 100%;
}
.br-tab[data-counter=true] .tab-nav ul {
margin-bottom: calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base));
}
.br-tab .tab-content .tab-panel {
color: var(--text-color);
display: none;
}
.br-tab .tab-content .tab-panel.is-active, .br-tab .tab-content .tab-panel.active {
display: block;
}
.br-tab.small, .br-tab[small], .br-tab.is-small {
--tab-size: var(--tab-small);
}
.br-tab.medium, .br-tab[medium], .br-tab.is-medium {
--tab-size: var(--tab-medium);
}
.br-tab.large, .br-tab[large], .br-tab.is-large {
--tab-size: var(--tab-large);
}
.br-tab.inverted, .br-tab.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-tab.inverted .tab-item.active button, .br-tab.dark-mode .tab-item.active button {
border-bottom-color: var(--background-light);
color: var(--color);
}
.br-tag {
--tag-background: var(--interactive);
--tag-opacity: var(--surface-opacity-xs);
--tag-font-size: var(--font-size-scale-up-01);
--tag-margin: 0;
--tag-icon: var(--icon-size-base);
--tag-height: var(--tag-height-medium);
--tag-height-small: var(--spacing-scale-2xh);
--tag-height-medium: var(--spacing-scale-3xh);
--tag-height-large: var(--spacing-scale-4xh);
--tag-border-radius: var(--spacing-scale-half);
--tag-label-spacing: var(--spacing-horizontal-center);
--tag-label-size: var(--font-size-scale-base);
--tag-label-weight: var(--font-weight-medium);
--tag-label-margin: var(--spacing-scale-half);
align-items: center;
background: var(--tag-background);
border-radius: var(--tag-border-radius);
color: var(--color-dark);
display: inline-flex;
font-size: var(--tag-label-size);
font-weight: var(--tag-label-weight);
height: var(--tag-height);
justify-content: center;
padding: var(--spacing-scale-base);
--tag-height-small: var(--spacing-scale-4x);
--tag-height-medium: var(--spacing-scale-5x);
--tag-height-large: var(--spacing-scale-5xh);
--tag-height-extra: var(--spacing-scale-3xh);
--tag-background: var(--color-primary-default);
--tag-label-size: var(--font-size-scale-up-01);
font-size: var(--tag-label-size);
padding: var(--spacing-scale-base);
vertical-align: top;
}
.br-tag span {
margin: var(--tag-label-margin);
}
.br-tag input {
opacity: 0;
position: relative;
width: 0;
}
.br-tag input:focus:checked + label,
.br-tag input:focus + label {
outline-color: var(--focus-color);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
padding: var(--spacing-scale-base);
}
.br-tag input + label {
color: var(--color-dark);
cursor: pointer;
padding: var(--spacing-scale-base);
position: relative;
}
.br-tag input + label::after {
content: "";
display: none;
height: 20px;
left: 0;
position: relative;
width: 20px;
}
.br-tag input:checked + label::after {
border: solid var(--color-dark);
border-width: 0 3px 3px 0;
content: "";
display: inline-block;
height: var(--icon-size-sm);
margin: auto var(--spacing-scale-base);
transform: rotate(45deg);
width: 8px;
}
.br-tag.tag-input-close .close button {
--focus-offset: 0;
background: transparent;
border: 0;
color: var(--color-support-03);
outline: 0;
padding-left: var(--spacing-scale-baseh);
}
.br-tag.tag-input-close .close button:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.tag-input-close .close button:focus {
outline: none;
}
.br-tag.tag-input-close .close button.focus-visible, .br-tag.tag-input-close .close button:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-tag.interaction {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
--tag-height-small: var(--spacing-scale-4x);
--tag-height-medium: var(--spacing-scale-5x);
--tag-height-large: var(--spacing-scale-5xh);
--tag-height-extra: var(--spacing-scale-3xh);
--tag-background: var(--color-primary-default);
--tag-label-size: var(--font-size-scale-up-01);
font-size: var(--tag-label-size);
padding: var(--spacing-scale-base);
vertical-align: top;
}
.br-tag.interaction .br-button {
--button-size: var(--tag-height-extra);
color: var(--color-dark);
margin-left: var(--spacing-scale-base);
}
.br-tag.interaction[data-toggle]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-tag.interaction:hover button.br-button.circle {
background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)));
}
.br-tag.interaction:active button.br-button.circle {
background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--pressed)), rgba(var(--color-dark-rgb), var(--pressed)));
}
.br-tag.interaction:hover {
cursor: pointer;
}
.br-tag.interaction-select {
--tag-height-small: var(--spacing-scale-4x);
--tag-height-medium: var(--spacing-scale-5x);
--tag-height-large: var(--spacing-scale-5xh);
--tag-height-extra: var(--spacing-scale-3xh);
--tag-background: var(--color-primary-default);
--tag-label-size: var(--font-size-scale-up-01);
font-size: var(--tag-label-size);
padding: var(--spacing-scale-base);
vertical-align: top;
--hover: var(--hover-dark);
padding: 0;
}
.br-tag.interaction-select:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)));
}
.br-tag.interaction-select.selected {
--tag-background: var(--selected);
}
.br-tag.text {
--tag-height-small: var(--spacing-scale-2xh);
--tag-height-medium: var(--spacing-scale-3xh);
--tag-height-large: var(--spacing-scale-4xh);
border-radius: var(--tag-border-radius);
}
.br-tag.text span {
padding-bottom: 3px;
}
.br-tag.status {
--tag-height-small: var(--spacing-scale-baseh);
--tag-height-medium: var(--spacing-scale-2x);
--tag-height-large: var(--spacing-scale-3x);
--tag-label-weight: var(--font-weight-regular);
border-radius: 100em;
box-shadow: 0 0 0 1px var(--color-secondary-01);
display: inline-block;
line-height: 1;
padding: 4px 6px;
position: relative;
vertical-align: middle;
width: var(--tag-height);
z-index: 999;
}
.br-tag.status + span:not(.br-tag) {
display: inline-block;
margin-left: var(--spacing-scale-half);
position: relative;
top: 3px;
}
.br-tag.count {
--tag-height-small: var(--spacing-scale-2xh);
--tag-height-medium: var(--spacing-scale-3x);
--tag-height-large: var(--spacing-scale-3xh);
border-radius: 100em;
box-shadow: 0 0 0 1px var(--color-secondary-01);
display: inline-block;
line-height: 1;
min-height: var(--tag-height);
min-width: var(--tag-height);
padding: 2px 4px;
position: relative;
text-align: center;
}
.br-tag.icon {
--tag-height-small: var(--spacing-scale-3xh);
--tag-height-medium: var(--spacing-scale-4x);
--tag-height-large: var(--spacing-scale-5xh);
border-radius: 50%;
padding: 0;
text-align: center;
width: var(--tag-height);
}
.br-tag.interaction.small {
--tag-height: var(--tag-height-small);
}
.br-tag.interaction-select.small {
--tag-height: var(--tag-height-small);
}
.br-tag.text.small {
--tag-height: var(--tag-height-small);
}
.br-tag.status.small {
--tag-height: var(--tag-height-small);
}
.br-tag.count.small {
--tag-height: var(--tag-height-small);
}
.br-tag.icon.small {
--tag-height: var(--tag-height-small);
}
.br-tag.interaction.medium {
--tag-height: var(--tag-height-medium);
}
.br-tag.interaction-select.medium {
--tag-height: var(--tag-height-medium);
}
.br-tag.text.medium {
--tag-height: var(--tag-height-medium);
}
.br-tag.status.medium {
--tag-height: var(--tag-height-medium);
}
.br-tag.count.medium {
--tag-height: var(--tag-height-medium);
}
.br-tag.icon.medium {
--tag-height: var(--tag-height-medium);
}
.br-tag.interaction.large {
--tag-height: var(--tag-height-large);
}
.br-tag.interaction-select.large {
--tag-height: var(--tag-height-large);
}
.br-tag.text.large {
--tag-height: var(--tag-height-large);
}
.br-tag.status.large {
--tag-height: var(--tag-height-large);
}
.br-tag.count.large {
--tag-height: var(--tag-height-large);
}
.br-tag.icon.large {
--tag-height: var(--tag-height-large);
}
.br-tag.support-01 {
--tag-background: var(--color-support-01);
}
.br-tag.support-02 {
--tag-background: var(--color-support-02);
}
.br-tag.support-03 {
--tag-background: var(--color-support-03);
}
.br-tag.support-04 {
--tag-background: var(--color-support-04);
}
.br-tag.support-05 {
--tag-background: var(--color-support-05);
}
.br-tag.support-06 {
--tag-background: var(--color-support-06);
}
.br-tag.support-07 {
--tag-background: var(--color-support-07);
}
.br-tag.support-08 {
--tag-background: var(--color-support-08);
}
.br-tag.support-09 {
--tag-background: var(--color-support-09);
}
.br-tag.support-10 {
--tag-background: var(--color-support-10);
}
.br-tag.support-11 {
--tag-background: var(--color-support-11);
}
.br-tag.is-primary-pastel-01, .br-tag.primary-pastel-01, .br-tag[primary-pastel-01] {
background-color: #c5d4eb;
}
.br-tag.is-primary-pastel-02, .br-tag.primary-pastel-02, .br-tag[primary-pastel-02] {
background-color: #dbe8fb;
}
.br-tag.is-primary-lighten-01, .br-tag.primary-lighten-01, .br-tag[primary-lighten-01] {
background-color: #2670e8;
}
.br-tag.is-primary-lighten-02, .br-tag.primary-lighten-02, .br-tag[primary-lighten-02] {
background-color: #5992ed;
}
.br-tag.is-primary-default, .br-tag.primary-default, .br-tag[primary-default] {
background-color: #1351b4;
}
.br-tag.is-primary-darken-01, .br-tag.primary-darken-01, .br-tag[primary-darken-01] {
background-color: #0c326f;
}
.br-tag.is-primary-darken-02, .br-tag.primary-darken-02, .br-tag[primary-darken-02] {
background-color: #071d41;
}
.br-tag.is-secondary-01, .br-tag.secondary-01, .br-tag[secondary-01] {
background-color: #fff;
}
.br-tag.is-secondary-02, .br-tag.secondary-02, .br-tag[secondary-02] {
background-color: #f8f8f8;
}
.br-tag.is-secondary-03, .br-tag.secondary-03, .br-tag[secondary-03] {
background-color: #ededed;
}
.br-tag.is-secondary-04, .br-tag.secondary-04, .br-tag[secondary-04] {
background-color: #ccc;
}
.br-tag.is-secondary-05, .br-tag.secondary-05, .br-tag[secondary-05] {
background-color: #9e9d9d;
}
.br-tag.is-secondary-06, .br-tag.secondary-06, .br-tag[secondary-06] {
background-color: #888;
}
.br-tag.is-secondary-07, .br-tag.secondary-07, .br-tag[secondary-07] {
background-color: #555;
}
.br-tag.is-secondary-08, .br-tag.secondary-08, .br-tag[secondary-08] {
background-color: #333;
}
.br-tag.is-secondary-09, .br-tag.secondary-09, .br-tag[secondary-09] {
background-color: #000;
}
.br-tag.is-highlight, .br-tag.highlight, .br-tag[highlight] {
background-color: #268744;
}
.br-tag.is-support-01, .br-tag.support-01, .br-tag[support-01] {
background-color: #36a191;
}
.br-tag.is-support-02, .br-tag.support-02, .br-tag[support-02] {
background-color: #f2e317;
}
.br-tag.is-support-03, .br-tag.support-03, .br-tag[support-03] {
background-color: #db4800;
}
.br-tag.is-support-04, .br-tag.support-04, .br-tag[support-04] {
background-color: #a26739;
}
.br-tag.is-support-05, .br-tag.support-05, .br-tag[support-05] {
background-color: #40e0d0;
}
.br-tag.is-support-06, .br-tag.support-06, .br-tag[support-06] {
background-color: #48cbeb;
}
.br-tag.is-support-07, .br-tag.support-07, .br-tag[support-07] {
background-color: #c72487;
}
.br-tag.is-support-08, .br-tag.support-08, .br-tag[support-08] {
background-color: #63007f;
}
.br-tag.is-support-09, .br-tag.support-09, .br-tag[support-09] {
background-color: #f08080;
}
.br-tag.is-support-10, .br-tag.support-10, .br-tag[support-10] {
background-color: #ff8c00;
}
.br-tag.is-support-11, .br-tag.support-11, .br-tag[support-11] {
background-color: #fdf5e6;
}
.br-tag.is-success, .br-tag.success, .br-tag[success] {
background-color: var(--success);
}
.br-tag.is-danger, .br-tag.danger, .br-tag[danger] {
background-color: var(--danger);
}
.br-tag.is-warning, .br-tag.warning, .br-tag[warning] {
background-color: var(--warning);
}
.br-tag.is-info, .br-tag.info, .br-tag[info] {
background-color: var(--info);
}
.br-tag-input {
--input-background: var(--bg-color);
--input-border-color: var(--color-secondary-06);
--input-border-width: 1px;
--input-border-style: solid;
--input-padding: 0 var(--spacing-scale-half);
--input-radius: var(--surface-rounder-sm);
background: var(--input-background);
border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
border-radius: var(--input-radius);
color: var(--text-color);
display: block;
font-size: var(--font-size-scale-up-01);
font-weight: var(--font-weight-medium);
height: var(--input-size);
padding: var(--input-padding);
width: 100%;
display: flex;
flex-wrap: wrap;
}
.br-tag-input:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-tag-input:focus, .br-tag-input:focus-visible, .br-tag-input.focus-visible {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-tag-input.has-icon {
padding-right: var(--spacing-scale-5x);
}
.br-tag-input[type=password]::-ms-reveal, .br-tag-input[type=password]::-ms-clear {
display: none;
}
.br-tag-input input {
flex: 1;
}
.input-tag {
border: 0;
box-sizing: border-box;
color: inherit;
flex: 1;
font-family: inherit;
font-size: inherit;
outline: none;
padding: 0.9em 0.5em;
}
.br-textarea {
--textarea-background: var(--color-secondary-01);
--textarea-color: var(--color-secondary-07);
--textarea-border: var(--color-secondary-06);
--textarea-font-weight: var(--font-weight-medium);
--textarea-text-size: var(--font-size-scale-up-01);
--textarea-border-radius: 6px;
--textarea-padding: var(--textarea-medium);
--textarea-small: var(--spacing-scale-base);
--textarea-medium: var(--spacing-scale-baseh);
--textarea-large: var(--spacing-scale-2x);
color: var(--text-color);
}
.br-textarea label {
display: inline-block;
margin-bottom: var(--spacing-scale-half);
}
.br-textarea textarea {
background: var(--textarea-background);
border: 1px solid var(--textarea-border);
border-radius: var(--textarea-border-radius);
color: var(--textarea-color);
display: block;
font-size: var(--textarea-text-size);
font-weight: var(--textarea-font-weight);
padding: var(--textarea-padding);
width: 100%;
}
.br-textarea textarea::placeholder {
color: var(--textarea-color);
}
.br-textarea.small textarea, .br-textarea[data-small] textarea {
--textarea-padding: var(--textarea-small);
}
.br-textarea.medium textarea, .br-textarea[data-medium] textarea {
--textarea-padding: var(--textarea-medium);
}
.br-textarea.large textarea, .br-textarea[data-large] textarea {
--textarea-padding: var(--textarea-large);
}
.br-textarea.success textarea, .br-textarea[data-success] textarea {
--textarea-border: var(--success);
border-width: 2px;
}
.br-textarea.danger textarea, .br-textarea[data-danger] textarea {
--textarea-border: var(--danger);
border-width: 2px;
}
.br-textarea.warning textarea, .br-textarea[data-warning] textarea {
--textarea-border: var(--warning);
border-width: 2px;
}
.br-textarea.info textarea, .br-textarea[data-info] textarea {
--textarea-border: var(--info);
border-width: 2px;
}
.br-textarea textarea:focus, .br-textarea textarea:focus-visible, .br-textarea textarea.focus-visible {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.br-textarea textarea:hover:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-textarea.inverted, .br-textarea.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-tooltip {
align-items: flex-start;
background: var(--color-info, #155bcb);
border-radius: 4px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
color: var(--color-secondary-01, #fff);
display: flex !important;
flex-wrap: wrap;
font-size: var(--font-size-scale-down-01, 11.662px);
font-weight: var(--font-weight-medium, 500);
justify-content: flex-start;
max-width: 240px;
opacity: 0;
padding: var(--spacing-scale-2x);
position: absolute !important;
visibility: hidden;
z-index: 999;
}
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOutOpacity {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.br-tooltip[data-show] {
animation: fadeInOpacity ease-in-out 0.5s;
opacity: 1;
visibility: visible;
}
.br-tooltip[popover] {
max-width: 320px;
min-width: 240px;
width: auto;
}
.br-tooltip[success] {
background: var(--color-success, #168821);
}
.br-tooltip[success] .arrow {
border-color: var(--color-success, #168821);
}
.br-tooltip[error] {
background: var(--color-danger, #e52207);
}
.br-tooltip[error] .arrow {
border-color: var(--color-danger, #e52207);
}
.br-tooltip[warning] {
background: var(--color-warning, #ffcd07);
color: var(--color-secondary-08, #333);
}
.br-tooltip[warning] .arrow {
border-color: var(--color-warning, #ffcd07);
}
.br-tooltip[info], .br-tooltip {
background: var(--color-info, #155bcb);
}
.br-tooltip[info] .arrow, .br-tooltip .arrow {
border-color: var(--color-info, #155bcb);
}
.br-tooltip .arrow {
height: 0 !important;
position: absolute !important;
width: 0 !important;
z-index: -1 !important;
}
.br-tooltip[data-popper-placement^=top] > .arrow {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top-style: solid;
border-top-width: 8px;
bottom: -7px;
margin-left: 0;
}
.br-tooltip[data-popper-placement^=bottom] > .arrow {
border-bottom-style: solid;
border-bottom-width: 8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: 0;
top: -8px;
}
.br-tooltip[data-popper-placement^=left] > .arrow {
border-bottom: 8px solid transparent;
border-left-style: solid;
border-left-width: 8px;
border-top: 8px solid transparent;
margin-top: calc(var(--spacing-scale-base) * -1);
right: calc(var(--spacing-scale-base) * -1);
}
.br-tooltip[data-popper-placement^=right] > .arrow {
border-bottom: 8px solid transparent;
border-right-style: solid;
border-right-width: 8px;
border-top: 8px solid transparent;
left: calc(var(--spacing-scale-base) * -1);
margin-top: calc(var(--spacing-scale-base) * -1);
}
.br-tooltip .text,
.br-tooltip .subtext,
.br-tooltip .link {
display: block;
max-width: 100%;
min-width: 0;
}
.br-tooltip .popover-header {
font-size: var(--font-size-scale-base, 14px);
margin-bottom: 1em;
min-width: 180px;
text-align: center;
width: 100%;
}
.br-tooltip .popover-header .fas,
.br-tooltip .popover-header .svg-inline--fa {
font-size: var(--font-size-scale-up-06, 41.804px);
text-align: center;
}
.br-tooltip .popover-image {
border: 3px solid var(--color-secondary-01, #fff);
height: auto;
margin-left: -10px;
max-height: 120px;
max-width: 45%;
overflow: hidden;
width: auto;
}
.br-tooltip .popover-icon {
height: auto;
margin-left: -10px;
margin-top: 10%;
max-height: 120px;
max-width: 45%;
overflow: hidden;
width: auto;
}
.br-tooltip .popover-body {
font-size: var(--font-size-scale-down-01, 11.662px);
margin-bottom: 1em;
min-width: 180px;
width: 100%;
}
.br-tooltip .popover-image + div {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
width: 65%;
}
.br-tooltip .popover-image + div div {
padding-left: var(--spacing-scale-base);
text-align: left;
}
.br-tooltip .popover-icon + div {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
width: 65%;
}
.br-tooltip .popover-icon + div div {
padding-left: var(--spacing-scale-base);
text-align: left;
}
.br-tooltip .popover-footer {
font-size: var(--font-size-scale-down-01, 11.662px);
min-width: 180px;
text-align: center;
width: 100%;
}
.br-tooltip .text {
font-size: var(--font-size-scale-base, 14px);
font-weight: var(--font-weight-semi-bold, 600);
}
.br-tooltip .subtext {
font-size: var(--font-size-scale-down-01, 11.662px);
font-weight: var(--font-weight-medium, 500);
}
.br-tooltip .link {
color: inherit;
text-align: right;
text-decoration: underline;
width: 100%;
}
.br-tooltip .close {
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
}
.br-upload {
--onboarding-dragging-color: var(--color-danger);
--upload-z-index: var(--z-index-layer-0);
z-index: var(--upload-z-index);
/*** Estados ***/
}
@media (max-width: 575px) {
.br-upload .br-button.upload-button {
height: auto;
padding: var(--spacing-scale-base) var(--spacing-scale-2x);
width: 100% !important;
}
.br-upload .upload-button span {
font-size: var(--font-size-scale-down-01);
white-space: break-spaces;
}
.br-upload .item {
flex-wrap: nowrap;
}
.br-upload .upload-list .support {
flex-shrink: 0;
margin-right: var(--spacing-scale-base);
}
}
.br-upload input {
display: none;
}
.br-upload.dragging .upload-button {
background-color: var(--color-support-01);
}
.br-upload.dragging .upload-button span,
.br-upload.dragging .upload-button svg {
color: var(--interactive);
pointer-events: none;
}
.br-upload .br-button.upload-button {
max-width: 550px;
width: 100%;
}
.br-upload .br-button.upload-button:active * {
color: var(--color-primary-pastel-01);
}
.br-upload .upload-button {
border: var(--surface-width-sm) dashed;
border-color: var(--interactive);
border-radius: var(--surface-rounder-sm);
display: block;
padding-left: var(--spacing-scale-2x);
padding-right: var(--spacing-scale-2x);
text-align: left;
width: 100%;
}
.br-upload .upload-button svg {
color: var(--interactive);
font-size: var(--icon-size-lg);
padding-left: var(--spacing-scale-2x);
}
.br-upload .upload-button span {
color: var(--interactive);
font-size: var(--font-size-scale-base);
font-style: italic;
font-weight: var(--font-weight-regular);
padding-left: var(--spacing-scale-half);
}
.br-upload .upload-list {
max-width: 550px;
position: relative;
}
.br-upload .upload-list .content {
align-self: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 70%;
}
.br-upload .upload-list .support {
align-items: center;
display: flex;
}
.br-upload .upload-list .cargas {
box-sizing: border-box;
color: var(--color-secondary-08);
display: inline-block;
left: 54%;
position: relative;
text-align: right;
top: 4px;
}
.br-upload .br-tooltip {
max-width: 93%;
}
.br-upload .br-item {
--item-padding: var(--spacing-scale-half) var(--spacing-scale-base)
var(--spacing-scale-half) var(--spacing-scale-2x);
align-items: center;
display: flex;
}
.br-upload .br-item:first-child {
margin-top: calc(var(--spacing-scale-half) * 2);
}
.br-upload.success .upload-button, .br-upload[data-success] .upload-button {
border-color: var(--success);
}
.br-upload.success .feedback.color-success, .br-upload[data-success] .feedback.color-success {
align-items: center;
background: var(--success);
color: var(--color-secondary-01) !important;
display: inline-flex;
height: 35px;
margin-bottom: var(--spacing-scale-base);
padding: 5px;
}
.br-upload.danger .upload-button, .br-upload[data-danger] .upload-button {
border-color: var(--danger);
}
.br-upload.danger .feedback.color-danger, .br-upload[data-danger] .feedback.color-danger {
align-items: center;
background: var(--danger);
color: var(--color-secondary-01) !important;
display: inline-flex;
height: 35px;
margin-bottom: var(--spacing-scale-base);
padding: 5px;
}
.br-upload.warning .upload-button, .br-upload[data-warning] .upload-button {
border-color: var(--warning);
}
.br-upload.warning .feedback.color-warning, .br-upload[data-warning] .feedback.color-warning {
align-items: center;
background: var(--warning);
color: var(--color-secondary-01) !important;
display: inline-flex;
height: 35px;
margin-bottom: var(--spacing-scale-base);
padding: 5px;
}
.br-upload.warning .feedback.color-warning, .br-upload[data-warning] .feedback.color-warning {
color: var(--color-secondary-08) !important;
}
.br-upload.info .upload-button, .br-upload[data-info] .upload-button {
border-color: var(--info);
}
.br-upload.info .feedback.color-info, .br-upload[data-info] .feedback.color-info {
align-items: center;
background: var(--info);
color: var(--color-secondary-01) !important;
display: inline-flex;
height: 35px;
margin-bottom: var(--spacing-scale-base);
padding: 5px;
}
.br-wizard {
height: 100%;
max-width: 100%;
overflow-x: hidden;
overflow-y: hidden;
}
.br-wizard[vertical] .wizard-progress {
float: left;
grid-template-columns: 1fr;
height: 100%;
max-width: 260px;
overflow-x: hidden;
padding-top: 0;
position: relative;
text-align: right;
}
.br-wizard[vertical] .wizard-progress .wizard-progress-btn {
height: 100%;
line-height: 100%;
max-height: 100%;
padding-bottom: 0;
padding-right: 70px;
padding-top: 0;
text-align: right;
}
.br-wizard[vertical] .wizard-progress .wizard-progress-btn::before {
left: calc(100% - 32px);
line-height: 26px;
margin-top: calc(var(--spacing-scale-2x) * -1);
position: absolute;
text-align: center;
top: 50%;
}
.br-wizard[vertical] .wizard-progress .wizard-progress-btn::after {
height: calc(100% - 34px);
left: calc(100% - 33px);
position: absolute;
top: calc(-50% + 18px);
width: 1px;
}
.br-wizard[vertical] .wizard-progress .wizard-progress-btn[active]::after {
width: 1px;
}
.br-wizard[vertical][scroll] .wizard-progress {
overflow-x: hidden;
overflow-y: auto;
}
.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn {
min-height: 100px;
}
.br-wizard[vertical] .wizard-form {
float: left;
height: 100%;
width: calc(100% - 260px);
}
.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
border-top: 0;
}
@media (max-width: 991px) {
.br-wizard .wizard-progress {
max-height: 100px;
min-height: 100px;
overflow-y: hidden;
padding-top: var(--spacing-scale-3x);
position: relative;
transition-delay: 0s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: linear;
}
.br-wizard .wizard-progress .wizard-progress-btn .info {
font-size: var(--font-size-scale-down-02, 9.716px);
line-height: 1em;
text-align: center;
}
.br-wizard .wizard-progress::after {
background-color: transparent;
bottom: 2px;
color: var(--interactive);
content: "\f7a4";
display: block;
font-family: "Font Awesome 5 Free", sans-serif;
font-size: var(--switch-icon-size);
font-weight: var(--font-weight-black);
height: 1em;
left: 50%;
margin-left: -0.5em;
position: absolute;
top: unset;
transition-delay: 0s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: linear;
width: auto;
}
.br-wizard .wizard-form {
height: calc(100% - 100px);
}
.br-wizard .wizard-form .wizard-panel {
border-top: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
max-height: 100%;
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-content {
height: auto;
max-height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: var(--spacing-scale-half) var(--spacing-scale-base);
transition-delay: 0s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: linear;
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-content::-webkit-scrollbar {
height: var(--spacing-scale-base);
width: var(--spacing-scale-base);
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-content::-webkit-scrollbar-track {
background: var(--gray-10);
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-content::-webkit-scrollbar-thumb {
background: var(--gray-30);
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-btn {
align-items: flex-end;
background-color: var(--background-alternative);
display: flex;
flex-wrap: wrap;
height: fit-content;
justify-content: center;
padding: 0 !important;
position: absolute;
width: calc(100% - var(--spacing-scale-half));
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-btn .br-button {
float: none;
margin: var(--spacing-scale-base) 5%;
width: 90%;
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-btn .wizard-btn-next,
.br-wizard .wizard-form .wizard-panel .wizard-panel-btn .wizard-btn {
order: 1;
}
.br-wizard[collapsed] .wizard-progress {
max-height: 64px;
min-height: 64px;
overflow-y: hidden;
padding-bottom: var(--spacing-scale-3x);
padding-top: var(--spacing-scale-3x);
}
.br-wizard[collapsed] .wizard-progress::after {
margin-top: var(--spacing-scale-4xh);
}
.br-wizard[collapsed] .wizard-progress .wizard-progress-btn {
padding-bottom: var(--spacing-scale-base);
}
.br-wizard[collapsed] .wizard-progress .wizard-progress-btn .info {
display: none;
}
.br-wizard[collapsed] .wizard-form {
height: calc(100% - 64px);
}
.br-wizard[collapsed] .wizard-form .wizard-panel .wizard-panel-content {
overflow-x: hidden;
overflow-y: auto;
}
.br-wizard[vertical] .wizard-progress {
max-height: 100%;
max-width: 110px;
}
.br-wizard[vertical] .wizard-progress::after {
height: 1em;
left: unset;
margin-top: -0.5em;
right: 2px;
top: 50%;
transform: rotate(-90deg);
width: 1em;
}
.br-wizard[vertical] .wizard-progress .wizard-progress-btn {
line-height: 18px;
padding-right: var(--spacing-scale-7x);
}
.br-wizard[vertical] .wizard-progress .wizard-progress-btn .info {
line-height: 1.6em;
margin-top: -0.5em;
position: absolute;
right: 54px;
}
.br-wizard[vertical] .wizard-form {
height: 100%;
max-width: calc(100% - 110px);
min-width: calc(100% - 110px);
transition-delay: 0s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: linear;
}
.br-wizard[vertical] .wizard-form .wizard-panel {
height: 100%;
max-height: 100%;
}
.br-wizard[vertical][collapsed] .wizard-progress {
max-width: 60px;
padding-bottom: 0;
padding-top: 0;
}
.br-wizard[vertical][collapsed] .wizard-progress .wizard-progress-btn {
padding-right: 0;
}
.br-wizard[vertical][collapsed] .wizard-progress .wizard-progress-btn .info {
display: none;
}
.br-wizard[vertical][collapsed] .wizard-form {
max-width: calc(100% - 60px);
min-width: calc(100% - 60px);
}
}
.br-wizard .wizard-progress {
background-color: var(--background-alternative);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
grid-template-rows: none;
min-height: 164px;
overflow-x: auto;
overflow-y: hidden;
padding-top: var(--spacing-scale-7x);
width: 100%;
}
.br-wizard .wizard-progress .wizard-progress-btn {
background-color: transparent;
border: 0;
box-shadow: none !important;
color: var(--interactive);
font-size: var(--font-size-scale-up-01, 16.8px);
line-height: 19px;
max-height: 90px;
padding-bottom: 0;
padding-top: var(--spacing-scale-2x);
position: relative;
text-indent: 0;
transition-delay: 0s;
transition-duration: 0.15s;
transition-property: all;
transition-timing-function: linear;
}
.br-wizard .wizard-progress .wizard-progress-btn[disabled] {
color: rgba(var(--interactive-rgb), var(--disabled));
opacity: 1;
}
.br-wizard .wizard-progress .wizard-progress-btn[disabled]::before {
opacity: var(--disabled);
}
.br-wizard .wizard-progress .wizard-progress-btn:focus {
outline: none;
}
.br-wizard .wizard-progress .wizard-progress-btn.focus-visible:not([disabled]):not(.disabled)::before, .br-wizard .wizard-progress .wizard-progress-btn:focus-visible:not([disabled]):not(.disabled)::before {
outline-color: var(--focus-color);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
.br-wizard .wizard-progress .wizard-progress-btn:hover:not([disabled])::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-wizard .wizard-progress .wizard-progress-btn:active:not([disabled])::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-wizard .wizard-progress .wizard-progress-btn::before {
background-color: var(--background-light);
border: 2px solid var(--interactive);
border-radius: 50%;
box-sizing: border-box;
color: var(--interactive);
content: attr(step) !important;
display: block;
font-size: var(--font-size-scale-up-02, 20.16px);
font-weight: var(--font-weight-semi-bold, 600);
height: 36px;
left: 50%;
line-height: 29px;
margin-top: -13px;
position: absolute;
top: 0;
transform: translateX(-50%);
transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
width: 36px;
z-index: 3;
}
.br-wizard .wizard-progress .wizard-progress-btn::after {
background-color: var(--interactive) !important;
content: "";
display: block;
height: 1px;
left: calc(-50% + 17px);
position: absolute;
top: 5px;
transition-delay: 0s;
transition-duration: 0.15s;
transition-property: all;
transition-timing-function: linear;
width: calc(100% - 34px);
z-index: 1;
}
.br-wizard .wizard-progress .wizard-progress-btn:first-child::after {
display: none;
}
.br-wizard .wizard-progress .wizard-progress-btn[active] {
color: var(--active);
font-weight: var(--font-weight-semi-bold, 600);
}
.br-wizard .wizard-progress .wizard-progress-btn[active]::after {
background-color: var(--active);
height: 1px;
}
.br-wizard .wizard-progress .wizard-progress-btn[active]::before {
background-color: var(--active);
border: 2px solid var(--background-light);
color: var(--background-light);
font-weight: var(--font-weight-bold, 700);
}
.br-wizard .wizard-form {
color: var(--color);
height: calc(100% - 164px);
position: relative;
}
.br-wizard .wizard-form .wizard-panel {
display: flex;
flex-wrap: wrap;
height: 100%;
left: 1%;
margin-bottom: var(--spacing-scale-4x);
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
}
.br-wizard .wizard-form .wizard-panel[active] {
height: 100%;
left: 0 !important;
opacity: 1;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: linear;
visibility: visible;
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-content {
border-top: 1px solid var(--border-color);
flex-grow: 1;
height: auto;
max-height: calc(100% - 74px);
overflow-x: hidden;
overflow-y: auto;
padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-content > :last-child {
margin-bottom: 220px;
}
.br-wizard .wizard-form .wizard-panel .wizard-panel-btn {
align-self: flex-end;
background-color: var(--background-alternative);
border-top: 1px solid var(--border-color);
height: fit-content;
margin-top: 1px;
padding: var(--spacing-scale-2x) 1.5%;
width: 100%;
}
.br-wizard .wizard-form .wizard-panel .wizard-btn-next,
.br-wizard .wizard-form .wizard-panel .wizard-btn,
.br-wizard .wizard-form .wizard-panel .wizard-btn-prev {
float: right;
margin-left: var(--spacing-scale-2x);
}
.br-wizard .wizard-form .wizard-panel .wizard-btn-canc {
float: left;
}
.br-wizard.inverted, .br-wizard.dark-mode {
--color: var(--color-dark);
--color-rgb: var(--color-dark-rgb);
--text-color: var(--color);
--interactive: var(--interactive-dark);
--interactive-rgb: var(--interactive-dark-rgb);
--visited: var(--visited-dark);
--hover: var(--hover-dark);
--pressed: var(--pressed-dark);
--focus-color: var(--focus-color-dark);
--focus: var(--focus-color);
}
.br-wizard.inverted .br-button.primary, .br-wizard.inverted .br-button[primary], .br-wizard.inverted .br-button.is-primary, .br-wizard.dark-mode .br-button.primary, .br-wizard.dark-mode .br-button[primary], .br-wizard.dark-mode .br-button.is-primary {
--color: var(--color-light);
--color-rgb: var(--color-light-rgb);
--text-color: var(--color);
--interactive: var(--interactive-light);
--interactive-rgb: var(--interactive-light-rgb);
--visited: var(--visited-light);
--hover: var(--hover-light);
--pressed: var(--pressed-light);
--focus-color: var(--focus-color-light);
--focus: var(--focus-color);
--interactive-rgb: var(--background-dark-rgb);
background-color: var(--interactive-dark);
color: var(--background-dark);
}
.br-wizard.inverted .br-button.secondary, .br-wizard.inverted .br-button[secondary], .br-wizard.inverted .br-button.is-secondary, .br-wizard.dark-mode .br-button.secondary, .br-wizard.dark-mode .br-button[secondary], .br-wizard.dark-mode .br-button.is-secondary {
background-color: var(--background-dark);
}
.br-wizard.inverted .wizard-progress, .br-wizard.dark-mode .wizard-progress {
background-color: transparent;
}
.br-wizard.inverted .wizard-panel .wizard-panel-btn, .br-wizard.dark-mode .wizard-panel .wizard-panel-btn {
background-color: transparent;
}
.br-wizard.inverted .wizard-progress-btn[active], .br-wizard.dark-mode .wizard-progress-btn[active] {
color: var(--color);
}
.br-wizard.inverted .wizard-progress-btn[active]::before, .br-wizard.dark-mode .wizard-progress-btn[active]::before {
--interactive-rgb: var(--active-rgb);
background-color: var(--color);
color: var(--active);
}
.accordion-example .br-list .header {
align-items: var(--spacing-vertical-center);
display: flex;
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-bold);
justify-content: space-between;
padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.accordion-example .br-list .br-item {
text-align: var(--spacing-horizontal-left);
width: 100%;
}
.accordion-example .br-list .br-item .svg-inline--fa,
.accordion-example .br-list .br-item .fa,
.accordion-example .br-list .br-item .fab,
.accordion-example .br-list .br-item .fad,
.accordion-example .br-list .br-item .fal,
.accordion-example .br-list .br-item .far,
.accordion-example .br-list .br-item .fas {
text-align: center;
}
.accordion-example .br-list .br-item > .content {
align-items: var(--spacing-vertical-center);
display: flex;
}
.accordion-example .br-list .br-item > .content > .content {
flex: 1;
}
.accordion-example .br-list .br-item .content:hover button.br-button {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.accordion-example .br-list .br-item .br-checkbox,
.accordion-example .br-list .br-item .br-radio {
--interactive-rgb: var(--rgb-primary-default);
--item-padding-x: 0;
--item-padding-y: 0;
}
.accordion-example .br-list .br-item .br-checkbox input:hover:not(:disabled) + label::before,
.accordion-example .br-list .br-item .br-radio input:hover:not(:disabled) + label::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.accordion-example .br-list .br-item[data-toggle] {
cursor: pointer;
}
.accordion-example .br-list .br-item[data-toggle] ~ .br-list .br-item {
padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.accordion-example .br-list .br-list {
max-height: none;
overflow: hidden;
transition: all 400ms ease-in-out;
}
.accordion-example .br-list.horizontal {
display: flex;
flex-wrap: wrap;
}
.accordion-example .br-list.horizontal > .header {
flex-grow: 1;
width: 100%;
}
.accordion-example .br-list.horizontal > .header + .br-divider {
border-top: 1px solid var(--color-secondary-04);
width: 100%;
}
.accordion-example .br-list.horizontal > .br-item,
.accordion-example .br-list.horizontal > .group {
flex: 1;
height: auto;
min-height: 56px;
width: auto;
}
.accordion-example .br-list.horizontal > .br-item.one-line > .content,
.accordion-example .br-list.horizontal > .group.one-line > .content {
height: 56px;
}
.accordion-example .br-list.horizontal > .br-item.two-lines > .content,
.accordion-example .br-list.horizontal > .group.two-lines > .content {
height: 72px;
}
.accordion-example .br-list.horizontal > .br-item.three-lines > .content,
.accordion-example .br-list.horizontal > .group.three-lines > .content {
height: 6em;
}
.accordion-example .br-list.horizontal > .br-item + .br-divider,
.accordion-example .br-list.horizontal > .group + .br-divider {
border-right: 1px solid var(--color-secondary-04);
border-top: 0;
width: 1px;
}
.accordion-example .br-list.horizontal[data-toggle] > .br-item, .accordion-example .br-list.horizontal.toggle > .br-item {
display: block;
}
.accordion-example .br-list[data-one-line] .br-item, .accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item {
height: 2em;
}
.accordion-example .br-list[data-one-line] .br-item .content, .accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item .content {
height: auto;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: unset;
white-space: initial;
}
.accordion-example .br-list[data-two-lines] .br-item, .accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item {
height: 4em;
}
.accordion-example .br-list[data-two-lines] .br-item .content, .accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item .content {
height: auto;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: unset;
white-space: initial;
}
.accordion-example .br-list[data-three-lines] .br-item, .accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item {
height: 6em;
}
.accordion-example .br-list[data-three-lines] .br-item .content, .accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item .content {
height: auto;
overflow: hidden;
padding: 0 var(--spacing-scale-2x);
text-overflow: unset;
white-space: initial;
}
.checkgroup-example {
--checkbox-background: var(--bg-color);
--checkbox-color: var(--text-color);
--checkbox-font-weight: var(--font-weight-medium);
--checkbox-padding: var(--spacing-scale-base);
--checkbox-size: 24px;
--checkbox-line-height: 1.6em;
display: block;
line-height: 0px;
}
.checkgroup-example label {
color: var(--checkbox-color);
cursor: pointer;
display: inline-block;
font-weight: var(--checkbox-font-weight);
line-height: var(--checkbox-line-height);
min-height: var(--checkbox-size);
padding-left: calc(var(--checkbox-size) + var(--checkbox-padding));
position: relative;
}
.checkgroup-example label:empty {
padding-left: var(--checkbox-size);
}
.checkgroup-example.hidden-label label {
padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);
text-indent: -10000px;
white-space: nowrap;
width: 0;
}
.checkgroup-example.d-inline label {
padding-right: var(--spacing-scale-4x);
}
.checkgroup-example input {
opacity: 0;
position: absolute;
}
.checkgroup-example input:focus-visible:checked + label::before,
.checkgroup-example input:focus-visible + label::before, .checkgroup-example input.focus-visible:checked + label::before,
.checkgroup-example input.focus-visible + label::before {
border-color: var(--focus) !important;
box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
outline: none;
}
.checkgroup-example input:hover:not(:disabled) + label::before {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.checkgroup-example input:disabled + label {
cursor: not-allowed;
opacity: var(--disabled);
}
.checkgroup-example input:disabled + label * {
pointer-events: none;
}
.checkgroup-example input:disabled + label:hover::before {
background-image: none;
}
.checkgroup-example input + label {
align-items: flex-start;
cursor: pointer;
display: inline-block;
font-size: var(--font-size-scale-base);
font-weight: var(--font-weight-medium);
min-height: var(--spacing-scale-3x);
position: relative;
}
.checkgroup-example input + label::before {
background: var(--color-secondary-01, #fff);
border: 1px solid var(--color-secondary-04);
border-radius: 4px;
content: "";
height: var(--checkbox-size);
left: 0;
position: absolute;
width: var(--checkbox-size);
}
.checkgroup-example input + label:empty {
padding-left: var(--spacing-scale-3x);
}
.checkgroup-example input[indeterminate] {
color: var(--color-danger, #e52207);
}
.checkgroup-example input[indeterminate] + label::before {
background: var(--color-primary-lighten-01);
border-color: var(--color-primary-lighten-01);
}
.checkgroup-example input:checked + label::after {
border: solid var(--color-primary-lighten-01);
border-width: 0 3px 3px 0;
content: "";
height: var(--icon-size-sm);
left: 8px;
position: absolute;
top: 4px;
transform: rotate(45deg);
width: 8px;
}
.checkgroup-example input:checked[indeterminate] + label::after {
border-color: var(--color-secondary-01);
border-width: 0 0 3px;
top: 2px;
transform: none;
}
.checkgroup-example input:invalid + label::before {
border-color: var(--color-danger, #e52207);
border-width: 2px;
}
.checkgroup-example input:disabled + label::before {
box-shadow: none;
}
.checkgroup-example.is-small input[type=checkbox] + label, .checkgroup-example.small input[type=checkbox] + label, .checkgroup-example[small] input[type=checkbox] + label {
line-height: var(--spacing-scale-2xh);
min-height: var(--spacing-scale-2xh);
}
.checkgroup-example.is-small input[type=checkbox] + label::before, .checkgroup-example.small input[type=checkbox] + label::before, .checkgroup-example[small] input[type=checkbox] + label::before {
height: var(--spacing-scale-2xh);
width: var(--spacing-scale-2xh);
}
.checkgroup-example.is-small input[type=checkbox]:checked + label::after, .checkgroup-example.small input[type=checkbox]:checked + label::after, .checkgroup-example[small] input[type=checkbox]:checked + label::after {
border-width: 0 2px 2px 0;
height: var(--icon-size-sm);
left: 7px;
top: 6px;
width: 6px;
}
.checkgroup-example.is-small input[type=checkbox]:checked[indeterminate] + label::after, .checkgroup-example.small input[type=checkbox]:checked[indeterminate] + label::after, .checkgroup-example[small] input[type=checkbox]:checked[indeterminate] + label::after {
border-color: var(--color-secondary-01);
border-width: 0 0 3px;
top: 2px;
transform: none;
}
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before {
border-color: var(--color-danger, #e52207);
border-width: 2px;
}
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label::before,
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label::before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label::before,
.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label::before,
.checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label::before {
border-color: var(--color-danger, #e52207);
}
.checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before {
border-color: var(--color-danger, #e52207);
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox] + label::before {
border-color: var(--color-success, #168821);
border-width: 2px;
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label::before,
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label::before,
.checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked + label::before,
.checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus + label::before {
border-color: var(--color-success, #168821);
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label::before {
border-color: var(--color-success, #168821);
}
*[data-toggle=collapse]:not(:disabled):hover {
background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
*[data-toggle=collapse]:focus {
outline: none;
}
*[data-toggle=collapse].focus-visible, *[data-toggle=collapse]:focus-visible {
outline-color: var(--focus);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
}
/*# sourceMappingURL=dsgov.css.map*/